/* Insatsledning v16 — presentation layer only. Print layouts are intentionally left untouched. */
@media screen {
:root{
 color-scheme:light;--ink:#152c3e;--ink2:#405668;--muted:#718294;--teal:#087f77;
 --mint:#e5f6f1;--bg:#f3f6f9;--paper:#fff;--line:#e1e8ef;
 --danger:#b03849;--amber:#9c641c;--shadow:0 2px 9px rgba(25,45,65,.025),0 15px 44px rgba(26,49,69,.038);
 --radius-lg:20px;--radius-md:14px;
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}
a{color:#087d74;text-underline-offset:3px}
h1,h2,h3,h4{letter-spacing:-.035em}
h1{font-weight:780;font-size:clamp(27px,2.8vw,35px);line-height:1.15}
h2{font-weight:750}
button{touch-action:manipulation}
.il-icon{width:21px;height:21px;display:block;flex:none}
:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #29a69a!important;outline-offset:3px}
::selection{background:#bbebe1;color:#163b3c}
.app-shell{grid-template-columns:252px minmax(0,1fr)}
.sidebar{background:linear-gradient(170deg,#102c42 0%,#132f45 65%,#102638 100%);padding:26px 16px 18px;gap:25px;border-right:1px solid #1a3c54;box-shadow:3px 0 19px rgba(15,37,59,.06)}
.brand{padding:5px 9px;gap:12px;min-width:0}
.brand-mark{width:43px;height:43px;border-radius:14px;background:#b8f1db;color:#084b48;font-size:19px;box-shadow:inset 0 0 0 1px #ffffff60}
.brand strong{font-size:18px;font-weight:850;letter-spacing:-.055em}
.brand small{font-size:9px;letter-spacing:.16em;color:#92aabb;opacity:1;font-weight:760;margin-top:3px}
.sidebar-nav{gap:21px}.sidebar-nav-section{min-width:0}
.sidebar-nav .nav-caption{margin:0 13px 9px;color:#8fa9bb;letter-spacing:.16em;font-size:10px;font-weight:750}
.sidebar-nav .nav-group{gap:4px}
.sidebar-nav .nav-link{color:#c2d2df;min-height:45px;border-radius:12px;padding:10px 12px;gap:12px;font-weight:600;font-size:13px;transition:background .15s,color .15s}
.sidebar-nav .nav-link:hover{background:rgba(196,226,239,.10);color:#fff}
.sidebar-nav .nav-link.active{background:#e5f6f1;color:#0b5f56;box-shadow:none;font-weight:780}
.sidebar-nav .nav-link.active .nav-symbol{color:#078575}
.nav-symbol{width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.98}
.nav-symbol .il-icon{width:19px;height:19px}
.sidebar-foot{border-top:1px solid #ffffff1c;color:#9bb2c1;font-size:12px;padding:17px 10px 6px}
.sidebar-foot .dot{width:7px;height:7px;margin-right:7px;background:#34cba7;box-shadow:0 0 0 4px #34cba714}
.topbar{height:73px;padding:0 clamp(22px,3.2vw,46px);background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);box-shadow:0 1px 0 #ffffff7a;position:relative;z-index:2}
.topbar-brand{font-size:13px;color:#1b3448;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-brand .muted{font-weight:520;color:#8a9aaa}
.topbar-status{gap:11px}
.account-chip{display:flex;align-items:center;gap:9px;padding:3px 5px 3px 3px;white-space:nowrap}
.account-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#dfefec;color:#0c665d;font-weight:850;font-size:14px}
.account-name{font-size:12px;font-weight:720;color:#31475a;max-width:180px;text-overflow:ellipsis;overflow:hidden}
.topbar-refresh{display:flex;align-items:center;gap:8px}.topbar-refresh .il-icon,.lock-button .il-icon{width:17px;height:17px}
.topbar .btn{background:#f5f8fa;border-color:#e4ebf0;color:#455d71;min-height:36px;border-radius:11px}
.topbar .btn:hover{background:#eaf5f2;color:#0a685e;border-color:#cfe5df}
.page{padding:31px clamp(22px,3.1vw,43px) 100px;max-width:1530px}
.page-heading{align-items:center;margin-bottom:25px;gap:17px}
.page-heading .eyebrow{font-size:10px;letter-spacing:.16em;color:#0a8777;margin-bottom:8px}
.page-heading p{font-size:13px;line-height:1.6;color:#6d8192;margin-top:6px}
.page-actions{gap:9px}
.btn{border-radius:11px;border-color:#dce5eb;background:#fff;box-shadow:0 1px 2px #152f4210;min-height:41px;padding:10px 15px;font-weight:670;transition:background .16s,border-color .16s,transform .12s,box-shadow .16s}
.btn:hover{background:#f6fbfa;border-color:#9bbeb8;box-shadow:0 3px 10px #143d3812}
.btn:active{transform:translateY(1px)}
.btn.primary{background:#087c73;border-color:#087c73;color:#fff;box-shadow:0 3px 9px #077a6f22}
.btn.primary:hover{background:#07685f;border-color:#07685f}
.btn.quiet{box-shadow:none}.btn.tiny{border-radius:9px}
.panel,.dashboard-panel,.dashboard-shortcuts{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff}
.panel{padding:24px;margin-bottom:17px}
.panel-head{margin-bottom:19px}
.panel-head h2{font-size:17px}
.stat{border-radius:17px;padding:24px}
.stat-number{color:#143448}
.list-card{border-color:#edf1f5;padding:17px 0;gap:17px}
.list-card strong{letter-spacing:-.015em}
.list-card:hover{background:#f9fbfc}
.table-scroll{border-radius:12px}
.data-table th{background:#f7f9fb;color:#6b7f90;font-weight:760;padding:13px 14px}
.data-table td{padding:15px 14px;border-color:#e9eef3}
.data-table tbody tr:hover{background:#f8fbfa}
.badge{border-radius:999px;font-weight:740;padding:6px 10px;font-size:10.5px;letter-spacing:.01em}
.badge.active,.badge.done{background:#e4f7ee;color:#147555}.badge.planned{background:#e9effc;color:#3f62a4}
.badge.priority{background:#ffeaec;color:#a93c49}
.badge.warning,.badge.progress{background:#fff2d8;color:#915d13}
.tabs{gap:9px;border-bottom:1px solid #e5ecf0}
.tab{font-size:13px;font-weight:680;padding:13px 17px;border-bottom-width:2px}
.tab:hover{color:#0b8175;background:#f4faf8}
.tab.active{color:#087e73;border-color:#0b887b}
.filters .btn.selected{background:#14394b;color:#fff;border-color:#14394b}
.field{gap:8px;font-size:12px;color:#42596b;font-weight:710}
.field input,.field textarea,.field select,.login-card input{border:1px solid #ccd8e1;border-radius:12px;background:#fff;color:#18354a;min-height:46px;box-shadow:0 1px 1px #172c3c09}
.field input:hover,.field textarea:hover,.field select:hover{border-color:#9db5c3}
.field input:focus,.field textarea:focus,.field select:focus,.login-card input:focus{border-color:#087c73;box-shadow:0 0 0 4px #d9f2eb;outline:0}
.field textarea{line-height:1.65}
.alert{border-radius:13px;padding:17px 19px}
.empty{padding:42px 20px}
.empty-symbol{display:block;margin-bottom:10px}
.timeline{border-left-color:#ddece9}
.timeline-entry:before{background:#13a68d;border-color:#d8efe7}
.incident-hero{background:linear-gradient(110deg,#102e46 0%,#16665c 120%);border-radius:20px;padding:29px 32px;box-shadow:0 12px 28px #173d3d14}
.incident-hero h1{font-size:27px}
.incident-hero .btn{color:#18403d}
.dashboard-v14{gap:19px}
.dashboard-welcome{background:radial-gradient(circle at 88% 15%,#257e7088,transparent 35%),linear-gradient(110deg,#12344a,#174b4d);border:1px solid #2a5d5f;border-radius:23px;padding:33px 36px;box-shadow:0 15px 42px #123b4620;min-height:155px}
.dashboard-welcome h1{font-size:clamp(29px,2.8vw,39px);letter-spacing:-.055em;margin:8px 0}
.dashboard-welcome-kicker{color:#ace9d3}
.dashboard-welcome-actions .btn.primary{color:#105a52;background:#d6f5e9;border-color:#d6f5e9}
.dashboard-metrics{gap:14px}
.dashboard-metric{border:1px solid #e2e9ee;border-top:1px solid #e2e9ee;border-radius:18px;box-shadow:var(--shadow);padding:21px 22px;position:relative;overflow:hidden;gap:11px}
.dashboard-metric:before{content:"";position:absolute;top:19px;right:20px;width:9px;height:9px;border-radius:50%;background:#d0dbe2}
.dashboard-metric.metric-live:before{background:#12a88c}.dashboard-metric.metric-planned:before{background:#668fda}.dashboard-metric.metric-tasks:before{background:#d4a450}.dashboard-metric.metric-overdue:before{background:#d36370}
.dashboard-metric span{font-weight:740;color:#657b8c;font-size:12px;padding-right:22px}
.dashboard-metric strong{font-size:35px;font-weight:810;letter-spacing:-.065em;color:#142f42}
.dashboard-metric small{font-size:12px;color:#8495a3}
.dashboard-panel,.dashboard-shortcuts{padding:24px}
.dashboard-panel-heading h2{font-size:19px}
.dashboard-incident{gap:14px;padding:17px 0;border-color:#edf1f4}
.dashboard-incident-marker{width:4px;border-radius:9px}
.dashboard-incident-info h3{font-size:15px;font-weight:755}
.dashboard-shortcut-grid{gap:13px}
.dashboard-shortcut-grid button{border:1px solid #e0e9ed;background:#f8fafb;border-radius:16px;min-height:122px;transition:background .2s,border-color .2s,transform .15s}
.dashboard-shortcut-grid button:hover{background:#eef8f4;border-color:#acd7cb;transform:translateY(-2px)}
.dashboard-shortcut-grid button span{color:#0d8c7a}
.sheet-overlay{background:rgba(9,28,43,.53);backdrop-filter:blur(5px)}
.bottom-sheet{border-radius:24px 24px 0 0;box-shadow:0 -24px 70px #051e3340}
.sheet-handle{background:#c1ced5;width:38px;height:5px}
.sheet-heading{border-color:#e8eef1;padding-top:11px}
.sheet-heading h2{font-size:24px}
.sheet-close{background:#f4f7f8;border:1px solid #e4ebed;border-radius:12px}
.sheet-body{background:#fff}
.sheet-body .form-actions{background:#fff}
.modal-overlay{background:rgba(8,28,43,.53);backdrop-filter:blur(5px)}
.modal{border-radius:22px;box-shadow:0 32px 80px #071c3850}
.toast{background:#12394a;border-radius:13px;box-shadow:0 14px 36px #122b3b35}
.login-body{background:radial-gradient(ellipse at 85% 13%,#d9efee 0,transparent 33%),radial-gradient(ellipse at 8% 85%,#e7ecef 0,transparent 39%),#f3f7f9}
.login-card{border:1px solid #e0e8ee;border-radius:24px;padding:43px;box-shadow:0 28px 74px #16324412;width:min(455px,100%)}
.login-card .brand-mark{width:48px;height:48px;font-size:21px}
.login-card .eyebrow{color:#0c8a7c}
.login-card h1{font-size:32px;letter-spacing:-.055em}
.login-card label{font-weight:700;color:#385368}
.login-card input{min-height:49px;font-size:16px}
.login-card .btn.primary{min-height:49px}
.login-note{border-top:1px solid #eaf0f3;padding-top:20px}
.lock-layout{max-width:610px}
.lock-layout .panel{padding:35px}
.lock-illustration{color:#088b79}
.pull-refresh-indicator{background:#eef8f4;color:#0f6f62}
}
@media screen and (max-width:1100px){
 .app-shell{grid-template-columns:222px minmax(0,1fr)}
 .sidebar{padding-inline:12px}
 .page{padding-left:25px;padding-right:25px}
 .topbar{padding-inline:25px}
 .dashboard-metric{padding:17px}
}
@media screen and (max-width:760px){
 .app-shell{grid-template-columns:minmax(0,1fr)}
 .sidebar{position:fixed;top:0;height:100dvh;width:min(325px,88vw);padding:21px 16px calc(22px + env(safe-area-inset-bottom,0px));border-right:1px solid #24475c;box-shadow:10px 0 40px #091b3226}
 .sidebar-nav .nav-link{min-height:48px;font-size:14px;padding:11px 13px}
 .sidebar-nav .nav-caption{font-size:10px}
 .topbar{height:62px;padding:0 15px;gap:8px}
 .topbar-brand{font-size:13px}
 .topbar-status{gap:6px}
 .topbar .btn{min-height:40px;padding:8px}
 .mobile-menu-toggle{border:1px solid #e1e9ee;background:#f6f9fb;border-radius:11px;min-height:42px;min-width:42px;display:grid;place-items:center;color:#244356}
 .mobile-menu-toggle .il-icon,.mobile-drawer-close .il-icon{width:22px;height:22px}
 .account-chip{display:none}
 .page{padding:22px 14px 28px}
 .page-heading{gap:12px;margin-bottom:20px}
 .page-heading h1{font-size:27px}
 .panel{padding:17px;border-radius:17px}
 .btn{min-height:44px}
 .dashboard-welcome{padding:24px 20px;border-radius:18px;min-height:auto}
 .dashboard-welcome h1{font-size:29px}
 .dashboard-metrics{gap:10px}
 .dashboard-metric{border-radius:15px;padding:16px 14px}
 .dashboard-metric strong{font-size:29px}
 .dashboard-columns{gap:12px}
 .dashboard-panel,.dashboard-shortcuts{padding:18px;border-radius:17px}
 .dashboard-shortcut-grid button{border-radius:13px;padding:13px;min-height:117px}
 .incident-hero{border-radius:17px;padding:23px 18px}
 .sheet-overlay{padding:0}
 .bottom-sheet{border-radius:23px 23px 0 0}
 .sheet-body{padding:17px 17px calc(25px + env(safe-area-inset-bottom,0px))}
 .sheet-heading{padding-inline:18px}
 .mobile-bottom-nav{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid #e2e8eb;box-shadow:0 -4px 25px #1f445016}
 .mobile-bottom-link{border-radius:12px;color:#6d8391;font-size:10px;gap:4px}
 .mobile-bottom-link.active{color:#08786d;background:#eaf7f2}
 .mobile-bottom-icon{display:grid;place-items:center;width:26px;height:26px}
 .mobile-bottom-icon .il-icon{width:22px;height:22px}
 .mobile-bottom-create .mobile-create-icon{border:3px solid white;border-radius:16px;width:52px;height:52px;background:#087d73;box-shadow:0 8px 22px #046e653c}
 .mobile-create-icon .il-icon{height:27px;width:27px;stroke-width:2.5}
 .mobile-bottom-create .mobile-create-label{color:#0b756a;font-size:10px}
 .lock-layout .panel{padding:25px 19px}
 .login-card{padding:30px 24px;border-radius:20px}
}
@media screen and (max-width:360px){
 .topbar-brand{font-size:11px}
 .mobile-bottom-create .mobile-create-icon{width:47px;height:47px}
 .page{padding-inline:12px}
 .dashboard-metric{padding:14px 11px}
 .dashboard-metric strong{font-size:27px}
}
@media screen and (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .btn,.dashboard-shortcut-grid button,.sidebar-nav .nav-link{transition:none!important}
}