/* Layout layers: page < directory < assistant < business dialog < notification. */
:root{--ui-vh:100dvh;--ui-vtop:0px}
.page-index-desktop{z-index:200}
.page-index-fab.available{z-index:210}
.page-index-overlay{z-index:16000}
.global-ai-backdrop{z-index:18000}
.global-ai-panel{z-index:18010;top:var(--ui-vtop);bottom:auto;height:var(--ui-vh);overflow:hidden;overscroll-behavior:contain}
.global-ai-panel>.global-ai-head,.global-ai-panel>.global-ai-context,.global-ai-panel>.global-ai-prompts,.global-ai-panel>.global-ai-compose{flex-shrink:0}
.global-ai-panel>.global-ai-results{min-height:0;overscroll-behavior:contain}
.global-ai-panel.ai-compact>.global-ai-head{padding:8px 12px}
.global-ai-panel.ai-compact .global-ai-head small,.global-ai-panel.ai-compact>.global-ai-context,.global-ai-panel.ai-compact>.global-ai-prompts{display:none}
.global-ai-panel.ai-compact>.global-ai-results{padding:0 12px}
.global-ai-panel.ai-compact>.global-ai-compose{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:42px 42px;padding:8px 12px;gap:6px}
.global-ai-panel.ai-compact .global-ai-compose textarea{grid-column:1;grid-row:1 / 3;min-height:0;height:100%;max-height:none;resize:none;font-size:16px}
.global-ai-panel.ai-compact #globalAIDraft{grid-column:2;grid-row:1}
.global-ai-panel.ai-compact #globalAIAsk{grid-column:2;grid-row:2}
.global-ai-panel.ai-compact .global-ai-compose button{min-height:42px;min-width:72px}
.ui-business-layer{z-index:var(--ui-layer,20000)!important}
body.ui-overlay-open{overflow:hidden}
body.ui-assistant-open .page-index-desktop,body.ui-assistant-open .page-index-fab,
body.ui-business-open .page-index-desktop,body.ui-business-open .page-index-fab,
body.ui-business-open .global-ai-panel,body.ui-business-open .global-ai-backdrop,
body.ui-business-open .global-ai-launcher,body.ui-overlay-open .pwa-install-banner,
body.ui-overlay-open .warehouse-thumb-back,body.ui-overlay-open .mobile-bottom-nav{visibility:hidden!important;pointer-events:none!important}
.ui-image-overlay{position:fixed;inset:0;background:#0f172aaa;padding:16px;display:flex;align-items:center;justify-content:center}
.ui-image-overlay section{width:min(1100px,100%);height:calc(var(--ui-vh) - 32px);display:flex;flex-direction:column;background:white;border-radius:12px;overflow:hidden}
.ui-image-overlay header,.ui-image-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}
.ui-image-controls{justify-content:flex-start}.ui-image-controls span{font-size:12px;color:#64748b}
.ui-image-overlay button{padding:8px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer}
.ui-image-canvas{overflow:auto;flex:1;min-height:0;padding:12px;background:#e2e8f0}
.ui-image-canvas img{display:block;width:100%;max-width:none;transform-origin:center center;margin:auto}
.document-image-view{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden;background:#f8fafc}
.document-image-view .ui-image-controls{flex:none;padding:8px;gap:6px;background:#fff}
.document-image-view .ui-image-controls button{min-height:40px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#243550;cursor:pointer;font:inherit;font-size:13px}
.document-image-view .ui-image-controls button:focus-visible{outline:2px solid #6155db;outline-offset:1px}
.document-image-view output{font-size:12px;color:#475569;white-space:nowrap}
.document-image-view .ui-image-canvas{flex:auto;height:clamp(300px,60vh,780px);padding:12px;box-sizing:border-box;overscroll-behavior:contain;direction:ltr}
.document-image-stage{position:relative;margin:auto}
.document-image-view .document-image-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;margin:0;border-radius:0;box-shadow:none;transform-origin:center}
.ui-image-overlay .document-image-view{flex:1;border:0;border-radius:0}
.ui-image-overlay .ui-image-canvas{height:0;flex:1}
.mr-original:has(.document-image-view){min-width:0}
.mr-source-readonly .document-image-view .ui-image-canvas{height:65vh}
@media(min-width:1000px){
 .mr-dialog:has(.document-image-view){width:min(1600px,100%)!important;max-width:1600px}
 .mr-content:has(.document-image-view){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:700px){
 .global-ai-compose{grid-template-columns:minmax(0,1fr) auto}
 .global-ai-compose textarea{grid-column:1 / -1;min-height:50px;font-size:16px;resize:none}
 .global-ai-compose button{min-height:42px}
 .ui-business-layer{top:var(--ui-vtop)!important;bottom:auto!important;height:var(--ui-vh)!important;box-sizing:border-box}
 .ui-image-overlay{padding:4px}.ui-image-overlay section{height:100%}
}
@media print{.page-index-desktop,.page-index-fab,.global-ai-panel,.global-ai-launcher{display:none!important}.app-body{padding-right:0}}
/* Business workspaces use the full width; no duplicate directory rail. */
@media screen and (min-width:769px){
 .app-body>.container{flex:1;padding-left:24px;padding-right:24px}
 .track-toolbar{padding:14px 16px;background:var(--card-bg,#fff);border:1px solid var(--line,#e2e8f0);border-radius:12px;gap:8px}
 .track-filters{margin-left:auto;gap:8px}
 #trackSearch{width:240px!important}
 .track-overview{padding-top:16px;padding-bottom:16px}
 .track-overview .card-title{margin-bottom:12px;padding-bottom:10px}
}
@media screen and (max-width:768px){
 .track-toolbar{padding:12px;background:var(--card-bg,#fff);border:1px solid var(--line,#e2e8f0);border-radius:10px}
 .track-filters{flex:1 1 100%;width:100%;margin-top:8px}
 .track-filters #trackSearch{flex:1;min-width:0;width:100%!important}
 .track-filters #trackFilter{flex:none}
}