:root{font-family:Inter,system-ui,sans-serif;color:#18201d;background:#f3f5f3;line-height:1.5}*{box-sizing:border-box}body{margin:0}.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;transform:translateY(-200%);background:#fff;color:#0d3528;padding:.7rem 1rem;border-radius:.5rem;font-weight:750}.skip-link:focus{transform:translateY(0)}header{min-height:64px;background:#0d3528;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}header a,header button{color:#fff}.brand{font-weight:750;text-decoration:none}nav{display:flex;gap:18px;align-items:center}header nav a[aria-current="page"],.nav-home[aria-current="page"]{text-decoration-thickness:3px;text-underline-offset:.35rem}button,.button{border:0;border-radius:8px;background:#136f4c;color:#fff;padding:10px 15px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}.button.secondary{background:#e5eee9;color:#0d4b36}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #f2b134;outline-offset:3px}main{max-width:1180px;margin:auto;padding:36px 24px}.hero{margin-bottom:28px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:.15em 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:750;color:#167956}.grid,.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid #dce3df;border-radius:14px;padding:24px;box-shadow:0 10px 30px #183d2b0b}.wide{grid-column:1/-1}.narrow{max-width:480px;margin:8vh auto}.login main{padding-top:24px}label{display:grid;gap:5px;margin:12px 0;font-weight:650}input,select,textarea{width:100%;border:1px solid #b9c5bf;border-radius:8px;padding:10px;font:inherit;background:#fff}textarea{font-family:ui-monospace,monospace}fieldset{border:1px solid #dce3df;border-radius:10px;margin:12px 0}.assignments{list-style:none;padding:0}.assignments li{display:flex;justify-content:space-between;border-bottom:1px solid #e5e9e7;padding:10px 0}.muted{color:#64706a;font-size:.9rem}.error,#notice.error{color:#9a1b1b}.success{color:#126641}.loading{color:#68736e}.item{border-bottom:1px solid #e5e9e7;padding:9px 0}.item code{font-size:.75rem}.actions{display:flex;gap:10px;margin:12px 0}pre{background:#10261e;color:#dff7ea;border-radius:8px;padding:14px;overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pipeline-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.metrics article{background:#143f31;color:#fff;border-radius:12px;padding:18px}.metrics span{display:block;font-size:.85rem;color:#c8ddd5}.metrics strong{font-size:1.5rem}.filters{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.filters label{min-width:180px;flex:1}.filters input[type=checkbox]{width:auto}.pipeline-board{display:flex;gap:16px;overflow-x:auto;padding:20px 0;align-items:flex-start}.stage-column{background:#e9eeeb;border-radius:14px;padding:12px;min-width:285px;max-width:330px;flex:1}.stage-column>header{display:flex;justify-content:space-between;align-items:center}.stage-column>header h2{font-size:1rem}.stage-column>header span{background:#fff;border-radius:99px;padding:3px 9px}.opportunity-card{display:block;background:#fff;color:#17231e;text-decoration:none;border:1px solid #d9e1dc;border-radius:10px;padding:14px;margin:10px 0}.opportunity-card:hover{border-color:#197955;box-shadow:0 6px 20px #183d2b16}.opportunity-card h3{margin:.35rem 0}.opportunity-card p{font-size:.9rem;color:#59655f}.opportunity-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opportunity-card dt,.facts dt{font-size:.72rem;text-transform:uppercase;color:#66736d}.opportunity-card dd,.facts dd{margin:0}.reference{font:700 .75rem ui-monospace,monospace;color:#167956}.empty{text-align:center;width:100%}.creation-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d9eee5;color:#0b563a;font-weight:800}details{border-top:1px solid #e2e7e4;margin-top:16px;padding-top:12px}summary{cursor:pointer;font-weight:700}.workspace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.workspace-head h1{font-size:clamp(2rem,5vw,3.3rem);margin:.2em 0}.stage-badge{background:#d9eee5;color:#0b563a;border-radius:99px;padding:10px 15px;font-weight:800}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.facts>div{padding:10px 0;border-bottom:1px solid #e5e9e7}.terminal.won{border-left:6px solid #158157}.terminal.lost{border-left:6px solid #9b3434}@media(max-width:760px){.grid,.admin-grid,.creation-flow,.workspace-grid,.metrics{grid-template-columns:1fr}.wide{grid-column:auto}header{padding:12px 16px;align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}main{padding:24px 16px}.pipeline-board{display:block;overflow:visible}.stage-column{max-width:none;margin-bottom:14px}.workspace-head{align-items:flex-start}.filters{display:grid}.pipeline-hero{display:block}.pipeline-hero .button{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.stage-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.65rem}.stage-counts a{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem;border:1px solid #dce3df;border-radius:.75rem;text-decoration:none;color:inherit}.stage-counts a:hover,.stage-counts a:focus-visible{border-color:#197955;background:#f3f5f3}.linked-actions{margin:.6rem 0;padding-left:1.2rem}.follow-up-conversion{margin-top:.6rem;flex-basis:100%}.workspace-follow-up-form{display:grid;gap:.6rem;margin-top:.6rem}
.brand span{display:block;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#c8ddd5}.prepilot-notice{display:flex;gap:.75rem;align-items:flex-start;margin:0 0 1.5rem;padding:.8rem 1rem;border:1px solid #d7b45a;border-radius:.75rem;background:#fff8df;color:#543f0c}.prepilot-notice strong{white-space:nowrap}.info-box{margin:0 0 1rem;padding:1rem;border:1px solid #b9d8ca;border-radius:.75rem;background:#f3fbf7}.info-box summary{color:#0d593d}.info-box p{margin:.65rem 0 0}@media(max-width:760px){.prepilot-notice{display:block}.prepilot-notice strong{display:block;margin-bottom:.35rem}}
.survey-observations{padding-left:1.25rem}.survey-observations li{padding:.75rem 0;border-bottom:1px solid #e5e9e7}.survey-observations p{margin:.3rem 0}.survey-observations+button{margin-top:1rem}
.readiness-item{border-left:5px solid #8a9690;padding:.8rem 1rem;margin:.7rem 0;background:#f7f9f8}.readiness-item.blocking{border-color:#a52b2b}.readiness-item.required{border-color:#d08a00}.readiness-item.advisory{border-color:#397e68}.survey-progress{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.survey-progress span{padding:.35rem .65rem;border-radius:99px;background:#edf0ee}.survey-progress span.success{background:#d9eee5}
.floating-add{position:fixed;right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));width:3.75rem;height:3.75rem;border-radius:50%;font-size:2rem;line-height:1;box-shadow:0 10px 28px rgba(0,0,0,.28);z-index:20}.floating-add:focus-visible{outline:4px solid #ffcc00;outline-offset:3px}dialog{max-width:min(38rem,calc(100vw - 2rem));border:0;border-radius:1rem;padding:1.5rem;box-shadow:0 24px 70px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(10,24,30,.62)}.dialog-close{display:flex;justify-content:flex-end}.dialog-close button{background:transparent;color:inherit;font-size:1.5rem;padding:.2rem .6rem}.next-best{font-size:1.35rem}
.horizon-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;max-width:34rem;margin:0 auto 1rem;padding:.25rem;border-radius:999px;background:var(--surface,#eef2f0)}.horizon-switch button{border:0;border-radius:999px;background:transparent;color:inherit;padding:.7rem .5rem}.horizon-switch button[aria-pressed="true"]{background:#fff;color:#123b31;box-shadow:0 2px 10px rgba(0,0,0,.12)}.capture-starters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.capture-starters button{border-radius:999px;padding:.55rem .8rem;background:#eef6f2;color:#123b31}@media(max-width:520px){.horizon-switch{position:sticky;top:.5rem;z-index:8}.horizon-switch button{font-size:.86rem;padding:.65rem .25rem}.floating-add{width:4rem;height:4rem}}
.my-day-item{padding:.75rem 0;border-bottom:1px solid var(--line)}.my-day-item:last-child{border-bottom:0}.my-day-item p{margin:.2rem 0}.my-day-item .actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.my-day-item .actions button{width:auto;padding:.45rem .7rem}
.my-day-alerts{border-left:5px solid #c47a00}.my-day-alert{padding:.75rem 0;border-bottom:1px solid var(--line)}.my-day-alert:last-child{border-bottom:0}.my-day-alert p{margin:.2rem 0}.my-day-alert.warning strong{color:#8a5100}.my-day-alert.critical strong{color:#a3261c}.my-day-alert.critical{border-left:3px solid #c23b2b;padding-left:.8rem}
.nav-back,.nav-home{background:transparent;color:inherit;border:0;border-radius:.6rem;padding:.55rem .7rem;white-space:nowrap;text-decoration:none}.nav-back:hover,.nav-home:hover,.nav-back:focus-visible,.nav-home:focus-visible{background:rgba(255,255,255,.12)}
@media(max-width:760px){body>header{display:grid;grid-template-columns:auto auto 1fr;gap:.35rem;padding:.55rem .75rem;align-items:center}body>header .brand{justify-self:end;text-align:right;font-size:.88rem}body>header .brand span{display:block;font-size:.62rem}body>header>nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.35rem 0 .15rem;overflow:visible}body>header>nav a,body>header>nav button{min-width:0;white-space:normal;padding:.45rem .55rem;font-size:.84rem;text-align:center}}

/* Pilot UX: lugn, tydlig och direktmanövrerad. */
:root{--ink:#13201b;--quiet:#627069;--charge:#0b6b49;--charge-dark:#092f25;--surface:#fff;--soft:#eef4f1;--line:#d8e2dd;--shadow:0 12px 34px rgba(18,45,34,.08)}
body{color:var(--ink);background:linear-gradient(180deg,#f7faf8 0,#f1f5f3 18rem)}
header{position:sticky;top:0;z-index:30;min-height:72px;background:rgba(9,47,37,.97);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.1)}
header nav{gap:.35rem}header nav a,header nav button{border-radius:999px;padding:.62rem .82rem;text-decoration:none;font-size:.92rem}header nav a:hover,header nav button:hover{background:rgba(255,255,255,.12)}
.nav-add{background:#fff!important;color:var(--charge-dark)!important;font-weight:800}
main{max-width:1120px;padding-top:28px}.hero{max-width:760px;margin-bottom:24px}.hero h1{font-weight:780;letter-spacing:-.035em}.hero p:not(.eyebrow){color:var(--quiet);font-size:1.05rem}
.card{border-color:rgba(18,60,44,.11);border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow)}
button,.button{min-height:44px;border-radius:12px;background:var(--charge);padding:.7rem 1rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(11,107,73,.18)}
.secondary-action{background:var(--soft);color:var(--charge-dark)}.text-button{min-height:auto;background:transparent;color:var(--charge);padding:.3rem .45rem;box-shadow:none}.text-button:hover{background:var(--soft);box-shadow:none;transform:none}
input,select,textarea{min-height:46px;border-color:#afbeb7;border-radius:12px;padding:.72rem .8rem}input:focus,select:focus,textarea:focus{border-color:var(--charge);outline:3px solid rgba(11,107,73,.14);outline-offset:0}
textarea{font-family:Inter,system-ui,sans-serif}.field-help{display:block;color:var(--quiet);font-size:.82rem;font-weight:500}
.prepilot-notice{border:0;border-left:4px solid #d6a62e;border-radius:12px;background:#fff9e8;box-shadow:0 5px 18px rgba(80,62,8,.06)}
.admin-grid{align-items:start}.admin-section>.section-heading{margin-bottom:.5rem}.admin-record{padding:1rem 0;border-bottom:1px solid var(--line)}.admin-record:last-of-type{border-bottom:0}.record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.record-heading p{margin:.2rem 0;color:var(--quiet)}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .62rem;font-size:.78rem;font-weight:750;background:#edf1ef;color:#506059}.status-pill.active{background:#dff3e9;color:#07593b}.status-pill.inactive,.status-pill.ended{background:#f2e8e6;color:#7d2d25}
.role-list{display:grid;gap:.45rem;margin:.8rem 0}.role-list>div{display:grid;grid-template-columns:1fr auto;gap:.1rem .6rem;padding:.65rem .75rem;border-radius:12px;background:var(--soft)}.role-list small{grid-column:1;color:var(--quiet)}.role-list button{grid-column:2;grid-row:1/3;align-self:center}
.technical-details{margin:.55rem 0;padding:.1rem 0;border:0}.technical-details summary{font-size:.82rem;color:var(--quiet);font-weight:600}.technical-details code{display:block;margin-top:.4rem;overflow-wrap:anywhere;color:var(--quiet)}
.admin-create{margin-top:1rem;border:0;border-radius:14px;background:var(--soft);padding:.85rem 1rem}.admin-create summary{color:var(--charge-dark)}.admin-create form{padding-top:.5rem}
.admin-advanced{margin-top:0}.admin-advanced>summary{font-size:1.05rem;color:var(--charge-dark)}.admin-advanced[open]>summary{margin-bottom:1rem}
@media(max-width:760px){header{position:relative}.prepilot-notice{font-size:.88rem}.admin-grid{gap:14px}.record-heading{align-items:center}.role-list>div{grid-template-columns:1fr}.role-list button{grid-column:1;grid-row:auto;justify-self:start}.card{border-radius:16px}.actions{flex-wrap:wrap}.actions button,.actions .button{flex:1}}