/* Command palette geometry from UseTimer App v2.dc.html. Native dialog supplies
   modal focus containment; all resources stay on this origin. */
:root {
 --command-width:560px;
 --command-radius:28px;
 --command-search-radius:20px;
 --command-blur:blur(30px) saturate(160%);
 --command-shadow:0 40px 80px -30px rgba(10,15,30,.55);
}
#commandOpen {display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:var(--s-6)}
#commandOpen svg {width:18px;height:18px}
#commandDialog {
 inset:0;
 margin:12vh auto auto;
 width:min(var(--command-width),calc(100vw - 32px));
 max-height:76dvh;
 padding:var(--s-5);
 border:1px solid var(--glass-brd);
 border-radius:var(--command-radius);
 background:var(--glass-2);
 backdrop-filter:var(--command-blur);
 color:var(--ink);
 box-shadow:var(--command-shadow);
 overflow:hidden;
 font-family:var(--font);
}
#commandDialog::backdrop {background:var(--overlay);backdrop-filter:blur(6px)}
.command-search-row {display:flex;align-items:center;gap:var(--s-6);min-height:54px;padding:0 var(--s-8);border:1px solid var(--card-brd);border-radius:var(--command-search-radius);background:var(--card)}
#commandSearch {flex:1;min-width:0;min-height:44px;border:0;border-radius:var(--r-xs);padding:var(--s-6) 0;background:transparent;color:var(--ink);font-family:var(--font);font-size:var(--fs-lg)}
#commandSearch::placeholder {color:var(--ink2);opacity:1}
#commandClose {min-width:44px;min-height:44px;border:1px solid var(--line-2);border-radius:var(--r-xs);background:var(--btn);color:var(--ink2);font-family:var(--font);cursor:pointer}
#commandList {display:flex;flex-direction:column;gap:var(--s-1);max-height:50vh;overflow:auto;padding:var(--s-4) var(--s-1) var(--s-1)}
#commandDialog .command-option {display:flex;align-items:center;gap:var(--s-6);min-height:48px;flex-shrink:0;width:100%;padding:var(--s-6) var(--s-7);border:0;border-radius:var(--r-md);background:transparent;color:var(--ink);text-align:start;font-family:var(--font);font-size:14px;cursor:pointer}
#commandDialog .command-option[aria-selected="true"],#commandDialog .command-option:hover {background:var(--row-h)}
#commandDialog .command-option[aria-disabled="true"] {opacity:.5;cursor:not-allowed}
#commandDialog :focus-visible {outline:3px solid var(--ink);outline-offset:2px}
.command-icon {display:inline-block;flex-shrink:0;width:18px;height:18px;background:var(--ink2);mask-size:contain;mask-repeat:no-repeat;mask-position:center}
.command-icon[data-icon="timer"] {mask-image:url('/icons/timer.svg')}
.command-icon[data-icon="timesheet"] {mask-image:url('/icons/timesheet.svg')}
.command-icon[data-icon="reports"] {mask-image:url('/icons/reports.svg')}
.command-icon[data-icon="projects"] {mask-image:url('/icons/projects.svg')}
.command-icon[data-icon="team"] {mask-image:url('/icons/team.svg')}
.command-icon[data-icon="imports"] {mask-image:url('/icons/imports.svg')}
.command-icon[data-icon="play"] {mask-image:url('/icons/play.svg')}
.command-icon[data-icon="stop"] {mask-image:url('/icons/stop.svg')}
.command-icon[data-icon="pause"] {mask-image:url('/icons/pause.svg')}
.command-icon[data-icon="resume"] {mask-image:url('/icons/resume.svg')}
.command-icon[data-icon="plus"] {mask-image:url('/icons/plus.svg')}
.command-icon[data-icon="sync"] {mask-image:url('/icons/sync.svg')}
.command-icon[data-icon="refresh"] {mask-image:url('/icons/refresh.svg')}
#commandEmpty {padding:var(--s-8);color:var(--ink2);font-size:var(--fs-lg)}
.command-help {margin:var(--s-4) var(--s-8);color:var(--ink2);font-size:var(--fs-sm)}
@media(max-width:760px) {#commandDialog {margin-top:8vh;max-height:80dvh}}
@media(prefers-reduced-motion:reduce) {#commandDialog,#commandDialog * {transition:none!important;animation:none!important;scroll-behavior:auto!important}}