/* Final IFCO BFF shell. Domain-specific tables/forms remain in admin.css. */
@media screen {
html{font-size:16px}body{display:block;font:14px system-ui,sans-serif}
#sidebar{position:fixed;inset:0 auto 0 0;width:248px;height:100dvh;padding:16px;display:flex;flex-direction:column;overflow:auto;background:#20282b}
.brand-lockup{display:block;padding:0 0 12px;border-bottom:1px solid #ffffff26}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-row img{width:84px;height:60px;object-fit:contain}
#sidebar .brand-lockup p{display:block;color:#c8df40;font-size:13px;margin:4px 0 0}
.sidebar-tools{display:flex;gap:4px}#sidebar .sidebar-tools button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:6px;color:#dce5e9;background:transparent;border:1px solid #ffffff35;border-radius:7px}
#sidebar .sidebar-tools button:is(:hover,:focus-visible){color:#005b70;background:#e7f4f7;border-color:#8ac6d5}#sidebar .sidebar-tools button:active{color:#00495a;background:#c5e5ed}
#sidebar .sidebar-tools svg{width:18px;height:18px}
#sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:12px}#sidebar nav button,#sidebar .admin-sidebar-footer button{font-size:14px;font-weight:650;min-height:44px;gap:14px;padding:11px 12px;border:0;border-radius:7px}
#sidebar nav svg,#sidebar .admin-sidebar-footer svg{width:19px;height:19px}
.workspace{margin-left:0;width:100%;min-width:0}body.sidebar-pinned .workspace{margin-left:248px;width:calc(100% - 248px)}
.sticky-header{position:sticky;top:0;z-index:50;background:white}.app-header{min-height:64px;height:auto;padding:10px 16px;gap:12px;display:flex;align-items:center}
.view-heading{flex:1;min-width:0}.app-header h2{font-size:20px;letter-spacing:0;line-height:1.2;margin:0 0 3px}.app-header .description{font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-tools{display:flex;align-items:center;gap:12px}.header-divider{height:26px;border-left:1px solid #d2dee3}.app-header .icon-button{height:36px;width:36px;min-height:36px;padding:7px}.app-header #create{min-height:34px;white-space:nowrap}
main{max-width:none;padding:16px;margin:0}#status:empty{display:none}.kpi-grid{gap:12px;margin-bottom:12px}.kpi-card{padding:16px;min-height:90px;gap:12px}.dashboard-panels{gap:12px}.panel{padding:16px}th{padding:10px 14px}td{padding:8px 14px}.event-row,.result-row{padding:10px 0}h3{margin-bottom:16px}
#sidebar-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:min(288px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;background:#20282b;overflow:auto}
#sidebar-dialog #sidebar{position:static;width:100%;height:100dvh}body.sidebar-modal{overflow:hidden}
#drawer{max-width:100vw;width:520px;max-height:100dvh;border:0}#drawer .heading{margin-bottom:20px}#drawer h2{font-size:23px}#drawer #close{width:36px;height:36px;min-height:36px}
.language-selector{position:relative}.language-selector summary{list-style:none;border:1px solid #d2dee3;border-radius:7px;cursor:pointer}.language-selector summary::-webkit-details-marker{display:none}.language-selector summary:hover{background:#e7f4f7}.language-selector summary:focus-visible{outline:2px solid #08748b;outline-offset:3px}
.language-options{position:absolute;right:0;top:44px;width:244px;padding:8px;background:white;border:1px solid #d2dee3;border-radius:7px;box-shadow:0 8px 24px #20282b26;z-index:60}.language-options button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px}.language-options button+button{margin-top:4px}
@media(max-width:1100px){body.sidebar-pinned .workspace{margin:0;width:100%}.app-header{flex-wrap:wrap}.view-heading{flex-basis:calc(100% - 52px)}.header-tools{margin-left:auto}.dashboard-panels{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:12px}.app-header{padding:10px 12px;gap:8px}.app-header .description{white-space:normal}.kpi-grid{grid-template-columns:1fr}.header-tools{gap:8px}}
}