
/* v22 precision / layout fixes */
#timersHeading{display:inline-flex!important;align-items:center!important;gap:6px!important}
#timerSecondsBtn.v22-title-eye{width:27px!important;height:27px!important;min-width:27px!important;margin-left:2px!important;vertical-align:middle!important}
#timerSecondsBtn.v22-title-eye svg{width:16px!important;height:16px!important}
#timeFormatBtn{font-size:9px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.2px!important}
#timeFormatBtn.active{background:var(--text)!important;color:var(--surface)!important;border-color:var(--text)!important}
#recurLocalHistory .icon-btn{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border-strong)!important;opacity:1!important}
#recurLocalHistory .icon-btn:disabled{opacity:.38!important;color:var(--muted)!important;background:var(--surface)!important}
.recur-text-tools{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;grid-template-columns:none!important}
.recur-text-tools>.text-btn,.recur-text-tools>a{flex:0 0 auto!important;width:auto!important;min-width:0!important;justify-content:center!important;text-align:center!important;padding-left:10px!important;padding-right:10px!important;font-size:12px!important;line-height:1.2!important}
.recur-gpt-btn{order:2!important;font-size:12px!important;font-weight:750!important;gap:7px!important}
#simpleRecurrenceBuilderBtn{order:1!important;font-size:12px!important}
#recurVisualizeBtn{order:3!important;font-size:12px!important}
.recur-gpt-btn .chatgpt-official-logo{display:block!important;width:19px!important;height:19px!important;flex:0 0 19px!important;border-radius:4px!important}
.recur-now-btn{font-size:12px!important;font-weight:850!important;padding:5px 8px!important;min-width:max-content!important}
.io-modal .modal-card{width:min(560px,calc(100vw - 24px))!important;height:min(94vh,850px)!important;max-height:min(94vh,850px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.io-modal .modal-head,.io-modal .backup-mode-row,.io-modal .io-grid,.io-modal .io-divider,.io-modal .backup-save-row{flex:0 0 auto!important}
.io-modal #backupGrid{flex:1 1 auto!important;min-height:110px!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px!important;align-content:start!important}
.io-modal .backup-card{position:relative!important;flex:0 0 auto!important;min-height:58px!important;height:auto!important;margin:0!important;overflow:visible!important}
.io-modal .backup-card-main{min-width:0!important}
.io-modal .backup-card-actions{flex:0 0 auto!important}
.v22-backup-capacity-warning{font-size:11px;line-height:1.35;color:#c89022;background:rgba(212,168,45,.10);border:1px solid rgba(212,168,45,.38);border-radius:8px;padding:7px 9px;margin-top:7px}
.v21-builder-card{overflow:hidden!important}
.v21-builder-layout{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding-right:3px!important}
.v21-builder-grid>*{min-width:0!important}
.v21-builder-dynamic{min-width:0!important;overflow-x:hidden!important}
.v21-year-rows{max-height:min(35vh,320px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px!important}
.v21-year-row{grid-template-columns:minmax(120px,.9fr) minmax(170px,1.4fr) 34px!important;min-width:0!important;width:100%!important}
.v21-year-row>*{min-width:0!important}
.v22-builder-slot-btn{width:auto!important;max-width:100%;white-space:normal;text-align:left}
.v22-builder-slot-summary{font-size:10px;color:var(--muted);line-height:1.35;margin-top:4px}
.v22-builder-hint{font-size:10px;color:var(--muted);line-height:1.4}
.v22-builder-no-x{overflow-x:hidden!important}
.v21-multi-option{min-width:0!important}
.v21-multi-option span{overflow-wrap:anywhere}
.help-modal-search{flex:1 1 320px;max-width:440px;margin-left:auto;margin-right:8px;position:relative}
.help-modal-search input{width:100%;height:34px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface-2);color:var(--text);padding:6px 10px;font:inherit;font-size:12px;outline:none}
.help-modal-search input:focus{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 20%,transparent)}
#helpModal details.help-group.tutorial-search-match{outline:2px solid rgba(236,196,55,.78);outline-offset:1px;border-radius:10px;background:rgba(236,196,55,.07)}
#helpModal mark.tutorial-search-hit{background:#ffe66a;color:#111;border-radius:2px;padding:0 1px}
@media(max-width:760px){.recur-text-tools{justify-content:flex-end!important}.recur-text-tools>*{flex:0 0 auto!important}.help-modal-search{order:3;flex-basis:100%;max-width:none;margin:6px 0 0}}
