.home-time-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;margin:1rem 0;border:1px solid #4ba6ff;border-radius:12px;background:var(--surface)}
.home-time-card h2{margin:0 0 .35rem}.home-time-card p{margin:0}.home-time-card .button{min-height:44px;white-space:normal}
/* Inset treatments do not change geometry. Hover, keyboard focus, selection and disabled remain distinct. */
.settings-menu .data-menu-panel button,.settings-menu>summary{transition:background-color .12s,box-shadow .12s}
[data-theme=dark] .settings-menu .data-menu-panel button:hover:not(:disabled),[data-theme=dark] .settings-menu>summary:hover{background:#123e68;color:#fff;box-shadow:inset 0 0 0 2px #61b5ff}
[data-theme=light] .settings-menu .data-menu-panel button:hover:not(:disabled),[data-theme=light] .settings-menu>summary:hover{background:#d9ecff;color:#102840;box-shadow:inset 0 0 0 2px #0759c9}
.settings-menu .data-menu-panel button:focus-visible,.settings-menu>summary:focus-visible{outline:3px solid #d99a00;outline-offset:3px}
[data-theme=dark] .settings-menu .data-menu-panel button:focus-visible,[data-theme=dark] .settings-menu>summary:focus-visible{outline-color:#ffd166}
.settings-menu[open]>summary{box-shadow:inset 0 -3px 0 #4ba6ff}.settings-menu .data-menu-panel button[aria-current=page]{box-shadow:inset 4px 0 0 #4ba6ff;font-weight:700}
.settings-menu .data-menu-panel button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
@media(max-width:640px){.home-time-card{align-items:stretch;flex-direction:column}.home-time-card .button{width:100%}}