/* Two personal readings, kept compact above the working page. */
.account-timers-chips{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:10px 0}
.account-timer-chip{display:flex;align-items:center;gap:9px;min-width:245px;min-height:49px;padding:8px 11px;border:1px solid #806a414d;border-radius:5px;background:linear-gradient(110deg,#30271d99,#191a2166);color:#d8bb7c;text-align:left;box-shadow:inset 0 0 0 1px #d6b97d08;cursor:pointer}
.account-timer-chip:hover{border-color:#c39a54;background:linear-gradient(110deg,#48331e99,#26272e99)}
.account-timer-chip>svg{width:26px;height:28px;flex:none;filter:drop-shadow(0 2px 2px #0006)}
.account-timer-chip.timer-shield>svg{color:#9ebbd3}
.account-timer-label{display:flex;flex-direction:column;gap:1px;min-width:0}
.account-timer-label>strong{font-size:12px;line-height:1.35;font-weight:600;color:#e5d2ae}
.account-timer-label>small{font-size:10px;line-height:1.3;color:#a79c8b}
.account-timer-value{margin-left:auto;color:#eed39b;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.035em;white-space:nowrap}
.account-timer-pencil{color:#ad9368;font-size:14px}
.account-timer-chip.is-active .account-timer-label>small{color:#b3c58c}
.account-timer-chip.is-unknown{border-style:dashed}
.account-timer-chip.is-unknown .account-timer-value,.account-timer-chip.is-inactive .account-timer-value{color:#8f8474}
.account-timer-chip.is-expired{border-color:#a858485e;background:linear-gradient(110deg,#48282566,#211a2066)}
.account-timer-chip.is-expired .account-timer-label>small,.account-timer-chip.is-expired .account-timer-value{color:#e3a092}
.account-timer-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 30px);overflow:auto;padding:0;border:1px solid #a58650;border-radius:6px;background:#1d1a20;color:#e4d6bf;box-shadow:0 20px 70px #000a}
.account-timer-dialog::backdrop{background:#08070cc9;backdrop-filter:blur(4px)}
.account-timer-dialog .dialog-heading{margin:0;display:flex;align-items:center}
.account-timer-dialog .dialog-heading h2{font-size:19px}
.account-timer-dialog .dialog-body{padding:21px 23px 13px}
.account-timer-enabled{display:flex;align-items:center;gap:9px;color:#e2cb9c;font-size:14px;cursor:pointer}
.account-timer-enabled input{width:17px;height:17px;accent-color:#c6a45e}
.account-timer-help{margin:13px 0;color:#b7aa97;font-size:12px;line-height:1.6}
.account-timer-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0;min-width:0}
.account-timer-fields label{display:block;min-width:0;color:#c6b597;font-size:12px}
.account-timer-fields label>span{display:block;margin:0 0 5px}
.account-timer-fields input{box-sizing:border-box;width:100%;min-width:0;height:44px;padding:7px 9px;border:1px solid #80613c;border-radius:4px;background:#15161c;color:#f3dfb7;font-size:20px;font-variant-numeric:tabular-nums;text-align:center}
.account-timer-fields:disabled{opacity:.4}
.account-timer-error{margin:12px 0 0;color:#e3a092;font-size:12px;line-height:1.55}
.account-timer-error:empty{display:none}
.account-timer-dialog .dialog-footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 23px;border-top:1px solid #73573555}
.account-timer-dialog .dialog-footer .button{min-width:90px;width:auto}
@media(max-width:620px){.account-timers-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.account-timer-chip{min-width:0;min-height:57px;flex-wrap:wrap;gap:4px 6px;padding:8px}.account-timer-chip>svg{width:20px;height:23px}.account-timer-label{flex:1}.account-timer-label>strong{font-size:11px}.account-timer-value{margin-left:26px;font-size:12px;line-height:1.2}.account-timer-pencil{margin-left:auto;font-size:12px}.account-timer-dialog .dialog-body{padding:18px 16px 12px}.account-timer-dialog .dialog-heading h2{font-size:17px;padding-inline:25px}.account-timer-fields{gap:6px}.account-timer-fields label{font-size:11px}.account-timer-fields input{font-size:18px;padding-inline:4px}.account-timer-dialog .dialog-footer{padding:13px 16px}}
@media(max-width:620px){.account-timer-chip{display:grid;grid-template-columns:20px minmax(0,1fr) 14px;grid-template-rows:auto auto;min-height:64px;gap:2px 6px}.account-timer-chip>svg{grid-column:1;grid-row:1 / span 2}.account-timer-label{grid-column:2;grid-row:1}.account-timer-value{grid-column:2 / -1;grid-row:2;margin:0;justify-self:start;font-size:12px}.account-timer-pencil{grid-column:3;grid-row:1;margin:0;align-self:start}}