/* ext_ux — styles for webapp/ext_ux.js (only x-ux-* classes) */
.x-ux-acts { margin-top: 10px; }
.x-ux-acts .btn svg { width: 17px; height: 17px; }
.x-ux-ico { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; font-size: 19px; flex: none; background: var(--soft); }
.x-ux-exp { gap: 10px; }
.x-ux-months { display: flex; gap: 6px; flex: none; }
.x-ux-months .btn.small { padding: 6px 10px; font-size: 13px; min-height: 34px; }
.x-ux-dl { flex: none; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: var(--accent); background: var(--soft); font-weight: 700; }
.x-ux-note { margin-left: 4px; font-size: 13px; }
.x-ux-warn { color: var(--danger); }
.x-ux-link .main .t { color: var(--link); }
@media (max-width: 360px) { .x-ux-exp .main .s { display: none; } }