.topbar-command-search { position: relative; }
.ops-search-results { position: absolute; top: calc(100% + 6px); left: 0; width: max(100%, 220px); max-width: calc(100vw - 32px); z-index: 1200; padding: 6px; border: 1px solid #334155; border-radius: 12px; background: #0f172a; box-shadow: 0 16px 32px #0006; }
.ops-search-results[hidden] { display: none; }
.ops-search-results a { display: block; padding: 10px 12px; color: #e2e8f0; text-decoration: none; border-radius: 8px; }
.ops-search-results a:hover, .ops-search-results a:focus { background: #1e3a5f; outline: 2px solid #60a5fa; }
.ops-search-results p { margin: 8px; color: #cbd5e1; }
.item-save-feedback { margin-top: 8px; font-size: 12px; color: #fcd34d; }
.item-save-feedback[hidden], .item-save-feedback button[hidden] { display: none; }
.item-save-feedback button { border: 1px solid #fcd34d; border-radius: 8px; background: #422006; color: #fef3c7; padding: 7px 10px; cursor: pointer; }
[data-save-state="error"] { outline: 2px solid #f59e0b; outline-offset: 2px; }
@media (min-width: 1101px) {
    body.ops-compact-shell .main-content > .topbar { display: none !important; }
    body.ops-compact-shell .sidebar .nav { padding-bottom: 18px !important; }
    body.maintenance-compact-shell .main-content { min-height: 100vh !important; }
    .ops-page-controls { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-left: auto; }
    .page-content .command-bar, .page-content .labor-hero { overflow: visible !important; }
    .page-content .command-bar-right { flex-wrap: wrap; }
    /* Blurred headers create a stacking context: lift the header itself so
       search results paint above later dashboard panels, below modal layers. */
    .page-content .command-bar:focus-within,
    .page-content .labor-hero:focus-within,
    .ops-controls-toolbar:focus-within,
    .page-content .ops-search-open { position: relative; z-index: 50; }
    .ops-controls-toolbar { padding: 10px 14px; margin-bottom: 14px; border: 1px solid #334155; border-radius: 14px; background: #0f172a; }
    .labor-hero { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
    .labor-hero .labor-eyebrow { display: none; }
    .ops-page-controls .topbar-command-search { width: 170px; min-width: 0; flex: 0 1 170px; }
    .ops-page-controls .topbar-command-search input { width: 100%; min-width: 0; box-sizing: border-box; }
    .ops-page-controls .topbar-command-search kbd { display: none; }
    .ops-page-controls .topbar-user-pill { min-height: 36px; padding: 4px 10px; gap: 8px; border-radius: 10px; }
    .ops-page-controls .topbar-avatar { width: 26px; height: 26px; font-size: 11px; }
    .ops-page-controls .topbar-user-meta strong { max-width: 110px; font-size: 12px; }
    .ops-page-controls .topbar-user-meta span { display: none; }
    .ops-page-controls .topbar-logout { padding: 8px 12px; border-radius: 10px; font-size: 12px; }
    .ops-page-controls .topbar-admin-gear { width: 36px; height: 36px; flex: 0 0 36px; }
}
