:root{--paper:#f5f6f4;--card:#fff;--raise:#fbfcfb;--ink:#141b19;--muted:#586460;--faint:#8a938e;--line:#e4e7e2;--line-strong:#d3d8d2;--brand:#0e5157;--brand-2:#0a4247;--brand-soft:#e3eeec;--brand-ink:#083e42;--brass:#b9822f;--brass-soft:#f3e9d6;--good:#2e7d4f;--good-soft:#e6f1ea;--warn:#9a6a12;--warn-soft:#f5ecd8;--flag:#b24a3c;--flag-soft:#f6e6e2;--shadow-sm:0 1px 2px #141b190d;--shadow:0 1px 2px #141b190a,0 8px 26px #141b1912;--r-sm:7px;--r:11px;--r-lg:16px;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Code","Roboto Mono",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0e1413;--card:#151d1b;--raise:#1a2321;--ink:#e7e9e5;--muted:#9ba49f;--faint:#6c7570;--line:#26302d;--line-strong:#35413c;--brand:#4fb3ae;--brand-2:#68c4bf;--brand-soft:#123230;--brand-ink:#a9deda;--brass:#d8a24a;--brass-soft:#2a2314;--good:#5fb483;--good-soft:#12281e;--warn:#cfa24e;--warn-soft:#292213;--flag:#d2695b;--flag-soft:#2e1a17;--shadow-sm:0 1px 2px #00000059;--shadow:0 1px 2px #0000004d,0 10px 30px #0006}}:root[data-theme=dark]{--paper:#0e1413;--card:#151d1b;--raise:#1a2321;--ink:#e7e9e5;--muted:#9ba49f;--faint:#6c7570;--line:#26302d;--line-strong:#35413c;--brand:#4fb3ae;--brand-2:#68c4bf;--brand-soft:#123230;--brand-ink:#a9deda;--brass:#d8a24a;--brass-soft:#2a2314;--good:#5fb483;--good-soft:#12281e;--warn:#cfa24e;--warn-soft:#292213;--flag:#d2695b;--flag-soft:#2e1a17;--shadow-sm:0 1px 2px #00000059;--shadow:0 1px 2px #0000004d,0 10px 30px #0006}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}a{color:inherit}button{cursor:pointer;color:inherit;font-family:inherit}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.tnum{font-variant-numeric:tabular-nums}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--card);border-right:1px solid var(--line);flex-direction:column;gap:26px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:2px 6px;display:flex}.brand .mark{background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;width:34px;height:34px;font-family:var(--serif);box-shadow:var(--shadow-sm);border-radius:9px;flex:none;place-items:center;font-size:19px;font-weight:600;display:grid}.brand .name{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.1}.brand .name span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:2px;font-size:10px;display:block}nav{flex-direction:column;gap:3px;display:flex}.navlink{border-radius:var(--r-sm);color:var(--muted);text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.navlink svg{opacity:.8;flex:none;width:17px;height:17px}.navlink:hover{background:var(--raise);color:var(--ink)}.navlink.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.navlink.active svg{opacity:1}.sidefoot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.who{border-radius:var(--r-sm);border:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:8px;display:flex;position:relative}.who:hover{border-color:var(--brand)}.who.active{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 26%,transparent)}.who .av{background:var(--brass-soft);width:30px;height:30px;color:var(--brass);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.who b{word-break:break-all;font-size:13px;font-weight:600;display:block}.who small{color:var(--faint);font-size:11px;display:block}.who .out{color:var(--faint);background:0 0;border:none;border-radius:6px;flex:none;place-items:center;margin-left:auto;padding:4px;display:grid}.who .out svg{width:14px;height:14px}.who .out:hover{color:var(--flag);background:var(--flag-soft)}main{min-width:0;padding:26px 30px 60px}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.head h1{font-size:26px}.head p{color:var(--muted);max-width:62ch;margin:6px 0 0;font-size:14px}.btn{border:1px solid var(--line-strong);background:var(--card);color:var(--ink);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-2);color:#fff;border-color:var(--brand-2)}.btn.sm{padding:7px 12px;font-size:13px}.btn.danger{color:var(--flag);border-color:color-mix(in srgb,var(--flag) 35%,var(--line-strong))}.btn.danger:hover{color:var(--flag);border-color:var(--flag);background:var(--flag-soft)}.btn.danger:disabled{opacity:.5}.btn svg{width:15px;height:15px}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);flex-direction:column;gap:7px;min-width:0;padding:15px 16px;display:flex}.kpi .lbl{color:var(--muted);font-size:12.5px;font-weight:500}.kpi .val{font-family:var(--serif);color:var(--ink);font-size:31px;font-weight:600;line-height:1}.kpi.good .val{color:var(--good)}.kpi.warn .val{color:var(--warn)}.kpi .foot{color:var(--faint);align-items:center;gap:7px;font-size:11.5px;display:flex}.toolbar{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:13px;margin-bottom:16px;padding:14px 18px;display:flex}.toolbar .field{min-width:200px}.toolbar .spacer{flex:1}.sendbar{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:14px 18px;display:flex}.hushint{color:var(--muted);align-items:center;gap:9px;max-width:52ch;font-size:12.5px;line-height:1.5;display:flex}.hushint svg{color:var(--faint);flex:none}.send{flex-direction:column;align-items:flex-end;gap:8px;min-width:236px;display:flex}.tabs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.tab{border:1px solid var(--line-strong);background:var(--card);color:var(--muted);border-radius:100px;padding:7px 13px;font-size:13px;font-weight:600}.tab:hover{border-color:var(--brand);color:var(--brand)}.tab.on{background:var(--brand);border-color:var(--brand);color:#fff}.tab .c{font-family:var(--mono);opacity:.75;margin-left:5px;font-size:11px}.work{grid-template-columns:340px 1fr;align-items:start;gap:16px;display:grid}.work.bwork{grid-template-columns:minmax(320px,1fr) 1.15fr}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:15px 17px;display:flex}.panel-head h2{font-size:16px}.count{font-family:var(--mono);color:var(--faint);font-size:11px}.plist{max-height:620px;margin:0;padding:6px;list-style:none;overflow:auto}.bitem{text-align:left;border-radius:var(--r);background:0 0;border:1px solid #0000;align-items:center;gap:11px;width:100%;margin-bottom:2px;padding:11px 12px;display:flex}.bitem:hover{background:var(--raise)}.bitem.sel{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 26%,transparent)}.bitem .bmain{flex:1;min-width:0}.bitem .co{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.bitem .ct{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.qab{font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:6px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.qab.ok{color:var(--good);background:var(--good-soft)}.qab.no{color:var(--flag);background:var(--flag-soft)}.pill{font-family:var(--mono);white-space:nowrap;border-radius:6px;flex:none;padding:2px 7px;font-size:10px;font-weight:700}.pill.redo{color:var(--muted);background:var(--raise);border:1px solid var(--line)}.pill.vanta{color:var(--warn);background:var(--warn-soft)}.pill.skickad{color:var(--good);background:var(--good-soft)}.pill.koad{color:var(--brand-ink);background:var(--brand-soft)}.detail{min-width:0}.detail-min{min-height:440px}.dhead{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.dhead h2{color:var(--ink);font-size:20px}.dmeta{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:7px;font-size:12.5px;display:flex}.dmeta b{color:var(--ink);font-weight:600}.dbody{min-width:0;padding:20px 22px}.subj{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:12px}.subjline{font-family:var(--serif);color:var(--ink);border-bottom:1px dashed var(--line-strong);margin-bottom:14px;padding-bottom:14px;font-size:18px;font-weight:600}.mailbody{white-space:pre-wrap;color:var(--ink);overflow-wrap:break-word;font-size:14.5px;line-height:1.62}.mailbody .bad{color:var(--flag);background:var(--flag-soft);border-radius:4px;padding:0 3px}.edit-subj{width:100%;font-family:var(--serif);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper);margin-bottom:14px;padding:8px 11px;font-size:17px;font-weight:600}.edit-body{width:100%;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper);resize:vertical;min-height:220px;padding:10px 12px;font-family:inherit;font-size:14.5px;line-height:1.62}.edit-subj:focus,.edit-body:focus{border-color:var(--brand);outline:none}.sigfoot{border:1px dashed var(--line-strong);border-radius:var(--r);background:var(--raise);margin-top:14px;padding:10px 12px}.sigfoot .sigfoot-lbl{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:10px;display:block}.sigfoot .sigfoot-val{color:var(--muted);white-space:pre-line;font-size:13.5px}.mailpreview{border:1px solid var(--line);border-radius:var(--r);background:var(--raise);color:var(--ink);padding:12px 14px;font-size:14px;line-height:1.5}.mailpreview p{margin:0}.mailpreview a{color:#1a73e8;overflow-wrap:break-word}.mailpreview .mailpreview-dim{color:var(--faint);margin-bottom:2px;font-style:italic}.mailpreview .mailpreview-empty{color:var(--faint)}.qblock{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.qblock h3{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;font-size:11px;font-weight:700}.verdict{font-family:var(--serif);margin-bottom:12px;font-size:16px;font-weight:600}.verdict.ok{color:var(--good)}.verdict.no{color:var(--warn)}.fnd{border:1px solid var(--line);border-left:3px solid var(--flag);border-radius:var(--r);background:var(--card);margin-bottom:8px;padding:10px 12px}.fnd .cat{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--flag);font-size:10px;font-weight:700}.fnd .hit{color:var(--ink);margin-top:4px;font-size:13px}.fnd .hit .b{color:var(--flag)}.fnd .why{color:var(--muted);margin-top:4px;font-size:12px}.dact{flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;display:flex}.empty{text-align:center;color:var(--faint);padding:56px 20px}.note{color:var(--faint);max-width:90ch;margin-top:22px;font-size:12.5px;line-height:1.6}.note b{color:var(--muted)}.msgin{background:var(--raise);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;margin-bottom:18px;padding:13px 15px;font-size:14px;line-height:1.55}.draftbox{border:1px dashed var(--line-strong);border-radius:var(--r);padding:15px 16px}.qanote{color:var(--good);background:var(--good-soft);border-radius:100px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.bitem.done{opacity:.55}.cform{gap:13px;display:grid}.row2{grid-template-columns:1fr 1fr;gap:13px;display:grid}@media (width<=520px){.row2{grid-template-columns:1fr}}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:600}.field input,.field select{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);padding:9px 11px;font-family:inherit;font-size:14px}.field textarea{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);resize:vertical;min-height:74px;padding:9px 11px;font-family:inherit;font-size:14px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);outline:none}.pcardbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px 20px}.hint{color:var(--muted);font-size:12.5px}.profile{flex-direction:column;gap:16px;max-width:720px;display:flex}.alert{border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink);margin:0 0 14px;padding:11px 14px;font-size:13.5px}.alert.err{border-left:3px solid var(--flag);color:var(--flag)}.alert.ok{border-left:3px solid var(--good);color:var(--good)}.alert.warn{border-left:3px solid var(--warn);color:var(--warn)}.alert.info{border-left:3px solid var(--brand);color:var(--muted)}.scanning{font-family:var(--mono);color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.scanning:before{content:"";border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;flex:none;width:12px;height:12px}@media (prefers-reduced-motion:no-preference){.scanning:before{animation:.7s linear infinite spin}}@keyframes spin{to{transform:rotate(360deg)}}.tblwrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-sm);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 17px;font-size:10.5px;font-weight:700}table.data td{border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top;padding:10px 17px}table.data tr:last-child td{border-bottom:none}table.data td.mut{color:var(--muted)}.kanban{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;display:grid}.kcol{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.kcol-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 15px;display:flex}.kcol-head h3{font-size:14px}.kcards{flex-direction:column;gap:6px;max-height:560px;padding:8px;display:flex;overflow:auto}.kcard{border:1px solid var(--line);border-radius:var(--r);background:var(--raise);padding:10px 12px}.kcard.link{cursor:pointer}.kcard.link:hover{border-color:var(--brand)}.kcard.link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.kcard .co{color:var(--ink);font-size:13.5px;font-weight:600}.kcard .sub{color:var(--muted);margin-top:2px;font-size:12px}.kempty{text-align:center;color:var(--faint);padding:20px 12px;font-size:12.5px}.login-wrap{background:var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:380px;box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:28px 26px;display:flex}.login-card h1{font-size:22px}.login-card p{color:var(--muted);margin:0;font-size:13.5px}.login-foot{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;max-width:380px;margin-top:18px;font-size:12px;display:flex}.login-foot a{color:var(--muted);border-bottom:1px solid #0000;text-decoration:none}.login-foot a:hover{color:var(--ink);border-bottom-color:var(--line)}:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:no-preference){.bitem,.navlink,.btn,.tab,.kpi{transition:background .15s,border-color .15s,color .15s,transform .15s}.btn:active{transform:translateY(1px)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn.primary,:root:not([data-theme=light]) .btn.primary:hover,:root:not([data-theme=light]) .tab.on,:root:not([data-theme=light]) .brand .mark{color:#0e1413}}:root[data-theme=dark] .btn.primary,:root[data-theme=dark] .btn.primary:hover,:root[data-theme=dark] .tab.on,:root[data-theme=dark] .brand .mark{color:#0e1413}@media (width<=1100px){.kanban{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;grid-template-areas:"brand account""nav nav";align-items:center;gap:12px 16px;height:auto;padding:12px 18px;display:grid;position:static}.sidebar .brand{grid-area:brand}.sidebar nav{scrollbar-width:none;flex-flow:row;grid-area:nav;gap:7px;margin:0 -18px;padding:2px 18px;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar .navlink{white-space:nowrap;border:1px solid var(--line);border-radius:100px;flex:none;gap:8px;width:auto;padding:8px 13px}.sidebar .navlink:hover{border-color:var(--brand)}.sidebar .navlink.active{border-color:#0000}.sidefoot{flex-flow:wrap;grid-area:account;justify-content:flex-end;align-items:center;gap:10px;margin:0}.who{min-width:0}.kpis{grid-template-columns:repeat(2,1fr)}.work,.work.bwork{grid-template-columns:1fr}.plist{max-height:none}}@media (width<=560px){.sidebar{grid-template-columns:1fr;grid-template-areas:"brand""nav""account";gap:11px}.sidebar nav{flex-wrap:wrap;margin:0;padding:0;overflow-x:visible}.sidefoot{justify-content:flex-start}.who{margin-left:auto}}@media (width<=520px){main{padding:18px 15px 40px}.kpis{grid-template-columns:1fr 1fr}.head h1{font-size:22px}.send{align-items:stretch;width:100%}.send .btn{justify-content:center;width:100%}.kanban{grid-template-columns:1fr}}.detail-back{display:none}@media (width<=960px){.work>.panel.detail,.work.showdetail>.panel:first-child{display:none}.work.showdetail>.panel.detail{display:block}.detail-back{color:var(--brand);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:14px 16px 2px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.detail-back:hover{color:var(--brand-2)}.detail-back svg{width:16px;height:16px}}
