/* V2: restrained light workspace, shared controls and accessible navigation. */
#screen-app{--primary:#2457c5;--primary-dark:#1c4499;--text:#202938;--muted:#566173;--border:#e2e6ec;background:#f5f6f8;color:var(--text);font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;min-height:100vh}
body:has(#screen-app.active){background:#f5f6f8}#app:has(#screen-app.active){max-width:none;width:100%;margin:0;box-shadow:none;border:0}
#screen-app #content{max-width:1440px;margin:0 auto;padding:28px 32px 48px}#screen-app #content>*{max-width:none}#screen-app .project-workspace{max-width:none}#screen-app .appbar{background:#fff;backdrop-filter:none;box-shadow:none;border-bottom:1px solid var(--border);padding:12px 24px;min-height:64px}
#screen-app .content.fade,#screen-app .content *{animation:none;transition:none}#screen-app h1{font-size:28px;line-height:1.25;letter-spacing:-.02em}#screen-app h2{font-size:18px}#screen-app .eyebrow{display:none}#screen-app .page-head{padding:0 0 20px}#screen-app .lede,.v2-heading p{font-size:15px;color:var(--muted);line-height:1.6}
#screen-app button,#screen-app input,#screen-app select,#screen-app textarea{font-family:inherit}#screen-app .btn,#screen-app .cta-primary,#screen-app .pw-button{box-shadow:none;background-image:none;border-radius:6px;min-height:44px;font-size:15px}#screen-app .btn-primary,#screen-app .cta-primary,#screen-app .wm-primary{background:#2457c5;color:white;border:1px solid #2457c5}#screen-app .input{border:1px solid #7f8a9d;border-radius:6px;background:#fff;min-height:44px;font-size:15px;box-shadow:none}#screen-app :focus-visible,.v2-menu :focus-visible{outline:3px solid #2457c5;outline-offset:3px}#screen-app ::selection{background:#c9d6f2;color:#202938}#screen-app input,#screen-app textarea{caret-color:#2457c5}#screen-app button:disabled{opacity:.6;cursor:wait}
#bottomnav .v2-brand{font-size:21px;font-weight:700;padding:8px 12px 26px}#bottomnav .v2-brand small{display:block;font-size:13px;font-weight:400;color:#566173;margin-top:4px}#bottomnav .v2-mainnav,#bottomnav .v2-account,.v2-menu .v2-mainnav,.v2-menu .v2-account{display:grid;gap:4px}#bottomnav button,.v2-menu button:not([data-dialog-close]){position:static;display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:#202938;font-size:14px;min-height:44px;line-height:1.4}#bottomnav button::before{display:none}#bottomnav button[aria-current],.v2-menu button[aria-current]{background:#eaf0fb;color:#1c4499;font-weight:600}#bottomnav button:hover,.v2-menu button:hover{background:#eef0f2}#bottomnav i{font-size:20px}#bottomnav .v2-account{margin-top:auto;padding-top:20px;border-top:1px solid #e2e6ec}.v2-menu .v2-account{margin-top:24px;border-top:1px solid #ddd;padding-top:12px}.v2-menu-button{display:none}.v2-heading{margin-bottom:24px}.v2-project-links{display:grid;gap:8px}.v2-project-links button{justify-content:space-between;background:white}.v2-status{display:inline-block;font-size:13px;white-space:nowrap;padding:4px 8px;border:1px solid #e2e6ec;border-radius:5px;background:#fff}.v2-menu .v2-brand{display:none}
@media(min-width:960px){#screen-app{padding-left:240px}#screen-app #bottomnav{position:fixed;left:0;top:0;bottom:0;right:auto;transform:none;width:240px;max-width:none;display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:24px 16px;background:#fff;border:0;border-right:1px solid #e2e6ec;box-shadow:none;z-index:40}}
@media(max-width:959px){#screen-app #bottomnav{display:none!important}.v2-menu-button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #e2e6ec;border-radius:6px;background:#fff;font-size:21px;flex-shrink:0}#screen-app #content{padding:20px 16px 32px}#screen-app .appbar{padding:10px 12px}#screen-app .appbar-mark{display:none}.v2-menu{width:min(360px,calc(100vw - 24px))}#screen-app h1{font-size:24px}}
.v2-table-wrap{overflow:auto;border:1px solid #e2e6ec;border-radius:6px;background:#fff}.v2-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.v2-table th{background:#fafbfc;color:#566173;font-weight:600;white-space:nowrap}.v2-table th,.v2-table td{padding:13px 12px;border-bottom:1px solid #eef0f4;vertical-align:top}.v2-table td:first-child{min-width:180px}.v2-table button{color:#1c4499;font-weight:600;text-align:left;background:none;border:0;padding:0;min-height:32px}.v2-table tr:last-child td{border:0}.v2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.v2-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.v2-mobile-list{display:none}.v2-mobile-row{padding:16px 0;border-bottom:1px solid #e2e6ec}.v2-mobile-row button{background:none;border:0;color:#1c4499;text-align:left;font-size:16px;font-weight:600;padding:8px 0}.v2-mobile-row p{font-size:14px;color:#566173;margin:8px 0}.v2-form{max-width:800px!important;background:white;border:1px solid #e2e6ec;border-radius:6px;padding:24px}.v2-form .pw-actions{margin-top:20px}
@media(max-width:700px){.v2-filters{grid-template-columns:1fr}.v2-table-wrap{display:none}.v2-mobile-list{display:block}.v2-toolbar{align-items:flex-start}.v2-form{padding:16px}}
#bottomnav button,.v2-menu button:not([data-dialog-close]){flex-direction:row;align-items:center;text-align:left}
.pv-obstacle{display:block;color:#665500;font-size:13px;margin-top:6px}.v2-table td{font-variant-numeric:tabular-nums}.v2-filters .wm-field{margin-top:0}
.v2-toolbar>.pw-button{white-space:nowrap;flex-shrink:0;gap:6px}

.wa-line{border:1px solid #e2e6ec;border-radius:6px;padding:16px;margin:16px 0}.wa-line legend{padding:0 6px;font-weight:600}

/* V3: blå riktning. Mörk marinblå vänstermeny, vald post med blå markering vid kanten. */
@media(min-width:960px){#screen-app #bottomnav{background:#172033;border-right:0}}
#bottomnav .v2-brand{color:#fff}#bottomnav .v2-brand small{color:#c3ccdd}
#bottomnav button{position:relative;color:#fff;font-size:15px;min-height:46px}
#bottomnav button:hover{background:#202c45}
#bottomnav button[aria-current]{background:#2b3a5a;color:#fff;font-weight:600}
#bottomnav button[aria-current]::before{display:block;content:"";position:absolute;left:-16px;right:auto;top:0;bottom:0;height:auto;width:4px;border-radius:0;background:#7ba3ff}
#bottomnav .v2-account{border-top-color:#2a3652;color:#fff}
#bottomnav .v2-account small,#bottomnav .v2-account span{color:#c3ccdd}
.v2-menu button[aria-current]{background:#eaf0fb;color:#1c4499}
.v2-table{font-size:15px}.v2-table th{font-size:13px;background:#fafbfc}
#screen-app .btn:not(.btn-primary):not(.cta-primary):not(.wm-primary){border-color:#7f8a9d}

/* V3: rubriker utan versaler, tydligare skal, rak startsida */
#screen-app .sec h2{text-transform:none;letter-spacing:0;font-size:17px;font-weight:650;color:var(--text)}
#screen-app .sec .sec-meta{font-size:14px;color:var(--muted)}
#screen-app .appbar .product-name{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--muted)}
@media(min-width:960px){#screen-app .appbar-mark{display:none}}
.v2-table button{font-size:15px}
@media(min-width:1100px){
 #screen-app #content:has(.home-panel){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
 #screen-app #content:has(.home-panel)>*{margin:0;max-width:none;width:auto}
 #screen-app #content:has(.home-panel)>.page-head,#screen-app #content:has(.home-panel)>.insight{grid-column:1/-1}
 #screen-app #content:has(.home-panel)>.page-head{padding-bottom:0}
 #screen-app #content:has(.home-panel)>.cta-primary{grid-column:1;justify-self:start;width:auto;min-width:300px;padding:0 24px}
 #screen-app #content:has(.home-panel)>.action-pair{grid-column:2;justify-self:start;display:flex;gap:8px;align-self:center}
 #screen-app #content:has(.home-panel)>.insight-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:12px;justify-content:start}
}
@media(min-width:1100px){
 #screen-app #content:has(.home-panel){grid-auto-flow:row dense}
 #screen-app #content:has(.home-panel)>.home-panel-todo,#screen-app #content:has(.home-panel)>.home-panel-projects{grid-column:1}
 #screen-app #content:has(.home-panel)>.home-panel-reports{grid-column:2;grid-row:span 2}
}
@media(min-width:960px){#screen-app .appbar{padding-left:32px;padding-right:32px}#screen-app .appbar-shell{max-width:none;margin:0}}