/* Shared dashboard application shell */
:root{--shell-max:1900px;--shell-gutter:16px}
.app-shell{width:100%;min-height:100vh}
.top-header{width:100%;padding-left:max(var(--shell-gutter),calc((100vw - var(--shell-max))/2 + var(--shell-gutter)));padding-right:max(var(--shell-gutter),calc((100vw - var(--shell-max))/2 + var(--shell-gutter)))}
.dashboard-container,.shared-content{width:calc(100% - (var(--shell-gutter) * 2));max-width:var(--shell-max);margin-left:auto;margin-right:auto}
.page-breadcrumb,.shared-breadcrumb{width:calc(100% - (var(--shell-gutter) * 2))!important;max-width:var(--shell-max);margin:0 auto!important;padding:0!important}
.shared-dashboard-header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.94);border-bottom:1px solid #d9e7ee;box-shadow:0 2px 14px rgba(31,76,98,.045);position:sticky;top:0;z-index:50}
.shared-dashboard-header .brand-area,.shared-dashboard-header .header-actions{display:flex;align-items:center;gap:9px}.shared-dashboard-header .brand-logo-wrap{width:142px;height:40px;display:flex;align-items:center}.shared-dashboard-header .brand-logo{width:136px;max-height:32px;object-fit:contain}.shared-dashboard-header h1{font-size:18px;margin:0;color:#111827}.shared-dashboard-header p{font-size:10px;margin:3px 0 0;color:#667085}
.shared-dashboard-header .refresh-info{display:flex;flex-direction:column;align-items:flex-end;font-size:10px;color:#667085;border:1px solid #d9e7ee;border-radius:18px;padding:6px 11px;background:#fff}.shared-dashboard-header .refresh-label{font-size:8px;text-transform:uppercase}.shared-dashboard-header .theme-toggle{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #d9e7ee;border-radius:18px;background:#fff;color:#111827;font-size:10px;font-weight:750;cursor:pointer}.shared-dashboard-header .button{height:34px;padding:0 12px;border-radius:10px;border:0;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:4px}.shared-dashboard-header .button-primary{background:#0796d2;color:#fff}.shared-dashboard-header .button-secondary{background:#fff;border:1px solid #d9e7ee;color:#111827}.shared-dashboard-header .button:disabled{opacity:.45;cursor:not-allowed}.shared-dashboard-header .user-menu{display:flex;align-items:center;gap:8px;padding-left:9px;border-left:1px solid #d9e7ee}.shared-dashboard-header .user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8f5fb;color:#078ac4;font-weight:800}.shared-dashboard-header .user-meta{display:flex;flex-direction:column;max-width:150px}.shared-dashboard-header .user-meta span{font-size:10px;font-weight:750}.shared-dashboard-header .user-meta small{font-size:8px;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shared-breadcrumb{height:40px;display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#667085;font-size:11px}.shared-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:#667085;text-decoration:none;font-weight:650}.shared-breadcrumb a:hover{color:#0796d2}.breadcrumb-separator{font-size:17px;opacity:.65}
.workspace-dashboard-page{margin:0;background:radial-gradient(circle at 10% 0%,rgba(91,210,238,.11),transparent 26%),linear-gradient(180deg,#f7fcfe 0%,#f2f9fc 100%);color:#111827}
.workspace-dashboard-page .placeholder-main{min-height:calc(100vh - 114px)}
html[data-theme="dark"] .workspace-dashboard-page{background:#0d1821;color:#f4f8fb}html[data-theme="dark"] .shared-dashboard-header{background:#111e29;border-color:#29404f}html[data-theme="dark"] .shared-dashboard-header h1{color:#f4f8fb}html[data-theme="dark"] .shared-dashboard-header p,html[data-theme="dark"] .shared-dashboard-header .refresh-info,html[data-theme="dark"] .shared-dashboard-header .user-meta small{color:#9fb3c1}html[data-theme="dark"] .shared-dashboard-header .refresh-info,html[data-theme="dark"] .shared-dashboard-header .theme-toggle,html[data-theme="dark"] .shared-dashboard-header .button-secondary{background:#13222d;border-color:#29404f;color:#f4f8fb}html[data-theme="dark"] .shared-dashboard-header .user-menu{border-color:#29404f}html[data-theme="dark"] .shared-dashboard-header .brand-logo{content:url("../assets/intellicar-logo-dark.svg")}html[data-theme="dark"] .shared-breadcrumb,html[data-theme="dark"] .shared-breadcrumb a{color:#9fb3c1}
@media(max-width:1366px){:root{--shell-gutter:12px}.shared-dashboard-header .brand-logo-wrap{width:118px}.shared-dashboard-header .brand-logo{width:112px}.shared-dashboard-header h1{font-size:16px}.shared-dashboard-header .header-actions{gap:6px}.shared-dashboard-header .user-meta{max-width:115px}}
@media(max-width:1100px){.shared-dashboard-header{height:auto;min-height:74px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.shared-dashboard-header .header-actions{flex-wrap:wrap;justify-content:flex-end}.shared-dashboard-header .user-meta{display:none}}
@media(max-width:760px){:root{--shell-gutter:10px}.shared-dashboard-header .refresh-info{display:none}.shared-dashboard-header .brand-area>div:last-child p{display:none}.shared-dashboard-header .brand-logo-wrap{width:100px}.shared-dashboard-header .brand-logo{width:96px}.shared-dashboard-header h1{font-size:14px}.shared-dashboard-header .button{padding:0 9px}.shared-dashboard-header .user-menu{padding-left:5px}}