/* Chapinter Enterprise UI — authenticated workspace only */
body[data-app-shell="1"]{--ui-navy:#062337;--ui-navy-2:#0a3a4d;--ui-teal:#0aa998;--ui-teal-dark:#08766d;--ui-ink:#102f42;--ui-muted:#5f7683;--ui-line:#d5e2e7;--ui-soft:#f4f8f9;--ui-bg:#edf3f5;--ui-white:#fff;min-height:100vh;background:linear-gradient(180deg,#eaf2f4 0,#f5f8f9 420px);color:var(--ui-ink);font-size:16px;line-height:1.55}
body[data-app-shell="1"] .topbar{min-height:72px;padding:13px max(24px,calc((100vw - 1480px)/2));background:linear-gradient(110deg,#041a2a,#07364a 72%,#075c58);border:0;box-shadow:0 3px 18px rgba(2,23,38,.2)}
body[data-app-shell="1"] .topbar>div{display:flex;align-items:baseline;gap:8px}body[data-app-shell="1"] .topbar strong{font-size:17px;color:#fff}body[data-app-shell="1"] .topbar span{font-size:13px;color:#b7d0d9}body[data-app-shell="1"] .topbar .nav-link{min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:9px 14px;font-size:13px;font-weight:800;color:#e9fffb;text-decoration:none}
body[data-app-shell="1"] .workspace-nav{height:64px;padding:0 24px;background:rgba(255,255,255,.97);border-bottom:1px solid #d5e1e6;box-shadow:0 5px 20px rgba(12,48,65,.07);backdrop-filter:blur(12px)}body[data-app-shell="1"] .workspace-nav-inner{max-width:1480px}body[data-app-shell="1"] .workspace-nav-inner>a,body[data-app-shell="1"] .workspace-primary>a,body[data-app-shell="1"] .workspace-menu-button{min-height:64px;padding:0 18px;font-size:13px;font-weight:800}body[data-app-shell="1"] .workspace-menu-button{border-left:1px solid #e3ebee;border-right:1px solid #e3ebee}
body[data-app-shell="1"] .workspace-more{top:calc(100% + 10px);width:min(800px,calc(100vw - 32px));padding:9px;border-radius:18px;box-shadow:0 28px 70px rgba(4,31,48,.25)}body[data-app-shell="1"] .workspace-more section{padding:20px}body[data-app-shell="1"] .workspace-more a{min-height:43px;align-items:center;font-size:14px}
body[data-app-shell="1"] .shell{width:100%;max-width:1480px;margin:auto;padding:34px 34px 80px}body[data-app-shell="1"] main>.environment-badge{margin:0 0 14px auto}body[data-app-shell="1"] h1{font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.045em;color:#07283c}body[data-app-shell="1"] h2{font-size:clamp(21px,2vw,28px);line-height:1.18;letter-spacing:-.025em}body[data-app-shell="1"] h3{font-size:18px}body[data-app-shell="1"] p{line-height:1.65}body[data-app-shell="1"] .eyebrow,body[data-app-shell="1"] .panel-kicker{font-size:12px;letter-spacing:.14em;color:#08786e}body[data-app-shell="1"] .muted{color:var(--ui-muted)}
body[data-app-shell="1"] .page-hero,body[data-app-shell="1"] .module-hero{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 0 22px;padding:36px 40px;border:1px solid #cee0e4;border-radius:24px;background:radial-gradient(circle at 92% 15%,rgba(10,169,152,.15),transparent 27%),linear-gradient(128deg,#fff 0,#f7fcfc 62%,#e5f6f3 100%);box-shadow:0 16px 45px rgba(9,48,66,.075)}body[data-app-shell="1"] .page-hero h1,body[data-app-shell="1"] .module-hero h1{margin:.12em 0 .2em}body[data-app-shell="1"] .page-hero .muted,body[data-app-shell="1"] .module-hero .muted{max-width:780px;font-size:16px}body[data-app-shell="1"] .page-actions,body[data-app-shell="1"] .hero-actions,body[data-app-shell="1"] .top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body[data-app-shell="1"] .panel,body[data-app-shell="1"] .card{border:1px solid var(--ui-line);background:#fff;box-shadow:0 10px 32px rgba(8,43,60,.055)}body[data-app-shell="1"] .panel{margin:20px 0;padding:28px;border-radius:20px}body[data-app-shell="1"] .card{border-radius:16px;padding:20px}body[data-app-shell="1"] .panel-heading,body[data-app-shell="1"] .section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}body[data-app-shell="1"] .panel-heading h2,body[data-app-shell="1"] .section-heading h2{margin:.15em 0}
body[data-app-shell="1"] .grid,body[data-app-shell="1"] .dashboard-grid{gap:18px;margin:22px 0}body[data-app-shell="1"] .metric-strip{gap:14px}body[data-app-shell="1"] .metric-strip>*,body[data-app-shell="1"] .metric-card{min-height:105px;padding:20px;border-radius:17px}body[data-app-shell="1"] .metric{font-size:42px;line-height:1}
body[data-app-shell="1"] button,body[data-app-shell="1"] .button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:11px;border:1px solid transparent;background:linear-gradient(135deg,#12b8a6,#08a492);color:#052e2b;font-size:14px;font-weight:850;line-height:1.2;text-decoration:none;box-shadow:0 7px 18px rgba(8,155,139,.16);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}body[data-app-shell="1"] button:hover,body[data-app-shell="1"] .button:hover{transform:translateY(-1px);box-shadow:0 10px 23px rgba(8,130,119,.22)}body[data-app-shell="1"] button.secondary,body[data-app-shell="1"] .button.secondary{border-color:#cedde3;background:#f5f8f9;color:#244656;box-shadow:none}
body[data-app-shell="1"] label{margin:14px 0;color:#294b5d;font-size:14px;font-weight:750}body[data-app-shell="1"] input,body[data-app-shell="1"] select,body[data-app-shell="1"] textarea{width:100%;min-height:48px;margin-top:7px;padding:11px 13px;border:1px solid #aec3cd;border-radius:11px;background:#fff;color:#142f3e;font:inherit;font-size:15px;box-shadow:inset 0 1px 2px rgba(7,38,53,.03)}body[data-app-shell="1"] textarea{min-height:110px;resize:vertical}body[data-app-shell="1"] input:focus,body[data-app-shell="1"] select:focus,body[data-app-shell="1"] textarea:focus{outline:3px solid rgba(10,169,152,.18);border-color:#0aa998;box-shadow:0 0 0 1px #0aa998}body[data-app-shell="1"] fieldset{border:1px solid #d4e2e7;border-radius:15px;padding:20px;background:#fbfdfd}body[data-app-shell="1"] legend{padding:0 9px;font-size:14px;font-weight:850;color:#08756c}
body[data-app-shell="1"] table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #d7e3e8;border-radius:15px;overflow:hidden;background:#fff;font-size:14px}body[data-app-shell="1"] th{padding:14px 16px;background:#edf4f6;color:#365666;font-size:11px;letter-spacing:.075em;text-transform:uppercase}body[data-app-shell="1"] td{padding:14px 16px;border-top:1px solid #e2eaed;vertical-align:middle}body[data-app-shell="1"] tbody tr:hover{background:#f6fbfa}
body[data-app-shell="1"] .status-chip,body[data-app-shell="1"] .count-badge,body[data-app-shell="1"] .demo-badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:850}body[data-app-shell="1"] .alert,body[data-app-shell="1"] .flash-success{padding:14px 16px!important;border-radius:12px!important;font-size:14px}body[data-app-shell="1"] .empty,body[data-app-shell="1"] .empty-state{padding:32px;border:1px dashed #abc4ce;border-radius:16px;background:#f7fafb;text-align:center}body[data-app-shell="1"] details{border-radius:14px}body[data-app-shell="1"] summary{min-height:48px;cursor:pointer;font-weight:800}
body[data-app-shell="1"] .context-help{right:22px;bottom:22px;min-height:48px;border-radius:999px;box-shadow:0 12px 30px rgba(3,35,51,.22)}
@media(max-width:900px){body[data-app-shell="1"]{font-size:15px}body[data-app-shell="1"] .shell{padding:25px 18px 68px}body[data-app-shell="1"] .page-hero,body[data-app-shell="1"] .module-hero{min-height:0;display:grid;padding:28px}body[data-app-shell="1"] .dashboard-grid,body[data-app-shell="1"] .grid{grid-template-columns:1fr}body[data-app-shell="1"] .span-2{grid-column:auto}body[data-app-shell="1"] table{min-width:720px}body[data-app-shell="1"] .table-wrap,body[data-app-shell="1"] .panel:has(>table){overflow-x:auto}}
@media(max-width:700px){body[data-app-shell="1"] .topbar{min-height:60px;padding:10px 15px}body[data-app-shell="1"] .topbar>div{display:grid;gap:0}body[data-app-shell="1"] .topbar strong{font-size:15px}body[data-app-shell="1"] .workspace-nav{height:58px;padding:0 9px}body[data-app-shell="1"] .workspace-nav-inner>a,body[data-app-shell="1"] .workspace-menu-button{min-height:58px}body[data-app-shell="1"] h1{font-size:34px}body[data-app-shell="1"] h2{font-size:22px}body[data-app-shell="1"] .page-hero,body[data-app-shell="1"] .module-hero{padding:23px 20px;border-radius:18px}body[data-app-shell="1"] .page-actions,body[data-app-shell="1"] .hero-actions{display:grid;grid-template-columns:1fr;width:100%}body[data-app-shell="1"] .page-actions>*,body[data-app-shell="1"] .hero-actions>*{width:100%}body[data-app-shell="1"] .panel{padding:21px 17px;border-radius:17px}body[data-app-shell="1"] .panel-heading,body[data-app-shell="1"] .section-heading{align-items:flex-start}body[data-app-shell="1"] .form-grid{grid-template-columns:1fr}body[data-app-shell="1"] .form-grid .span-2{grid-column:auto}body[data-app-shell="1"] button,body[data-app-shell="1"] .button{min-height:49px}body[data-app-shell="1"] .workspace-more{top:121px}}
@media(prefers-reduced-motion:reduce){body[data-app-shell="1"] *,body[data-app-shell="1"] *::before,body[data-app-shell="1"] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Desktop navigation shell */
@media(min-width:1101px){
body[data-app-shell="1"]{--sidebar-width:264px;padding-left:var(--sidebar-width);transition:padding-left .2s ease}
body[data-app-shell="1"].sidebar-collapsed{--sidebar-width:82px}
body[data-app-shell="1"] .workspace-nav{position:fixed;z-index:90;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;padding:0;background:linear-gradient(180deg,#051d2e,#062b3d 68%,#07463f);border:0;box-shadow:8px 0 30px rgba(4,28,43,.16);overflow:visible;transition:width .2s ease}
body[data-app-shell="1"] .workspace-nav-inner{height:100%;display:flex;flex-direction:column;align-items:stretch;padding:15px 12px;gap:7px}
body[data-app-shell="1"] .workspace-nav-inner>a,body[data-app-shell="1"] .workspace-primary>a,body[data-app-shell="1"] .workspace-menu-button,body[data-app-shell="1"] .workspace-launcher,body[data-app-shell="1"] .accessibility-toggle{width:100%;min-height:48px;justify-content:flex-start;padding:10px 13px;border:0;border-radius:11px;background:transparent;color:#d5e7ed;font-size:13px;box-shadow:none}
body[data-app-shell="1"] .workspace-home{min-height:58px!important;margin-bottom:9px;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;color:#fff!important;font-size:15px!important}
body[data-app-shell="1"] .workspace-primary{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex:0}
body[data-app-shell="1"] .workspace-nav-inner a:hover,body[data-app-shell="1"] .workspace-menu-button:hover,body[data-app-shell="1"] .workspace-launcher:hover{background:rgba(25,196,177,.13);color:#fff;border:0}
body[data-app-shell="1"] .workspace-launcher{order:4;margin-top:auto;border:1px solid rgba(255,255,255,.13);display:flex!important}body[data-app-shell="1"] .workspace-launcher kbd{margin-left:auto}
body[data-app-shell="1"] .workspace-menu-button{order:5;margin:0;border:0}body[data-app-shell="1"] .accessibility-toggle{order:6;min-width:0!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:0!important}
body[data-app-shell="1"] .sidebar-toggle{order:7;width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#d5e7ed;box-shadow:none}
body[data-app-shell="1"] .appearance-toggle{order:6;width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#d5e7ed;box-shadow:none}
body[data-app-shell="1"] .workspace-more{position:fixed;top:76px;left:calc(var(--sidebar-width) + 12px);right:auto;width:min(790px,calc(100vw - var(--sidebar-width) - 30px));max-height:calc(100vh - 96px);overflow:auto}
body[data-app-shell="1"]>.topbar,body[data-app-shell="1"]>.app-header{margin-left:0}body[data-app-shell="1"] .app-header{left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:left .2s ease,width .2s ease}body[data-app-shell="1"] .app-header .primary-nav{display:none}
body[data-app-shell="1"] .dashboard-shell{max-width:none;padding-left:38px;padding-right:38px}
body[data-app-shell="1"].sidebar-collapsed .workspace-nav-inner>a,body[data-app-shell="1"].sidebar-collapsed .workspace-primary>a,body[data-app-shell="1"].sidebar-collapsed .workspace-menu-button,body[data-app-shell="1"].sidebar-collapsed .workspace-launcher{font-size:0;justify-content:center}body[data-app-shell="1"].sidebar-collapsed .workspace-nav-inner a span,body[data-app-shell="1"].sidebar-collapsed .workspace-menu-button span,body[data-app-shell="1"].sidebar-collapsed .workspace-launcher span{font-size:20px}body[data-app-shell="1"].sidebar-collapsed .workspace-launcher b,body[data-app-shell="1"].sidebar-collapsed .workspace-launcher kbd{display:none}
body[data-app-shell="1"] .workspace-primary a::before{width:22px;font-size:17px;text-align:center}body[data-app-shell="1"] .workspace-primary a[href="/communications"]::before{content:"◌"}body[data-app-shell="1"] .workspace-primary a[href="/rfqs"]::before{content:"＋"}body[data-app-shell="1"] .workspace-primary a[href="/operations"]::before{content:"◎"}body[data-app-shell="1"] .workspace-primary a[href="/inventory"]::before{content:"◇"}body[data-app-shell="1"].sidebar-collapsed .workspace-primary a::before{font-size:20px}
}
/* Mobile task bar */
@media(max-width:1100px){body[data-app-shell="1"]{padding-bottom:70px}body[data-app-shell="1"] .workspace-nav{position:fixed;z-index:90;top:auto;bottom:0;left:0;right:0;width:100%;height:68px;padding:0 8px;border-top:1px solid #cadade;box-shadow:0 -8px 28px rgba(5,37,52,.14)}body[data-app-shell="1"] .workspace-nav-inner{height:68px;display:flex;align-items:stretch;justify-content:space-around;gap:3px}body[data-app-shell="1"] .workspace-home,body[data-app-shell="1"] .workspace-menu-button,body[data-app-shell="1"] .workspace-launcher,body[data-app-shell="1"] .accessibility-toggle{flex:1;min-width:0;min-height:68px;padding:7px 5px;display:flex;flex-direction:column;justify-content:center;gap:2px;border:0!important;border-radius:0!important;background:transparent!important;color:#244a5b!important;font-size:11px!important;box-shadow:none!important}body[data-app-shell="1"] .workspace-home span,body[data-app-shell="1"] .workspace-menu-button span,body[data-app-shell="1"] .workspace-launcher span{font-size:20px}body[data-app-shell="1"] .workspace-launcher b{font-size:11px}body[data-app-shell="1"] .workspace-launcher kbd,body[data-app-shell="1"] .workspace-primary,body[data-app-shell="1"] .sidebar-toggle,body[data-app-shell="1"] .appearance-toggle{display:none}body[data-app-shell="1"] .workspace-more{position:fixed;inset:auto 10px 78px 10px;width:auto;max-height:calc(100vh - 100px);overflow:auto;grid-template-columns:1fr 1fr}body[data-app-shell="1"] .context-help{bottom:82px}}
@media(max-width:600px){body[data-app-shell="1"] .workspace-more{grid-template-columns:1fr}}
.connection-state,.version-notice{position:fixed;z-index:130;right:22px;bottom:22px;max-width:410px;padding:14px 17px;border-radius:13px;background:#fff7df;color:#674c09;border:1px solid #ebc969;box-shadow:0 16px 42px rgba(6,35,49,.22);font-size:13px;font-weight:750}.version-notice{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;background:#eaf9f6;color:#075e56;border-color:#85d4c9}.version-notice strong,.version-notice span{grid-column:1}.version-notice button{grid-column:2;grid-row:1/3}.connection-state[hidden]{display:none}@media(max-width:1100px){.connection-state,.version-notice{right:12px;bottom:82px;left:12px;max-width:none}}
.workflow-kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:15px;align-items:start;overflow-x:auto}.kanban-column{min-width:255px;padding:13px;border:1px solid #d4e2e7;border-radius:16px;background:#f3f7f8}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 13px}.kanban-column>div{display:grid;gap:10px}.kanban-card{display:grid;gap:7px;padding:15px;border:1px solid #d9e5e9;border-left:4px solid #7b94a0;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(7,40,55,.05)}.kanban-card.state-new{border-left-color:#df9822}.kanban-card.state-assumed{border-left-color:#0aa998}.kanban-card.state-resolved{border-left-color:#4f7b62;opacity:.78}.kanban-card p{margin:0;font-size:13px}.kanban-card small{color:#667d88}.kanban-card a{font-size:13px;font-weight:850;color:#08766d;text-decoration:none}
body[data-app-shell="1"].density-compact .panel{padding:19px;margin:13px 0}body[data-app-shell="1"].density-compact .card{padding:14px}body[data-app-shell="1"].density-compact input,body[data-app-shell="1"].density-compact select,body[data-app-shell="1"].density-compact button,body[data-app-shell="1"].density-compact .button{min-height:39px;padding-top:8px;padding-bottom:8px}body[data-app-shell="1"].density-compact td,body[data-app-shell="1"].density-compact th{padding:9px 11px}
body[data-app-shell="1"].theme-dark{--ui-ink:#e8f2f5;--ui-muted:#abc0c9;--ui-line:#264b5b;--ui-soft:#123445;--ui-bg:#071e2b;--ui-white:#0d2a39;background:#071e2b;color:#e8f2f5}body[data-app-shell="1"].theme-dark .panel,body[data-app-shell="1"].theme-dark .card,body[data-app-shell="1"].theme-dark .surface,body[data-app-shell="1"].theme-dark table,body[data-app-shell="1"].theme-dark .page-hero,body[data-app-shell="1"].theme-dark .module-hero,body[data-app-shell="1"].theme-dark .kanban-card{background:#0d2a39;color:#e8f2f5;border-color:#285061}body[data-app-shell="1"].theme-dark h1,body[data-app-shell="1"].theme-dark h2,body[data-app-shell="1"].theme-dark h3,body[data-app-shell="1"].theme-dark strong{color:#f3fbfd}body[data-app-shell="1"].theme-dark input,body[data-app-shell="1"].theme-dark select,body[data-app-shell="1"].theme-dark textarea{background:#092433;color:#edf7f9;border-color:#426676}body[data-app-shell="1"].theme-dark th{background:#143746;color:#c3d8df}body[data-app-shell="1"].theme-dark td{border-color:#284958}body[data-app-shell="1"].theme-dark .kanban-column,body[data-app-shell="1"].theme-dark .empty-state{background:#0a2331;border-color:#315363}body[data-app-shell="1"].theme-dark .workspace-more section{background:#0d2a39}body[data-app-shell="1"].theme-dark .workspace-more a{color:#d7e9ee}
