/* RENGO SYS — stylesheet. Base shell first, then shared primitives, then the guides (catalog gl-, guide page gp-, lesson editor le-/eb-). */
:root{--blue:#087eb7;--blue-strong:#005b90;--blue-soft:#e9f6fc;--orange:#ff7d23;--ink:#15334d;--muted:#637d91;--line:#dae8ef;--canvas:#f3f8fb;--shadow:0 10px 30px rgba(26,70,97,.055);--side:240px}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI",Arial,Tahoma,system-ui,sans-serif;font-size:14px;line-height:1.55}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}
a{color:var(--blue-strong);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(24px,2.25vw,32px);line-height:1.18;letter-spacing:-.025em;margin-bottom:8px}h2{font-size:18px;line-height:1.4}h3{font-size:15px;line-height:1.45}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.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}
.icon{flex:none;vertical-align:middle}button .icon,a .icon{margin-inline-end:5px}
.boot{height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;font-size:22px;font-weight:800;color:var(--blue)}
.loading{width:26px;height:26px;border:3px solid #bddce9;border-top-color:var(--blue);border-radius:100%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:44px;height:44px;display:block;border-radius:11px;flex:none;box-shadow:0 2px 8px rgba(10,20,40,.18)}
.brand-copy{display:flex;flex-direction:column;line-height:1;gap:4px}.brand-copy strong{font-size:25px;letter-spacing:-.06em;font-weight:900;background:linear-gradient(180deg,#19b8ff,#0a6fe0);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-copy span{letter-spacing:.38em;color:#ff7a12;font-size:9px;font-weight:900}
.auth-layout{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% -20%,#e9f6fc,var(--canvas) 60%)}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,5vw,44px);width:min(100%,460px);display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.auth-card h2{font-size:24px;margin-bottom:6px}.auth-foot{margin-top:8px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-weight:850;margin-bottom:8px}
.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100dvh}
.sidebar{height:100dvh;position:sticky;top:0;background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;z-index:5}
.sidebar-top{padding:26px 22px 20px;border-bottom:1px solid var(--line)}.side-caption{color:#8ba3b2;font-size:11px;margin-top:10px}
.side-nav{display:flex;flex-direction:column;gap:5px;padding:20px 13px;flex:1}
.nav-item{display:flex;align-items:center;gap:12px;min-height:46px;border-radius:11px;padding:0 13px;font-weight:700;color:#547389}.nav-item:hover{background:#f1f8fc;color:#0868a1;text-decoration:none}
.nav-item.active{background:var(--blue-soft);color:#00669b;font-weight:850;box-shadow:inset 3px 0 var(--orange)}[dir=rtl] .nav-item.active{box-shadow:inset -3px 0 var(--orange)}
.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:16px 18px;min-width:0}.avatar{background:#d8f0fc;display:grid;place-items:center;flex:none;border-radius:50%;width:36px;height:36px;color:#007ab7;font-weight:800}
.profile{display:flex;flex-direction:column;min-width:0}.profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{color:var(--muted)}
.workspace{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(14px,3vw,30px);min-height:60px}
.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700}.breadcrumb span{color:var(--blue)}.top-actions{display:flex;align-items:center;gap:8px}.user-chip{font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lang select{border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:#fff}
.main{padding:clamp(16px,3vw,30px);flex:1;max-width:1240px;width:100%}
.progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--orange);z-index:50;opacity:0;transition:opacity .2s}.is-loading .progress-bar{opacity:1;width:70%;transition:width 1.2s ease-out}
/* between two views (web/app.js route): the old one stays, dims only when the next takes a moment, and is not clickable */
.shell.is-switching .main{pointer-events:none;opacity:.6;transition:opacity .15s ease .25s}
.mobile-nav{display:none}
.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:18px}.page-heading p{color:var(--muted);margin:0}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:11px;padding:10px 16px;font-weight:750;line-height:1.2;transition:background .15s,color .15s,border-color .15s;text-decoration:none}
.btn:hover{text-decoration:none}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-strong)}.btn.secondary{background:var(--blue-soft);color:#00669b}.btn.outline{background:#fff;border-color:var(--line);color:#2a5a78}.btn.ghost{background:transparent;color:#2a5a78}.btn.ghost:hover{background:#f1f8fc}
.btn.small{padding:7px 12px;font-size:13px}.btn.tiny{padding:4px 8px;font-size:12px;border-radius:8px}.btn.wide{width:100%}.btn.danger{background:#c0392b;color:#fff}.btn.danger:hover{background:#a93226}
.danger-text{color:#c0392b}.ok{color:#2e9d5b}.muted{color:var(--muted)}.small{font-size:12px}.warning{color:#7b5312}
.field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:#3c6079}.field em{font-style:normal;font-weight:500;color:var(--muted)}
.field input,.field select,.field textarea,input[type=search]{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;font-weight:500;color:var(--ink);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,183,.12)}
.field.inline{display:inline-flex;flex-direction:row;align-items:center;gap:6px}.field.inline input{width:70px;padding:6px 8px}
.check-field{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.check-field input{width:18px;height:18px;accent-color:var(--blue)}
.check-list{display:grid;gap:4px;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px}.check-list label{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer}.check-list label:hover{background:#f4f9fc}.check-list input{width:18px;height:18px;accent-color:var(--blue)}.check-list small{margin-inline-start:auto;color:var(--muted)}.check-list.short{max-height:160px}
.stack{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.form-footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
.alert{border-radius:12px;padding:12px 14px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}.alert-error{background:#fff0ec;color:#8f3425;border:1px solid #f3c3b9}.alert-ok{background:#eefaf1;color:#215b36;border:1px solid #bfe6cb}.alert-note{background:#fff7e6;color:#7b5312;border:1px solid #f6d9a2}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;background:#eef3f6;color:#44627a;white-space:nowrap}
.status-draft{background:#fff7e6;color:#7b5312}.status-published,.status-approved,.status-completed{background:#eefaf1;color:#215b36}.status-archived{background:#eef0f2;color:#6a7c88}.status-superseded{background:#eef0f2;color:#6a7c88}
.status-in_progress{background:var(--blue-soft);color:#00669b}.status-assigned,.status-not_started,.status-available{background:#eef3f6;color:#44627a}.status-overdue,.status-needs_retry{background:#fff0ec;color:#8f3425}.status-needs_update,.status-note{background:#fff7e6;color:#7b5312}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.section-heading h2{margin:0}
.table-wrapper{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:start;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6f8ea2;padding:10px 10px;background:#f6fafc}td{padding:10px;border-top:1px solid #edf2f4;vertical-align:middle}td small{display:block;color:var(--muted)}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:8px 0 14px}.stat-row>div{background:#f4f9fc;border-radius:11px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.stat-row span{font-size:11px;color:#5b778a;font-weight:700}.stat-row strong{font-size:22px;color:#183c54}
.empty{text-align:center;padding:40px 20px;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:18px}.empty-orbit{font-size:28px;color:#bcd8e6}.empty strong{display:block;color:var(--ink);margin:6px 0}
.skeleton{display:grid;gap:10px}.skeleton span{display:block;height:54px;border-radius:12px;background:linear-gradient(90deg,#eef3f6,#f7fafc,#eef3f6);background-size:200% 100%;animation:sheen 1.2s infinite}@keyframes sheen{to{background-position:-200% 0}}
.modal-backdrop{position:fixed;inset:0;background:rgba(10,38,58,.45);display:grid;place-items:center;z-index:60;padding:16px}.modal{background:#fff;border-radius:18px;padding:24px;width:min(100%,520px);max-height:92dvh;overflow:auto;box-shadow:0 30px 80px rgba(0,30,50,.3)}.modal h2{margin-bottom:6px}.modal-wide{width:min(100%,760px)}.modal-danger h2{color:#8f3425}
.radio-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}.radio-card:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}.radio-card input{margin-top:3px;width:18px;height:18px;accent-color:var(--blue)}.radio-card small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.task-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.task-tab{padding:10px 14px;font-weight:750;color:#547389;border-bottom:3px solid transparent;white-space:nowrap}.task-tab:hover{text-decoration:none;color:#0868a1}.task-tab.selected{color:#00669b;border-color:var(--orange)}
.menu-row{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.domain-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.progress-line{height:6px;border-radius:4px;background:#e6eff4;overflow:hidden}.progress-line i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#36b37e);border-radius:4px;transition:width .3s;margin-inline-end:auto}[dir=rtl] .progress-line i{background:linear-gradient(270deg,var(--blue),#36b37e)}.progress-line.mini{width:90px;display:inline-block;vertical-align:middle;margin-inline-end:6px}
.version-list{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.version-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #edf2f4}.version-row span{display:flex;flex-direction:column}.version-row small{font-size:11px;color:var(--muted)}
.danger-zone{margin-top:22px;padding:14px 16px;border:1px solid #f3c3b9;border-radius:12px;background:#fff8f6}.danger-zone p{margin:4px 0 10px}
.overdue-row td{background:#fff7f5}
@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:14px 16px 90px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.mobile-nav .nav-item{flex:1;flex-direction:column;gap:3px;font-size:11px;min-height:52px;justify-content:center;padding:0}.domain-split{grid-template-columns:1fr}.topbar{padding:8px 14px}.user-chip{display:none}}

/* ---------- guides: reader blocks, lesson editor, catalog ---------- */
.checklist-zone{margin-bottom:20px}
.checklist-item{border:1px solid #e0ecf2;border-radius:12px;margin:10px 0;padding:15px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}
.media-tile{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;padding-bottom:12px}
.media-tile img,.file-icon{height:115px;width:100%;object-fit:cover;background:#ecf4f8}
.media-tile strong,.media-tile small{margin:5px 12px 0;overflow-wrap:anywhere}
.media-tile strong{font-size:11px;color:var(--ink)}
.media-tile small{font-size:10px;color:var(--muted)}
.legend{display:grid;gap:8px}
.legend>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:11px;color:#587081}
.legend i{width:8px;height:8px;border-radius:50%}.legend strong{color:#17344a}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.media-tile{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.media-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.media-tile .file-icon{aspect-ratio:4/3;display:grid;place-items:center;background:#f1f8fc;color:var(--blue)}
.media-tile figcaption{padding:8px 10px;display:grid;gap:2px;font-size:12px}.media-tile figcaption small{color:var(--muted);font-size:10px}
.block-link{display:block;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.chapter-link{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:0;background:transparent;border-radius:10px;padding:9px 10px;font-weight:650;color:#3c6079;font-size:13px}
.chapter-link b{width:22px;height:22px;border-radius:50%;background:#e8f1f7;color:#2b6a90;display:grid;place-items:center;font-size:11px;flex:none}
.chapter-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-link small{color:var(--muted)}
.chapter-link.on,.course-nav li.on .chapter-link{background:var(--blue-soft);color:#00669b}.chapter-link.read b{background:#2e9d5b;color:#fff}.chapter-link svg{color:#2e9d5b}
.course-progress{margin-bottom:12px}.course-progress small{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.course-facts{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px;font-size:12px}.course-facts span{font-weight:800;color:#42718b;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.course-facts p{margin:2px 0 0;white-space:pre-wrap}
.chapter{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,36px);box-shadow:var(--shadow)}
/* the lesson's parts as jump pills; a target block flashes briefly */
.lesson-flow{display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 18px}.flow-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#f7fafc;color:#183c54;font-size:12.5px;font-weight:600;text-decoration:none}.flow-pill:hover{background:var(--blue-soft);border-color:#b9d8ea}.flow-pill i{font-style:normal;font-size:13px}.block{scroll-margin-top:90px}.block.flow-target{animation:flow-flash 1.5s ease-out}@keyframes flow-flash{0%,40%{box-shadow:0 0 0 3px #cfe6f5}100%{box-shadow:none}}
.chapter header{margin-bottom:18px}.chapter header h2{font-size:clamp(22px,2.2vw,30px);margin:4px 0 6px}.chapter .lead{font-size:15px;color:#4d6f85}
.chapter.compact{padding:14px;margin-bottom:10px}.chapter.compact h4{margin:2px 0 8px}
.block{margin:0 0 22px}.block h4{font-size:17px;margin:0 0 8px;color:#183c54}
.block-body p{margin:0 0 10px;font-size:15px;line-height:1.7;color:#243c4e}.block-body p:last-child{margin-bottom:0}
.block-media-layout{display:grid;gap:18px;align-items:start}.block-media-layout.media-left{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.block-media-layout.media-right{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.block-media-layout.media-right .block-media{order:2}
.block-media figure{margin:0}.block-media img,.block-media video{width:100%;border-radius:14px;display:block;border:1px solid var(--line);background:#000}.block-media figcaption{font-size:12px;color:var(--muted);margin-top:6px}
.file-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:#f7fbfd;font-weight:700}.file-chip small{color:var(--muted);font-weight:500}
.callout{display:flex;gap:12px;border-radius:14px;padding:16px 18px;border:1px solid;align-items:flex-start}.callout svg{flex:none;margin-top:2px}.callout h4{margin-bottom:4px;font-size:15px}.callout .block-body p{font-size:14px}
.callout.info{background:#eef6fb;border-color:#c9e2f0;color:#1f4f6c}.callout.tip{background:#eefaf1;border-color:#bfe6cb;color:#215b36}.callout.warning{background:#fff7e6;border-color:#f6d9a2;color:#7b5312}.callout.danger{background:#fff0ec;border-color:#f3c3b9;color:#8f3425}.callout.quality{background:#f1effb;border-color:#d7d0f2;color:#4a3d8f}
.steps{list-style:none;margin:8px 0 0;padding:0;counter-reset:step;display:grid;gap:10px}
.steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;font-size:15px;line-height:1.6}
.steps li span{counter-increment:step;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;display:grid;place-items:center}.steps li span:before{content:counter(step)}
.steps li div{padding-top:5px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.chapter-footer{display:flex;justify-content:space-between;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.completion{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.completion.done{display:flex;gap:14px;align-items:center;background:#eefaf1;border-color:#bfe6cb;color:#215b36}.completion.done small{display:block;color:#3f7a55;font-size:12px}
.completion .confirm{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.5}.completion .confirm input{margin-top:3px;width:20px;height:20px;accent-color:var(--blue)}
.editor-meta{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.editor-meta summary{cursor:pointer;font-weight:800;color:var(--blue);font-size:12px;margin-bottom:8px}
.media-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:10px}
.media-thumb{display:grid;gap:4px;font-size:10px;color:var(--muted)}.media-thumb img,.media-thumb>span{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;background:#f1f8fc;color:var(--blue)}
.media-thumb small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chapter.editing{border-style:dashed;border-color:#9cc7de}
.chapter-edit-head form{margin-bottom:10px}
.block.editable{border:1px dashed #cfe3ee;border-radius:14px;padding:14px 16px 16px;position:relative;background:#fbfdff}
.block.editable:hover{border-color:#7fb6d3}.block.editable.new{border-style:solid;border-color:var(--blue)}
.block-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.block-kind{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6f8ea2}
.block-form{background:#fff;border-radius:12px;padding:12px}
.gallery-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.gallery-pick label{position:relative;cursor:pointer}.gallery-pick input{position:absolute;inset:6px auto auto 6px;width:18px;height:18px;z-index:1;accent-color:var(--blue)}.gallery-pick img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:2px solid var(--line)}.gallery-pick input:checked+img{border-color:var(--blue)}
@media (max-width:980px){.course-layout,.course-layout.editor{grid-template-columns:1fr}.course-nav{position:static;max-height:none}.block-media-layout.media-left,.block-media-layout.media-right{grid-template-columns:1fr}.block-media-layout.media-right .block-media{order:0}}
@media (max-width:760px){.chapter{padding:16px;border-radius:14px}.block-body p{font-size:15px}.steps li{font-size:14px}.chapter-footer{flex-direction:column}.chapter-footer .btn{width:100%}}
.course-facts-wrap{border-top:1px solid var(--line);padding-top:8px}.course-facts-wrap summary{cursor:pointer;font-weight:800;color:var(--blue);font-size:12px;margin:4px 0 8px}
.course-facts-wrap[open] .course-facts{padding-top:4px}
.media-strip{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.media-thumb .btn{justify-self:start;padding:2px 6px}
  .chapter-link{width:auto;white-space:nowrap;border:1px solid var(--line);padding:7px 11px;font-size:12px}
  .chapter-link span{max-width:160px}
.chapter-no{width:28px;height:28px;border-radius:50%;background:#e8f1f7;color:#2b6a90;display:grid;place-items:center;font-weight:900;font-size:13px;flex:none}
.doc-media-layout{display:grid;gap:16px;align-items:start}.doc-media-layout.media-left{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.doc-media-layout.media-right{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.doc-media-layout.media-right .doc-media{order:2}
.doc-media img,.doc-media video{width:100%;border-radius:12px;display:block;border:1px solid var(--line)}
.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:160px;border:2px dashed #bcd8e6;border-radius:12px;background:#f5fafd;color:#2b6a90;font-weight:750;cursor:pointer;position:relative;text-align:center;padding:16px}
.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop-zone:hover{border-color:var(--blue);background:#eef7fc}
.replace-link{display:inline-block;margin-top:6px;font-size:11px;color:var(--blue);font-weight:700;cursor:pointer;position:relative}.replace-link input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.tone-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tone-row.small{margin:8px 0 0}
.tone-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;color:#587a90}
.tone-chip.on{border-color:currentColor}
.tone-chip.info.on{color:#1f4f6c;background:#eef6fb}.tone-chip.tip.on{color:#215b36;background:#eefaf1}.tone-chip.warning.on{color:#7b5312;background:#fff7e6}.tone-chip.danger.on{color:#8f3425;background:#fff0ec}.tone-chip.quality.on{color:#4a3d8f;background:#f1effb}.tone-chip.neutral.on{color:#00669b;background:var(--blue-soft)}
.callout.editing{display:block}.callout.editing input,.callout.editing textarea{margin:0;width:100%}
.add-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 0;opacity:.45;transition:opacity .12s}
.add-row:hover{opacity:1}
.add-row>span{width:22px;height:22px;border-radius:50%;border:1px dashed #9cc7de;display:grid;place-items:center;color:#2b6a90;font-weight:900;font-size:13px}
.add-chip{border:1px solid #d6e6ef;background:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:750;color:#3c6079}
@media (max-width:980px){.doc-layout{grid-template-columns:1fr}.doc-outline{position:static}.doc-media-layout.media-left,.doc-media-layout.media-right{grid-template-columns:1fr}.doc-media-layout.media-right .doc-media{order:0}.add-row{opacity:1}.doc-tools{opacity:1}}
.chapter-link b{font-size:12px}.chapter-link.on b{background:var(--blue);color:#fff}
.lesson-reqs{margin-top:18px;background:#f7fbfd;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:13px}.lesson-reqs strong{display:block;margin-bottom:6px;color:#2b6a90;font-size:12px}.lesson-reqs ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;color:#4d6f85}.lesson-reqs li.ok{color:#2e9d5b;font-weight:700}
.media-req{display:flex;align-items:center;gap:6px;font-size:12px;color:#7b5312;background:#fff7e6;border-radius:8px;padding:6px 10px;margin:8px 0}.media-req b.ok{color:#2e9d5b}
.block video,.block audio{width:100%;border-radius:14px;display:block;background:#000}.block audio{background:transparent}
.transcript{margin-top:8px;font-size:13px}.transcript summary{cursor:pointer;font-weight:800;color:var(--blue)}
.file-chip.link{text-decoration:none}
.content-table{width:100%;border-collapse:collapse;font-size:14px}.content-table th,.content-table td{border:1px solid var(--line);padding:8px 10px;text-align:start}.content-table th{background:#f4f9fc;font-weight:800}
.checklist{display:grid;gap:6px;margin-top:8px}.check-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:15px;line-height:1.5;cursor:pointer}.check-item input{width:22px;height:22px;flex:none;accent-color:#2e9d5b;margin-top:2px}.check-item.on{background:#eefaf1;border-color:#bfe6cb;text-decoration:line-through;color:#3f7a55}
.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:8px}
.compare-side{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}.compare-side img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.compare-side>div,.compare-side>p{padding:10px 14px;margin:0;font-size:14px}.compare-side b{display:flex;align-items:center;gap:6px;font-size:13px}.compare-side p{margin:4px 0 0;color:#4d6f85}
.compare-side.good{border-color:#bfe6cb}.compare-side.good b{color:#2e9d5b}.compare-side.bad{border-color:#f3c3b9}.compare-side.bad b{color:#c0392b}
.ba-tag{position:absolute;top:8px;inset-inline-start:8px;z-index:1;background:rgba(10,38,58,.8);color:#fff;font-size:10px;font-weight:900;border-radius:999px;padding:3px 9px;text-transform:uppercase;letter-spacing:.06em}.ba-tag.after{background:#2e9d5b}
.compare-side.edit{padding:0;gap:6px}.compare-side.edit .drop-zone{min-height:120px;border-radius:0}.compare-side.edit textarea{margin:0;width:100%;padding:8px 12px}
.question-card,.quiz-card{border:1px solid #d6e6ef;border-radius:16px;padding:18px 20px;background:linear-gradient(180deg,#f7fbfd,#fff)}
.q-prompt{font-size:16px;font-weight:700;color:#183c54;margin:0 0 12px}
.q-options{display:grid;gap:8px;margin-bottom:12px}.q-options label{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-size:14.5px}.q-options label:hover{border-color:#9cc7de}.q-options input{width:20px;height:20px;accent-color:var(--blue);flex:none}
.q-options.row{grid-template-columns:1fr 1fr}
.q-order{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px;counter-reset:ord}.q-order li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;cursor:grab}.q-order li:before{counter-increment:ord;content:counter(ord);width:22px;height:22px;border-radius:50%;background:#e8f1f7;color:#2b6a90;display:grid;place-items:center;font-size:11px;font-weight:900}.q-order .menu-row{margin-inline-start:auto}
.q-match{display:grid;gap:8px;margin-bottom:12px}.q-match>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;font-size:14px}.q-match select{width:100%}
.q-text{width:100%;margin-bottom:12px}
.q-result{display:inline-flex;align-items:center;gap:6px;font-weight:800;border-radius:10px;padding:8px 12px}.q-result.ok{background:#eefaf1;color:#215b36}.q-result.bad{background:#fff0ec;color:#8f3425}
.q-explain{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-inline-start:3px solid var(--blue);background:var(--blue-soft);border-radius:8px;font-size:14px;line-height:1.5;color:#1f3a4d}.q-explain .icon,.q-explain svg{flex:none;margin-top:2px;color:var(--blue-strong)}
/* flip cards: the front shows first, a tap turns the card; no animation when the person prefers reduced motion */
.flash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;margin-top:10px}
.flash{all:unset;box-sizing:border-box;display:block;min-height:120px;cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent;min-width:0}.flash:focus-visible .flash-inner{outline:2px solid var(--blue);outline-offset:2px}
.flash-inner{position:relative;display:grid;min-height:120px;height:100%;transition:transform .45s;transform-style:preserve-3d;border-radius:14px}
.flash.on .flash-inner{transform:rotateY(180deg)}[dir=rtl] .flash.on .flash-inner{transform:rotateY(-180deg)}
.flash-front,.flash-back{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;padding:16px 14px;border-radius:14px;border:1px solid var(--line);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow-wrap:anywhere;font-size:15px;line-height:1.45;min-width:0}
.flash-front{background:linear-gradient(180deg,#fff,#f3f9fc);color:var(--ink);font-weight:800}.flash-front small{font-weight:600;font-size:11px;color:var(--muted)}
.flash-back{background:var(--blue-strong);color:#fff;font-weight:500;transform:rotateY(180deg)}[dir=rtl] .flash-back{transform:rotateY(-180deg)}
@media (prefers-reduced-motion:reduce){.flash-inner{transition:none;transform-style:flat}.flash.on .flash-inner,[dir=rtl] .flash.on .flash-inner{transform:none}.flash-back,[dir=rtl] .flash-back{transform:none;display:none}.flash.on .flash-back{display:flex}.flash.on .flash-front{display:none}}
/* the learner's own notes */
.notes-card{border:1px solid #e6dcb8;border-radius:16px;padding:16px 18px;background:linear-gradient(180deg,#fffdf3,#fff)}.notes-card h4{margin:0 0 4px;font-size:15px}.notes-card p{margin:0 0 10px;font-size:14px}
.notes-card textarea{width:100%;min-height:96px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;font:inherit;font-size:15px;line-height:1.55;color:var(--ink);resize:vertical}.notes-card textarea:disabled{background:#f7f9fa;color:var(--muted)}.notes-card .note-status{display:block;margin-top:6px;min-height:14px;font-size:11px;color:var(--muted)}
/* course milestones under the progress line */
/* milestones as a timeline: four steps on a thin line, in progression order (the row follows the text direction) */
.course-badges{list-style:none;margin:10px 0 0;padding:0;display:flex;align-items:flex-start;position:relative}.course-badges::before{content:"";position:absolute;top:15px;inset-inline:12.5%;height:2px;background:#e6eff4}.badge-m{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;cursor:default}.badge-m i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:15px;border:1px solid var(--line);background:#fff}.badge-m span{font-size:10px;line-height:1.2;color:var(--muted);text-align:center;overflow-wrap:anywhere}.badge-m.off i{filter:grayscale(1);opacity:.35}.badge-m.on i{border-color:#f3c96b;background:#fff8e3;box-shadow:0 0 0 2px #fff3cc}.badge-m.on span{color:#183c54;font-weight:700}
/* flip-card editor */
.cards-edit{display:grid;gap:10px;margin-top:8px}.card-edit{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;display:grid;gap:6px}.card-edit-head{display:flex;justify-content:space-between;align-items:center;color:#2b6a90;font-size:12px}
.quiz-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.quiz-head svg{color:#b8860b;flex:none}.quiz-head h4{margin:0}.quiz-head small{color:var(--muted);font-size:12px}.quiz-head>.status{margin-inline-start:auto}
.quiz-q{border:0;padding:14px 0 4px;margin:0;border-top:1px solid var(--line)}.quiz-q legend{font-weight:700;font-size:15px;color:#183c54;padding:0;margin-bottom:10px;float:left;width:100%}
.quiz-result{margin-top:14px;border-radius:12px;padding:12px 16px}.quiz-result.ok{background:#eefaf1;color:#215b36}.quiz-result.bad{background:#fff0ec;color:#8f3425}.quiz-result ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;font-size:13px}/* one card per question: prompt, the learner's answer, the right answer when wrong, then the explanation */
.qr-q{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:10px 12px;color:#183c54;display:grid;gap:4px}.qr-q p{margin:0}.qr-prompt{font-weight:700}.qr-q.ok .qr-prompt{color:#215b36}.qr-q.bad .qr-prompt{color:#8f3425}.qr-you span,.qr-right span{color:var(--muted);font-weight:600}.qr-q.bad .qr-you{color:#8f3425}.qr-right{color:#215b36}.qr-why{display:flex;gap:6px;align-items:flex-start;color:#44627a;border-top:1px dashed var(--line);padding-top:6px;margin-top:2px}.qr-why svg{flex:none;margin-top:2px}
.ann-figure{margin:0}.ann-wrap{position:relative;display:block;line-height:0}.ann-wrap img{width:100%;border-radius:14px;display:block;border:1px solid var(--line);user-select:none}
.ann-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ann-layer.editable{pointer-events:auto;cursor:crosshair;touch-action:none}.ann-layer text{font-family:inherit;pointer-events:none}
.ann-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:8px}.ann-toolbar .tone-chip{min-width:30px;text-align:center;padding:4px 7px;font-size:13px}.ann-toolbar .sep{width:1px;height:18px;background:var(--line);margin:0 4px}.ann-toolbar small{flex-basis:100%;margin-top:2px}
.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);padding:0}.color-dot.on{box-shadow:0 0 0 2px var(--blue)}
.grip{cursor:grab;user-select:none}.grip:active{cursor:grabbing}.doc-tools .grip{display:inline-flex;align-items:center;gap:6px}
.drop-hint{outline:2px dashed var(--blue);outline-offset:2px;border-radius:12px}
.media-opts{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:8px 0;font-size:13px}.field.inline{display:inline-flex;align-items:center;gap:6px;margin:0}.field.inline input{width:70px;margin:0}
.gallery.edit .g-item{position:relative}.gallery.edit .g-item button{position:absolute;top:4px;inset-inline-end:4px;background:rgba(255,255,255,.9)}.drop-zone.tile{min-height:0;aspect-ratio:1;font-size:12px;padding:8px}
.quiz-settings{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:#f7fbfd;border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:8px}
.quiz-questions{display:grid;gap:12px}.quiz-q-edit{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.q-head{display:flex;justify-content:space-between;align-items:center}
.q-editor{display:grid;gap:6px}.q-type{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6f8ea2}.doc .q-editor .q-prompt{font-size:15px;font-weight:700;margin:0}.doc .q-editor input.small{font-size:12px;color:var(--muted)}
.q-options.edit{gap:4px;margin-bottom:4px}.q-opt{display:flex;align-items:center;gap:8px}.q-opt input[type=radio],.q-opt input[type=checkbox]{width:18px;height:18px;flex:none;margin:0;accent-color:#2e9d5b}.doc .q-opt input.doc-text{margin:0;flex:1;font-size:14px;padding:4px 8px}
.add-row.inline{opacity:1;margin-top:8px}
.wide{width:100%}.ok{color:#2e9d5b}.progress-line.mini{width:90px;display:inline-block;vertical-align:middle;margin-inline-end:6px}
@media (max-width:720px){.q-options.row{grid-template-columns:1fr}.q-match>div{grid-template-columns:1fr}.quiz-head{flex-wrap:wrap}.quiz-head>.status{margin-inline-start:0}.catalog-tools select{flex:1 1 45%}.compare{grid-template-columns:1fr}}
.quiz-q{min-inline-size:0;display:block}.quiz-q legend{float:none;display:block}
@media (max-width:720px){.block-media-layout.media-left,.block-media-layout.media-right{grid-template-columns:1fr}.block-media-layout.media-right .block-media{order:0}}
.quiz-preview{margin:8px 0 0;padding-inline-start:20px;font-size:14px;color:#4d6f85}.quiz-preview small{color:var(--muted)}
.add-row{opacity:1;padding:2px 0}
.add-row.open{display:flex;align-items:flex-start;gap:8px;background:#f5fafd;border:1px dashed #bcd8e6;border-radius:12px;padding:8px 10px;margin:6px 0}
.add-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.add-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #d6e6ef;background:#fff;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:750;color:#2f5a74;cursor:pointer}
.add-chip i{font-style:normal;font-size:11px;width:18px;height:18px;border-radius:50%;background:#e8f1f7;color:#2b6a90;display:grid;place-items:center;font-weight:900}
.add-chip:hover{border-color:var(--blue);color:#00669b;background:var(--blue-soft)}
@media (max-width:720px){.add-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.add-chip{flex:none}}
.home-empty{max-width:560px;margin:10vh auto;text-align:center;display:grid;gap:12px;justify-items:center}.home-empty h1{font-size:clamp(22px,2.4vw,30px)}.home-empty p{color:var(--muted);margin:0 0 6px}
.gl-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.gl-tools input[type=search]{flex:1 1 240px;min-width:0}.gl-tools select{flex:0 1 200px}
.gl-section{margin-bottom:20px}.gl-section h2{font-size:14px;color:#7b5312;background:#fff7e6;display:inline-block;padding:4px 10px;border-radius:8px;margin:0 0 10px}
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.gl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.gl-card.archived{opacity:.6}
.gl-cover-link{display:block}.gl-cover{aspect-ratio:16/7;background:linear-gradient(135deg,#0a7fb8,#004a78);display:grid;place-items:center;color:#fff}.gl-cover img{width:100%;height:100%;object-fit:cover;display:block}
.gl-body{padding:14px 16px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.gl-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gl-top small{margin-inline-start:auto;color:var(--muted);font-size:11px;display:inline-flex;align-items:center;gap:3px}
.gl-title{color:inherit;text-decoration:none}.gl-title h3{margin:2px 0 0;font-size:16px}.gl-body p{margin:0;color:#4d6f85;font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gl-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--muted)}
.gl-stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;font-weight:700;color:#2b5a78;margin-top:4px}.gl-stats small{font-weight:500;color:var(--muted)}
.gl-actions{display:flex;gap:2px;padding:8px 10px;border-top:1px solid #edf2f4;flex-wrap:wrap}.gl-actions .btn{padding:5px 10px}
.gp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.gp-title{display:flex;align-items:flex-start;gap:8px}.gp-title h1{font-size:clamp(20px,2vw,28px);margin:2px 0 0}.gp-back{font-size:18px;line-height:1}
.gp-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.save-state{font-size:12px;font-weight:700;color:var(--muted)}.save-state.saving{color:#7b5312}.save-state.saved{color:#2e9d5b}.save-state.error{color:#c0392b}
.gp-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.gp-side{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);max-height:calc(100dvh - 110px);overflow:auto}
.gp-main{min-width:0}
.side-title{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6f8ea2;margin-bottom:8px}.side-title small{font-weight:700;color:var(--muted)}
.side-hint{margin:6px 2px 0;font-size:11px}
.lesson-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:3px}.lesson-list li.part{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6f8ea2;padding:10px 10px 2px}
.lesson-link{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:0;background:transparent;border-radius:10px;padding:9px 10px;font-weight:650;color:#3c6079;font-size:13px;cursor:pointer}
.lesson-link b{width:22px;height:22px;border-radius:50%;background:#e8f1f7;color:#2b6a90;display:grid;place-items:center;font-size:11px;flex:none}
.lesson-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-link small{color:var(--muted)}
.lesson-link.on{background:var(--blue-soft);color:#00669b}.lesson-link.on b{background:var(--blue);color:#fff}.lesson-link.read b{background:#2e9d5b;color:#fff}
.lesson-list.edit li{cursor:grab}
.le{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(16px,2.5vw,30px);box-shadow:var(--shadow)}
.le input,.le textarea{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;padding:6px 8px;margin-inline:-8px;font:inherit;color:inherit;resize:none;overflow:hidden;transition:border-color .12s,background .12s}
.le input:hover,.le textarea:hover{background:#f7fbfd}.le input:focus,.le textarea:focus{outline:none;border-color:#9cc7de;background:#fff}
.le-head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}
.le .le-part{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6f8ea2}.le .le-part::placeholder{text-transform:none;letter-spacing:0;font-weight:600}
.le-title-row{display:flex;align-items:center;gap:10px}.le .le-title{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:#15334d}
.le .le-summary{font-size:14px;color:#4d6f85}
.le-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.le-empty{text-align:center;color:var(--muted);padding:24px 10px;border:1px dashed #cfe0ea;border-radius:12px;margin-bottom:12px}.le-empty p{margin:6px 0 0;font-size:13px}
.le-add{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.le-add .btn b{font-size:16px;margin-inline-end:4px}
.eb{position:relative;border:1px solid #e1edf4;border-radius:14px;padding:10px 14px 14px;margin-bottom:12px;background:#fcfeff}.eb:focus-within{border-color:#9cc7de;background:#fff}.eb.pending{border-style:dashed}
.eb-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.eb-kind{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6f8ea2;cursor:grab}.eb-kind i{font-style:normal;width:18px;height:18px;border-radius:50%;background:#e8f1f7;color:#2b6a90;display:grid;place-items:center;font-size:10px;letter-spacing:0}
.eb-tools .btn.tiny{padding:3px 8px;font-size:11px}
.le .eb-title{font-size:16px;font-weight:800;color:#183c54}.le .eb-text{font-size:15px;line-height:1.6;color:#243c4e}.le .eb-text.small{font-size:12px;color:var(--muted)}
.le .q-opt input.eb-text{margin:0;flex:1;font-size:14px;padding:4px 8px}.le .q-editor .q-prompt{font-size:15px;font-weight:700;margin:0}
.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:12px 0}
.palette-item{display:flex;align-items:center;gap:12px;text-align:start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;cursor:pointer}.palette-item:hover{border-color:var(--blue);background:var(--blue-soft)}
.palette-item i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#e8f1f7;color:#2b6a90;display:grid;place-items:center;font-size:14px;font-weight:900;flex:none}.palette-item strong{display:block;font-size:13px}.palette-item small{display:block;color:var(--muted);font-size:11px;line-height:1.3}
@media (max-width:980px){.gp-layout{grid-template-columns:1fr}.gp-side{position:static;max-height:none}.lesson-list{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}.lesson-list li{flex:none}.lesson-list li.part{display:none}.lesson-link span{max-width:160px}.lesson-list.edit{flex-direction:row}}
@media (max-width:720px){.gl-tools select{flex:1 1 45%}.gp-top{flex-direction:column}.eb-tools .menu-row{width:100%}}
.le .check-field.small input{width:16px;height:16px;margin:0 6px 0 0}.le .check-field.small{display:inline-flex;align-items:center;gap:6px}.le .eb-title:not(:focus){border-color:transparent}
[dir=rtl] .gp-back{display:inline-block;transform:scaleX(-1)}

/* content languages: original + translations */
.lang-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.lang-bar-label{font-size:12px;font-weight:800;color:var(--muted);margin-inline-end:4px}
.lang-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-weight:700;color:#3a5a70}
.lang-chip small{font-weight:600;color:var(--muted);margin-inline-start:4px}
.lang-chip.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-strong)}
.lang-chip.original small{color:#2e9d5b}
.lang-bar .btn.small{margin-inline-start:auto}
.tr-banner{margin-bottom:12px}
.untranslated{font-style:italic;color:var(--muted)}
.le.tr-mode input::placeholder,.le.tr-mode textarea::placeholder{color:#9db0be}
.tr-set{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:0}.tr-set legend{font-weight:800;padding:0 6px}
.q-mark{width:18px;text-align:center;font-weight:800;color:#2e9d5b}
/* formatted text */
.fmt-bar{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:5px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#f7fbfd;margin-top:6px}
.fmt-bar .sep{width:1px;height:20px;background:var(--line);margin:0 3px}
.fmt-btn{min-width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:7px;color:#24465d;font-size:14px;padding:0 6px}
.fmt-btn:hover{background:#fff;border-color:var(--line)}.fmt-btn.on{background:var(--blue-soft);border-color:var(--blue);color:var(--blue-strong)}
.fmt-select{height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12px;padding:0 4px;max-width:110px}
.fmt-color{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);padding:0;margin:0 1px}
.fmt-color.c-ink{background:#15334d}.fmt-color.c-blue{background:#087eb7}.fmt-color.c-red{background:#c0392b}.fmt-color.c-green{background:#2e9d5b}.fmt-color.c-orange{background:#e8650c}
.rt-edit{min-height:84px;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:10px 12px;background:#fff;font-size:15px;line-height:1.6;color:#243c4e;outline:none;overflow-wrap:anywhere}
.rt-edit:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,183,.12)}
.rt-edit:empty:before{content:attr(data-placeholder);color:#9db0be;pointer-events:none}
.rt p,.rt ul,.rt ol,.rt h3,.rt h4,.rt blockquote{margin:0 0 .6em}.rt>*:last-child{margin-bottom:0}.rt ul,.rt ol{padding-inline-start:1.4em}
.rt h3{font-size:1.15em;font-weight:800}.rt blockquote{border-inline-start:3px solid var(--line);padding-inline-start:10px;color:var(--muted)}
.rt-f-serif{font-family:Georgia,"Times New Roman",serif}.rt-f-mono{font-family:ui-monospace,Consolas,monospace}
.rt-s-s{font-size:13px}.rt-s-m{font-size:15px}.rt-s-l{font-size:18px}.rt-s-xl{font-size:22px}
.rt-l-tight{line-height:1.3}.rt-l-normal{line-height:1.6}.rt-l-relaxed{line-height:2}
.rt-a-center{text-align:center}.rt-a-end{text-align:end}
.c-ink{color:#15334d}.c-blue{color:#087eb7}.c-red{color:#c0392b}.c-green{color:#2e9d5b}.c-orange{color:#e8650c}.c-muted{color:var(--muted)}
@media (max-width:640px){.fmt-select{max-width:92px}.lang-bar .btn.small{margin-inline-start:0}}
/* v1.2.0: inline sizes from paste, Save under every element, reader language chips, language warning */
.rt .s-s,.rt-edit .s-s{font-size:13px}.rt .s-m,.rt-edit .s-m{font-size:15px}.rt .s-l,.rt-edit .s-l{font-size:18px}.rt .s-xl,.rt-edit .s-xl{font-size:22px}
.eb-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;padding-top:8px;border-top:1px dashed var(--line)}
.le-head .eb-foot{border-top:0;padding-top:0;margin-top:6px}
.eb-saved{font-size:12px;font-weight:700}.eb-saved.ok{color:#2e9d5b}.eb-saved.error{color:#c0392b}
.lang-bar.read{margin-bottom:10px}.lang-bar.read .lang-chip{padding:3px 10px;font-size:12px}
.lang-warn{margin:6px 0;padding:6px 10px;border-radius:8px;background:#fff7e6;color:#7b5312;font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* v1.2.1: language tabs inside every step */
.eb-langs{display:inline-flex;gap:3px;margin-inline-start:10px;flex-wrap:wrap}
.eb-lang{border:1px solid var(--line);background:#fff;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;color:#4b6a80}
.eb-lang small{font-weight:700;color:var(--muted);margin-inline-start:2px}.eb-lang.on{background:var(--blue);border-color:var(--blue);color:#fff}.eb-lang.on small{color:#e6f4fb}
.eb-lang.main:not(.on){border-style:solid;border-color:#bfe0cc}
.le-head-langs{display:flex;justify-content:flex-end;margin-bottom:4px}
.eb.tr-block{background:#fbfdff;border-color:#bcdcec}
.eb-tools{flex-wrap:wrap;row-gap:6px}
/* v1.2.3: a step written in another language is clearly marked */
.eb.tr-block{border-inline-start:4px solid var(--blue);background:#f6fbfe}
.writing-in{display:inline-block;margin-inline-start:8px;padding:2px 8px;border-radius:6px;background:var(--blue);color:#fff;font-size:11px;font-weight:800}
.le.tr-mode .le-head{border-inline-start:4px solid var(--blue);padding-inline-start:10px}
/* v1.2.4: add more to a step, several images in one image step, text on images typed in place */
.add-to-step{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}
.add-to-step>span{font-weight:700;margin-inline-end:4px}
.add-to-step .add-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#24465d}
.add-to-step .add-chip:hover{border-color:var(--blue);color:var(--blue-strong)}.add-to-step .add-chip i{font-style:normal}
.media-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.gallery.small{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:10px}
.gallery.small img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}
.gallery.small .g-item{position:relative}.gallery.small .g-item .btn{position:absolute;top:4px;inset-inline-end:4px;background:#fff}
.ann-input{position:absolute;z-index:5;transform:translate(-50%,-115%);display:flex;gap:4px;align-items:center;background:#fff;border:1px solid var(--blue);border-radius:10px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.18);line-height:normal}
.ann-input input{border:1px solid var(--line);border-radius:7px;padding:5px 8px;min-width:180px;font-size:14px}
/* v1.2.5: what is still missing in the language being written */
.le [data-needs="1"]{outline:2px solid #f0b429;outline-offset:1px;background:#fffbea}
.tr-left{margin:-4px 0 12px;padding:8px 12px;border-radius:10px;background:#fff7e0;color:#7b5312;font-weight:700;font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tr-left.ok{background:#eefaf1;color:#215b36}
/* v1.3.0: extras inside a step */
.add-to-step input[type=file]{display:none}.add-to-step label.add-chip{cursor:pointer}
.step-extras{display:grid;gap:10px;margin-top:12px}
.step-extra-edit{border:1px dashed var(--line);border-radius:12px;padding:8px 10px;background:#fbfdfe}
.extra-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}
.step-extra-edit .callout{margin:0}.step-extra-edit .rt-edit{border-radius:10px;min-height:56px}
.step-extra-edit video,.block .step-extra video{width:100%;max-height:420px;border-radius:12px;background:#000}
.block .step-extra{margin-top:12px}.block a.file-chip.step-extra{display:inline-flex;margin-inline-end:8px}
.step-extra-edit .file-chip{display:inline-flex;align-items:center;gap:6px;margin:0 8px 6px 0}
/* v1.4.0: every kind of content inside a step */
details.add-in-step{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
details.add-in-step>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--blue);color:var(--blue-strong);background:var(--blue-soft);border-radius:999px;padding:6px 14px;font-weight:800;font-size:13px}
details.add-in-step>summary::-webkit-details-marker{display:none}
.x-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:10px}
.x-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:700;color:#24465d;cursor:pointer;text-align:start}
.x-item:hover{border-color:var(--blue);color:var(--blue-strong)}.x-item i{font-style:normal;width:22px;text-align:center}.x-item input[type=file]{display:none}
.step-extra-edit .compare{margin:0}.step-extra-edit .q-type-row{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.step-extra-edit .eb-text{margin-bottom:6px}
.check-static{list-style:none;padding:0}.check-static li{display:flex;gap:8px;padding:4px 0}.check-static li span{color:var(--muted)}
.link-card{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-weight:700}
.xq-result{margin-top:8px;font-weight:700}.xq-result.ok{color:#2e9d5b}.xq-result.bad{color:#c0392b}
.step-extra-edit audio,.block .step-extra audio{width:100%}
/* v1.4.1: readable fields inside step extras (no squeezed inputs, labels never overlap) */
.step-extra-edit input.eb-text,.step-extra-edit textarea.eb-text{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;font-size:14px;margin:0 0 6px}
.step-extra-edit input.eb-text:focus,.step-extra-edit textarea.eb-text:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(8,126,183,.12)}
.step-extra-edit .q-opt input.eb-text{width:auto;flex:1;min-width:0;margin:0}
.step-extra-edit .q-options.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.step-extra-edit .q-options.row label{display:flex;align-items:center;gap:10px;justify-content:flex-start;min-width:0;padding:8px 12px}
.step-extra-edit .q-options.row label span{flex:1;min-width:0;white-space:normal;text-align:start}
.x-field{display:block;font-size:12px;font-weight:800;color:var(--muted);margin:8px 0 4px}.x-field>*{font-weight:400;color:var(--ink)}
.question-card.qa details summary{cursor:pointer;font-weight:700;color:var(--blue-strong)}.question-card.qa details p{margin:8px 0 0}
.le input[type=radio],.le input[type=checkbox]{width:18px;height:18px;flex:none;margin:0;padding:0;border:0}
/* v1.4.2: an element not written in the reading language yet is shown in the main language, clearly marked */
.lang-fallback{position:relative;border-inline-start:3px dashed #f0b429;padding-inline-start:12px;margin:14px 0}
.fb-tag{display:inline-block;font-size:11px;font-weight:800;color:#7b5312;background:#fff3cd;border-radius:6px;padding:2px 8px;margin-bottom:4px;vertical-align:middle}
h2 .fb-tag{font-size:11px}
.missing-list{margin:6px 0 0;padding-inline-start:18px;font-weight:600}
/* v1.4.3: cover picture chosen in settings */
.cover-edit{display:flex;gap:16px;align-items:center;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.cover-preview{width:180px;aspect-ratio:4/3;border-radius:12px;border:1px solid var(--line);background:var(--canvas);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;color:var(--muted)}
.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-edit h3{margin:0 0 4px}
@media (max-width:640px){.cover-edit{flex-direction:column;align-items:flex-start}}
/* v1.5.0: team page */
.team-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.stack-lg{display:grid;gap:18px}
@media (max-width:980px){.team-layout{grid-template-columns:minmax(0,1fr)}}
.team-layout>*,.stack-lg>*{min-width:0}.team-layout .table-wrapper{overflow-x:auto}
@media (max-width:640px){.team-table thead{display:none}.team-table,.team-table tbody{display:block}.team-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 0;border-top:1px solid #edf2f4}.team-table td{display:block;border:0;padding:0}.team-table td:first-child{flex:1 0 100%}.team-table td:empty{display:none}.team-table .row-actions{flex:1 0 100%;white-space:normal}}
.team-table td small{display:block;color:var(--muted);font-size:12px}.team-table tr.inactive{opacity:.6}.team-table select{border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:#fff}
.row-actions{white-space:nowrap}
.role-chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;background:var(--blue-soft);color:var(--blue-strong)}
.role-owner{background:#1d3b53;color:#fff}.role-manager{background:#e9f6fc;color:#00669b}.role-supervisor{background:#eefaf1;color:#215b36}.role-employee{background:#f3f5f7;color:#3a5a70}.role-internal_auditor,.role-external_auditor{background:#fff3e6;color:#8a4b0f}
.role-guide dl{margin:0;display:grid;gap:12px}.role-guide dd{margin:4px 0 0;color:var(--muted);font-size:13px}
.invite-done h2{display:flex;gap:8px;align-items:center;color:#215b36}.link-box{display:flex;gap:8px;margin:10px 0}.link-box input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#f7fbfd;font-size:13px}
@media (max-width:640px){.link-box{flex-direction:column}}
.q-warn{margin:6px 0 0;font-size:13px;color:#8a4b0f;background:#fff3e6;border-radius:8px;padding:6px 10px}
.publish-blocked{display:block!important}.publish-blocked ul{margin:6px 0 0;padding-inline-start:18px;font-size:13px}.alert-warn{background:#fff3e6;color:#6b3a0b;border:1px solid #f3d3a8;border-radius:10px;padding:10px 12px}
/* v1.5.2: question and answer */
.question-card.qa{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.qa-q{display:flex;gap:12px;align-items:flex-start}.qa-q .q-prompt{margin:0;font-size:17px;font-weight:800;line-height:1.45;color:var(--ink,#16324a)}
.qa-badge{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft,#e9f6fc);color:var(--blue-strong,#00669b);font-weight:900;font-size:15px}
.qa-a{margin-top:12px;margin-inline-start:40px}.qa-a summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--blue-strong,#00669b);border:1px solid #cfe6f2;border-radius:999px;padding:6px 14px;background:#f5fbfe}
.qa-a summary::-webkit-details-marker{display:none}.qa-a summary::before{content:"▸";transition:transform .15s}.qa-a[open] summary::before{transform:rotate(90deg)}[dir=rtl] .qa-a summary::before{content:"◂"}[dir=rtl] .qa-a[open] summary::before{transform:rotate(-90deg)}
.qa-answer{margin-top:12px;padding:14px 16px;border-inline-start:3px solid #2fa36b;background:#f4fbf7;border-radius:10px;font-size:15px;line-height:1.6;font-weight:400;color:#1f3a4d}
.qa-answer p{margin:0 0 8px}.qa-answer p:last-child{margin-bottom:0}.qa-answer ul{margin:4px 0 10px;padding-inline-start:20px}.qa-answer li{margin:3px 0}
.qa-note{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:13px;color:var(--muted)}.qa-note .icon{flex:none;margin-top:2px}
.le textarea.qa-answer-edit,textarea.qa-answer-edit{min-height:140px;line-height:1.55;font-size:15px;font-weight:400;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;width:100%}
@media (max-width:640px){.qa-a{margin-inline-start:0}.question-card.qa{padding:14px}}
.invite-msg-lang{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 6px}.invite-msg-lang .c3-seg button{min-width:0;border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:600}
.share-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.share-row .btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.invite-done textarea[data-invite-msg]{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#f7fbfd;font-size:13px;line-height:1.5;resize:vertical}
.mail-note{display:flex;gap:6px;align-items:flex-start;font-size:13px;border-radius:8px;padding:8px 10px;margin:8px 0}.mail-note.ok{background:#eefaf1;color:#215b36}.mail-note.warn{background:#fff3e6;color:#6b3a0b}
.check-line{display:flex;gap:8px;align-items:center;font-size:14px}.check-line input{width:18px;height:18px}
/* v1.7.0: Faste oppdrag — customers and places */
.op-tools{margin-bottom:14px}.op-tools input{width:100%;max-width:460px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff}
.op-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px}
.op-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);color:inherit}.op-card:hover{text-decoration:none;border-color:#9fd0ea}.op-card.archived{opacity:.6}
.op-card h3{margin:8px 0 2px;font-size:17px}.op-card p{margin:2px 0}.op-client{font-weight:700;color:#3a5a70}.op-card-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.op-kind{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;background:#e9f6fc;color:#00669b}
.kind-school,.kind-kindergarten{background:#eefaf1;color:#215b36}.kind-shop,.kind-restaurant{background:#fff3e6;color:#8a4b0f}.kind-healthcare{background:#fdeef3;color:#8f2350}.kind-common_areas,.kind-building{background:#f1effc;color:#4b3a95}
.op-table td small{display:block;color:var(--muted);font-size:12px}.op-table tr.inactive{opacity:.6}
.op-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:1120px}.op-layout>*{min-width:0}
/* (oppdrag-reports-0611 O3) five sections in a fixed order, the same card; a section's parts under one heading */
.op-secs{display:grid;gap:18px}.op-secs>*{min-width:0}
.op-sec>.section-heading h2 .ic:first-child{color:var(--accent,#007db7)}
.op-parts{display:grid;gap:18px}
.op-sec[data-sec="place"] .op-parts{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start}
.op-part{min-width:0}.op-part+.op-part{border-top:1px solid var(--line,#e3ebf1);padding-top:14px}
.op-sec[data-sec="place"] .op-part+.op-part{border-top:0;padding-top:0}
@media (max-width:640px){.op-sec[data-sec="place"] .op-part+.op-part{border-top:1px solid var(--line,#e3ebf1);padding-top:14px}}
.op-part-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px}
.op-part-head h3{margin:0;font-size:15px;font-weight:700;color:#44627a;display:flex;gap:6px;align-items:center}
.op-fold{position:relative}.op-fold:not(.open){max-height:15em;overflow:hidden}
.op-fold:not(.open)::after{content:"";position:absolute;inset:auto 0 0 0;height:4em;background:linear-gradient(to bottom,transparent,var(--surface,#fff))}
.op-fold-btn{margin-top:6px}
/* (open-in-place) a place's card is the row's head: a button that opens the place under it, at the grid's full width */
button.op-card{width:100%;text-align:start;font:inherit;cursor:pointer}
.rc-cardw.open>button.op-card{border-color:#9fd0ea;box-shadow:0 0 0 3px #e3f3fb}
.op-open{grid-column:1/-1;display:grid;gap:14px;min-width:0;padding:14px;border:1px solid #cfe5f2;border-radius:16px;background:#f7fbfe}
.op-open-head{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media (max-width:640px){.op-open{padding:8px;border-radius:12px}}
/* (O3b) on a phone a heading with two buttons wraps: the buttons go under the title whole, never squeezed mid-word */
@media (max-width:640px){.op-sec>.section-heading{flex-wrap:wrap;row-gap:8px}.op-sec>.section-heading .op-actions{flex-wrap:wrap;justify-content:flex-start}.op-sec>.section-heading .op-actions .btn{white-space:nowrap}}
.op-panel .section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.op-panel h2{display:flex;gap:8px;align-items:center}.op-actions{display:flex;gap:6px;align-items:center}
.op-panel.editing{border-color:#9fd0ea;box-shadow:0 0 0 3px #e3f3fb}
.op-text .block-body p{margin:0 0 6px}.op-text .block-body ul,.op-access-row ul,.op-panel ul{margin:4px 0 8px;padding-inline-start:20px}
.op-zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}.op-zone{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fbfdfe}.op-zone h3{font-size:15px;margin:0 0 6px}.op-zone h3 small{color:var(--muted);font-weight:600}
.op-tasks{margin:0;padding-inline-start:18px}.op-tasks li{margin:3px 0}
.op-zone-edit,.op-contact-edit{display:grid;gap:6px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfdfe}.op-zone-row{display:flex;gap:6px}.op-zone-row input{flex:1}
.op-zone-edit input,.op-zone-edit textarea,.op-contact-edit input{border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%;background:#fff;font:inherit}
.op-contact-edit{grid-template-columns:1fr 1fr 1fr 1fr auto;align-items:center}@media (max-width:640px){.op-contact-edit{grid-template-columns:1fr 1fr}}
.op-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.op-photos figure{margin:0;position:relative}.op-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}
.op-photos .op-file-del{position:absolute;top:6px;inset-inline-end:6px;background:#fff}.op-docs{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.op-docs li{display:flex;gap:8px;align-items:center}
.op-upload{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.op-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.op-map{border-radius:12px;overflow:hidden;border:1px solid var(--line);margin:10px 0 8px}.op-map iframe{display:block;width:100%;height:240px;border:0}
/* v1.78.x (site audit G4) the place card's state, the address without an embedded map, «Fyll ut stedet» */
.op-card-state{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:8px;font-size:12.5px;color:var(--muted)}.op-card-state .ic{width:14px;height:14px;vertical-align:-2px;margin-inline-end:3px}
.op-card-state b{color:var(--ink);font-weight:700}.op-card-cases{color:#b5470b;font-weight:600}
.op-map-fallback{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--blue-soft);color:var(--ink);text-decoration:none;flex-wrap:wrap}
.op-map-fallback>.ic{width:22px;height:22px;color:var(--blue)}.op-map-fallback>span:first-of-type{display:grid;flex:1;min-width:140px}.op-map-fallback small{color:var(--muted)}
.op-panel .op-fill-list,.op-fill-list{list-style:none;margin:8px 0 0;padding:0;padding-inline:0;display:grid;gap:8px}.op-fill-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px dashed var(--line);border-radius:10px;flex-wrap:wrap}
.op-fill-ic{display:inline-flex;color:var(--blue)}.op-fill-t{flex:1;min-width:120px;font-weight:600}
.op-address{margin:0}.op-people{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.op-access:not(.op-sec){border-color:#f3d3a8;background:#fffaf2}.op-access:not(.op-sec) h2{color:#8a4b0f}.op-access.locked:not(.op-sec){background:#fbfbfb;border-color:var(--line)}.op-access.locked:not(.op-sec) h2{color:#6f8ea2}
.op-access-row{border-top:1px dashed #f0d7b3;padding-top:8px;margin-top:8px}.op-access-row:first-of-type{border-top:0;margin-top:0;padding-top:0}.op-access-row h4{margin:0 0 4px;font-size:13px;color:#8a4b0f}
.op-viewers{border:1px solid #f0d7b3;border-radius:12px;padding:10px 12px;display:grid;gap:6px}.op-viewers legend{font-weight:800;font-size:13px;padding:0 6px}
.op-two{display:grid;grid-template-columns:1fr 2fr;gap:8px}.op-back{font-weight:700;font-size:13px}.op-head h1{margin:4px 0}
/* v1.7.1: Faste oppdrag in three languages */
.op-langbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.op-langbar .lang-chip{cursor:pointer}
.op-missing{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:#7b5312;margin:0 0 14px}.op-missing span{background:#fff3cd;border-radius:6px;padding:2px 8px;font-weight:700}
.op-main-text{display:block;color:#6f8ea2;font-size:12px;background:#f3f7f9;border-radius:6px;padding:4px 8px;margin:2px 0 4px;white-space:pre-line}
.op-panel .writing-in{margin:0 0 4px}.op-zone .fb-tag{margin:0 0 6px}
/* v1.7.2: place elements and invoicing */
.op-item-edit{display:grid;gap:6px;border:1px solid var(--line);border-inline-start:4px solid #9fd0ea;border-radius:12px;padding:10px 12px;background:#fbfdfe}
.op-item-edit.tone-warning{border-inline-start-color:#e8b04a}.op-item-edit.tone-danger{border-inline-start-color:#e2735a}.op-item-edit.tone-tip{border-inline-start-color:#57b77a}.op-item-edit.tone-quality{border-inline-start-color:#8b7bd8}
.op-item-edit input,.op-item-edit textarea,.op-item-edit select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%;background:#fff;font:inherit}
.op-item-head{display:flex;gap:8px;align-items:center}.op-item-head select{flex:1;font-weight:700}.op-item-tools{display:flex;gap:2px}.op-item-type{font-weight:800;font-size:13px;color:#3a5a70}
.op-add-items{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px;border:1px dashed #9fd0ea;border-radius:12px;background:#f5fbfe}
.op-item-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px}.op-item-photos figure{margin:0;position:relative}.op-item-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
.op-item-photos .op-file-del{position:absolute;top:4px;inset-inline-end:4px;background:#fff}
.op-item-icon{flex:none;font-size:18px;line-height:1.2}.op-item-kind{font-weight:600;color:var(--muted);font-size:12px}
.op-invoice{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-invoice legend{font-weight:800;font-size:13px;padding:0 6px}.op-invoice .full{grid-column:1/-1}
@media (max-width:640px){.op-invoice{grid-template-columns:1fr}}
.op-invoice-card{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.op-invoice-card h4{margin:0 0 4px;font-size:13px;color:#3a5a70}
.op-conta{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.op-conta h4{margin:0 0 4px;font-size:13px;color:#3a5a70}.op-conta-inv{list-style:none;margin:4px 0;padding:0;font-size:13px}
.modal{max-height:calc(100vh - 32px);overflow-y:auto}
/* v1.7.3: access in five ordered parts */
.op-access-part{display:flex;gap:8px;align-items:center;font-size:14px;margin:0 0 6px;color:#8a4b0f}.op-step{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#8a4b0f;color:#fff;font-size:12px;font-weight:800;flex:none}
.op-access-edit{border:1px solid #f0d7b3;border-radius:12px;padding:10px 12px;background:#fff;display:grid;gap:6px}
.op-access-row h4{font-size:12px;color:#6b4a22;margin:6px 0 2px}
/* v1.7.4: access as added elements */
.op-access-kind{font-weight:800;font-size:13px;color:#8a4b0f;flex:1}
.op-access-row{border-inline-start:3px solid #e8b04a;padding-inline-start:10px}.op-access-row.tone-danger{border-inline-start-color:#e2735a}.op-access-row.tone-tip{border-inline-start-color:#57b77a}.op-access-row.tone-info{border-inline-start-color:#9fd0ea}.op-access-row.tone-quality{border-inline-start-color:#8b7bd8}
.op-access-line{margin:4px 0;font-size:14px}.op-access-line code{background:#fff;border:1px solid #f0d7b3;border-radius:6px;padding:1px 6px;font-weight:800}
.op-access-edit input,.op-access-edit textarea{border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%;background:#fff;font:inherit}
/* v1.7.5: marks on place photos */
.op-item-photos figure{position:relative}.op-item-photos .ann-wrap{position:relative;line-height:0}.op-item-photos .ann-wrap img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
.op-item-photos .ann-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.op-photo-open{position:absolute;inset:0;z-index:2;background:transparent;border:0;cursor:zoom-in;border-radius:8px}
.op-photo-tools{position:absolute;top:4px;inset-inline:4px;display:flex;justify-content:space-between;gap:4px;z-index:3}.op-photo-tools .btn.ghost{background:#fff}
.op-mark-badge{position:absolute;bottom:4px;inset-inline-start:4px;background:rgba(10,38,58,.75);color:#fff;font-size:11px;font-weight:800;border-radius:6px;padding:1px 6px;z-index:3}
.op-ann-modal{width:min(100%,920px)}.op-ann-modal .ann-wrap{position:relative;line-height:0;max-width:100%}.op-ann-modal .ann-wrap img{max-width:100%;max-height:70vh;display:block;margin:0 auto;border-radius:10px}
.op-ann-modal .ann-figure{margin:10px 0;display:flex;justify-content:center}.op-ann-modal .ann-layer{position:absolute;inset:0;width:100%;height:100%}
/* v1.7.6: elements inside areas, in-app confirm */
.op-zone .op-zone-item{margin-top:8px;padding:10px 12px}.op-zone .op-zone-item h4{font-size:13px}
.op-add-items.small .tone-chip{font-size:10.5px;padding:3px 8px}
.op-zone-edit .op-item-edit{background:#fff}
/* v1.8.0 — agreements and visit plan */
.op-agreements .op-agr{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:8px}
.op-agr-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.op-agr-head h3{margin:0;font-size:17px}.op-agr-head .op-actions{margin-inline-start:auto}
.op-agr-stats{display:flex;flex-wrap:wrap;gap:8px}.op-agr-stats span{background:#f3f8fb;border-radius:10px;padding:6px 10px;font-size:12.5px;color:#44627a}.op-agr-stats b{display:block;font-size:18px;color:#12344a}
.op-agr-stats .op-agr-price{background:#eefaf1;color:#215b36}.op-agr-stats .op-agr-price b{color:#215b36}
.op-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.op-rules li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;border-inline-start:3px solid var(--blue,#0a84d6);padding:4px 10px;background:#f8fbfd;border-radius:0 8px 8px 0}
[dir=rtl] .op-rules li{border-radius:8px 0 0 8px}.op-rule-when{font-weight:800;color:#12344a}.op-rule-time{color:#44627a}
.op-agr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;margin:4px 0}.op-agr-facts dt{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#6a7c88}.op-agr-facts dd{margin:2px 0 0}
.op-sub{margin:10px 0 4px;font-size:13px;color:#44627a}
.op-visits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.op-visits li{display:grid;grid-template-columns:minmax(110px,auto) auto 1fr;gap:10px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);font-size:13.5px}.op-visits li:last-child{border-bottom:0}
.op-visit-day{font-weight:700}.op-visit-day::first-letter{text-transform:uppercase}.op-visit-time{font-variant-numeric:tabular-nums}
.op-visits li.skipped{background:#fafafa;color:#8a99a3}.op-visits li.skipped .op-visit-day,.op-visits li.skipped .op-visit-time{text-decoration:line-through}.op-visit-skip{font-size:12px;font-weight:700;color:#7b5312;background:#fff7e6;border-radius:999px;padding:2px 8px;justify-self:start}
.op-rule-edit{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;background:#fbfdfe}
.op-days{display:flex;flex-wrap:wrap;gap:6px}.op-day input{position:absolute;opacity:0;pointer-events:none}.op-day span{display:inline-block;min-width:44px;text-align:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-weight:700;font-size:13px;background:#fff;cursor:pointer}
.op-day input:checked+span{background:#0a84d6;border-color:#0a84d6;color:#fff}.op-day input:focus-visible+span{outline:2px solid #0a84d6;outline-offset:2px}
.op-radios{display:flex;flex-wrap:wrap;gap:8px}.op-radio{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:#fff;cursor:pointer;font-size:13.5px}.op-radio:has(input:checked){border-color:#0a84d6;background:#eef6fb}
.op-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.field.inline{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.field.inline input{width:90px}.field.inline input[type=date]{width:auto}
.op-cp-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:6px;align-items:center;margin-bottom:6px}
.op-agr-live{border-top:1px dashed var(--line);padding-top:6px}
.danger-text{color:#8f3425}
.op-task-rows{display:flex;flex-direction:column;gap:6px}.op-task-row{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.op-task-row select{max-width:150px}
.op-freq{display:inline-block;font-size:11px;font-weight:800;color:#4a3d8f;background:#f1effb;border-radius:999px;padding:1px 8px;margin-inline-start:4px}
@media (max-width:640px){.op-three{grid-template-columns:1fr 1fr}.op-cp-row{grid-template-columns:1fr 1fr auto}.op-cp-row input[name^=cpn]{grid-column:1/3;grid-row:2}.op-visits li{grid-template-columns:1fr auto}.op-visits li>:last-child{grid-column:1/-1}.op-task-row{grid-template-columns:1fr auto}.op-task-row select{grid-column:1;grid-row:2;max-width:none}}

/* v1.8.1 — one from–to time with computed duration; when the work is done */
.op-time-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.op-time-row input[aria-invalid]{border-color:#b42318;box-shadow:0 0 0 2px #fde2e1}
.op-dur{display:flex;flex-direction:column;gap:4px;min-width:96px}.op-dur span{font-size:13px;font-weight:700;color:#44627a}
.op-dur output{display:block;background:#eef6fb;color:#12344a;border-radius:10px;padding:10px 12px;font-weight:800;text-align:center;white-space:nowrap}
.op-radios>.muted{flex-basis:100%}
@media (max-width:640px){.op-time-row{grid-template-columns:1fr 1fr}.op-dur{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}}

/* v1.8.2 — formatted texts in places: toolbar + editor that grows with the text, never wider than its box */
.op-rich{display:flex;flex-direction:column;min-width:0}.op-rich .fmt-bar{margin-top:0}
.op-rich .rt-edit{min-height:110px;max-width:100%;box-sizing:border-box}
.op-rich .rt-edit h3{font-size:16px;margin:.4em 0 .3em;color:#12344a}
.op-panel textarea{resize:vertical;max-width:100%;box-sizing:border-box}
.op-main-text.rt{font-size:12.5px;color:#6a7c88;background:#f6f9fb;border-radius:8px;padding:6px 10px}
.op-text .block-body h3{font-size:15px;margin:.5em 0 .25em}.op-text .block-body ul,.op-text .block-body ol{padding-inline-start:1.3em;margin:.3em 0 .6em}.op-text .block-body p{margin:0 0 .5em}.op-text .block-body li{margin:.15em 0}
.op-text>div{flex:1;min-width:0}
/* v1.8.3 — translation forms: main language next to the language being written, field by field */
.op-tr-form{gap:14px}
.op-tr-card{border:1px solid var(--line);border-inline-start:4px solid #8fc6e6;border-radius:12px;background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:12px}
.op-tr-card.tone-warning{border-inline-start-color:#f0b455}.op-tr-card.tone-danger{border-inline-start-color:#e0786a}.op-tr-card.tone-tip{border-inline-start-color:#7cc79b}.op-tr-card.tone-quality{border-inline-start-color:#a89ae0}
.op-tr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;color:#12344a}
.op-tr-state{font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 10px;white-space:nowrap}.op-tr-state.done{background:#eefaf1;color:#215b36}.op-tr-state.todo{background:#fff7e6;color:#7b5312}
.op-tr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.op-tr-src,.op-tr-dst{display:flex;flex-direction:column;gap:5px;min-width:0}
.op-tr-lab{font-size:11.5px;font-weight:800;color:#6a7c88;text-transform:uppercase;letter-spacing:.02em}
.op-tr-ref{background:#f6f9fb;border:1px dashed #d5e2ea;border-radius:10px;padding:9px 12px;color:#44627a;font-size:14px;line-height:1.55;min-height:40px;overflow-wrap:anywhere}
.op-tr-dst input{width:100%;box-sizing:border-box}
.op-tr-zone{display:flex;flex-direction:column;gap:8px}.op-tr-zone>.op-tr-card+.op-tr-card{margin-inline-start:18px}
@media (max-width:760px){.op-tr-row{grid-template-columns:1fr}.op-tr-zone>.op-tr-card+.op-tr-card{margin-inline-start:0}}
.op-tr-dst input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;font-weight:500;color:var(--ink);width:100%}
.op-tr-dst input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,183,.12)}
.op-zones{align-items:start}.op-access-line{overflow-wrap:anywhere}
/* v1.8.4 — outdated translations (managers), words on photos */
.op-old-tag{display:inline-block;font-size:11px;font-weight:800;color:#7b5312;background:#fff1d6;border:1px solid #f3d59b;border-radius:999px;padding:1px 8px;margin-inline-start:4px;vertical-align:middle}
.op-old-note{margin:0;font-size:12.5px;color:#7b5312;background:#fff7e6;border-radius:8px;padding:6px 10px}
.op-missing.op-old span{background:#fff1d6;color:#7b5312}
/* v1.8.4 — phone editing: task frequency looks like the other fields, toolbar buttons big enough for a finger */
.op-task-row select,.op-item-head select,.op-zone-edit select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;color:var(--ink);font-weight:600;font-size:13.5px;min-height:40px}
.op-task-row input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;width:100%;box-sizing:border-box}
@media (max-width:640px){.op-rich .fmt-btn{min-width:38px;height:38px;font-size:15px}.op-rich .fmt-color{width:26px;height:26px}.op-rich .fmt-bar{gap:4px}
  .op-item-tools .btn.tiny{min-width:36px;min-height:36px}.op-add-items .tone-chip{padding:7px 11px;font-size:12px}}
/* v1.8.6 — every element written in all three languages in place: tabs on the element, the main text above each field */
.op-el-tabs{display:flex;justify-content:flex-end;margin:-2px 0 2px}.op-el-tabs .eb-langs{margin:0}
.op-el-tabs .eb-lang{padding:4px 11px;font-size:12px}
.op-pane{display:flex;flex-direction:column;gap:8px}.op-pane[hidden]{display:none}
.op-tr-field{display:flex;flex-direction:column;gap:5px}
.op-tr-field>input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;font-weight:500;color:var(--ink);width:100%;box-sizing:border-box}
.op-tr-field>input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,183,.12)}
.op-zone-label{flex:1;align-self:center;color:#12344a}
.op-contact-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfdfe;display:flex;flex-direction:column;gap:6px}
.op-contact-card .op-contact-edit{border:0;padding:0;background:none;grid-template-columns:1fr 1fr 1fr auto}
.op-contact-card .op-pane>input{border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%;background:#fff;font:inherit;box-sizing:border-box}
@media (max-width:640px){.op-contact-card .op-contact-edit{grid-template-columns:1fr 1fr}.op-el-tabs{justify-content:flex-start}.op-el-tabs .eb-lang{padding:6px 12px;font-size:12.5px}}
/* v1.8.7 — other languages are written in the same editor; a field still to write is outlined, its placeholder is the main text */
.op-pane [data-needs="1"]{outline:2px solid #f0b429;outline-offset:1px;background:#fffbea}
.op-pane input[data-tr-req]{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;width:100%;box-sizing:border-box;font:inherit}
.op-pane input::placeholder,.op-pane .rt-edit:empty:before{color:#9aaebd;font-style:italic}
.op-pane .rt-edit:empty:before{white-space:pre-line}
/* v1.9.0 — Team: posts, notes, messages, profile */
.nav-item{position:relative}.nav-badge{min-width:18px;height:18px;border-radius:9px;background:#e0463a;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;margin-inline-start:auto}
.mobile-nav .nav-badge{position:absolute;top:2px;inset-inline-end:calc(50% - 22px);margin:0}
.so-badge{min-width:18px;height:18px;border-radius:9px;background:#e0463a;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;margin-inline-start:6px}
.so-page{max-width:760px;display:flex;flex-direction:column;gap:14px}.so-page.so-messages{max-width:none}
.so-av{border-radius:50%;object-fit:cover;flex:none;display:inline-block;background:#e6eef3}
.so-av-i{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a84d6,#1aa3a3);color:#fff;font-weight:800;letter-spacing:.02em}
.so-composer{display:flex;gap:12px;align-items:flex-start}.so-compose{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.so-page textarea{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;width:100%;box-sizing:border-box;resize:none;background:#fff;line-height:1.5}
.so-page textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,183,.12)}
.so-compose-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.so-attach{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.so-attach input,.so-mini-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}
.so-mini-attach{position:relative;overflow:hidden;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#44627a;cursor:pointer;flex:none}.so-mini-attach:hover{background:#eef6fb}
.so-pending{display:flex;flex-wrap:wrap;gap:6px}.so-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 8px;font-size:12px;max-width:220px;background:#fff}
.so-chip img{width:22px;height:22px;border-radius:6px;object-fit:cover}.so-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-chip-x{border:0;background:#eef2f5;border-radius:50%;width:20px;height:20px;font-size:11px;cursor:pointer}
.so-list{display:flex;flex-direction:column;gap:14px}
.so-post{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(18,52,74,.04)}
.so-post.note{border-inline-start:4px solid #0a84d6}.so-post.priv{background:#fbfaff;border-inline-start-color:#7a5cd6}
.so-post.award.a-silver{background:linear-gradient(135deg,#f7f9fb,#eef1f4);border-color:#cfd6dd;border-inline-start-color:#9aa7b3}
.so-post.award.a-gold{background:linear-gradient(135deg,#fffaf0,#fff1cf);border-color:#f0d58c;border-inline-start-color:#d9a40f}
.so-post.award.a-diamond{background:linear-gradient(135deg,#f3fbff,#e6f4ff 55%,#f3ecff);border-color:#a9d6f5;border-inline-start-color:#3aa0e6}
.so-post-head{display:flex;align-items:center;gap:10px}.so-who{display:flex;flex-direction:column;min-width:0;flex:1}.so-who small{color:#6a7c88;font-size:12px}
.so-kind{font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 10px;white-space:nowrap}.so-kind.pub{background:#e9f6fc;color:#00669b}.so-kind.priv{background:#f1edff;color:#5a3fb5}
.so-to{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:#44627a}
.so-mention{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 9px 2px 3px}
.so-award{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:12.5px;border-radius:999px;padding:3px 10px}
.so-award.a-silver{background:#eef1f4;color:#55616c}.so-award.a-gold{background:#fff0c2;color:#8a6200}.so-award.a-diamond{background:#ddf0ff;color:#0b5f99}
.so-body{line-height:1.6;overflow-wrap:anywhere}.so-body a,.so-bubble a,.so-msg-b a{color:var(--blue-strong,#00669b);text-decoration:underline}
.so-imgs{display:grid;gap:4px;border-radius:12px;overflow:hidden}.so-imgs.n1{grid-template-columns:1fr}.so-imgs.n2,.so-imgs.n4{grid-template-columns:1fr 1fr}.so-imgs.n3{grid-template-columns:2fr 1fr}
.so-imgs img{width:100%;height:100%;max-height:420px;object-fit:cover;display:block}.so-imgs.n1 img{max-height:520px;object-fit:contain;background:#f4f7f9}
.so-video{width:100%;max-height:420px;border-radius:12px;background:#000}
.so-docs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.so-docs li{display:flex;gap:6px;align-items:center;font-size:13.5px;overflow-wrap:anywhere}
.so-actions{display:flex;gap:6px;border-top:1px solid var(--line);padding-top:6px}.so-act{border:0;background:transparent;border-radius:8px;padding:6px 10px;font-weight:700;color:#44627a;font-size:13px}
button.so-act:hover{background:#f1f6f9}.so-act.on{color:#d23b4b}
.so-comments{display:flex;flex-direction:column;gap:8px}.so-comment{display:flex;gap:8px;align-items:flex-start}
.so-bubble{background:#f2f6f9;border-radius:14px;padding:7px 11px;position:relative;max-width:calc(100% - 40px);overflow-wrap:anywhere;font-size:14px}.so-bubble strong{font-size:13px}.so-c-del{position:absolute;top:2px;inset-inline-end:2px;opacity:.6}
.so-comment-form{display:flex;gap:6px;align-items:flex-end}.so-c-input{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.so-comment-form textarea{border-radius:18px;padding:8px 12px;min-height:38px}
.so-more{text-align:center}
.so-note-composer{display:flex;flex-direction:column;gap:10px}.so-note-composer h2{margin:0;font-size:16px}
.so-pick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.so-pick-p{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 4px;cursor:pointer;background:#fff;font-size:13px}
.so-pick-p input{position:absolute;opacity:0;pointer-events:none}.so-pick-p.on{border-color:#0a84d6;background:#eef6fb;color:#00669b;font-weight:700}
.so-awards{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.so-award-pick{border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;font-weight:700;font-size:13px;background:#fff}.so-award-pick input{position:absolute;opacity:0;pointer-events:none}
.so-award-pick.on{border-color:#0a84d6;box-shadow:0 0 0 2px rgba(10,132,214,.18)}.so-award-pick.a-silver.on{background:#eef1f4}.so-award-pick.a-gold.on{background:#fff0c2}.so-award-pick.a-diamond.on{background:#ddf0ff}
.so-filter{max-width:320px}
.so-chat{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;height:calc(100vh - 290px);min-height:420px}
.so-convs{border-inline-end:1px solid var(--line);overflow:auto;display:flex;flex-direction:column}.so-convs-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.so-convs-head h2{margin:0;font-size:16px}
.so-conv{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #eef2f5;color:inherit;text-decoration:none}.so-conv:hover{background:#f6f9fb}.so-conv.on{background:#eaf4fb}
.so-conv-text{flex:1;min-width:0;display:flex;flex-direction:column}.so-conv-text small{color:#6a7c88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.so-conv.unread strong{font-weight:800}.so-conv.unread small{color:#12344a;font-weight:600}
.so-conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;color:#6a7c88}
.so-av-group{display:inline-flex;width:40px;height:40px;position:relative;flex:none}.so-av-group .so-av:first-child{position:absolute;top:0;inset-inline-start:0}.so-av-group .so-av:last-child{position:absolute;bottom:0;inset-inline-end:0;box-shadow:0 0 0 2px #fff}
.so-thread{display:flex;flex-direction:column;min-width:0;min-height:0}.so-thread.empty-thread{justify-content:center}
.so-thread-head{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}.so-thread-tools{display:flex;gap:4px;flex-wrap:wrap}.so-back{display:none;font-size:20px;text-decoration:none;padding:4px 8px}
.so-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:6px;background:#f7fafc}
.so-day{text-align:center;margin:8px 0}.so-day span{background:#e6eef3;color:#44627a;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 10px}
.so-msg{display:flex;gap:6px;align-items:flex-end;max-width:78%}.so-msg.mine{align-self:flex-end;flex-direction:row-reverse}
.so-msg-b{background:#fff;border:1px solid #e3ebf0;border-radius:16px;padding:7px 11px;overflow-wrap:anywhere;font-size:14.5px;line-height:1.45;display:flex;flex-direction:column;gap:4px}
.so-msg.mine .so-msg-b{background:#0a84d6;border-color:#0a84d6;color:#fff}.so-msg.mine .so-msg-b a{color:#fff}.so-msg-b strong{font-size:12px;color:#00669b}
.so-msg-t{font-size:10.5px;opacity:.7;align-self:flex-end;display:inline-flex;gap:4px;align-items:center}.so-msg-x{border:0;background:transparent;color:inherit;font-size:10px;cursor:pointer;opacity:.7;padding:0 2px}
.so-msg-b .so-imgs{max-width:280px}
.so-send{border-top:1px solid var(--line);padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:#fff}.so-send-row{display:flex;gap:6px;align-items:flex-end}.so-send textarea{border-radius:20px;min-height:42px;max-height:160px}
.so-pad{padding:14px}
.so-pick-list{max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:2px}.so-pick-row{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;cursor:pointer}.so-pick-row:hover{background:#f4f8fa}.so-pick-row span{display:flex;flex-direction:column}
.so-profile-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.so-profile-top h2{margin:0}.so-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.so-profile-actions label{position:relative;overflow:hidden;cursor:pointer}.so-profile-actions input{position:absolute;inset:0;opacity:0;cursor:pointer}
.so-medals{display:flex;gap:6px;flex-wrap:wrap}
.so-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px}.so-person{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.so-person>span{flex:1;min-width:0;display:flex;flex-direction:column}
@media (max-width:760px){
  .so-chat{grid-template-columns:1fr;height:calc(100vh - 210px);min-height:0;border-radius:12px}
  .so-chat.has-thread .so-convs{display:none}.so-chat:not(.has-thread) .so-thread{display:none}.so-back{display:inline-block}
  .so-msg{max-width:88%}.so-thread-tools .btn{padding:4px 8px;font-size:12px}
  .so-composer{gap:8px}.so-composer>.so-av{display:none}.so-post{padding:12px}
}
/* v1.13.0 — Team: round photos, paw and dog reactions, replies, marks, awards, messages, photo adjusting, bio */
.so-av{aspect-ratio:1/1;flex:0 0 auto!important;max-width:none}
.so-person>.so-av,.so-comment>.so-av,.so-post-head>.so-av{flex:0 0 auto}
.so-ico{width:20px;height:20px;flex:none;display:block}
.so-page button,.so-page label,.so-crop button,.so-picker button,.so-picker label{-webkit-tap-highlight-color:transparent}
.so-mk{display:inline-block;background:currentColor;-webkit-mask:var(--mk) center/contain no-repeat;mask:var(--mk) center/contain no-repeat}
.mk-like{--mk:url(/img/icons/like.png?v=1.331.0)}.mk-comment{--mk:url(/img/icons/comment.png?v=1.331.0)}
.so-act .so-mk{width:26px;height:26px}.so-c-act .so-mk{width:16px;height:16px}
.so-msg.pending .so-msg-b,.so-comment.pending .so-bubble{opacity:.6}
.form-error{margin:4px 0 0}
.so-label{font-size:12.5px;font-weight:700;color:var(--muted);margin-inline-end:2px}
.so-icon-btn{border:0;background:transparent;color:#4f6b80;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;font-size:15px}
.so-icon-btn:hover{background:#eef4f8;color:var(--ink)}.so-icon-btn.danger-text:hover{color:#c0392b;background:#fdf0ee}
/* reactions: grey until you take part — a paw turns orange when you like, the dog turns blue when you comment */
.so-actions{display:flex;gap:4px;border-top:1px solid var(--line);padding-top:6px}
.so-act{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:10px;padding:7px 12px;font-weight:700;color:#6a7f8f;font-size:13.5px;cursor:pointer;flex:1;justify-content:center;transition:background .15s,color .15s}
.so-act .so-ico{width:22px;height:22px;transition:transform .2s}.so-act:hover{background:#f3f7fa;color:#3d5a6e}
.so-act.like:hover,.so-act.like.on{color:#f07a12}.so-act.like.on .so-ico{transform:scale(1.12) rotate(-8deg)}
.so-act.comment:hover,.so-act.comment.on,.so-post:focus-within .so-act.comment{color:#1b4f8a}
.so-n{font-size:12px;font-weight:800;background:#eef3f6;color:#4f6b80;border-radius:999px;padding:1px 7px;min-width:20px;text-align:center}
.so-act.like.on .so-n{background:#fff0e2;color:#c25e05}.so-act.comment.on .so-n{background:#e6eef8;color:#1b4f8a}
/* comments, replies */
.so-comments{display:flex;flex-direction:column;gap:10px}
.so-thread-c{display:flex;flex-direction:column;gap:6px}
.so-comment{display:flex;gap:8px;align-items:flex-start}.so-c-main{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:calc(100% - 40px)}
.so-bubble{max-width:100%;background:#f1f5f8;border-radius:16px;padding:8px 12px}
.so-c-meta{display:flex;align-items:center;gap:2px;flex-wrap:wrap;font-size:12px;color:#7a8d9b;padding-inline-start:8px}
.so-c-meta time{margin-inline-end:6px}
.so-c-act{border:0;background:transparent;color:#5d7486;font-weight:750;font-size:12px;padding:3px 7px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.so-c-act:hover{background:#eef4f8;color:var(--ink)}.so-c-act .so-ico{width:15px;height:15px}.so-c-act.like.on{color:#f07a12}.so-c-act.del{opacity:.6}.so-c-act.del:hover{opacity:1;color:#c0392b}
.so-c-act .so-n{font-size:11px;padding:0 5px}.so-c-act.like.on .so-n{background:#fff0e2;color:#c25e05}
.so-replies{display:flex;flex-direction:column;gap:6px;margin-inline-start:40px;padding-inline-start:12px;border-inline-start:2px solid #e6eef3}
.so-comment-form{display:flex;gap:8px;align-items:flex-start}.so-c-input{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.so-c-box{display:flex;align-items:flex-end;gap:2px;width:100%;border:1px solid var(--line);border-radius:20px;background:#fff;padding:3px 4px 3px 12px;transition:border-color .15s,box-shadow .15s}
[dir=rtl] .so-c-box{padding:3px 12px 3px 4px}
.so-c-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,183,.12)}
.so-page .so-c-box textarea{border:0;box-shadow:none!important;padding:6px 0;min-height:30px;border-radius:0;background:transparent;flex:1;min-width:0}
.so-c-box .so-mini-attach{width:32px;height:32px}
.so-send-btn{border:0;background:var(--blue);color:#fff;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:background .15s,transform .1s}
.so-send-btn:hover{background:var(--blue-strong)}.so-send-btn:active{transform:scale(.94)}.so-send-btn .so-ico{width:20px;height:20px}.so-send-btn.small{width:32px;height:32px}.so-send-btn.small .so-ico{width:16px;height:16px}
[dir=rtl] .so-send-btn .so-ico{transform:scaleX(-1)}
.so-c-act.cancel{padding:2px 8px}
/* marks set by management */
.so-tags,.so-awards{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.so-tag-pick{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 11px;cursor:pointer;font-weight:700;font-size:13px;background:#fff;color:#4f6b80;position:relative}
.so-tag-pick input{position:absolute;opacity:0;pointer-events:none}.so-tag-pick .so-ico{width:16px;height:16px}
.so-tag-pick.on{border-color:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 18%,transparent)}.so-tag-pick:not(.t-important):not(.t-note):not(.t-instructions):not(.t-warning):not(.t-safety):not(.t-quality).on{color:var(--ink)}
.t-important{--tc:#d43a3a;--tb:#fdeeee}.t-note{--tc:#4d6578;--tb:#eef3f6}.t-instructions{--tc:#0a72b3;--tb:#e7f3fb}.t-warning{--tc:#c97800;--tb:#fff4dc}.t-safety{--tc:#18884f;--tb:#e7f6ee}.t-quality{--tc:#6d48c9;--tb:#f1ecfd}
.so-tag-pick[class*=" t-"]{color:var(--tc)}.so-tag-pick[class*=" t-"].on{background:var(--tb)}
.so-tagbar{display:flex;align-items:center;gap:8px;margin:-14px -16px 0;padding:9px 16px;background:var(--tb);color:var(--tc);border-radius:16px 16px 0 0;font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.so-tagbar b{font-weight:850}.so-post.tagged{border-color:color-mix(in srgb,var(--tc) 35%,var(--line))}
.so-post.tagged.note{border-inline-start-color:var(--tc)}
/* awards: Avtrykk < Fremragende < Forbilde < Lojalitet */
.so-medal{display:block;flex:none;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(20,40,60,.18))}
.so-award-pick{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 5px;cursor:pointer;font-weight:750;font-size:13px;background:#fff;position:relative}
[dir=rtl] .so-award-pick{padding:4px 5px 4px 12px}
.so-award-pick input{position:absolute;opacity:0;pointer-events:none}.so-award-pick:not(.a-avtrykk):not(.a-fremragende):not(.a-forbilde):not(.a-lojalitet){padding:9px 14px}
.so-award-pick.on{border-color:#0a84d6;box-shadow:0 0 0 2px rgba(10,132,214,.18);background:#f2f9fe}
.so-award-pick.a-avtrykk.on{border-color:#b8693a;background:#fbf1ea;box-shadow:0 0 0 2px rgba(184,105,58,.2)}
.so-award-pick.a-fremragende.on{border-color:#7d8b99;background:#f1f4f7;box-shadow:0 0 0 2px rgba(60,80,110,.18)}
.so-award-pick.a-forbilde.on{border-color:#1f63c6;background:#ecf3fe;box-shadow:0 0 0 2px rgba(31,99,198,.2)}
.so-award-pick.a-lojalitet.on{border-color:#e9730c;background:#fff3e6;box-shadow:0 0 0 2px rgba(233,115,12,.22)}
.so-award-block{display:flex;gap:14px;align-items:center;border-radius:14px;padding:12px 14px;background:#fff;border:1px solid var(--line)}
.so-award-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.so-award-name{font-size:18px;font-weight:900;letter-spacing:.01em}.so-award-txt small{color:#5d7486;font-size:12.5px}.so-award-txt .so-to{margin-top:4px}
.so-post.award.a-avtrykk{background:linear-gradient(135deg,#fffaf6,#fbefe6);border-color:#e9cdb8;border-inline-start-color:#b8693a}.a-avtrykk .so-award-name{color:#8f4c22}
.so-post.award.a-fremragende{background:linear-gradient(135deg,#fafbfc,#eef2f6);border-color:#cfd7df;border-inline-start-color:#6f7f90}.a-fremragende .so-award-name{color:#2a3f63}
.so-post.award.a-forbilde{background:linear-gradient(135deg,#f6faff,#e5effd);border-color:#b5cdef;border-inline-start-color:#1f63c6}.a-forbilde .so-award-name{color:#164c9c}
.so-post.award.a-lojalitet{background:linear-gradient(135deg,#fffaf3,#ffecd6 60%,#fff6ea);border-color:#f3c48f;border-inline-start-color:#e9730c;box-shadow:0 6px 20px rgba(233,115,12,.12)}.a-lojalitet .so-award-name{color:#b4540a}
.so-medals{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.so-medal-n{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:800;color:#4f6b80}
.so-award-shelf{display:flex;gap:10px;flex-wrap:wrap}.so-shelf-item{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-width:96px;background:#fff}
.so-shelf-item b{font-size:13px}.so-shelf-item small{color:var(--muted);font-weight:700}
/* profile: round photo with a camera, bio */
.so-profile-top{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.so-profile-main{flex:1;min-width:200px}
.so-profile-photo{position:relative;cursor:pointer;border-radius:50%;flex:none;display:block}.so-profile-photo input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.so-photo-cam{position:absolute;bottom:2px;inset-inline-end:2px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(20,50,70,.22);pointer-events:none}
.so-photo-cam .so-ico{width:18px;height:18px}
.so-profile-sec{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.so-profile-sec h3{margin:0 0 8px;font-size:15px}
.so-bio{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.so-bio p{margin:0;flex:1;min-width:200px;line-height:1.6;overflow-wrap:anywhere}
.so-bio-form{display:flex;flex-direction:column;gap:8px}.so-bio-form textarea{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;resize:vertical;min-height:80px}
.so-bio-foot{display:flex;gap:8px;align-items:center;justify-content:flex-end}.so-bio-foot small{margin-inline-end:auto}
.so-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px}
.so-person{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.so-person-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.so-person-txt b{overflow-wrap:anywhere}
.so-person-bio{margin:4px 0 0;font-size:13px;color:#47606f;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* photo adjusting */
.so-crop{width:min(420px,calc(100vw - 32px))}.so-crop h2{margin:0 0 4px}
.so-crop-view{position:relative;width:min(300px,calc(100vw - 80px));aspect-ratio:1/1;margin:14px auto;border-radius:50%;overflow:hidden;background:#e9eff3;touch-action:none;cursor:grab;direction:ltr;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--line)}
.so-crop-view:active{cursor:grabbing}.so-crop-view img{position:absolute;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
.so-crop-zoom{display:flex;align-items:center;gap:8px;margin-bottom:6px}.so-crop-zoom input{flex:1;accent-color:var(--blue)}.so-crop-zoom .so-icon-btn{font-size:22px;font-weight:700;border:1px solid var(--line)}
/* new conversation: personal message or group */
.so-picker{width:min(480px,calc(100vw - 24px));display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 40px)}
.so-picker-head{display:flex;align-items:center;justify-content:space-between}.so-picker-head h2{margin:0}
.so-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#eef3f6;border-radius:12px;padding:4px}
.so-seg-b{border:0;background:transparent;border-radius:9px;padding:8px 10px;font-weight:800;color:#547389;cursor:pointer;font-size:14px}.so-seg-b.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,50,70,.12)}
.so-pk-help{margin:0}.so-pk-form{display:flex;flex-direction:column;gap:10px;min-height:0}
.so-pk-form input[type=search]{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit}
.so-pick-list{max-height:min(360px,50dvh);overflow:auto;display:flex;flex-direction:column;gap:2px;margin:0 -6px}
.so-pick-row{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:12px;cursor:pointer;border:0;background:transparent;width:100%;text-align:start;font:inherit;color:inherit}
.so-pick-row:hover{background:#f2f7fa}.so-pick-row input{width:18px;height:18px;accent-color:var(--blue);flex:none}
.so-pick-txt{display:flex;flex-direction:column;flex:1;min-width:0}.so-pick-txt small{color:var(--muted);font-size:12.5px}.so-pick-go{color:#9fb1be}[dir=rtl] .so-pick-go{transform:scaleX(-1)}
/* messages */
.so-chat{height:calc(100dvh - 300px);min-height:460px;box-shadow:var(--shadow)}
.so-convs-head{background:#fff;z-index:1}.so-convs-head h2{margin:0;font-size:17px}.so-convs-list{flex:1;overflow:auto}
.so-conv{gap:12px;padding:11px 14px;border-bottom:0;border-radius:0;transition:background .12s}
.so-conv-text{gap:2px}.so-conv-top,.so-conv-bottom{display:flex;align-items:center;gap:8px;min-width:0}.so-conv-top strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so-conv-top time{font-size:11.5px;color:#7a8d9b;flex:none}.so-conv-bottom small{flex:1}.so-conv.unread .so-conv-top time{color:var(--blue);font-weight:800}
.so-conv.on{background:#e8f3fb;box-shadow:inset 3px 0 var(--blue)}[dir=rtl] .so-conv.on{box-shadow:inset -3px 0 var(--blue)}
.so-av-group{position:relative;flex:none;display:inline-block}.so-av-group .so-av{position:absolute;box-shadow:0 0 0 2px #fff}.so-av-group .so-av:first-child{top:0;inset-inline-start:0}.so-av-group .so-av:last-child{bottom:0;inset-inline-end:0}
.so-thread-head{gap:12px;padding:10px 14px;background:#fff}.so-thread-head .so-who strong{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so-thread-tools{display:flex;gap:2px;margin-inline-start:auto}
.so-msgs{padding:16px 18px;gap:2px;background:#f4f7fa;background-image:radial-gradient(#e3eaf0 1px,transparent 1px);background-size:18px 18px}
.so-day{margin:12px 0 8px}.so-day span{background:#fff;box-shadow:0 1px 2px rgba(20,50,70,.08);color:#5d7486}
.so-msg{display:flex;gap:6px;align-items:flex-end;max-width:min(78%,560px);position:relative}
.so-msg.first{margin-top:8px}.so-msg-av{width:30px;flex:none}
.so-msg-b{border-radius:18px;padding:7px 12px 6px;box-shadow:0 1px 1.5px rgba(20,50,70,.1);border:0;gap:2px;min-width:64px}
.so-msg:not(.mine) .so-msg-b{background:#fff;border-end-start-radius:6px;border-start-start-radius:6px}.so-msg:not(.mine).first .so-msg-b{border-start-start-radius:18px}.so-msg:not(.mine).last .so-msg-b{border-end-start-radius:4px}
.so-msg.mine .so-msg-b{background:linear-gradient(160deg,#1593e0,#0a7cc4);color:#fff;border-end-end-radius:6px;border-start-end-radius:6px}.so-msg.mine.first .so-msg-b{border-start-end-radius:18px}.so-msg.mine.last .so-msg-b{border-end-end-radius:4px}
.so-msg-t{font-size:10.5px;opacity:.65;align-self:flex-end;line-height:1}.so-msg-deleted{opacity:.7;font-style:italic}
.so-msg-x{border:0;background:#fff;color:#7a8d9b;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;align-self:center;box-shadow:0 1px 3px rgba(20,50,70,.15)}
.so-msg-x .so-ico{width:15px;height:15px}.so-msg:hover .so-msg-x,.so-msg-x:focus-visible{opacity:1}.so-msg-x:hover{color:#c0392b}
@media (hover:none){.so-msg-x{opacity:.55}}
.so-hello{margin:auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.so-hello p{margin:0}
.so-send{padding:10px 12px;border-top:1px solid var(--line)}
.so-send-box{display:flex;align-items:flex-end;gap:6px}
.so-send-box textarea{flex:1;min-width:0}.so-page .so-send-box textarea{border-radius:22px;padding:10px 16px;min-height:44px;max-height:160px;background:#f4f7fa;border-color:transparent}
.so-page .so-send-box textarea:focus{background:#fff;border-color:var(--blue)}
.so-send-box .so-mini-attach{width:42px;height:42px;border-radius:50%}
@media (max-width:760px){
  .so-chat{height:calc(100dvh - 190px);min-height:380px;margin:0 -4px}
  .so-msgs{padding:12px 10px}.so-msg{max-width:86%}
  .so-actions .so-act{padding:7px 6px}
  .so-replies{margin-inline-start:20px;padding-inline-start:10px}
  .so-tagbar{margin:-12px -12px 0;padding:8px 12px}
  .so-award-block{padding:10px}.so-award-block .so-medal{width:56px;height:56px}.so-award-name{font-size:16px}
  .so-profile-top{justify-content:center;text-align:center}.so-profile-main .sf-badges{justify-content:center}.so-profile-actions{justify-content:center}
  .so-people{grid-template-columns:1fr}
}
/* v1.10.0 — staff file (Personal) and badges */
.sf-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.sf-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;background:#eef3f6;color:#36556b}
.sf-badges.small .sf-badge{padding:1px 7px;font-size:11px}.sf-badge.b-hms{background:#fff1d6;color:#8a5a00}.sf-badge.b-driving{background:#e6f4ff;color:#0b5f99}.sf-badge.b-lang{background:#eefaf1;color:#215b36}
.sf-badge.b-years{background:#f1edff;color:#5a3fb5}.sf-badge.b-dist{background:linear-gradient(135deg,#fff7df,#ffe9b3);color:#7a5400}
.sf-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.sf-tools input[type=search]{max-width:320px}
.sf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.sf-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:inherit;text-decoration:none}.sf-card:hover{border-color:#9ccbe8;box-shadow:0 2px 8px rgba(18,52,74,.06)}.sf-card.inactive{opacity:.6}
.sf-card-top{display:flex;gap:10px;align-items:center}.sf-card-top div{display:flex;flex-direction:column;min-width:0}.sf-card-facts{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#55707f}
.sf-exp{font-size:11.5px;font-weight:800;border-radius:999px;padding:1px 8px}.sf-exp.expired{background:#fff0ec;color:#8f3425}.sf-exp.soon{background:#fff7e6;color:#7b5312}
.so-page.so-staff{max-width:none}
.sf-head{display:flex;flex-direction:column;gap:8px}.sf-head-main{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.sf-head-main h1{margin:0;font-size:24px}.sf-head-main>div:nth-child(2){flex:1;min-width:200px}.sf-head-act{margin-inline-start:auto}
.sf-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
.sf-panel h2{margin:0 0 10px;font-size:16px}.sf-sub{margin:12px 0 6px;font-size:13px;color:#44627a}
.sf-dl{display:grid;gap:0;margin:0}.sf-row{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #eef2f5}.sf-row:last-child{border-bottom:0}
.sf-row dt{font-size:12.5px;font-weight:700;color:#6a7c88}.sf-row dd{margin:0;overflow-wrap:anywhere}
.sf-docs{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.sf-doc{position:relative;display:flex;flex-direction:column;gap:2px;width:120px}.sf-doc img{width:120px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.sf-doc-file{display:flex;gap:6px;align-items:center;font-size:12.5px;border:1px solid var(--line);border-radius:10px;padding:8px;height:68px;overflow:hidden;word-break:break-all}.sf-doc .btn{position:absolute;top:2px;inset-inline-end:2px;background:#fff}
.sf-upload{position:relative;overflow:hidden;cursor:pointer}.sf-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.sf-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}.sf-chip{background:#eef6fb;color:#00669b;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}
.sf-certs{margin:0 0 8px;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px}
.sf-dist{display:flex;flex-wrap:wrap;gap:6px}.sf-dist-b{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer}.sf-dist-b.on{background:linear-gradient(135deg,#fff7df,#ffe9b3);border-color:#e9c46a;color:#7a5400}
.sf-note-form{display:flex;gap:8px;align-items:flex-end;margin-bottom:10px}.sf-note-form textarea{flex:1;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;resize:vertical}
.sf-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sf-notes li{position:relative;background:#f7fafc;border-radius:12px;padding:8px 36px 8px 12px}[dir=rtl] .sf-notes li{padding:8px 12px 8px 36px}.sf-notes li .btn{position:absolute;top:4px;inset-inline-end:4px}
.sf-edit{display:flex;flex-direction:column;gap:16px}.sf-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sf-fields .full{grid-column:1/-1}
.sf-rows{display:flex;flex-direction:column;gap:8px}.sf-line{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.sf-line.cert{grid-template-columns:2fr 1fr 1fr auto}
.sf-line select,.sf-line input{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;font:inherit;width:100%;box-sizing:border-box}.sf-mini{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#6a7c88}
.sf-save{position:sticky;bottom:0;background:var(--bg,#f4f8fb);padding:10px 0;z-index:2}
input.invalid{border-color:#e0463a!important;box-shadow:0 0 0 3px rgba(224,70,58,.12)}
@media (max-width:900px){.sf-layout{grid-template-columns:1fr}}
@media (max-width:640px){.sf-fields{grid-template-columns:1fr}.sf-line.cert{grid-template-columns:1fr 1fr}.sf-line.cert>input[name^=cert_name]{grid-column:1/-1}.sf-row{grid-template-columns:1fr}.sf-head-act{margin:0}.sf-save{bottom:64px}}
.sf-mail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* v1.11.0 — Administration */
.ad-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}
.ad-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:76px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px}
.ad-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:#24465d;text-decoration:none;font-weight:600;font-size:14px}.ad-nav-item:hover{background:#f3f8fb}
.ad-nav-item.on{background:#e9f6fc;color:#00669b;font-weight:800}.ad-nav-item small{margin-inline-start:auto;font-size:10.5px;font-weight:700;color:#8a99a3;background:#f1f4f6;border-radius:999px;padding:1px 7px}.ad-nav-item.soon{color:#6a7c88}
.ad-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.ad-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.ad-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}.ad-kpi b{font-size:26px;color:#12344a}.ad-kpi span{font-size:12.5px;color:#6a7c88}
.ad-alerts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ad-alerts li{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#f7fafc;flex-wrap:wrap}
.ad-dot{width:10px;height:10px;border-radius:50%;flex:none;background:#0a84d6}.lv-danger .ad-dot{background:#e0463a}.lv-warning .ad-dot{background:#f0a020}.lv-danger{background:#fff4f2!important}.lv-warning{background:#fffaf0!important}
.ad-area{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#6a7c88}.ad-alert-link{color:#12344a;font-weight:600}
.ad-h2{margin:6px 0 0;font-size:16px;color:#44627a}
.ad-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}
.ad-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;color:inherit;text-decoration:none;position:relative}a.ad-card:hover{border-color:#9ccbe8;box-shadow:0 2px 10px rgba(18,52,74,.07)}
.ad-card small{color:#6a7c88;line-height:1.4}.ad-card em{font-style:normal;font-size:11px;font-weight:800;color:#00669b;margin-top:4px}.ad-card.soon{opacity:.65;background:#fafbfc}.ad-card.soon em{color:#8a99a3}
.ad-card-ic{font-size:24px}.ad-card-ic.big{font-size:40px}.ad-soon{text-align:center;padding:30px}
.ad-access th{font-size:11px;white-space:nowrap;vertical-align:bottom}.ad-access th span{display:block;font-weight:700}.ad-access td small{display:block;color:#6a7c88}.ad-access select{border:1px solid var(--line);border-radius:8px;padding:4px 6px;font-size:12.5px}
.ad-access select.acc-read{background:#eef6fb;color:#00669b}.ad-access select.acc-edit{background:#eefaf1;color:#215b36;font-weight:700}
@media (max-width:900px){.ad-layout{grid-template-columns:1fr}.ad-nav{position:static;flex-direction:row;overflow-x:auto;padding:6px}.ad-nav-item{white-space:nowrap}.ad-nav-item small{display:none}}
/* v1.12.0 — Administration registers (shared by the departments) */
.rc-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rc-tools input[type=search]{flex:1;min-width:180px;max-width:360px}.rc-tools select{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff}.rc-tools .btn{margin-inline-start:auto}
.rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.rc-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:inherit;text-decoration:none;border-inline-start:4px solid #cfe3ef}
.rc-card:hover{box-shadow:0 2px 10px rgba(18,52,74,.07)}.rc-card.has-danger{border-inline-start-color:#e0463a}.rc-card.has-warning{border-inline-start-color:#f0a020}
.rc-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.rc-card-top b{font-size:15.5px}
.rc-facts{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:0}.rc-facts dt{font-size:11px;font-weight:700;color:#6a7c88}.rc-facts dd{margin:0;font-size:13.5px;overflow-wrap:anywhere}
.rc-card-alerts{display:flex;flex-direction:column;gap:3px;margin:0}.rc-card-alerts span{font-size:12px;font-weight:700;border-radius:8px;padding:2px 8px}.rc-card-alerts .lv-danger{background:#fff0ec;color:#8f3425}.rc-card-alerts .lv-warning{background:#fff7e6;color:#7b5312}.rc-card-alerts .lv-info{background:#eef6fb;color:#00669b}
.rc-status{font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 10px;background:#eef3f6;color:#44627a;border:1px solid transparent;white-space:nowrap}
.rc-status.s-active,.rc-status.s-repaired{background:#eefaf1;color:#215b36}.rc-status.s-workshop,.rc-status.s-open{background:#fff7e6;color:#7b5312}.rc-status.s-sold,.rc-status.s-inactive{background:#eef0f2;color:#6a7c88}
select.rc-status{padding:6px 10px;cursor:pointer}
.rc-head{display:flex;flex-direction:column;gap:6px}.rc-head-main{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rc-head-main h2{margin:0;font-size:22px}.rc-head-act{margin-inline-start:auto;display:flex;gap:6px}
.rc-facts-big .ad-kpi b{font-size:18px}
.rc-form{display:flex;flex-direction:column;gap:14px}.rc-form h2{margin:0 0 10px;font-size:16px}
.rc-child-form{border:1px dashed #b9d6e8;border-radius:12px;padding:12px;margin-bottom:10px;background:#fbfdfe}
.rc-table td{vertical-align:top}.rc-table .row-actions{display:flex;gap:6px;align-items:flex-start;justify-content:flex-end}.rc-table .sf-docs{flex-wrap:nowrap}.rc-table .sf-doc{width:64px}.rc-table .sf-doc img{width:64px;height:48px}
.rc-table .sf-upload{white-space:nowrap}.rc-table select{border:1px solid var(--line);border-radius:8px;padding:3px 6px}
.ad-reg .ad-kpis{margin-top:4px}
.sf-doc video{width:120px;height:84px;border-radius:10px;background:#000}
@media (max-width:640px){.rc-facts{grid-template-columns:1fr 1fr}.rc-head-act{margin:0}
  .rc-child .table-wrapper{overflow:visible}.rc-table,.rc-table tbody{display:block}.rc-table thead{display:none}
  .rc-table tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
  .rc-table td{padding:0;border:0;min-width:0;overflow-wrap:anywhere}.rc-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
  .rc-table .row-actions{grid-column:1/-1;justify-content:space-between}}
/* v1.13.2 — Administration overview: every figure and every alert opens its reason */
.ad-kpi-link{position:relative;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s;gap:2px}
.ad-kpi-link:hover{text-decoration:none;border-color:#9fcbe6;box-shadow:0 4px 14px rgba(10,100,150,.1)}.ad-kpi-link:active{transform:scale(.99)}
.ad-kpi-link small{color:#7a8d9b;font-size:11.5px;line-height:1.35;margin-top:4px}.ad-kpi-link i{position:absolute;top:10px;inset-inline-end:12px;font-style:normal;color:#9fb1be;font-size:14px}
.ad-kpi-link:hover i{color:var(--blue)}.ad-kpi.warn b{color:#c46a00}
.ad-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.ad-sum-b{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;display:flex;align-items:baseline;gap:8px;cursor:pointer;font:inherit;color:#44627a;text-align:start}
.ad-sum-b b{font-size:24px;line-height:1}.ad-sum-b.lv-danger b{color:#d0392b}.ad-sum-b.lv-warning b{color:#c97800}.ad-sum-b.lv-info b{color:#0a7cc2}
.ad-sum-b span{font-weight:750;font-size:13px}.ad-sum-b.on{box-shadow:0 0 0 2px currentColor;border-color:transparent}.ad-sum-b.lv-danger.on{color:#b03024}.ad-sum-b.lv-warning.on{color:#a66300}.ad-sum-b.lv-info.on{color:#0a6aa6}
.ad-sum-b.lv-danger,.ad-sum-b.lv-warning{background:#fff!important}
.ad-alerts-rows li{padding:0;background:transparent}
.ad-alert-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;width:100%;color:inherit;text-decoration:none;background:#f6f9fb;border:1px solid transparent;transition:border-color .15s,background .15s}
a.ad-alert-row:hover{text-decoration:none;border-color:#cfe2ee;background:#fff}
.lv-danger>.ad-alert-row{background:#fff3f1}.lv-warning>.ad-alert-row{background:#fff9ee}.lv-info>.ad-alert-row{background:#f2f8fc}
.ad-al-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ad-al-main b{font-weight:700;color:#12344a;overflow-wrap:anywhere}.ad-al-main small{color:#5d7486;font-size:12.5px}
.ad-go{font-size:12.5px;font-weight:800;color:var(--blue);white-space:nowrap}
.rc-costs .rc-total{border-top:2px solid var(--line);padding-top:8px}.rc-costs .rc-total dt,.rc-costs .rc-total dd{font-weight:900;color:#12344a;font-size:15px}
@media (max-width:640px){.ad-sum{gap:6px}.ad-sum-b{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}.ad-sum-b b{font-size:20px}.ad-go{display:none}.ad-alert-row{padding:10px 12px}}
/* v1.15.0 — registers with several kinds (orders / suppliers), to order, related records */
.rc-tabs{display:flex;gap:4px;background:#eef3f6;border-radius:12px;padding:4px;width:max-content;max-width:100%;overflow-x:auto}
.rc-tab{border:0;background:transparent;border-radius:9px;padding:8px 14px;font-weight:800;color:#547389;cursor:pointer;font:inherit;font-weight:800;white-space:nowrap}.rc-tab.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,50,70,.12)}.rc-tab small{color:#8aa0b0;font-weight:700}
.rc-reorder{border-color:#f3d9a8;background:linear-gradient(135deg,#fffdf7,#fff7e8)}
.rc-reorder-list{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:4px}
.rc-reorder-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;background:#fff;border:1px solid #f1e3c4;border-radius:10px;padding:8px 12px}
.rc-reorder-list label{display:flex;gap:8px;align-items:center;flex:1;min-width:180px;cursor:pointer}.rc-reorder-list input{width:18px;height:18px;accent-color:var(--blue)}
.rc-reorder-list span{color:#8a5a00;font-size:13px;font-weight:700}.rc-reorder-list em{font-style:normal;font-weight:800;color:#12344a;font-size:13px}.rc-reorder-list small{color:#7a8d9b}
.rc-reorder-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rc-reorder-foot select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;min-width:200px;flex:1;max-width:320px}
.rc-related{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rc-related a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#f6f9fb;color:inherit;text-decoration:none}
.rc-related a:hover{background:#eef5fa;text-decoration:none}.rc-related b{flex:1;min-width:0}.rc-related em{font-style:normal;font-weight:800}.rc-related-sum{margin:10px 0 0;text-align:end}
.rc-status.s-draft{background:#eef2f5;color:#4f6b80}.rc-status.s-sent{background:#e6f3fc;color:#00669b}.rc-status.s-received{background:#e7f6ee;color:#18884f}.rc-status.s-cancelled{background:#f4f4f4;color:#888}
/* v1.15.1 — empty date fields: no backwards browser placeholder; numbers with spaces; EU control on top */
input[type=date][data-empty]:not(:focus)::-webkit-datetime-edit{color:transparent}
input[data-num]{font-variant-numeric:tabular-nums;text-align:start}input[aria-invalid=true]{border-color:#d0392b!important;background:#fff6f5}
[dir=rtl] input[data-num]{text-align:right}
.ad-kpi.bad b{color:#c0392b}.ad-kpi.bad{border-color:#f3c3bc;background:#fff6f5}.ad-kpi.warn b{color:#b46b00}
/* v1.16.0 — meetings: participants to tick */
.rc-people{border:0;padding:0;margin:0}.rc-people legend{font-size:13px;font-weight:700;color:#36556b;margin-bottom:6px;padding:0}
.rc-people>div{display:flex;flex-wrap:wrap;gap:6px}.rc-person{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;background:#fff;font-size:13.5px;font-weight:600;position:relative}
.rc-person input{position:absolute;opacity:0;pointer-events:none}.rc-person.on{border-color:var(--blue);background:#eaf5fc;color:#00669b}.rc-person.on::before{content:"✓";font-weight:900}
.rc-head-act{display:flex;gap:6px;flex-wrap:wrap}
/* v1.18.0 — sales pipeline board */
.rc-view{display:inline-flex;background:#eef3f6;border-radius:10px;padding:3px;gap:2px}.rc-view-b{border:0;background:transparent;border-radius:8px;padding:7px 12px;font:inherit;font-weight:800;color:#547389;cursor:pointer}.rc-view-b.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,50,70,.12)}
.rc-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(185px,1fr);gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.rc-col{background:#eef3f6;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:120px;scroll-snap-align:start}
.rc-col header{display:flex;flex-direction:column;gap:2px;padding:2px 4px 6px;border-bottom:3px solid #c9d6df}.rc-col header small{color:#5d7486;font-weight:700}
.rc-col.s-won header{border-color:#2ba36a}.rc-col.s-lost header{border-color:#b9c3cb}.rc-col.s-negotiation header{border-color:#e08a00}.rc-col.s-offer_sent header{border-color:#0a84d6}
.rc-bcard{display:flex;flex-direction:column;gap:3px;background:#fff;border-radius:10px;padding:9px 11px;color:inherit;text-decoration:none;box-shadow:0 1px 2px rgba(20,50,70,.08);border:1px solid transparent}
.rc-bcard:hover{text-decoration:none;border-color:#9fcbe6}.rc-bcard span{font-weight:800;color:#12344a;font-size:13.5px}.rc-bcard small{color:#5d7486;font-size:12px}.rc-bcard small.late{color:#c0392b;font-weight:700}.rc-bcard em{font-style:normal;font-size:11.5px;color:#7a8d9b}
.rc-status.s-lead,.rc-status.s-contacted{background:#eef2f5;color:#4f6b80}.rc-status.s-site_visit,.rc-status.s-offer_sent{background:#e6f3fc;color:#00669b}.rc-status.s-negotiation{background:#fff4dc;color:#a66300}.rc-status.s-won{background:#e7f6ee;color:#18884f}.rc-status.s-lost{background:#f4f4f4;color:#888}
@media (max-width:640px){.rc-board{grid-auto-columns:78%}}
/* v1.19.0 — notifications bell, My work, the work tools on every record */
.bell-wrap{position:relative;display:inline-flex}.bell{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:#36556b;cursor:pointer}
.bell:hover,.bell.on{border-color:#9fcbe6;color:var(--blue)}.bell-n{position:absolute;top:-6px;inset-inline-end:-6px;min-width:18px;height:18px;border-radius:9px;background:#e0463a;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px #fff}
.ntf-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(380px,calc(100vw - 24px));max-height:min(520px,70dvh);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(20,50,70,.18);z-index:60}
.ntf-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}.ntf-all{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer;font:inherit;font-size:13px}
.ntf-list{list-style:none;margin:0;padding:0}.ntf-list button{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:start;border:0;background:none;padding:11px 14px;cursor:pointer;font:inherit;color:inherit;border-bottom:1px solid #f0f4f7}
.ntf-list li.unread button{background:#f2f8fd}.ntf-list button:hover{background:#eef5fa}.ntf-ic{font-size:18px;line-height:1.2}.ntf-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13.5px}.ntf-txt small{color:#7a8d9b;font-size:11.5px}
.ntf-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:6px;flex:none}.ntf-pad{padding:14px}
.my-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.my-sec h2{margin:0 0 10px;font-size:17px}.my-sec h2 small{color:#7a8d9b}
.my-mtg{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:#fff}.my-mtg.past{opacity:.7}
.my-when{display:flex;flex-direction:column;align-items:center;min-width:70px;background:#eaf5fc;color:#00669b;border-radius:10px;padding:8px 6px;text-align:center}.my-when b{font-size:13px}.my-when span{font-weight:800;font-size:15px}
.my-mtg-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.my-mtg-main small{color:#5d7486}.my-video{font-weight:700;font-size:13px}
.my-ans{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.my-ans-b{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:#4f6b80}
.my-ans-b.a-yes.on{background:#e7f6ee;border-color:#2ba36a;color:#18884f}.my-ans-b.a-maybe.on{background:#fff4dc;border-color:#e0a020;color:#a66300}.my-ans-b.a-no.on{background:#fdeeee;border-color:#d43a3a;color:#b02a2a}
.my-open{align-self:center;font-weight:800;text-decoration:none;color:var(--blue);padding:6px 8px}
.my-tasks,.my-list,.rc-todos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.my-tasks li,.rc-todos li{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;background:#f6f9fb}.my-tasks li.late,.rc-todos li.late{background:#fff4f2}
.my-check,.rc-tick{width:22px;height:22px;border-radius:7px;border:2px solid #9fb1be;background:#fff;flex:none;cursor:pointer;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}
.my-check:hover,.rc-tick:hover{border-color:var(--blue)}.done .rc-tick,.rc-tick.on,.my-tasks li.done .my-check{background:#2ba36a;border-color:#2ba36a}.done .rc-tick::after,.rc-tick.on::after,.my-tasks li.done .my-check::after{content:"✓";color:#fff;font-weight:900;font-size:13px}
.my-task,.rc-todo-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.my-task small,.rc-todo-main small{color:#5d7486;font-size:12px}.rc-todos li.done .rc-todo-main>span{text-decoration:line-through;color:#8a9aa6}
.rc-ttype{font-style:normal;font-weight:800;border-radius:999px;padding:0 7px;background:#eef3f6}.t-missing .rc-ttype{background:#fff4dc;color:#a66300}.t-follow_up .rc-ttype{background:#e6f3fc;color:#00669b}
.my-list a.my-rec,.my-list .my-rec{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:10px;background:#f6f9fb;color:inherit;text-decoration:none}.my-list a.my-rec:hover{background:#eef5fa}.my-rec small{color:#5d7486}
@media (max-width:900px){.my-grid{grid-template-columns:1fr}}
@media (max-width:640px){.top-actions{gap:6px;flex-shrink:0}.user-chip{display:none}.breadcrumb{min-width:0;overflow:hidden;white-space:nowrap}.topbar{gap:8px;padding-inline:12px}.bell{width:36px;height:36px}.ntf-panel{position:fixed;top:60px;inset-inline:12px;width:auto}}
/* v1.20.0 — files: cards, versions, document slots, PDF tools */
.fc-list{display:flex;flex-direction:column;gap:6px;width:100%}
.fc{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;min-width:0}
.fc-ic{width:44px;height:52px;border-radius:8px;background:#eef3f6;display:flex;align-items:center;justify-content:center;flex:none;color:#4f6b80;text-decoration:none;font-weight:900;font-size:12px}
.fc-ic.pdf{background:#fdecea;color:#c0392b}.fc-thumb{width:64px;height:52px;border-radius:8px;object-fit:cover;flex:none;display:block;overflow:hidden;background:#000}.fc-thumb img{width:100%;height:100%;object-fit:cover}
.fc-meta{flex:1;min-width:0;display:flex;flex-direction:column}.fc-name{font-weight:700;color:#12344a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.fc-name:hover{text-decoration:underline}.fc-meta small{color:#7a8d9b;font-size:11.5px}.fc-meta small b{color:#00669b}
.fc-act{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end}.fc-new{position:relative;overflow:hidden;cursor:pointer}.fc-new input,.fc-up input,.rc-slot .sf-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
label.busy{opacity:.5;pointer-events:none}
.rc-slot dd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.rc-slot .fc{flex:1}.rc-missing{font-weight:800;color:#b46b00;background:#fff4dc;border-radius:999px;padding:2px 10px;font-size:12px}
.rc-slot .sf-upload{position:relative;overflow:hidden}
.rc-table .fc{padding:4px;gap:6px}.rc-table .fc-ic{width:32px;height:38px}.rc-table .fc-thumb{width:44px;height:38px}.rc-table .fc-meta{max-width:120px}
.fc-versions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.fc-versions li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:8px 10px;border-radius:10px;background:#f6f9fb}.fc-versions li.cur{background:#eaf5fc}.fc-versions small{grid-column:2;color:#7a8d9b}
.rc-sub{font-size:13.5px;margin:14px 0 4px;color:#36556b}.rc-costs .rc-sub:first-of-type{margin-top:4px}
.pt-back{z-index:90}.pt-modal{width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;gap:10px;padding:16px}
.pt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pt-head h2{margin:0}.pt-head p{margin:2px 0 0}
.pt-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;position:sticky;top:0;background:#fff;padding:4px 0}.pt-sel{font-weight:800;color:#00669b;margin-inline-end:4px}.pt-add{position:relative;overflow:hidden}.pt-add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.pt-pages{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;overflow:auto;flex:1;min-height:200px;background:#eef3f6;border-radius:12px}
.pt-page{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.pt-page button{border:2px solid transparent;background:#fff;border-radius:8px;padding:4px;cursor:pointer;width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 3px rgba(20,50,70,.15)}
.pt-page.on button{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,132,214,.25)}.pt-page img{max-width:100%;max-height:100%;transition:transform .2s}.pt-wait{width:60%;height:70%;background:#eef2f5;border-radius:4px}
.pt-n{font-size:12px;font-weight:800;color:#4f6b80;text-align:center;display:flex;flex-direction:column}.pt-n small{font-weight:600;color:#8a9aa6;font-size:10.5px}.pt-tick{position:absolute;top:6px;inset-inline-start:6px;background:var(--blue);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:12px}
.pt-foot p{margin:0 0 6px}.pt-pad{padding:30px;text-align:center}
@media (max-width:640px){.pt-pages{grid-template-columns:repeat(3,1fr);gap:8px}.pt-bar .btn{padding:5px 8px;font-size:12px}}
/* a file card never squeezes its name: the actions go to a row of their own when there is no room */
.fc{flex-wrap:wrap}.fc-meta{flex:1 1 140px}.fc-act{flex:0 1 auto;margin-inline-start:auto}
.rc-slot dd{flex:1 1 180px}.rc-slot .fc{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%}.rc-slot .fc-act{grid-column:1/-1;justify-content:flex-start;margin:0;border-top:1px solid var(--line);padding-top:4px}
.rc-table .fc{display:grid;grid-template-columns:auto;max-width:130px;justify-items:start}.rc-table .fc-meta{max-width:120px;flex:none}.rc-table .fc-act{margin:0;justify-content:flex-start}.rc-table .fc-up{white-space:nowrap}
/* ---------- Customer service (helpdesk) v1.21 */
.hd-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.hd-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px;flex:1;min-width:0}.hd-tabs::-webkit-scrollbar{display:none}
.hd-tab{padding:8px 14px;border-radius:10px;font-weight:700;color:#4f6b80;white-space:nowrap;display:flex;gap:6px;align-items:center}.hd-tab:hover{text-decoration:none;background:#f1f7fb}.hd-tab.on{background:var(--blue-soft);color:var(--blue-strong)}
.hd-tab small{background:var(--blue);color:#fff;border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}
.hd-new{white-space:nowrap}
.hd-views{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px;padding-bottom:2px}.hd-views::-webkit-scrollbar{display:none}
.hd-view{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-weight:700;color:#4f6b80;white-space:nowrap;display:flex;gap:6px;align-items:center}
.hd-view b{background:#eef3f6;color:#35546a;border-radius:999px;padding:0 7px;font-size:12px}.hd-view.on{background:var(--ink);border-color:var(--ink);color:#fff}.hd-view.on b{background:rgba(255,255,255,.18);color:#fff}
.hd-view.bad b{background:#fdecea;color:#c0392b}.hd-view.on.bad b{background:#c0392b;color:#fff}
.hd-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.hd-filters select{border:1px solid var(--line);border-radius:10px;padding:7px 8px;background:#fff;max-width:180px}
.hd-search{flex:1 1 220px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;color:var(--muted)}.hd-search input{border:0;outline:0;padding:8px 0;width:100%;background:none}
.hd-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:12px;padding:8px 12px;margin-bottom:10px;position:sticky;top:8px;z-index:5}.hd-bulk select{border-radius:8px;border:0;padding:6px}.hd-bulk .btn{color:#fff}
.hd-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hd-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.hd-row:last-child{border-bottom:0}.hd-row:hover{background:#f8fbfd}
.hd-row.unread{background:#f2f9fe}.hd-row.unread b{font-weight:800}

.hd-row-link{flex:1;display:flex;gap:12px;padding:12px 14px;color:inherit;min-width:0}.hd-row-link:hover{text-decoration:none}
.hd-prio{width:4px;border-radius:4px;flex:none;align-self:stretch;background:#c9d6df}.hd-prio.p-urgent{background:#c0392b}.hd-prio.p-high{background:#ff7d23}.hd-prio.p-normal{background:#087eb7}.hd-prio.p-low{background:#c9d6df}
.hd-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hd-row-top{display:flex;gap:8px;align-items:center;min-width:0}.hd-row-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#12344a;font-weight:700}
.hd-no{font-variant-numeric:tabular-nums;color:#7a8d9b;font-weight:700;font-size:12.5px;white-space:nowrap}
.hd-unread{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none}
.hd-row-sub{font-size:12.5px;color:#6a7c88;overflow-wrap:anywhere}
.hd-snip{font-size:13px;color:#4f6b80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-snip.t-note{color:#8a6d00}
.hd-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;text-align:end}.hd-row-side small{color:#8a9aa6;font-size:11.5px}
.hd-row-meta{display:flex;gap:6px;align-items:center}
.hd-av{width:26px;height:26px;border-radius:50%;background:#dcecf6;color:#00507e;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}.hd-av.none{background:#fff4dc;color:#b46b00}
.hd-st{border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:800;white-space:nowrap;background:#eef3f6;color:#4f6b80}
.hd-st.st-new{background:#e6f1fb;color:#00609a}.hd-st.st-open{background:#fff1e3;color:#b55a00}.hd-st.st-waiting{background:#f1ecfb;color:#6a44b5}.hd-st.st-solved{background:#e6f6ec;color:#1e7a46}.hd-st.st-closed{background:#eef1f3;color:#6a7c88}
.hd-sla{border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.hd-sla.ok{background:#e6f6ec;color:#1e7a46}.hd-sla.soon{background:#fff1e3;color:#b55a00}.hd-sla.late{background:#fdecea;color:#c0392b}.hd-sla.paused{background:#f1ecfb;color:#6a44b5}.hd-sla.done{color:#f39200;background:none;letter-spacing:1px}.hd-sla.done i{color:#d4dde4;font-style:normal}
/* one case */
.hd-case-head{padding:16px 18px}.hd-case-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.hd-back{font-weight:700;font-size:13px}
.hd-pager{display:flex;align-items:center;gap:4px}.hd-pager small{color:#7a8d9b}
.hd-case-head h2{font-size:20px;margin:0 0 10px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.hd-case-head h2 .hd-no{font-size:16px}
.hd-inline{display:flex;gap:6px;margin-bottom:10px}.hd-inline input{flex:1;border:1px solid var(--line);border-radius:10px;padding:8px}
.hd-ctls{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.hd-ctl{display:flex;flex-direction:column;gap:2px;font-size:11.5px;font-weight:700;color:#7a8d9b}.hd-ctl select{border:1px solid var(--line);border-radius:10px;padding:7px 8px;background:#fff;font-size:13.5px;color:var(--ink);min-width:120px}
.hd-status-seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.hd-status-seg button{border:0;background:none;padding:8px 14px;font-weight:800;color:#4f6b80}
.hd-status-seg button+button{border-inline-start:1px solid var(--line)}.hd-status-seg button.on.st-open{background:#fff1e3;color:#b55a00}.hd-status-seg button.on.st-waiting{background:#f1ecfb;color:#6a44b5}.hd-status-seg button.on.st-solved{background:#e6f6ec;color:#1e7a46}
.hd-case{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.hd-side .panel{padding:16px}.hd-card h3{margin:0 0 10px;font-size:15px}.hd-card h4{margin:12px 0 6px;font-size:13px;color:#4f6b80}
.hd-thread-wrap{padding:16px}.hd-thread{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hd-msg{border-radius:14px;padding:10px 14px;max-width:86%;border:1px solid var(--line);background:#fff}
.hd-msg.in{align-self:flex-start;background:#fff}.hd-msg.out{align-self:flex-end;background:#eaf5fc;border-color:#cfe6f5}
.hd-msg.note{align-self:stretch;max-width:none;background:#fff8dc;border-color:#f3e2a2}.hd-msg.call{align-self:stretch;max-width:none;background:#f4f7f9}
.hd-msg.pending{opacity:.65}
.hd-msg-head{display:flex;align-items:center;gap:8px;font-size:12.5px;flex-wrap:wrap}.hd-msg-head small{color:#7a8d9b}.hd-msg-head time{margin-inline-start:auto;color:#8a9aa6;font-size:12px}.hd-msg-head .hd-av{width:24px;height:24px;font-size:10px}
.hd-msg-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;font-size:14px}
.hd-mailed,.hd-sending{display:block;margin-top:6px;color:#6a7c88;font-size:11.5px}
.hd-files{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.hd-img img{width:110px;height:84px;object-fit:cover;border-radius:10px;display:block}
.hd-file{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:#fff;font-weight:700;font-size:12.5px}
.hd-ev{display:flex;justify-content:center;gap:8px;font-size:12px;color:#7a8d9b;text-align:center;flex-wrap:wrap}.hd-ev.bad{color:#c0392b}.hd-ev b{color:#4f6b80}
.hd-compose{padding:0;overflow:hidden}.hd-compose.t-note{border-color:#f3e2a2}.hd-compose.t-note textarea{background:#fffdf3}
.hd-ctypes{display:flex;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.hd-ctypes::-webkit-scrollbar{display:none}
.hd-ctypes button{border:0;background:none;padding:12px 14px;font-weight:700;color:#6a7c88;border-bottom:2px solid transparent;white-space:nowrap}.hd-ctypes button.on{color:var(--blue-strong);border-bottom-color:var(--blue)}
.hd-compose.t-note .hd-ctypes button.on{color:#8a6d00;border-bottom-color:#e0b100}
.hd-to{margin:10px 14px 0;font-size:12.5px;color:#6a7c88}.hd-to.note{color:#8a6d00}
.hd-dir{display:flex;gap:14px;margin:10px 14px 0;font-weight:600}
/* (PM review 1 of #272) «Kunden ble nådd» on an outgoing call: under the direction, aligned with it */
.hd-compose .hd-reached{display:flex;align-items:center;gap:8px;margin:8px 14px 0;font-weight:600;color:inherit;cursor:pointer}
.hd-compose textarea{display:block;width:calc(100% - 28px);margin:8px 14px;border:1px solid var(--line);border-radius:12px;padding:10px;resize:vertical;min-height:110px}
.hd-up{display:flex;gap:6px;flex-wrap:wrap;margin:0 14px 8px}.hd-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:4px 6px;font-size:12px;max-width:220px}
.hd-chip img{width:28px;height:28px;object-fit:cover;border-radius:6px}.hd-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-chip button{border:0;background:none;color:#7a8d9b}
.hd-cbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);background:#fafcfd}
.hd-cbar select{border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:#fff;max-width:200px}.hd-grow{flex:1}
.hd-attach{position:relative;overflow:hidden}.hd-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}.hd-attach.busy{opacity:.6}
.hd-mailbox{display:flex;align-items:center;gap:5px;font-weight:600;font-size:13px;white-space:nowrap}.hd-after{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6a7c88}
.hd-closed{padding:12px}
.hd-sla-big{margin-bottom:8px}.hd-sla-big .hd-sla{font-size:14px;padding:6px 10px;display:inline-block}
.sf-row.bad dd{color:#c0392b;font-weight:700}
.hd-place{margin:0 0 10px}.hd-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.hd-mini span{background:#f4f8fb;border-radius:10px;padding:8px;display:flex;flex-direction:column;text-align:center}.hd-mini b{font-size:18px}.hd-mini small{font-size:11px;color:#7a8d9b;line-height:1.2}.hd-mini .warn b{color:#b46b00}
.hd-agr{display:block}.hd-others{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.hd-others a{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;color:inherit}.hd-others a:hover{background:#f4f8fb;text-decoration:none}
.hd-others a span[dir]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-card-act{display:flex;justify-content:flex-end;margin-top:6px}
.hd-public{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.hd-public small{color:#6a7c88;display:block;margin-bottom:6px}
.hd-copy{display:flex;gap:6px}.hd-copy input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12px;background:#f6f9fb}
.hd-complaint textarea{min-height:56px}.hd-warn{background:#fff4dc;color:#8a5a00;border-radius:10px;padding:8px 10px;font-weight:700;font-size:13px}
.hd-stars{font-size:26px;color:#f39200;margin:0}.hd-stars i{color:#d4dde4;font-style:normal}.hd-card blockquote{margin:8px 0 0;padding:8px 12px;background:#f6f9fb;border-radius:10px;border-inline-start:3px solid #f39200}
/* new case, templates, links, settings */
.hd-newform h2{margin-bottom:4px}.hd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hd-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.hd-pickcontact{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-4px 0 10px}.hd-pickcontact small{color:#6a7c88}
.hd-chipbtn{border:1px solid var(--line);background:#f6f9fb;border-radius:999px;padding:4px 10px;font-weight:600;font-size:12.5px}
.field-inline{padding-bottom:10px}
.hd-tpls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hd-tpls li{display:flex;gap:10px;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.hd-tpls p{margin:4px 0 0;color:#4f6b80;font-size:13px;white-space:pre-wrap}.hd-tpls small{color:#7a8d9b}
.hd-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px}   /* (audit-1102 D20) a card never wider than the screen */.hd-link{display:flex;gap:14px;padding:14px;margin:0}.hd-link.off{opacity:.55}
.hd-qr{flex:none;border:1px solid var(--line);border-radius:10px;overflow:hidden;width:122px;height:122px}.hd-qr svg{display:block}
.hd-link-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.hd-link-act{display:flex;gap:6px;flex-wrap:wrap}
.hd-print{width:min(100%,460px);text-align:center}.hd-print-sheet{padding:10px 0}.hd-print-sheet img{border-radius:12px}.hd-print-sheet h2{font-size:22px;margin:10px 0 4px}.hd-print-sheet svg{margin:10px auto;display:block;max-width:100%;height:auto}
.hd-print-url{font-weight:800;color:#00609a;word-break:break-all}
@media print{body.printing-qr .shell,body.printing-qr #app>*:not(.hd-qr-back){display:none!important}body.printing-qr .hd-qr-back{position:static;background:none;padding:0}body.printing-qr .modal{box-shadow:none;max-height:none;width:100%}.no-print{display:none!important}}
.hd-sla-table{width:100%;border-collapse:collapse;margin:6px 0 14px}.hd-sla-table th,.hd-sla-table td{padding:8px;border-bottom:1px solid var(--line);text-align:start}.hd-sla-table input{width:110px;border:1px solid var(--line);border-radius:8px;padding:6px}
.hd-sla-table .hd-prio{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}
/* reports */
.hd-rep-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.hd-rep-head h2{margin:0}.hd-rep-head select{border:1px solid var(--line);border-radius:10px;padding:7px}

.hd-bars{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:6px;overflow-x:auto}
.hd-bar{flex:1 0 26px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:2px 2px;height:100%;align-items:end}
.hd-bar span{display:block;border-radius:4px 4px 0 0;min-height:2px}.hd-bar .c{background:#087eb7}.hd-bar .s{background:#7cc4a0}.hd-bar small{grid-column:1/-1;text-align:center;font-size:10px;color:#8a9aa6}
.hd-legend{font-size:12px;color:#6a7c88;display:flex;gap:10px;align-items:center;margin:8px 0 0}.hd-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.hd-legend i.c{background:#087eb7}.hd-legend i.s{background:#7cc4a0}
.hd-rep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hd-rep-grid .panel{margin:0}

.hd-rbar{display:block;height:4px;border-radius:4px;background:#bfe0f2;margin-top:3px}
@media (max-width:1180px){.hd-case{grid-template-columns:1fr}.hd-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.hd-side .panel{margin:0}}
@media (max-width:760px){.hd-grid2,.hd-grid3,.hd-rep-grid{grid-template-columns:1fr}.hd-row-sub,.hd-snip{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .hd-row-link{flex-wrap:wrap;padding:10px 12px}.hd-row-side{flex-direction:row;align-items:center;width:100%;justify-content:flex-start;padding-inline-start:16px}.hd-row-side small{margin-inline-start:auto}
  .hd-filters select{flex:1 1 calc(50% - 8px);max-width:none}.hd-msg{max-width:100%}.hd-cbar .btn.primary{flex:1 1 100%}.hd-cbar select{max-width:none;flex:1}.hd-ctl{flex:1 1 calc(50% - 10px)}.hd-ctl select{width:100%;min-width:0}
  .hd-status-seg{width:100%}.hd-status-seg button{flex:1}.hd-links{grid-template-columns:1fr}.hd-link{flex-direction:column;align-items:center}.hd-link-main{width:100%}.hd-top .hd-new{width:100%;text-align:center}}
/* complaint steps, cockpit */
.hd-sev{display:flex;width:100%;margin-bottom:6px}.hd-sev select{width:100%}
.hd-sev-do{border-radius:10px;padding:8px 10px;font-size:12.5px;margin:0 0 10px;background:#f4f8fb}.hd-sev-do.sev-critical{background:#fdecea;color:#8f2a1e}.hd-sev-do.sev-medium{background:#fff4dc;color:#7a5200}
.hd-stages{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:0;position:relative}
.hd-stages li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;position:relative}
.hd-stages li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:13px;top:34px;bottom:-6px;width:2px;background:var(--line)}
.hd-stages li.done:not(:last-child)::after{background:#7cc4a0}
.hd-stage-b{width:28px;height:28px;border-radius:50%;border:2px solid #c9d6df;background:#fff;font-weight:800;font-size:12px;color:#6a7c88;flex:none;display:flex;align-items:center;justify-content:center;padding:0;position:relative;z-index:1}
.hd-stages li.done .hd-stage-b{background:#1e8e4f;border-color:#1e8e4f;color:#fff}.hd-stages li.late .hd-stage-b{border-color:#c0392b;color:#c0392b}
.hd-stage-b:disabled{opacity:1;cursor:default}
.hd-stages li>div{display:flex;flex-direction:column;min-width:0}.hd-stages b{font-size:13px}.hd-stages small{display:block;font-size:11.5px;color:#7a8d9b;line-height:1.35}.hd-stages .hd-stage-when{color:#4f6b80;font-weight:600}.hd-stages li.late .hd-stage-when{color:#c0392b}
.hd-confirm{border-top:1px solid var(--line);padding-top:10px}.hd-confirm p{font-size:12.5px;color:#4f6b80;margin:0 0 8px}.hd-confirm.ask{background:#fff4dc;border:1px solid #f3d38a;border-radius:12px;padding:10px}.hd-confirm.ask p{color:#7a5200;font-weight:700}
.hd-confirm-b{display:flex;flex-wrap:wrap;gap:6px}.hd-confirmed{background:#e6f6ec;color:#1e7a46;border-radius:10px;padding:8px 10px;font-weight:700;font-size:12.5px;margin:0}
.hd-cockpit{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.hd-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.hd-goal{position:relative;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;background:#fff}
.hd-goal b{font-size:26px;line-height:1.1;color:#12344a;font-variant-numeric:tabular-nums}.hd-goal span{font-size:12.5px;color:#4f6b80;font-weight:600}.hd-goal small{font-size:11.5px;color:#8a9aa6;margin-top:2px}
.hd-goal i{position:absolute;top:10px;inset-inline-end:12px;width:22px;height:22px;border-radius:50%;font-style:normal;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}
.hd-goal.ok{border-color:#bfe5cd;background:#f5fbf7}.hd-goal.ok i{background:#1e8e4f;color:#fff}.hd-goal.bad{border-color:#f3c3bc;background:#fff8f7}.hd-goal.bad b{color:#c0392b}.hd-goal.bad i{background:#c0392b;color:#fff}.hd-goal.none b{color:#9fb1be}
.hd-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.hd-now-b{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;text-align:start}.hd-now-b b{font-size:22px;color:#12344a}.hd-now-b span{font-size:12px;color:#6a7c88;font-weight:600}
.hd-now-b.bad{border-color:#f3c3bc;background:#fff6f5}.hd-now-b.bad b{color:#c0392b}.hd-now-b.warn b{color:#b46b00}.hd-now-b:hover{border-color:#9fcbe6}
.hd-pipe{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.hd-pipe-link{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;color:inherit;border:1px solid var(--line)}.hd-pipe-link:hover{text-decoration:none;background:#f8fbfd}
.hd-steps-mini{display:flex;gap:3px;align-items:center;flex:none}.hd-steps-mini i{width:14px;height:6px;border-radius:3px;background:#dfe7ee}.hd-steps-mini i.on{background:#1e8e4f}.hd-steps-mini.late i:not(.on){background:#f3c3bc}.hd-steps-mini small{margin-inline-start:4px;color:#7a8d9b;font-weight:700;font-size:11.5px}
.hd-sevtag{border-radius:999px;padding:0 8px;font-size:11px;font-weight:800;background:#eef3f6;color:#4f6b80;white-space:nowrap}.hd-sevtag.sev-critical{background:#fdecea;color:#c0392b}.hd-sevtag.sev-medium{background:#fff4dc;color:#8a5a00}
.hd-vision{background:linear-gradient(160deg,#0a5f8f,#087eb7);color:#fff;border:0}.hd-quote{font-size:16px;font-weight:700;line-height:1.45;margin:0 0 12px}
.hd-pillars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hd-pillars li{background:rgba(255,255,255,.12);border-radius:12px;padding:8px 12px}.hd-pillars b{display:block}.hd-pillars small{color:#d9eef9}
.hd-clock{border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;gap:18px;flex-wrap:wrap;margin:0 0 12px}.hd-clock legend{font-weight:700;padding:0 4px}
@media (max-width:1100px){.hd-cockpit{grid-template-columns:1fr}}
@media (max-width:760px){.hd-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-goal b{font-size:22px}.hd-pipe-link{flex-wrap:wrap}.hd-steps-mini{width:100%;padding-inline-start:14px}}
/* customer service handbook */
.hd-hb-intro p{margin:0;color:#4f6b80}
.hd-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;margin-bottom:12px}
.hd-doc{display:flex;gap:12px;margin:0}.hd-doc.draft{border-style:dashed}.hd-doc-ic{font-size:26px;line-height:1}.hd-doc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.hd-doc h3{margin:0;font-size:16px}.hd-doc p{margin:0}
.hd-doc-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:#6a7c88}
.hd-progress{height:6px;border-radius:6px;background:#eef3f6;overflow:hidden}.hd-progress i{display:block;height:100%;background:#1e8e4f;border-radius:6px}
.hd-topics{display:flex;gap:4px;flex-wrap:wrap}.hd-doc-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.hd-topicform{display:flex;flex-wrap:wrap;gap:6px 14px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0}.hd-topicform legend{font-weight:700;font-size:13px;padding:0 4px}.hd-topicform label{font-size:13px;display:flex;gap:5px;align-items:center}.hd-topicform .form-footer{width:100%}
.hd-seeds{background:#f6fbff;border-color:#cfe6f5}.hd-seed-list{display:flex;gap:10px;flex-wrap:wrap}
.hd-seed{border:1px solid #cfe6f5;background:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;min-width:220px}.hd-seed:hover{border-color:var(--blue)}.hd-seed small{color:#6a7c88}
.hd-newdoc summary{cursor:pointer;font-weight:800;color:var(--blue-strong)}.hd-newdoc[open] summary{margin-bottom:12px}
.hd-how{border-color:#cfe6f5;background:#f6fbff}.hd-how-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.hd-how-list a{display:block;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #cfe6f5;font-weight:700}
.hd-place-note{background:#fff;border-radius:10px;padding:8px 10px;margin-top:6px;border:1px solid var(--line)}.hd-place-note b{font-size:12px;color:#b46b00}.hd-place-note p{margin:2px 0 0;font-size:13px;white-space:pre-wrap}
@media (max-width:760px){.hd-docs{grid-template-columns:1fr}.hd-seed{min-width:0;width:100%}}
/* follow-up and loyalty */
.hd-fus{list-style:none;margin:0 0 14px;padding:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hd-fu{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);align-items:flex-start}.hd-fu:last-child{border-bottom:0}.hd-fu.late{background:#fff8f7}.hd-fu.done{opacity:.85}
.hd-fu-ic{font-size:22px;line-height:1.2}.hd-fu-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hd-fu-do{color:#4f6b80;font-size:12.5px}.hd-fu-res{color:#1e7a46;font-size:12.5px}
.hd-fu-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.hd-fu-due{font-weight:800;font-size:12.5px;color:#35546a;white-space:nowrap}.hd-fu-due.late{color:#c0392b}
.hd-fu-act{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.hd-fu-form{margin-top:8px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafcfd}.hd-fu-out{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px;font-weight:600;font-size:13px}
.hd-tier{border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:800;background:#fff4dc;color:#8a5a00;white-space:nowrap}.hd-tier.t-ambassador{background:#f1ecfb;color:#6a44b5}
.hd-prof-note{background:#f6f9fb;border-radius:10px;padding:8px 10px;font-size:13px;margin:0 0 10px}
.hd-cu-wrap{padding:0;overflow-x:auto}.hd-cu{width:100%;border-collapse:collapse;font-size:13px}.hd-cu th{text-align:start;font-size:11px;color:#7a8d9b;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}
.hd-cu td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.hd-cu td small{display:block;color:#7a8d9b}.hd-cu tr.silent{background:#fffaf2}.hd-cu td.warn{color:#b46b00;font-weight:800}
.hd-cu select{border:1px solid var(--line);border-radius:8px;padding:4px 6px;background:#fff}.hd-cu select.t-preferred{background:#fff4dc}.hd-cu select.t-ambassador{background:#f1ecfb}
.hd-touch{display:inline-flex;gap:3px;vertical-align:middle}.hd-touch i{width:10px;height:10px;border-radius:50%;background:#dfe7ee}.hd-touch i.on{background:#1e8e4f}
@media (max-width:760px){.hd-fu{flex-wrap:wrap}.hd-fu-side{flex-direction:row;width:100%;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding-inline-start:34px}
  .hd-cu,.hd-cu tbody{display:block}.hd-cu thead{display:none}.hd-cu tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px;border-bottom:1px solid var(--line)}.hd-cu td{padding:0;border:0}.hd-cu td:first-child{grid-column:1/-1}
  .hd-cu td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);font-weight:600}}
/* customer service team */
.hd-month{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.hd-month input{border:1px solid var(--line);border-radius:10px;padding:6px 8px}

.hd-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.hd-person{margin:0;display:flex;flex-direction:column;gap:10px}
.hd-person-head{display:flex;align-items:center;gap:10px}.hd-person-head>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.hd-person-head small{color:#7a8d9b}
.hd-av.big{width:40px;height:40px;font-size:14px}
.hd-score{display:flex;flex-direction:column;align-items:flex-end;border-radius:12px;padding:6px 10px;background:#f4f8fb}.hd-score b{font-size:22px;line-height:1.1}.hd-score small{font-size:11px;font-weight:700;color:#6a7c88}
.hd-score.b-excellent{background:#e6f6ec}.hd-score.b-excellent b{color:#1e7a46}.hd-score.b-good{background:#eaf5fc}.hd-score.b-good b{color:#00609a}.hd-score.b-average{background:#fff4dc}.hd-score.b-average b{color:#8a5a00}.hd-score.b-low{background:#fdecea}.hd-score.b-low b{color:#c0392b}
.hd-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin:0}.hd-metrics div{background:#f8fbfd;border-radius:10px;padding:6px 8px}.hd-metrics dt{font-size:11px;color:#7a8d9b;line-height:1.25}.hd-metrics dd{margin:0}.hd-metrics b.ok{color:#1e7a46}.hd-metrics b.bad{color:#c0392b}

.hd-person-row{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12.5px}

@media (max-width:760px){.hd-people{grid-template-columns:1fr}}
/* customer service improvement */
.hd-cats{display:flex;flex-wrap:wrap;gap:6px}.hd-lessons{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.hd-lessons li{border:1px solid var(--line);border-radius:12px;padding:8px 10px}.hd-lessons p{margin:4px 0 0;font-size:13px}

.hd-review-form{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.hd-pdca{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow-x:auto}.hd-pdca-col{background:#f6f9fb;border-radius:14px;padding:10px;min-width:180px;display:flex;flex-direction:column;gap:8px}
.hd-pdca-col h4{margin:0;font-size:13px;color:#35546a}
.hd-imp-meta{display:flex;gap:6px;align-items:center;font-size:12px}

@media (max-width:760px){.hd-pdca{grid-template-columns:repeat(5,80%)}}
/* operations and quality */
.qa-seg button.on.st-open{background:#fdecea;color:#c0392b}.qa-seg button.on.st-correcting{background:#fff1e3;color:#b55a00}.qa-seg button.on.st-corrected{background:#eaf5fc;color:#00609a}.qa-seg button.on.st-verified{background:#e6f6ec;color:#1e7a46}
.qa-desc{white-space:pre-wrap}.qa-files{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:8px}
.qa-people{display:flex;flex-wrap:wrap;gap:6px}
.qa-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:q}
.qa-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff}
.qa-item.r-ok{border-color:#bfe5cd;background:#f5fbf7}.qa-item.r-fail{border-color:#f3c3bc;background:#fff8f7}.qa-item.r-na{opacity:.75}
.qa-item-text{flex:1 1 220px;min-width:0;display:flex;flex-direction:column}.qa-item-text small{color:#7a8d9b;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.qa-res{display:flex;gap:4px}.qa-res button{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:6px 10px;font-weight:800;display:flex;gap:5px;align-items:center;min-height:40px}
.qa-res button span{font-weight:600;font-size:12px}.qa-res .qa-r-ok.on{background:#1e8e4f;border-color:#1e8e4f;color:#fff}.qa-res .qa-r-fail.on{background:#c0392b;border-color:#c0392b;color:#fff}.qa-res .qa-r-na.on{background:#6a7c88;border-color:#6a7c88;color:#fff}
.qa-fail{width:100%;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.qa-fail input:not([type]){flex:1 1 200px;border:1px solid var(--line);border-radius:8px;padding:7px 9px}.qa-fail label{font-size:13px;display:flex;gap:5px;align-items:center}
.qa-score{font-weight:800;color:#35546a;margin-inline-end:auto}
.qa-sc{font-variant-numeric:tabular-nums}.qa-sc.ok{color:#1e7a46}.qa-sc.mid{color:#b46b00}.qa-sc.bad{color:#c0392b}
.qa-tpl-items{margin:4px 0 0;padding-inline-start:18px;font-size:13px;color:#4f6b80}
.qa-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.qa-big{border:1.5px solid var(--line);background:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:start;min-height:120px}
.qa-big span{font-size:30px}.qa-big b{font-size:17px}.qa-big small{color:#6a7c88}.qa-big.on{border-color:var(--blue);background:#f2f9fe}
.qa-mine{flex:1;min-width:0}.my-qa .btn{margin-top:4px}
@media (max-width:760px){.qa-pick{grid-template-columns:1fr}.qa-res{width:100%}.qa-res button{flex:1;justify-content:center}}
.hd-goal .hd-progress{margin-top:6px}.hd-goal .hd-progress i{position:static;height:100%;border-radius:6px;display:block;background:#1e8e4f;color:transparent}.hd-goal.bad .hd-progress i{background:#e0a49a}
/* Dokumentinntak (document intake) */
.in-intro p{margin:0}.in-ailine{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.in-warn{border-color:#f3d48b;background:#fffaf0}.in-ai{border-color:#bcd7ee}
.in-drop{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;align-items:stretch}
.in-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:130px;border:2px dashed #9cc3e2;border-radius:16px;background:#f5faff;padding:18px;cursor:pointer;transition:background .15s,border-color .15s}
.in-zone:hover,.in-zone:focus-within{background:#eaf4fd;border-color:var(--blue)}.in-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.in-zone input:disabled{cursor:not-allowed}.in-zone input:disabled+.in-zone-ic{filter:grayscale(1);opacity:.5}
.in-zone-ic{font-size:32px;line-height:1}.in-zone b{font-size:1.02rem}.in-zone small{color:var(--muted)}
.in-hint{align-self:center}.in-busy{grid-column:1/-1;margin:0;font-weight:700;color:var(--blue-strong)}
.in-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.in-row-link{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:inherit}.in-row-link:hover{text-decoration:none;border-color:#9cc3e2;background:#fafdff}
.in-row-ic{font-size:22px;width:34px;text-align:center;flex:none}.in-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.in-row-main b,.in-row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.in-row-main small{color:var(--muted)}
.in-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.in-row-side small{color:var(--muted);font-size:.78rem}
.in-chip{font-size:.78rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue-strong)}
.st-failed .in-chip{background:#fdecec;color:#a33}.st-rejected .in-chip{background:#eef1f4;color:#5b6b78}.st-confirmed .in-chip{background:#e5f6ec;color:#1d7a46}
.in-review{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:10px}
.in-left{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
.in-pages{display:grid;gap:10px}.in-img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.in-open{margin:10px 0 0;display:flex;gap:8px;flex-wrap:wrap}.in-pwait{padding:40px 0;text-align:center}
.in-head{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}.in-dt{font-weight:800;font-size:1.05rem}
.in-conf{font-size:.78rem;font-weight:800;padding:3px 9px;border-radius:999px}.in-conf.c-hi{background:#e5f6ec;color:#1d7a46}.in-conf.c-mid{background:#fff4dc;color:#8a5a00}.in-conf.c-lo{background:#fdecec;color:#a33}
.in-sum{margin:0 0 10px;color:#33495a}.in-target select{font-weight:700}
.in-note{background:#f5f8fb;border-radius:10px;padding:9px 12px;margin:0;font-size:.92rem}.in-note.warn{background:#fff4dc;color:#7a5200}
.in-h4{margin:6px 0 0}.in-lines{display:grid;gap:8px}
.in-line{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1.4fr);gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.in-l-desc{grid-column:1/-1}
.in-check{display:flex;gap:8px;align-items:center;font-weight:600}.in-actions{padding-top:12px;border-top:1px solid var(--line)}.in-back{margin:0 0 4px}
.in-done{font-weight:700;padding:10px 12px;border-radius:10px}.in-done.st-confirmed{background:#e5f6ec;color:#1d7a46}.in-done.st-rejected{background:#eef1f4;color:#4b5b68}
@media(max-width:820px){.in-drop{grid-template-columns:1fr}.in-review{grid-template-columns:1fr}.in-left{position:static;max-height:none}.in-left .in-pages{overflow:auto}
  .in-left .in-pages{max-height:45vh}.in-line{grid-template-columns:1fr 1fr}.in-l-item{grid-column:1/-1}.in-row-side small{display:none}}
button.hd-tab{border:0;background:transparent;font:inherit;cursor:pointer}
.in-list>li{min-width:0}.in-row-link{min-width:0;overflow:hidden}.in-row-side{max-width:48%}.in-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Kundeservice: setup from the strategy */
.cs-setup>summary{font-weight:800;font-size:1.05rem;cursor:pointer;display:flex;gap:8px;align-items:center}.cs-setup[open]>summary{margin-bottom:8px}
.cs-su-badge{background:var(--orange,#f08a24);color:#fff;border-radius:999px;font-size:.78rem;padding:2px 9px}.cs-su-ok{color:#1d7a46}
.cs-su-grp{border:1px solid var(--line);border-radius:14px;padding:10px 14px 14px;margin:0}.cs-su-grp legend{font-weight:800;padding:0 6px}.cs-su-grp legend small{color:var(--muted);font-weight:600}
.cs-su-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.cs-su-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff;cursor:pointer}.cs-su-item:hover{border-color:#9cc3e2}
.cs-su-item input{margin-top:3px;flex:none}.cs-su-item span{display:flex;flex-direction:column;min-width:0}.cs-su-item small{color:var(--muted)}.cs-su-item.done{opacity:.6;cursor:default;background:#f4f7f9}
@media(max-width:600px){.cs-su-list{grid-template-columns:1fr}}
/* intake: mailboxes and e-mail */
.in-mail>summary{font-weight:800;cursor:pointer}.in-mail>summary small{color:var(--muted)}.in-mail[open]>summary{margin-bottom:6px}
.in-accs{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
.in-acc{display:grid;grid-template-columns:minmax(0,1fr) 200px auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.in-acc.off{opacity:.6}
.in-acc-main{display:flex;flex-direction:column;min-width:0}.in-acc-main b{overflow:hidden;text-overflow:ellipsis}.in-acc-main small{color:var(--muted)}.in-err{color:#a33}
.in-acc-act{display:flex;gap:4px;flex-wrap:wrap}
.in-mail-add{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:10px}
.in-row-ic{position:relative}.in-mailmark{position:absolute;font-style:normal;font-size:12px;bottom:-4px;inset-inline-end:-2px}
.in-email{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;margin-bottom:10px}.in-email h3{margin:4px 0 8px}.in-email-body{white-space:normal;max-height:50vh;overflow:auto;font-size:.95rem;line-height:1.55}
.st-ignored .in-chip{background:#eef1f4;color:#5b6b78}
.sf-abs-add{margin:8px 0}.sf-abs-add>summary{cursor:pointer;font-weight:700;color:var(--blue-strong)}
@media(max-width:820px){.in-acc{grid-template-columns:1fr}.in-mail-add{grid-template-columns:1fr}}
.in-acc select{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:inherit}
/* HR: person cards */
.sfc-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.sfc-sum>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}
.sfc-sum b{font-size:1.5rem}.sfc-sum span{color:var(--muted);font-size:.85rem}.sfc-sum .warn{border-color:#f3d48b;background:#fffaf0}.sfc-sum .warn b{color:#9a6400}
.sfc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
/* (staff-add) the card's «⋯» beside the link (top corner), the state word, and the page's sentence */
.sfc-wrap{position:relative;display:flex;flex-direction:column}.sfc-wrap>.sfc{flex:1}.sfc-wrap>.sfc .sfc-top{padding-inline-end:36px}
.sfc-wrap>.c3-dots.sfc-dots{position:absolute;top:12px;inset-inline-end:12px}.sf-head-act{display:flex;gap:8px;align-items:center}
.sf-login-sum{margin:0 0 10px;font-weight:600;color:var(--text-2,#3c4656)}.sf-login{margin:6px 0 0}
.sfc{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;color:inherit;box-shadow:0 1px 2px rgba(16,40,60,.04);transition:border-color .15s,box-shadow .15s}
.sfc:hover{text-decoration:none;border-color:#9cc3e2;box-shadow:0 6px 18px rgba(16,40,60,.08)}.sfc.inactive{opacity:.6}
.sfc-top{display:flex;gap:12px;align-items:center}.sfc-top .so-av{flex:none;border-radius:50%;object-fit:cover}.sfc-id{display:flex;flex-direction:column;min-width:0;flex:1}
.sfc-id b{font-size:1.08rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sfc-id span{color:#33495a;font-weight:600;font-size:.92rem}.sfc-id small{color:var(--muted)}
.sfc-contact{display:flex;flex-direction:column;gap:2px;font-size:.88rem;color:#33495a}.sfc-contact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sfc-chips{display:flex;flex-wrap:wrap;gap:6px}.sfc-chip{font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#f1f5f8;color:#41576a}
.sfc-chip.ok{background:#e5f6ec;color:#1d7a46}.sfc-chip.warn{background:#fff4dc;color:#8a5a00}.sfc-chip.bad,.sfc-chip.miss{background:#fdecec;color:#a33}
.sfc-folder-top{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:#41576a}.sfc-bar{height:7px;border-radius:99px;background:#edf2f6;overflow:hidden;margin-top:4px}
.sfc-bar i{display:block;height:100%;border-radius:99px}.sfc-bar i.ok{background:#2fa36b}.sfc-bar i.mid{background:#e9a23b}.sfc-bar i.low{background:#d9534f}
.sfc-todo{display:flex;flex-direction:column;gap:3px;font-size:.84rem;color:#8a5a00;border-top:1px solid var(--line);padding-top:8px}.sfc-todo.ok{color:#1d7a46}
/* HR: file */
.sf-photo{position:relative;flex:none}.sf-photo .so-av{width:96px;height:96px;border-radius:50%;object-fit:cover}
.sf-photo-btn{position:absolute;bottom:-6px;inset-inline-start:50%;transform:translateX(-50%);display:flex;gap:4px;align-items:center;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:700;color:var(--blue-strong);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08)}
[dir=rtl] .sf-photo-btn{transform:translateX(50%)}.sf-photo-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.sf-folder h2 small{color:var(--muted)}.sf-miss{margin:0 0 10px;color:#8a5a00;font-weight:600}.sf-miss.ok{color:#1d7a46}
.sf-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.sf-fold{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fbfdff}.sf-fold.miss{border-color:#f0c2c2;background:#fff8f8}.sf-fold.ok{border-color:#bfe3cf}
.sf-fold-h{display:flex;justify-content:space-between;gap:6px;font-weight:700;margin-bottom:6px}.sf-fold-h small{color:var(--muted);font-weight:600}.sf-fold.miss .sf-fold-h small{color:#a33}
.sf-note-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.sf-note-bar .btn.primary{margin-inline-start:auto}
.sf-acks{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:10px}.sf-ack{border:1px solid var(--line);border-radius:14px;padding:12px}.sf-ack.st-pending{border-color:#f3d48b;background:#fffcf3}.sf-ack.st-signed{border-color:#bfe3cf}
.sf-ack-h{display:flex;gap:10px;align-items:flex-start}.sf-ack-ic{font-size:22px}.sf-ack-h>div{flex:1;display:flex;flex-direction:column}.sf-ack-h small{color:var(--muted)}
.sf-ack-st{font-size:.78rem;font-weight:800;padding:3px 9px;border-radius:999px;background:#fff4dc;color:#8a5a00;white-space:nowrap}.st-signed .sf-ack-st{background:#e5f6ec;color:#1d7a46}
.sf-ack-body{background:#fff;border-radius:10px;padding:8px 10px;margin:8px 0;font-size:.92rem;border:1px solid var(--line)}.sf-ack-signed{margin:6px 0;color:#1d7a46;font-weight:600}
.sf-sig{max-width:260px;width:100%;border:1px dashed #9cc3e2;border-radius:10px;background:#fff}.sf-ack-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.sf-ack-n{background:#e9a23b;color:#fff;border-radius:999px;padding:1px 8px;font-size:.75rem}
/* My work: signing */
.my-acks{border-color:#f3d48b}.my-ack{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.my-ack h3{margin:0 0 2px}.my-ack-body{background:#f7fafc;border-radius:10px;padding:10px 12px;line-height:1.55}
.my-sig-wrap{position:relative}.my-sig{width:100%;height:160px;border:2px dashed #9cc3e2;border-radius:12px;background:#fff;touch-action:none;display:block}.my-sig-clear{position:absolute;top:6px;inset-inline-end:6px}
.my-acks-done summary{cursor:pointer;color:var(--muted);margin-top:10px}
/* records: files in the form, galleries */
.rc-docin input[type=file]{padding:8px;border:1px dashed #9cc3e2;border-radius:12px;background:#f8fbff;width:100%}.rc-docin small{margin-top:3px}
.rc-gal-list{display:flex;flex-wrap:wrap;gap:8px}.rc-gal-img img{width:96px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}
.rc-gal-add{position:relative;width:96px;height:72px;border:2px dashed #9cc3e2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--blue-strong);cursor:pointer}.rc-gal-add input{position:absolute;inset:0;opacity:0;cursor:pointer}
/* finance */
.fin-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.fin-head h2{margin:0}.fin-year{display:flex;gap:6px;align-items:center;font-size:1.2rem}
.fin-kpis{margin:12px 0}.fin-kpis .ad-kpi{display:flex;flex-direction:column;text-align:start;cursor:default}.fin-kpis button.ad-kpi{cursor:pointer;border:1px solid var(--line)}.fin-kpis .ad-kpi.warn{border-color:#f3d48b;background:#fffaf0}
.fin-table{font-size:.85rem;white-space:nowrap}.fin-table td{text-align:end}.fin-table th{text-align:start}.fin-sum td,.fin-sum th{border-top:2px solid var(--line)}
.fin-cat{background:none;border:0;font:inherit;color:var(--blue-strong);cursor:pointer;padding:0;text-align:start}.fin-cat.on{font-weight:800;text-decoration:underline}
.fin-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.fin-chip{display:inline-flex;gap:4px;align-items:center;background:var(--blue-soft);border-radius:999px;padding:2px 4px 2px 10px;font-weight:700;font-size:.85rem}.fin-chip.warn{background:#fff4dc}
.fin-rows{list-style:none;padding:0;margin:0;display:grid;gap:6px}.fin-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit}
.fin-row:hover{text-decoration:none;border-color:#9cc3e2}.fin-date{color:var(--muted);font-size:.85rem}.fin-main{display:flex;flex-direction:column;min-width:0}.fin-main b,.fin-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-main small{color:var(--muted)}
.fin-amt{font-weight:800;white-space:nowrap}.fin-rec{font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.fin-rec.ok{background:#e5f6ec;color:#1d7a46}.fin-rec.miss{background:#fdecec;color:#a33}
@media(max-width:700px){.sfc-sum{grid-template-columns:1fr 1fr}.fin-row{grid-template-columns:minmax(0,1fr) auto}.fin-date{grid-column:1/-1}.fin-rec{grid-column:1/-1;justify-self:start}}
.fin-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;height:170px}.fin-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.fin-bar i{display:block;width:70%;min-height:2px;background:linear-gradient(180deg,#2b8fd6,#1667a6);border-radius:6px 6px 2px 2px}.fin-bar small{color:var(--muted);font-size:.72rem}.fin-bar b{font-size:.7rem;color:#33495a}
.fin-row2{grid-template-columns:minmax(0,1fr) auto}.fin-row3{grid-template-columns:90px minmax(0,1fr) auto auto auto}.fin-inv.late .fin-row{border-color:#f0c2c2;background:#fff8f8}
.fin-st{font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:999px;background:#fff4dc;color:#8a5a00;white-space:nowrap}.fin-st.st-paid{background:#e5f6ec;color:#1d7a46}.fin-st.st-late{background:#fdecec;color:#a33}.fin-st.st-credit{background:#eef1f4;color:#4b5b68}
.fin-act{display:flex;gap:4px}.fin-credit{font-style:normal;font-size:.75rem;background:#eef1f4;border-radius:6px;padding:1px 6px}.fin-table td.neg{color:#a33}
.in-invs{display:grid;gap:8px;max-height:60vh;overflow:auto}.in-inv{display:grid;grid-template-columns:150px 140px minmax(0,1fr) 120px;gap:8px;align-items:end;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}
.in-inv.known{opacity:.55}.in-inv.credit{background:#f6f7f9}.in-inv-on{display:flex;gap:6px;align-items:center;flex-wrap:wrap;align-self:center}.in-inv-on em{font-style:normal;font-size:.75rem}
@media(max-width:820px){.in-inv{grid-template-columns:1fr 1fr}.in-inv-on{grid-column:1/-1}.fin-row3{grid-template-columns:minmax(0,1fr) auto}.fin-row3 .fin-date{grid-column:1/-1}.fin-bars{gap:2px}.fin-bar b{display:none}}
.in-inv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.in-inv-on{grid-column:1/-1}.in-inv-on{order:0}.in-inv label:nth-of-type(2){order:1}.in-inv label:nth-of-type(4){order:2}.in-inv label:nth-of-type(3){order:3;grid-column:1/-1}
.fin-bar .m-n{display:none}@media(max-width:700px){.fin-bar .m-l{display:none}.fin-bar .m-n{display:block}}
.in-reading{text-align:center}.in-spin{width:42px;height:42px;margin:18px auto;border:4px solid #d6e7f5;border-top-color:var(--blue);border-radius:50%;animation:inspin 1s linear infinite}@keyframes inspin{to{transform:rotate(360deg)}}
.in-acc{grid-template-columns:minmax(0,1fr) auto}.in-acc-areas{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0}.in-acc-areas legend{font-weight:700;font-size:.85rem;margin-bottom:4px}
.in-chipck{display:inline-flex;gap:4px;align-items:center;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:.82rem;cursor:pointer;background:#fff}.in-chipck input{position:absolute;opacity:0;pointer-events:none}.in-chipck.on,.in-chipck:has(input:checked){background:var(--blue-soft);border-color:#9cc3e2;font-weight:700;color:var(--blue-strong)}
.in-mail-add{grid-template-columns:minmax(0,1fr) auto}.in-mail-add .full{grid-column:1/-1}
/* Sales: plan, execution, prices */
.sal-plan tr.now th,.sal-plan tr.now td{background:#f2f8fd}.sal-plan small.ok{color:#1d7a46}.sal-plan small.bad{color:#a33}
.sal-w{width:80px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;text-align:end}
.sal-inits{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.sal-init{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.sal-init.st-done{opacity:.7;background:#f6fbf8}.sal-init.st-stopped{opacity:.5}.sal-init.late{border-color:#f0c2c2;background:#fff8f8}.sal-init p{margin:4px 0}
.sal-init-h{display:flex;gap:8px;align-items:flex-start}.sal-axis{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:999px;background:#eef1f4;color:#41576a;white-space:nowrap}
.ax-sales{background:#e8f2fb;color:#1667a6}.ax-marketing{background:#fdf0e3;color:#a85a12}.ax-pr{background:#efe9fb;color:#5a3ea8}.ax-capacity{background:#e5f6ec;color:#1d7a46}.ax-organisation{background:#fff4dc;color:#8a5a00}
.sal-init-act{display:flex;gap:6px;align-items:center}.sal-init-act select{padding:5px 8px;border:1px solid var(--line);border-radius:8px;font:inherit}
.sal-act td{text-align:center}.sal-act td small{color:var(--muted);margin-inline-start:2px}.sal-act td.ok{background:#e5f6ec}.sal-act td.mid{background:#fff4dc}.sal-act td.low{background:#fdecec}
.sal-score{padding:2px 8px;border-radius:999px}.sal-score.ok{background:#e5f6ec;color:#1d7a46}.sal-score.mid{background:#fff4dc;color:#8a5a00}.sal-score.low{background:#fdecec;color:#a33}
.sal-prices{width:100%;border-collapse:collapse;font-size:.88rem}.sal-prices th{text-align:start;color:var(--muted);font-weight:700;padding:4px}.sal-prices td{padding:3px}
.sal-prices input:not([type=checkbox]),.sal-prices select{width:100%;min-width:70px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit}.sal-prices td:first-child input{min-width:150px}
.sal-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#f2f8fd;border-radius:14px;padding:12px}.sal-result>div{display:flex;flex-direction:column}.sal-result b{font-size:1.35rem;color:var(--blue-strong)}.sal-result small{color:var(--muted)}
.sal-apply{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.sal-apply .field{flex:1;min-width:200px}
@media(max-width:700px){.sal-result{grid-template-columns:1fr}}
/* finance management (v1.34) */
.ad-kpi-link.warn{border-color:#f3d48b;background:#fffaf0}
.fin-fc{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;align-items:end;height:150px}.fin-fc-w{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:3px}
.fin-fc-w i{display:block;width:75%;background:#2b8fd6;border-radius:5px 5px 2px 2px}.fin-fc-w.low i{background:#e0a72e}.fin-fc-w.neg i{background:#d24b4b}.fin-fc-w small{font-size:.65rem;color:var(--muted);white-space:nowrap}
.fin-accs{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:10px}.fin-acc{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.fin-acc-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.fin-acc-h small{display:block;color:var(--muted)}.fin-acc-bal{text-align:end}.fin-acc-bal b{font-size:1.15rem}
.fin-spark{display:flex;gap:2px;align-items:end;height:28px;margin:8px 0}.fin-spark i{flex:1;background:#bfdcf2;border-radius:2px}
.fin-bal-form{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.fin-bal-form input[type=number]{width:140px}.fin-bal-form input{min-height:36px}
.fin-grp{margin:14px 0 6px;font-size:1rem}.fin-grp small{color:var(--muted);font-weight:600}.fin-com.late .fin-row{border-color:#f0c2c2;background:#fff8f8}.fin-amt small{font-weight:500;color:var(--muted);font-size:.75rem}
.fin-aging{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}.fin-age{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;text-align:start;font:inherit}
.fin-age span{font-size:.8rem;color:var(--muted)}.fin-age small{font-size:.75rem}.fin-age.on{outline:2px solid #2b8fd6}.fin-age.a-d31_60 b,.fin-age.a-d60 b{color:#a33}.fin-age.a-d15_30 b{color:#8a5a00}
.fin-bulk{display:flex;gap:6px}.fin-bud{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.fin-bud input{width:90px;text-align:end}.fin-bud span{font-size:.8rem;color:#33495a}.fin-bud small.ok{color:#1d7a46}.fin-bud small.bad{color:#a33}
.fin-budt td{vertical-align:top}.fin-sum td small{display:block;color:var(--muted)}.fin-fct tr.neg td{color:#a33}.fin-fct tr.low td{background:#fffaf0}
.fin-rep-fig{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.88rem;margin:6px 0;color:#33495a}
@media(max-width:700px){.fin-aging{grid-template-columns:1fr 1fr}.fin-fc-w small{display:none}}
@media print{.hd-tabs,.app-nav,.sidebar,.fin-bulk,form .form-footer{display:none!important}}
.fin-kpis .ad-kpi-link b{padding-inline-end:16px}@media(max-width:700px){.fin-kpis .ad-kpi b{font-size:1.1rem;overflow-wrap:anywhere}}
/* meetings management (v1.35) */
.mtg-rh{list-style:none;padding:0;margin:0;display:grid;gap:8px}.mtg-rh-i{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;border-inline-start:4px solid #cfd8e0}
.mtg-rh-i.st-ok{border-inline-start-color:#2e9e5b}.mtg-rh-i.st-soon{border-inline-start-color:#e0a72e}.mtg-rh-i.st-late{border-inline-start-color:#d24b4b;background:#fff8f8}.mtg-rh-i.st-never{border-inline-start-color:#9fb1be}
.mtg-rh-main{display:flex;flex-direction:column;min-width:0}.mtg-rh-main small{color:var(--muted)}.mtg-rh-act{flex-shrink:0}
.mtg-dec{list-style:none;padding:0;margin:0;display:grid;gap:8px}.mtg-dec.panel{padding:12px}.mtg-dec-i{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit}.mtg-dec-i:hover{text-decoration:none;border-color:#9cc3e2}.mtg-dec-i small{color:var(--muted)}
.mtg-types{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:12px}.mtg-type.off{opacity:.6}.mtg-std{margin:6px 0 0;padding-inline-start:22px}.mtg-std li{margin:3px 0}.mtg-src{font-style:normal;font-size:.75rem;background:var(--blue-soft);border-radius:6px;padding:1px 6px;color:var(--blue-strong)}
.mtg-topics{display:grid;gap:6px}.mtg-topic-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:6px}.field-label{font-weight:700;font-size:.9rem}
.mtg-items{list-style:none;padding:0;margin:0;display:grid;gap:12px}.mtg-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.mtg-item-h{display:flex;gap:10px;align-items:flex-start}.mtg-n{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--blue-soft);color:var(--blue-strong);align-items:center;justify-content:center;flex-shrink:0}
.mtg-item-t{flex:1;min-width:0;display:flex;flex-direction:column}.mtg-item-t small{color:var(--muted)}
.mtg-brief{margin:10px 0;padding:10px 12px;border-radius:10px;background:#f4f8fb;border:1px dashed #c9dcea}.mtg-brief .small{margin:2px 0}.mtg-bl{margin:4px 0;padding-inline-start:18px}.mtg-bl li.done{opacity:.6;text-decoration:line-through}.mtg-bl li.late{color:#a33}
.mtg-kpis{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:6px}.mtg-kpis span{display:flex;flex-direction:column}.mtg-kpis small{color:var(--muted)}.mtg-al{margin-top:6px}
.mtg-write{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mtg-write textarea{min-height:64px}.mtg-decision{background:#fff8e6;border-radius:8px;padding:6px 10px}
.mtg-att{display:flex;flex-wrap:wrap;gap:8px 16px}.mtg-att .form-footer{width:100%;margin:0}
.mtg-q{width:100%;min-height:40px;margin-top:8px}
.mtg-min-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.mtg-min-top span{display:flex;gap:6px}
.mtg-min{max-width:860px}.mtg-min header small{color:var(--muted)}.mtg-min h1{margin:4px 0 12px}.mtg-min h2{font-size:1.05rem;margin:18px 0 8px}.mtg-min-agenda li{margin-bottom:10px}.mtg-min-agenda p{margin:4px 0}.mtg-min footer{margin-top:16px}
@media(max-width:700px){.mtg-write{grid-template-columns:1fr}.mtg-topic-row{grid-template-columns:1fr}.mtg-rh-i{flex-direction:column;align-items:stretch}}
@media print{.no-print,.app-nav,.sidebar,.ad-nav,.ad-head,.topbar,.breadcrumbs{display:none!important}.ad-layout{display:block}.mtg-min{max-width:none;border:0;box-shadow:none}}
.mtg-plan{display:grid;gap:8px;min-width:260px}.mtg-plan .form-footer{margin:0}
/* marketing (v1.36) */
/* (audit-1102 MKD-24) Markedsføring rows wrap instead of being cut: «Å gjøre nå» on Oversikt (the late count stays
   visible) and a Plan row title at 390 px; the actions wrap under the title so the «⋯» stays on the screen */
/* audit-1104 M1: Oversikt's question head sits in the c3 scope for its colours, not its page height or background */
.c3.mk-ov{min-height:0;background:transparent}
.mk-todo .fin-main b,.mk-item .fin-main b,.mk-item .fin-main small{white-space:normal;overflow-wrap:anywhere}
.mk-item .fin-act{flex-wrap:wrap;align-items:center;justify-content:flex-end;row-gap:6px}
@media(max-width:820px){.mk-item .fin-row3 .fin-act{grid-column:1/-1;justify-content:flex-start}}
.mk-list .mk-item.late .fin-row{border-color:#f0c2c2;background:#fff8f8}.mk-list .mk-item.done .fin-row{opacity:.75}.mk-stars{color:#e0a72e;font-size:.85rem}
.mk-files{display:flex;gap:6px;flex-wrap:wrap;padding:6px 12px}.mk-files img{height:64px;border-radius:8px;border:1px solid var(--line)}.mk-files a{font-size:.85rem}
.mk-rules{display:grid;gap:6px}.mk-rule{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.mk-rule label{display:flex;gap:6px;align-items:center;font-size:.85rem;white-space:nowrap}.mk-rule label input{width:70px}
.fin-amt.warn{color:#a33}.fin-table th.now{background:var(--blue-soft)}.fin-table td.muted{color:#b3c0cb}.hd-grid3 .full{grid-column:1/-1}
@media(max-width:700px){.mk-rule{grid-template-columns:1fr}}
/* departments arranged by the owner */
.ad-areas{list-style:none;padding:0;margin:0;display:grid;gap:6px}.ad-area-row{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff}.ad-area-row.closed{opacity:.65;background:#f6f8fa}
.ad-area-n{width:24px;color:var(--muted);font-weight:700}.ad-area-name{flex:1;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;min-width:0}.ad-area-name small{grid-column:2}.ad-area-name small{color:var(--muted)}.ad-area-act{display:flex;gap:4px;flex-shrink:0}
@media(max-width:700px){.ad-area-row{flex-wrap:wrap}.ad-area-act{width:100%;justify-content:flex-end}}
/* v1.38 — the owner arranges the Administration menu in place */
.ad-nav-arrange{align-self:flex-end;border:0;background:none;color:#00669b;font:inherit;font-size:12.5px;font-weight:700;padding:4px 8px;border-radius:8px;cursor:pointer}.ad-nav-arrange:hover{background:#f3f8fb}
.ad-nav.arranging{gap:8px}.ad-arr-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 0}.ad-arr-help{margin:0;padding:0 4px;color:var(--muted);font-size:12.5px;line-height:1.5}
.ad-arr{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ad-arr-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;user-select:none;-webkit-user-select:none;cursor:grab;touch-action:none;position:relative}
.ad-arr.sorting .ad-arr-item{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.ad-arr.sorting{cursor:grabbing}
.ad-arr .ad-arr-item.dragging{transition:none;z-index:3;cursor:grabbing;box-shadow:0 10px 24px rgba(0,40,70,.22);border-color:#7cc3e6;background:#fff}
.ad-arr-item.off{background:#f6f8fa}.ad-arr-item.off .ad-arr-name{opacity:.55}
.ad-drag{color:#8a99a3;font-size:18px;line-height:1;padding:6px 4px;border-radius:6px}.ad-drag:active{cursor:grabbing}.ad-drag:focus-visible{outline:2px solid #00669b}
.ad-arr-name{flex:1;min-width:0;font-weight:600;font-size:14px;color:#24465d;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.ad-arr-name small{flex-basis:100%;font-size:11px;font-weight:600;color:#8a99a3}
.ad-switch{flex-shrink:0;width:38px;height:22px;border-radius:999px;border:0;background:#c9d3da;position:relative;cursor:pointer;padding:0}.ad-switch i{position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}
.ad-switch.on{background:#1f9d6b}.ad-switch.on i{inset-inline-start:19px}
@media (max-width:900px){.ad-nav.arranging{flex-direction:column;overflow:visible}.ad-nav-arrange{align-self:center;white-space:nowrap}}
/* v1.39 — Kundeservice → Referanse: contents, one chapter, search over reference, procedures and templates */
.csr-head .section-heading{align-items:center}.csr-actions{display:flex;gap:6px;flex-wrap:wrap}
.csr-search{display:flex;align-items:center;gap:8px;border:1.5px solid #cfe3ef;border-radius:12px;padding:4px 6px 4px 12px;background:#fff;margin-top:10px}
.csr-search:focus-within{border-color:#0a84c1;box-shadow:0 0 0 3px rgba(10,132,193,.15)}
.csr-search input{flex:1;border:0;outline:0;font:inherit;font-size:15px;padding:8px 0;background:transparent;min-width:0}
.csr-clear{border:0;background:#f1f5f8;border-radius:8px;width:30px;height:30px;cursor:pointer;color:#53646f}
#csr-results:empty{display:none}#csr-results{margin-top:10px}
.csr-hits{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.csr-hit{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;padding:10px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit;background:#fff}
.csr-hit:hover{border-color:#9fcde6;background:#f7fbfd}.csr-hit b{font-size:14.5px;color:#163b52}.csr-hit small{grid-column:2;color:#53646f;line-height:1.55}
.csr-hit mark{background:#fff1b8;color:inherit;border-radius:3px;padding:0 1px}
.csr-kind{grid-row:span 2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:3px 8px;white-space:nowrap;background:#e9f6fc;color:#00669b}
.csr-kind.k-procedure{background:#eef7ee;color:#2f7a38}.csr-kind.k-template{background:#f4effb;color:#6a3fa0}
.csr-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start;margin-top:16px}
.csr-toc{position:sticky;top:76px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 8px}
.csr-toc h3{margin:0 8px 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.csr-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.csr-toc-a{display:flex;gap:10px;align-items:baseline;padding:7px 10px;border-radius:9px;text-decoration:none;color:#24465d;font-size:14px;line-height:1.35}
.csr-toc-a span{min-width:20px;font-weight:800;color:#8aa1b0}.csr-toc-a b{font-weight:600}.csr-toc-a:hover{background:#f3f8fb}
.csr-toc-a.on{background:#e9f6fc;color:#00669b}.csr-toc-a.on b{font-weight:800}.csr-toc-a.on span{color:#00669b}
.csr-toc-select{display:none}
.csr-chapter{padding:22px 26px;line-height:1.7}.csr-chapter h2{margin:2px 0 14px;font-size:24px;line-height:1.3}
.csr-chapter .eyebrow{margin:0}
.csr-text h4{margin:18px 0 6px;font-size:16px;color:#163b52}.csr-text p{margin:6px 0}.csr-text ul{margin:6px 0;padding-inline-start:22px}.csr-text li{margin:4px 0}
.csr-note{margin:14px 0;padding:12px 14px;border-radius:12px;border-inline-start:4px solid #0a84c1;background:#eef7fc;font-weight:600;color:#123d55}
.csr-note.tone-tip{border-color:#2f9e5b;background:#eef8f2;color:#184b2c}.csr-note.tone-quality{border-color:#c98a00;background:#fff8e6;color:#4d3800}.csr-note.tone-warning,.csr-note.tone-danger{border-color:#d9534f;background:#fdf0ef;color:#5a1a18}
.csr-table{margin:12px 0}.csr-table table{width:100%;border-collapse:collapse;font-size:14px}
.csr-table th{background:#f3f8fb;text-align:start;padding:9px 10px;border-bottom:2px solid #d6e6f0;font-size:13px;color:#24465d}
.csr-table td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}.csr-table tr td:first-child{font-weight:700;color:#163b52}
.csr-lang-note{font-size:12.5px;color:#8a6d00;background:#fff8e1;border-radius:8px;padding:6px 10px;display:inline-block}
.csr-pager{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
.csr-empty{text-align:center;padding:28px}.csr-empty p{max-width:620px;margin:8px auto 16px}
.csr-more{margin-top:28px}
@media (max-width:1400px){.csr-layout{grid-template-columns:1fr}.csr-toc{position:static;padding:10px 12px}.csr-toc h3,.csr-toc ol{display:none}
  .csr-toc-select{display:grid;gap:4px}.csr-toc-select span{font-size:12px;font-weight:700;color:var(--muted)}.csr-toc-select select{font:inherit;font-weight:600;padding:9px;border-radius:10px;border:1px solid var(--line);background:#fff;max-width:100%}}
@media (max-width:900px){.csr-chapter{padding:16px}.csr-chapter h2{font-size:20px}.csr-table{overflow-x:auto}.csr-table table{min-width:520px}}
@media print{body.printing-csr .sidebar,body.printing-csr .topbar,body.printing-csr .ad-nav,body.printing-csr .hd-top,body.printing-csr .page-heading,body.printing-csr .csr-head,body.printing-csr .csr-toc,body.printing-csr .csr-more,body.printing-csr .csr-more~*,body.printing-csr .mobile-nav,body.printing-csr .no-print{display:none!important}
  body.printing-csr .csr-layout{display:block}body.printing-csr .csr-chapter{border:0;box-shadow:none}}
.csr-layout>*{min-width:0}.csr-chapter{min-width:0;overflow-wrap:anywhere}
.csr-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.csr-courses{margin-top:16px}.csr-course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.csr-course{display:flex;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.csr-course.missing{opacity:.75;background:#f8fafb}
.csr-course-ic{font-size:26px;line-height:1}.csr-course-main{flex:1;min-width:0}.csr-course-main h3{margin:0 0 4px;font-size:16px}.csr-course-main h3 a{color:#163b52;text-decoration:none}
.csr-course-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0;font-size:12px;color:var(--muted)}.csr-course-meta span{background:#f1f5f8;border-radius:999px;padding:2px 8px}.csr-course-meta .csr-aud{background:#e9f6fc;color:#00669b;font-weight:700}
.csr-course-prog{display:grid;gap:4px;margin:8px 0}.csr-course-act{margin-top:6px}
/* v1.41 — Kundeservice → Kundenes mening */
.op-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;margin:16px 0}
.op-stars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.op-stars li{display:grid;grid-template-columns:44px 1fr 36px;gap:8px;align-items:center;font-size:13px}
.op-stars i{height:10px;border-radius:6px;background:#eef2f5;overflow:hidden;display:block}.op-stars i b{display:block;height:100%;background:#f2b705;border-radius:6px}.op-stars small{text-align:end;color:var(--muted)}
.op-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;height:170px;padding-top:6px}
.op-month{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:2px;min-width:0}
.op-month i{width:70%;max-width:26px;background:#1f9d6b;border-radius:6px 6px 0 0;display:block}.op-month.low i{background:#e0a23a}
.op-month b{font-size:11px}.op-month small{font-size:10.5px;color:var(--muted);white-space:nowrap}.op-month .op-nps{font-size:9.5px}
.op-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.op-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.op-item.low{border-color:#f0b4b1;background:#fffafa}
.op-item p{margin:6px 0;line-height:1.55}.op-item-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px}.op-item-top time{margin-inline-start:auto;color:var(--muted)}
.op-st{color:#f2b705;letter-spacing:1px}.op-st i{color:#d8dee3;font-style:normal}
.op-chip{border-radius:999px;padding:1px 8px;background:#eef2f5;font-weight:700;font-size:11.5px}.op-chip.pro{background:#e6f6ee;color:#1d7a4b}.op-chip.det{background:#fdecea;color:#b2322d}
.op-src{color:var(--muted)}.op-item-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.op-item-foot small{color:var(--muted)}
@media (max-width:900px){.op-grid{grid-template-columns:1fr}.op-months{height:150px;gap:3px}.op-month small{font-size:9px}.op-month .op-nps{display:none}}
/* v1.42 — Team: what customers say */
.so-praise{margin-bottom:14px;background:linear-gradient(180deg,#fffdf4,#fff)}.so-praise-avg{font-weight:800;color:#b07d00}.so-praise-avg small{font-weight:600;color:var(--muted)}
.so-praise-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
.so-quote{margin:0;border:1px solid #f1e6bf;border-radius:14px;padding:12px 14px;background:#fff;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px}
.so-quote-st{color:#f2b705;letter-spacing:1px}.so-quote blockquote{margin:0;font-size:14px;line-height:1.55;color:#24465d;flex:1}.so-quote figcaption{font-size:12px;color:var(--muted)}
@media (max-width:700px){.so-praise-row{grid-auto-columns:82%}}
/* v1.42 — Kundenes mening: Google reviews */
.rv{margin-top:16px}.rv .op-grid{margin:12px 0}.rv-ref{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;margin:8px 0 14px}.rv-ref p{grid-column:1/-1;margin:0}
.rv-actions{display:flex;gap:6px;margin:4px 0 12px}.rv-reply{background:#f3f8fb;border-radius:8px;padding:6px 10px;font-size:13px}
@media (max-width:700px){.rv-ref{grid-template-columns:1fr}}
/* v1.41 — Kundeservice → Forbedring: suggestions, notes and files on plans */
.ci-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ci-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-inline-start:4px solid #0a84c1;border-radius:12px;padding:10px 12px;background:#fff}
.ci-item.lv-danger{border-inline-start-color:#d9534f}.ci-item.lv-warning{border-inline-start-color:#e0a23a}.ci-item.lv-info{border-inline-start-color:#8aa1b0}
.ci-ic{font-size:20px;line-height:1.2}.ci-main{flex:1;min-width:0;display:grid;gap:3px}.ci-main b{font-size:14px;color:#163b52}.ci-main small{color:#53646f;line-height:1.5}
.ci-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ci-toggle{margin-top:6px;border:0;background:#f1f5f8;border-radius:8px;padding:4px 8px;font:inherit;font-size:12px;cursor:pointer;color:#36566b}
.ci-extra{margin-top:8px;display:grid;gap:8px}.ci-notes{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ci-notes li{background:#f7fafc;border-radius:8px;padding:6px 8px}.ci-notes p{margin:0 0 2px;font-size:13px}.ci-notes small{color:var(--muted);font-size:11px}
.ci-note-form{display:grid;gap:6px}.ci-note-form textarea{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;width:100%;box-sizing:border-box}
.ci-files{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ci-thumb img{width:56px;height:56px;object-fit:cover;border-radius:8px;display:block}
.ci-file{display:inline-flex;gap:4px;align-items:center;font-size:12px;border:1px solid var(--line);border-radius:8px;padding:4px 8px;text-decoration:none;color:#24465d;max-width:100%}.ci-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.ci-file small{color:var(--muted)}
.ci-add{font-size:12px;font-weight:700;color:#00669b;cursor:pointer;border:1px dashed #9fcde6;border-radius:8px;padding:6px 8px}.ci-add input{display:none}.ci-add.busy{opacity:.5;pointer-events:none}
@media (max-width:700px){.ci-item{flex-wrap:wrap}.ci-act{width:100%;justify-content:flex-start}}
.hd-pdca-col{min-width:0}
/* v1.41 — Kundeservice: grouped pages under one tab */
.hd-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.hd-sub{padding:6px 12px;border-radius:999px;background:#f1f5f8;color:#36566b;text-decoration:none;font-weight:700;font-size:13px}.hd-sub.on{background:#00669b;color:#fff}
.cs-tabs .hd-tab{padding:8px 11px}

.csr-outdated{background:#fff3cd;color:#7a5a00;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:600}
/* management only ⇄ everyone: the 🔒 badge, the managers' switch, the employees' locked card and page */
.aud-badge{display:inline-flex;align-items:center;gap:4px;background:#fff4e0;color:#8a5a00;border:1px solid #f1d9a6;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.aud-switch{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;color:#33505f;border-radius:999px;padding:4px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;min-height:30px;max-width:100%}
.aud-switch:hover{border-color:#9db4c0}.aud-switch.on{background:#fff4e0;border-color:#f1d9a6;color:#8a5a00}.aud-switch:focus-visible{outline:2px solid #0a7cb8;outline-offset:2px}
.locked{background:#f6f8f9;border:1px solid var(--line);color:#5d6f7a;cursor:default;opacity:.92;box-shadow:none}.locked h3{margin:0;font-size:15px;color:#3f525d;overflow-wrap:anywhere}
.gl-card.locked{flex-direction:row;align-items:flex-start;gap:12px;padding:16px}.gl-card-ic{font-size:24px;line-height:1}.gl-card-main{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.locked .hd-doc-ic,.locked .gl-card-ic,.locked .csr-course-ic{filter:grayscale(.3);opacity:.85}.locked .csr-course-main{display:flex;flex-direction:column;gap:8px;min-width:0}
.gp-locked{max-width:520px;margin:40px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px}.gp-locked-ic{font-size:44px;line-height:1}.gp-locked h1{margin:0;font-size:22px}.gp-locked p{margin:0 0 6px}
/* guide catalog sections ("hyller"): a header with count and fold, cards sorted by drag (⠿) or moved with "Move to …" */
.gs-list{display:grid;gap:14px}
.gs-shelf{background:#f8fbfd;border:1px solid var(--line);border-radius:16px;padding:10px 12px 14px;position:relative}.gs-shelf.closed{padding-bottom:10px}
.gs-shelf.drop-hint{outline:2px dashed var(--blue);outline-offset:2px;background:var(--blue-soft)}
.gs-head{display:flex;align-items:center;gap:6px;min-width:0}
.gs-h{flex:1;min-width:0;margin:0;font-size:16px}
.gs-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;width:100%;min-width:0;background:none;border:0;padding:6px 4px;font:inherit;font-weight:800;color:var(--ink);text-align:start;cursor:pointer;border-radius:8px}
.gs-toggle:focus-visible{outline:2px solid #00669b}
.gs-chev{font-style:normal;color:var(--muted);transition:transform .15s}.gs-shelf.closed .gs-chev{transform:rotate(-90deg)}[dir=rtl] .gs-shelf.closed .gs-chev{transform:rotate(90deg)}
.gs-ic{font-size:18px;line-height:1}.gs-name{min-width:0;overflow-wrap:anywhere}.gs-toggle .fb-tag{margin:0}
.gs-count{font-size:12px;font-weight:800;color:var(--blue-strong);background:var(--blue-soft);border-radius:999px;padding:2px 9px}
.gs-grid{margin-top:8px}.gs-empty{grid-column:1/-1;margin:0;padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:13px;text-align:center;background:#fff}
.gs-drag,.gs-grip{color:#8a99a3;font-size:18px;line-height:1;padding:6px 4px;border-radius:6px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.gs-drag:focus-visible,.gs-grip:focus-visible{outline:2px solid #00669b}
.gl-card{position:relative}.gs-grip{position:absolute;top:8px;inset-inline-start:8px;z-index:2;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,40,70,.18);padding:4px 7px}
.gs-grid.sorting .gl-card,.gs-list.sorting .gs-shelf{transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.gs-grid .gl-card.dragging,.gs-list .gs-shelf.dragging{transition:none;z-index:5;box-shadow:0 14px 30px rgba(0,40,70,.24);cursor:grabbing}
.gs-menu,.gs-move{position:relative}
.gs-menu>summary{list-style:none;cursor:pointer;font-weight:800;color:var(--muted);padding:4px 10px;border-radius:8px}.gs-menu>summary::-webkit-details-marker,.gs-move>summary::-webkit-details-marker{display:none}
.gs-menu>summary:hover{background:#eef4f7}.gs-move>summary{list-style:none}
.gs-pop{position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:20;min-width:220px;max-width:min(300px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(0,40,70,.16);padding:6px;display:grid;gap:2px}
.gs-move .gs-pop{inset-inline-end:auto;inset-inline-start:0;top:auto;bottom:calc(100% + 4px)}
.gs-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;background:none;border:0;padding:8px 10px;border-radius:8px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);text-align:start;cursor:pointer}
.gs-item:hover,.gs-item:focus-visible{background:var(--blue-soft)}.gs-item small{font-size:11.5px;font-weight:600;color:var(--muted)}.gs-auto{border-top:1px solid #edf2f4;margin-top:2px;padding-top:9px}
.gs-note{margin:0;padding:8px 10px;font-size:12px;color:var(--muted);line-height:1.45}
.gs-pin{font-size:11px;font-weight:700;color:#5b4a12;background:#fff3cd;border-radius:6px;padding:2px 7px}
@media (max-width:720px){.gs-grip{display:none}.gs-shelf{padding:8px 8px 12px}.gs-move .gs-pop{position:fixed;inset-inline:16px;bottom:84px;top:auto;max-width:none;min-width:0}}
.gs-grid .gl-card{overflow:visible}.gs-grid .gl-cover-link{overflow:hidden;border-radius:15px 15px 0 0}.gs-grid .gl-card:has(.gs-move[open]){z-index:6}

/* info markers (ⓘ) — web/ui.js info(): a 32 px tap target around a 16 px glyph that does not change the line height */
.ix{position:relative;display:inline-flex;vertical-align:middle;margin-inline:2px;font-size:14px;font-weight:400;line-height:1.45;letter-spacing:normal;text-transform:none;font-style:normal}
.ix-btn{display:inline-grid;place-items:center;width:32px;height:32px;margin:-8px -6px;padding:0;border:0;border-radius:50%;background:none;color:var(--blue);font:inherit;font-size:16px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ix-btn:hover,.ix-btn[aria-expanded="true"]{color:var(--blue-strong);background:var(--blue-soft)}
.ix-btn:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.ix-pop{position:fixed;z-index:1200;display:flex;gap:6px;align-items:flex-start;width:max-content;max-width:min(320px,calc(100vw - 32px));padding-block:10px;padding-inline:14px 6px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(21,51,77,.18);text-align:start;white-space:normal;font-size:14px;font-weight:400;line-height:1.45;animation:ix-in .12s ease-out}
.ix-pop[hidden]{display:none}
.ix-txt{flex:1;min-width:0;overflow-wrap:anywhere}
.ix-close{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-block:-6px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.ix-close:hover{background:var(--canvas);color:var(--ink)}
.ix-close:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@keyframes ix-in{from{opacity:0;transform:translateY(-3px)}}
@media (max-width:600px){.ix-pop{inset-inline:16px;bottom:16px;top:auto;width:auto;max-width:none;padding-block:14px;padding-inline:16px 8px;font-size:15px;box-shadow:0 -4px 30px rgba(21,51,77,.22)}}
@media (prefers-reduced-motion:reduce){.ix-pop{animation:none}}
@media print{.ix{display:none!important}}
/* v1.48.0 learning record: «Fullført» shelf, course badges, review mode */
.lr-list{display:grid;gap:8px}.lr-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff;min-width:0}
.lr-card.upd{border-color:#f3c77a;background:#fffbf2}.lr-ic{font-size:22px;flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft)}
.lr-main{flex:1;min-width:0}.lr-main h3{margin:0;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.lr-meta{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--muted);margin-top:2px}.lr-upd{margin:4px 0 0;font-size:12.5px;color:#7a4b00}
.lr-go{flex:none;white-space:nowrap}
@media (max-width:480px){.lr-card{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start}.lr-go{grid-column:2;justify-self:start;margin-top:4px}}
.sf-badge.b-course{background:#eaf3ff;color:#174f8a;position:relative;max-width:180px}.sf-badge .b-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sf-badge.b-course .b-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none;box-shadow:0 0 0 2px #fff}
.sf-badge.b-more{background:#eef3f6;color:#36556b}.sf-courses{max-width:100%}
@media (max-width:480px){.sf-badge.b-course{max-width:140px}}
.alert.lr-review,.alert.lr-update{display:block}.lr-review{background:#eefaf1;border:1px solid #bfe5cb;color:#1f4d2e}.lr-review p{margin:0}.lr-review-h{display:flex;align-items:center;gap:6px}.lr-review .small{margin-top:4px}
.lr-upd-box{border-top:1px solid #cfe9d7;margin-top:8px;padding-top:8px}.lr-update p{margin:0 0 6px}
.lr-changes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:13px}.lr-changes>span{font-weight:700}
.lr-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font:inherit;font-size:12.5px;cursor:pointer;color:var(--ink);max-width:100%}
.lr-tag{font-style:normal;font-size:10.5px;font-weight:800;border-radius:6px;padding:1px 6px;margin-inline-start:4px;white-space:nowrap}.lr-tag.t-new{background:#e6f4ff;color:#0b5f99}.lr-tag.t-changed{background:#fff1d6;color:#8a5a00}
.lr-quiz-done{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-weight:700}
.lr-practice-note{display:flex;align-items:center;gap:6px;font-size:13px;color:#5a3fb5;background:#f4f1ff;border-radius:10px;padding:6px 10px;margin:8px 0 0}
/* WP2 — the case lifecycle: reference, lifecycle bar, next step and moves, solve / close dialogs, result, phone action bar */
.hd-ref{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.hd-oldno{font-size:11.5px;color:#7a8d9b;font-weight:600;margin-inline-start:6px}
.cs2-life-wrap{display:flex;align-items:center;gap:6px;margin:4px 0 12px}
.cs2-life{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;flex:1;min-width:0}
.cs2-life li{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 8px;border-radius:10px;background:#f1f6f9;color:#7a8d9b;font-size:12px;font-weight:700}
.cs2-life li i{flex:none;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;background:#fff;border:1.5px solid #c9d8e2}
.cs2-life li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs2-life li.done{color:#1e7a46;background:#eaf6ef}.cs2-life li.done i{background:#1e8e4f;border-color:#1e8e4f;color:#fff}
.cs2-life li.now{color:var(--ink);background:var(--blue-soft);box-shadow:inset 0 0 0 1.5px var(--blue)}.cs2-life li.now i{background:var(--blue);border-color:var(--blue);color:#fff}
.cs2-life li.now.st-waiting{background:#f4f0fc;box-shadow:inset 0 0 0 1.5px #8a68d0}.cs2-life li.now.st-waiting i{background:#6a44b5;border-color:#6a44b5}
.cs2-life li.now.st-solved{background:#eaf6ef;box-shadow:inset 0 0 0 1.5px #1e8e4f}.cs2-life li.now.st-solved i{background:#1e8e4f;border-color:#1e8e4f}
.cs2-life li.now.st-closed{background:#eef1f3;box-shadow:inset 0 0 0 1.5px #6a7c88}.cs2-life li.now.st-closed i{background:#6a7c88;border-color:#6a7c88}
.hd-ctls .hd-take{align-self:flex-end}
.cs2-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.cs2-next p{margin:0;font-size:13px;color:#4f6b80;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.cs2-next p b{color:var(--ink)}
.cs2-acts{display:flex;flex-wrap:wrap;gap:6px}
.cs2-dlg{margin-top:12px;border:1.5px solid var(--blue);border-radius:14px;padding:14px 16px;background:#fbfdfe;display:flex;flex-direction:column;gap:10px}
.cs2-dlg h3{margin:0;font-size:15px;display:flex;align-items:center;gap:4px}.cs2-dlg .field{margin:0}.cs2-dlg .form-footer{margin:0}
.cs2-check{display:flex;align-items:flex-start;gap:8px;font-weight:600;font-size:13px;flex-wrap:wrap}.cs2-check input{margin-top:3px}.cs2-check small{font-weight:400;flex-basis:100%;padding-inline-start:24px}
.cs2-radios{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.cs2-radios legend{font-weight:700;font-size:13px;margin-bottom:6px;padding:0;display:flex;align-items:center;gap:2px}
.cs2-radios label{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:10px;padding:7px 12px;background:#fff;font-weight:700;font-size:13px;cursor:pointer}
.cs2-outcomes label.on.o-positive{border-color:#1e8e4f;background:#eaf6ef;color:#1e7a46}.cs2-outcomes label.on.o-neutral{border-color:#6a7c88;background:#eef1f3}.cs2-outcomes label.on.o-negative{border-color:#c0392b;background:#fdecea;color:#a93226}
.cs2-cmp{border:1px solid #f3d38a;background:#fffaf0;border-radius:12px;padding:10px 12px;margin:0;display:flex;flex-direction:column;gap:8px}.cs2-cmp legend{font-weight:800;font-size:13px;padding:0 4px}
.hd-promise{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.hd-promise label{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:700;color:#4f6b80;min-width:0}.hd-promise input{border:1px solid var(--line);border-radius:8px;padding:5px 8px;max-width:100%}.hd-promise small{flex-basis:100%;font-size:11.5px}
.cs2-outcome{margin:0 0 4px;font-size:14px}.cs2-outcome.o-positive b{color:#1e7a46}.cs2-outcome.o-negative b{color:#a93226}.cs2-outcome.o-neutral b{color:#4f6b80}

.hd-warnmark{color:#b55a00;font-size:13px}
.hd-ev.good{color:#1e7a46}
.hd-stages li.untimed .hd-stage-b{border-style:dashed}
.cs2-outtab td.o-positive{color:#1e7a46}.cs2-outtab td.o-negative{color:#a93226}.cs2-outtab tr.cs2-total td{font-weight:800;border-top:2px solid var(--line)}
.cs2-obar{display:inline-block;width:56px;height:6px;border-radius:6px;background:#eef3f6;margin-inline-end:6px;vertical-align:middle;overflow:hidden}.cs2-obar i{display:block;height:100%;background:currentColor;opacity:.7}
.cs2-actbar{display:none}
.hd-ev span{min-width:0;overflow-wrap:anywhere}
@media (max-width:1180px){.hd-case{grid-template-columns:minmax(0,1fr)}.hd-side{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}}
@media (max-width:700px){
  .cs2-life li{flex-direction:column;justify-content:center;gap:3px;padding:6px 2px;font-size:10.5px;text-align:center}.cs2-life li span{white-space:normal;line-height:1.15}
  .cs2-next{flex-direction:column;align-items:stretch}.cs2-acts .btn{flex:1 1 auto}
  .cs2-casewrap{padding-bottom:64px}
  .cs2-actbar{display:flex;gap:6px;position:fixed;inset-inline:0;bottom:var(--mnav,64px);z-index:29;padding:8px 12px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(26,70,97,.08)}
  .cs2-actbar .btn{flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.hd-stages li.todo b{color:#5f7586}.hd-stages li.todo .hd-stage-b{color:#9aabb8}
.hd-stages li.now{background:var(--blue-soft);border-radius:12px;padding:8px;margin:2px -8px;box-shadow:inset 0 0 0 1.5px var(--blue)}.hd-stages li.now b{color:var(--ink)}.hd-stages li.now .hd-stage-b{border-color:var(--blue);color:var(--blue)}
.hd-stages li.now::after{display:none}
.cs2-stepnow{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:6px}.cs2-stepnow small{color:var(--ink)!important}
.cs2-missing{border:1px solid #f3d38a;background:#fff8e6;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.cs2-missing p{margin:0}
.cs2-miss-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px}@media (max-width:700px){.cs2-miss-row{grid-template-columns:1fr}}
.cs2-phwarn{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff4dc;border:1px solid #f3d38a;color:#7a5200;border-radius:10px;padding:8px 10px;font-weight:700;font-size:13px}
.cs2-stepflag{margin:4px 0}
.cs2-sig{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#4f6b80}.cs2-sig select{max-width:180px}
.cs2-sigs{list-style:none;margin:8px 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}.cs2-sigs>li{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.cs2-sig-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cs2-sig-prev{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;margin-top:8px}.cs2-sig-prev small{font-weight:700;color:#7a8d9b}
.cs2-sig-prev pre{margin:2px 0 0;font:inherit;font-size:12.5px;white-space:pre-wrap;color:#36566b}
.cs2-siglangs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px}.cs2-siglangs fieldset{border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin:0;display:flex;flex-direction:column;gap:6px}.cs2-siglangs legend{font-weight:800;font-size:12.5px;padding:0 4px}
.csr-update{margin:10px 0;padding:10px 14px;border-radius:12px;background:#fff4dc;border:1px solid #f3d38a;color:#5c4100;font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.csr-update p{margin:0;flex:1 1 280px}.csr-update ul{margin:0;padding-inline-start:20px;flex-basis:100%}
@media print{.cs2-actbar,.cs2-acts{display:none}}
/* WP2 — the case rating: five labelled levels with faces (not stars) */
.op-lvl,.cs2-lvl{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#36566b}.cs2-lvl{margin:4px 0 6px}.op-lvl span,.cs2-lvl span{font-size:20px;line-height:1}
.op-lvl.l-1,.op-lvl.l-2,.cs2-lvl.l-1,.cs2-lvl.l-2{color:#a3332a}.op-lvl.l-4,.op-lvl.l-5,.cs2-lvl.l-4,.cs2-lvl.l-5{color:#1e7a46}
/* WP2 — the composer's step flag and signature line up with the text box */
.hd-compose>.cs2-stepflag{margin:2px 14px 6px}.hd-compose>.cs2-sig{display:flex;flex-wrap:wrap;margin:0 14px 10px}.hd-compose>.cs2-sig select{max-width:min(240px,100%);min-width:0}
.hd-compose>.cs2-phwarn{margin:0 14px 10px}
/* WP3 — the notes box (web/notes-box.js): notes, warnings and files on any record; the warning band; the folded button */
.nb-box{display:flex;flex-direction:column;gap:10px;min-width:0}.nb-box.nb-fold{margin-top:8px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfdfe}
.nb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.nb-head h3{margin:0;font-size:15px;display:flex;align-items:center;gap:4px;min-width:0}
.nb-fold-wrap{margin-top:6px}
.nb-toggle{border:0;background:#f1f5f8;border-radius:8px;padding:5px 9px;font:inherit;font-size:12px;cursor:pointer;color:#36566b;min-height:30px;white-space:nowrap}.nb-toggle:hover{background:#e6eef4}
.nb-toggle.warn{background:#fdecea;color:#9b2c1f}.nb-toggle b{font-weight:800}.nb-toggle[aria-expanded="true"]{background:var(--blue-soft);color:#00669b}
.nb-band{display:flex;flex-direction:column;gap:4px;margin:8px 0;background:#fdecea;border:1px solid #f3c2bb;border-inline-start:4px solid #c0392b;border-radius:10px;padding:8px 12px;color:#7a1f14}
.nb-band-row{display:flex;align-items:baseline;gap:8px;margin:0;min-width:0;flex-wrap:wrap}.nb-band-ic{font-weight:900;color:#c0392b;flex:none}.nb-band-txt{font-weight:700;flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
.nb-band-row small{color:#9b4a40;font-size:12px;font-weight:600}
.nb-badge{display:inline-block;background:#fdecea;color:#9b2c1f;border-radius:999px;padding:0 8px;font-size:12px;font-weight:800;vertical-align:middle;white-space:nowrap}
.nb-warns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.nb-warn{display:flex;align-items:flex-start;gap:8px;background:#fdecea;border-inline-start:4px solid #c0392b;border-radius:10px;padding:8px 10px;color:#7a1f14}.nb-warn>div{flex:1;min-width:0}
.nb-warn p{margin:0;font-weight:700;overflow-wrap:anywhere;white-space:pre-wrap}.nb-warn .nb-meta{color:#9b4a40}.nb-resolve{flex:none;background:#fff!important}
.nb-form{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.nb-form.is-warning{border-color:#f3c2bb;background:#fffafa}
.nb-form textarea{width:100%;min-height:58px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;resize:vertical;background:#fff}
.nb-kind{display:inline-flex;align-self:flex-start;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-width:100%}
.nb-kind button{border:0;background:#fff;padding:6px 12px;font-size:13px;font-weight:700;color:#4f6b80;min-height:34px}.nb-kind button+button{border-inline-start:1px solid var(--line)}
.nb-kind button.on{background:var(--blue-soft);color:#00669b}.nb-kind button.on.k-warning{background:#fdecea;color:#9b2c1f}
.nb-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nb-grow{flex:1}
.nb-add{position:relative;overflow:hidden;cursor:pointer;min-height:36px}.nb-add input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.nb-hint{color:var(--muted);font-size:12px}
.nb-chips{display:flex;flex-wrap:wrap;gap:6px}
.nb-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:4px 6px;background:#f7fafc;font-size:12px;max-width:100%;min-width:0}
.nb-chip img{width:28px;height:28px;object-fit:cover;border-radius:6px}.nb-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
.nb-chip.err{border-color:#f3c2bb;background:#fdecea;color:#7a1f14;flex-wrap:wrap}.nb-chip-err{flex-basis:100%;font-weight:600}.nb-chip-b{border:0;background:#fff;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:700;color:#00669b}
.nb-chip-x{border:0;background:none;color:#637d91;padding:2px 4px;min-width:24px;min-height:24px}
.nb-spin{width:14px;height:14px;border:2px solid #bddce9;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;flex:none}
.nb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nb-item{display:flex;gap:8px;align-items:flex-start;background:#f7fafc;border-radius:10px;padding:8px 10px;min-width:0}.nb-item-main{flex:1;min-width:0}
.nb-item p{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}.nb-item.pinned{background:#fff8e6}.nb-item.resolved{opacity:.75}.nb-item.resolved p{text-decoration:line-through;text-decoration-color:#c9a9a4}
.nb-item.k-coaching{background:#eef7f1}.nb-pending{opacity:.6}
.nb-tag{display:inline-block;font-size:11px;font-weight:800;border-radius:999px;padding:0 8px;margin-bottom:4px;background:#e6eef4;color:#36566b}.nb-tag.k-warning{background:#fdecea;color:#9b2c1f}.nb-tag.k-coaching{background:#d9efe1;color:#1d6b3a}
.nb-pin{margin-inline-end:4px}.nb-meta{display:block;color:var(--muted);font-size:12px}
.nb-acts{display:flex;gap:2px;flex:none;flex-wrap:wrap;justify-content:flex-end;align-items:center}.nb-ask{font-size:12px;font-weight:700;color:#9b2c1f;margin-inline-end:4px}
.nb-media{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.nb-thumb{width:96px;height:96px;border-radius:10px;overflow:hidden;display:block;background:#e9eef2;flex:none}.nb-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.nb-vid{object-fit:cover;background:#000}.nb-docs{margin:4px 0}
.nb-more{align-self:flex-start;border:0;background:none;color:#00669b;font-weight:700;padding:4px 0}
.nb-loose h4{margin:0 0 4px;font-size:13px;color:#4f6b80}.nb-empty{margin:0}
.hd-cu-notes{display:block;margin-top:4px}.hd-cu-nbrow td{background:#fbfdfe}.hd-cu-nbrow .nb-box.nb-fold{margin:0;max-width:min(760px,calc(100vw - 48px));position:sticky;inset-inline-start:0}
.csr-main{min-width:0;display:flex;flex-direction:column;gap:16px}
@media (max-width:600px){.nb-thumb{width:84px;height:84px}.nb-bar .btn.primary{flex:1 1 100%}.nb-add{flex:1 1 auto;justify-content:center}.nb-item{flex-direction:column}.nb-acts{align-self:flex-end}
  .hd-cu-nbrow td{display:block}.nb-kind{align-self:stretch}.nb-kind button{flex:1}}
@media print{.nb-form,.nb-acts,.nb-toggle{display:none!important}}
/* WP4 customers (cs2-): the list as cards, the add menu, the import wizard, the customer and contact pages */
.cs2-cu-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.cs2-cu-head h2{margin:0}
.cs2-cu-tools{display:flex;gap:8px;align-items:center;flex:1;justify-content:flex-end;min-width:min(100%,320px)}.cs2-cu-tools input[type=search]{max-width:340px}
.cs2-add{position:relative}.cs2-add>summary{list-style:none;white-space:nowrap}.cs2-add>summary::-webkit-details-marker{display:none}
.cs2-add-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:6;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:grid;min-width:230px}
.cs2-add-menu button{background:none;border:0;text-align:start;padding:9px 10px;border-radius:8px;font-weight:700;color:var(--ink)}.cs2-add-menu button:hover{background:var(--blue-soft)}
.cs2-custs{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;font-size:inherit}
.cs2-cust{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:4px;min-width:0}.cs2-cust.silent{background:#fffaf2}
.cs2-cust-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.cs2-cust-name{font-size:15px;min-width:0;overflow-wrap:anywhere}.cs2-cust-tier{margin-inline-start:auto}
.cs2-cust-tier select{border:1px solid var(--line);border-radius:8px;padding:4px 6px;background:#fff}.cs2-cust-tier select.t-preferred,select.t-preferred{background:#fff4dc}.cs2-cust-tier select.t-ambassador,select.t-ambassador{background:#f1ecfb}
.cs2-cust-meta{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.cs2-cust-nums{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:2px}.cs2-num{display:flex;flex-direction:column;font-size:12.5px;min-width:0}.cs2-num small{color:#7a8d9b;font-size:11px}.cs2-num.warn b{color:#b46b00}
.cs2-badge{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:700;background:#eef3f6;color:#35546a;white-space:nowrap}
.cs2-badge.warn{background:#fdecea;color:#b03a2e}.cs2-badge.g{background:#fff6d6;color:#7a5a00}.cs2-badge.src{background:#eaf6ef;color:#1e6b40}.cs2-badge.t-preferred{background:#fff4dc;color:#7a5200}.cs2-badge.t-ambassador{background:#f1ecfb;color:#4f3a8a}
.cs2-empty p{max-width:62ch}.cs2-ul-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:8px}.cs2-ul-head p{max-width:70ch;margin:0}
.cs2-ul-act{justify-content:flex-start}.cs2-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs2-pick{margin-top:8px;display:grid;gap:6px;border-top:1px dashed var(--line);padding-top:8px}.cs2-pick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.cs2-hit{display:grid;gap:2px;text-align:start;background:#fbfdfe;border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--ink);min-width:0;width:100%}.cs2-hit:hover{border-color:var(--blue);background:var(--blue-soft)}
.cs2-hit small{color:var(--muted);overflow-wrap:anywhere}.cs2-hit small.bad,.cs2-im-row small.bad{color:#b03a2e}
.cs2-form{border-inline-start:4px solid var(--blue);padding-inline-start:16px}/* cs-reports-0611 item 2: the words keep clear of the blue line, RTL as LTR */.cs2-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:3px;margin-bottom:10px}
.cs2-seg-b{padding:5px 14px;border-radius:999px;font-weight:700;cursor:pointer;color:#4f6b80}.cs2-seg-b input{position:absolute;opacity:0;pointer-events:none}.cs2-seg-b.on{background:var(--ink);color:#fff}.cs2-seg-b:focus-within{outline:3px solid var(--orange)}
.cs2-brreg{background:var(--blue-soft);border-radius:12px;padding:10px 12px;margin-bottom:12px}.cs2-brreg-row{display:flex;gap:8px}.cs2-brreg-row input{flex:1;min-width:0}
.cs2-brreg-hits{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.cs2-check{display:flex;gap:8px;align-items:flex-start;font-weight:600;color:#3c6079}.cs2-check input{margin-top:3px}
.cs2-maybe{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;background:#fff7e6;border:1px solid #f1d39a;border-radius:12px;padding:10px 12px;color:#6d4b00;margin:8px 0}.cs2-maybe span{display:flex;gap:6px;flex-wrap:wrap}
/* PM review of #269, 1.1 «Mulig samme kunde»: one row per candidate, «Lag ny kunde» under them */
.dup-ask{flex-direction:column;align-items:stretch}.dup-ask-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.dup-ask-row b{display:inline-flex;gap:6px;align-items:center}.dup-ask-row small{color:inherit;opacity:.8}.cs2-maybe>.dup-ask{flex-basis:100%;margin:4px 0 0;background:transparent;border:0;padding:0}
.cs2-steps{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:6px;flex-wrap:wrap}.cs2-steps li{display:flex;gap:6px;align-items:center;color:var(--muted);font-weight:700;font-size:13px;padding:4px 10px;border-radius:999px;background:#f3f7fa}
.cs2-steps li b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dfe7ee;font-size:11px}.cs2-steps li.on{background:var(--ink);color:#fff}.cs2-steps li.on b{background:#fff;color:var(--ink)}.cs2-steps li.done b{background:#1e8e4f;color:#fff}
.cs2-drop{display:grid;gap:4px;justify-items:center;text-align:center;border:2px dashed #b9d7e6;border-radius:14px;padding:22px 14px;cursor:pointer;background:#fbfdfe;font-weight:700;color:var(--blue-strong)}.cs2-drop:hover,.cs2-drop:focus-within{border-color:var(--blue);background:var(--blue-soft)}
.cs2-drop input{position:absolute;width:1px;height:1px;opacity:0}.cs2-drop small{color:var(--muted);font-weight:500}
.cs2-map{width:100%;border-collapse:collapse;font-size:13px}.cs2-map th{text-align:start;font-size:11px;color:#7a8d9b;padding:8px;border-bottom:1px solid var(--line)}.cs2-map td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}
.cs2-map select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;max-width:100%}
.cs2-im-counts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.cs2-im-c{border-radius:999px;padding:4px 12px;font-size:13px;background:#eef3f6}.cs2-im-c b{font-size:14px}
.st-new.cs2-im-c,.cs2-im-row.st-new .cs2-im-st{background:#eaf6ef;color:#1e6b40}.st-same_contact.cs2-im-c,.cs2-im-row.st-same_contact .cs2-im-st{background:#e9f6fc;color:#005b90}
.st-same_customer.cs2-im-c,.cs2-im-row.st-same_customer .cs2-im-st{background:#f1ecfb;color:#4f3a8a}.st-maybe.cs2-im-c,.cs2-im-row.st-maybe .cs2-im-st{background:#fff4dc;color:#7a5200}.st-error.cs2-im-c,.cs2-im-row.st-error .cs2-im-st{background:#fdecea;color:#b03a2e}
.cs2-im-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:460px;overflow-y:auto}
.cs2-im-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.cs2-im-row.st-maybe{border-color:#f1d39a}.cs2-im-row.st-error{border-color:#f2c4bd}
.cs2-im-st{border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:700;white-space:nowrap}.cs2-im-main{display:grid;gap:2px;min-width:0}.cs2-im-main small{color:var(--muted);overflow-wrap:anywhere}.cs2-im-n{color:var(--muted);white-space:nowrap}
.cs2-im-dec{display:flex;gap:12px;margin-top:4px;font-weight:600}.cs2-im-opts{display:grid;gap:6px;margin:12px 0}
.cs2-prof-head{display:grid;gap:6px}.cs2-back{font-weight:700;font-size:13px;justify-self:start}.linkish{background:none;border:0;padding:0;color:var(--blue-strong)}
.cs2-prof-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cs2-prof-title h2{margin:0;font-size:22px;overflow-wrap:anywhere}.cs2-prof-title select{border:1px solid var(--line);border-radius:8px;padding:4px 6px;background:#fff}
.cs2-prof-meta{margin:0;color:#4f6b80;overflow-wrap:anywhere}.cs2-prof-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.cs2-inline{margin-top:10px;border-top:1px solid var(--line);padding-top:12px}
.cs2-warn{background:#fdecea;border:1px solid #f2c4bd;border-radius:14px;padding:10px 14px;margin-bottom:16px;color:#7d2a20}.cs2-warn ul{margin:4px 0 0;padding-inline-start:18px}.cs2-warn small{color:#9b5a50}
.cs2-prof-kpis .ad-kpi b{font-size:18px}
.cs2-prof-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}.cs2-prof-grid .panel{margin-bottom:0}
.cs2-cases a{flex-wrap:wrap}.cs2-cases small{color:var(--muted)}
.cs2-fus,.cs2-people,.cs2-places,.cs2-agr{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}.cs2-fus li,.cs2-people li{display:grid;gap:1px;min-width:0}.cs2-fus li.done b{color:var(--muted)}
.cs2-fus small,.cs2-people small,.cs2-places small,.cs2-agr small{color:var(--muted);overflow-wrap:anywhere}.cs2-places>li{display:grid;gap:6px;border-bottom:1px solid var(--line);padding-bottom:8px}.cs2-places>li>div{display:grid;gap:1px}
.cs2-agr{margin:0;padding-inline-start:12px;border-inline-start:3px solid var(--blue-soft)}.cs2-agr li{display:grid}
.cs2-more summary{cursor:pointer;font-weight:700;color:var(--blue-strong);margin-top:6px}.cs2-more form{margin-top:10px}
.cs2-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px 14px;margin:0 0 8px}.cs2-dl div{min-width:0}.cs2-dl dt{font-size:11px;color:#7a8d9b;font-weight:700}.cs2-dl dd{margin:0;overflow-wrap:anywhere}
.cs2-pre{white-space:pre-line}.rv-who{font-weight:700;font-size:13px}
@media (max-width:900px){.cs2-prof-grid{grid-template-columns:1fr}}
@media (max-width:600px){.cs2-cu-tools{min-width:100%}.cs2-cu-tools input[type=search]{max-width:none}.cs2-add-menu{inset-inline-end:0;min-width:min(260px,calc(100vw - 48px))}
  .cs2-cust-tier{margin-inline-start:0;width:100%}.cs2-cust-nums{gap:4px 12px}.cs2-im-row{grid-template-columns:1fr}.cs2-im-n{order:-1}.cs2-prof-title h2{font-size:19px}
  .cs2-map thead{display:none}.cs2-map,.cs2-map tbody,.cs2-map tr,.cs2-map td{display:block}.cs2-map tr{border-bottom:1px solid var(--line);padding:6px 0}.cs2-map td{border:0;padding:3px 0}.cs2-map select{width:100%}}
/* v1.51 — live updates, messages as paragraphs, the steps in order, the customer-service mailbox */
.hd-msg-body{white-space:normal}.hd-msg-body p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.hd-msg-body p.gap{height:.6em}
.hd-via{display:block;color:#5f7586;font-size:11.5px;margin-top:2px}
.hd-stages li.waits .hd-stage-b{border-style:dashed;border-color:#e0a43a;color:#9a6a12}
.hd-stages .hd-stage-ev{color:#8a5a00;background:#fff6e2;border-radius:6px;padding:2px 6px;margin-top:3px;font-weight:600;width:fit-content;max-width:100%}
.cs2-miss-ev p{margin:0;font-size:13px;color:#1e6b43}
.live-pill{position:fixed;top:14px;left:50%;transform:translate(-50%,-140%);z-index:90;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#0b2a3c;color:#fff;font:inherit;font-weight:700;font-size:14px;padding:9px 16px;box-shadow:0 8px 24px rgba(11,42,60,.25);cursor:pointer;transition:transform .25s ease;opacity:.97}
.live-pill.on{transform:translate(-50%,0)}.live-pill i{width:9px;height:9px;border-radius:50%;background:#ff7d23;animation:live-dot 1.2s ease-in-out infinite}
@keyframes live-dot{50%{transform:scale(1.6);opacity:.55}}
.live-new{animation:live-glow 2.4s ease-out 1}
@keyframes live-glow{0%,30%{box-shadow:0 0 0 3px rgba(255,125,35,.55);background-color:#fff4e8}100%{box-shadow:0 0 0 0 rgba(255,125,35,0)}}
@media (prefers-reduced-motion:reduce){.live-pill,.live-pill i,.live-new{animation:none;transition:none}}
.cs2-mailbox .cs2-mb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.cs2-mailbox .cs2-mb-row .field{flex:1 1 260px;margin:0}
.cs2-mb-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:12px;background:#fbfdfe}
.cs2-mb-status b{font-size:14px}.cs2-mb-status small{color:var(--muted)}.cs2-mb-status .hd-grow{flex:1}
.cs2-mb-dot{width:10px;height:10px;border-radius:50%;background:#b8c6d0;flex:none}.cs2-mb-dot.ok{background:#1e8e4f}.cs2-mb-dot.bad{background:#c0392b}
.cs2-mb-warn{color:#8a5a00;background:#fff6e2;border-radius:8px;padding:6px 10px;font-size:13px;margin:8px 0 0}
.cs2-mb-warn.ok{color:#1e6b43;background:#e6f6ec}
.cs2-mailbox code{overflow-wrap:anywhere;word-break:break-all}.cs2-mailbox .cs2-mb-status b{overflow-wrap:anywhere;min-width:0}

/* ---------- WP5 customer service: one look for every tab (cs2-*), Håndbok (csr-*), Innstillinger, Forbedringer ---------- */
.cs2 .hd-top{margin-bottom:12px}
.cs2 .cs-tabs{flex-wrap:nowrap;overflow-x:auto;gap:2px}.cs2 .cs-tabs .hd-tab{padding:8px 10px;font-size:13.5px;transition:background .15s,color .15s}
.cs2 .cs-tabs .hd-tab.on{box-shadow:0 1px 2px rgba(0,60,100,.18)}
.cs2-page{display:flex;flex-direction:column;gap:14px;animation:cs2in .18s ease-out}.cs2-page>.panel,.cs2-page>section,.cs2-page>form,.cs2-page>details{margin:0}
@keyframes cs2in{from{opacity:.4}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.cs2-page{animation:none}.cs2 *{transition:none!important}}
.cs2-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px;padding:2px 2px 0}
.cs2-head-t{min-width:0;flex:1 1 320px}.cs2-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:21px;line-height:1.25;letter-spacing:-.01em}
.cs2-head-ic{font-size:20px}.cs2-lead{margin:4px 0 0;color:var(--muted);font-size:14px;max-width:72ch}
.cs2-head-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cs2-seg{display:inline-flex;background:#eef4f8;border-radius:11px;padding:3px;gap:2px}.cs2-seg-a{padding:6px 14px;border-radius:9px;font-weight:750;font-size:13px;color:#4f6b80}
.cs2-seg-a:hover{text-decoration:none;color:var(--ink)}.cs2-seg-a.on{background:#fff;color:#00669b;box-shadow:0 1px 3px rgba(20,60,90,.15)}
.cs2-card{padding:16px 18px}.cs2-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cs2-card-h>.btn{white-space:nowrap;flex:none}.cs2-card-h h3{margin:0;font-size:15px;display:flex;align-items:center;gap:4px}
.cs2-count{background:#eef4f8;border-radius:999px;padding:1px 8px;font-size:12px;color:#4f6b80;font-weight:800}
.cs2-calm{margin:0;color:#1e7a46;font-weight:650}.cs2-hint{margin:8px 0 0;color:var(--muted);font-size:13px}
.cs2-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 12px;color:var(--muted)}.cs2-empty-ic{font-size:26px;opacity:.85}
.cs2-empty b{color:var(--ink);font-size:14.5px}.cs2-empty p{margin:0;max-width:52ch;font-size:13px}.cs2-empty-a{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.cs2-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:700;color:#36566b;cursor:pointer;transition:border-color .15s,background .15s}
.cs2-chip:hover{border-color:#9cc3e2;background:#f6fbfe}.cs2-chip.on{background:#00669b;border-color:#00669b;color:#fff}.cs2-chip b{font-weight:900}
.cs2-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
/* Oversikt */
.cs2-now{padding:14px 16px}.cs2-now-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.cs2-now-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;text-align:start;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s;min-width:0}
.cs2-now-b:hover{text-decoration:none;border-color:#9cc3e2;box-shadow:0 3px 10px rgba(20,70,100,.08);transform:translateY(-1px)}
.cs2-now-b b{font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;color:#12344a}.cs2-now-b span{font-size:12.5px;color:#4f6b80;font-weight:650;line-height:1.3}
.cs2-now-b.zero b{color:#9db0bd}.cs2-now-b.bad{border-color:#f3c3bc;background:#fff8f7}.cs2-now-b.bad b{color:#c0392b}.cs2-now-b.warn{border-color:#f2d9a6;background:#fffbf2}.cs2-now-b.warn b{color:#a46200}
.cs2-ov{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start}.cs2-col{display:flex;flex-direction:column;gap:14px;min-width:0}.cs2-col>.panel{margin:0}
.cs2-goals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.cs2-goal-row{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(50px,90px) 70px 22px;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid #eef3f6}
.cs2-goal-row:last-child{border-bottom:0}.cs2-goal-l{font-size:13px;font-weight:650;color:#36566b;min-width:0}.cs2-goal-row b{font-size:15px;text-align:end;font-variant-numeric:tabular-nums}
.cs2-goal-row small{font-size:11.5px;color:#8a9aa6}.cs2-goal-bar{position:relative;height:6px;border-radius:6px;background:#eef3f6}.cs2-goal-bar i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:6px;background:#1e8e4f}
.cs2-goal-bar em{position:absolute;top:-3px;bottom:-3px;width:2px;background:#4f6b80;border-radius:2px;margin-inline-start:-1px}
.cs2-goal-row.bad .cs2-goal-bar i{background:#d9534f}.cs2-goal-row.bad b{color:#c0392b}
.cs2-goal-st{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:12px;background:#1e8e4f;color:#fff}.cs2-goal-row.bad .cs2-goal-st{background:#d9534f}
.cs2-goal-none{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#f6f9fb;color:#4f6b80;font-size:13px;line-height:1.9}.cs2-goal-none .cs2-chip{cursor:default;padding:1px 8px;font-size:12px}
.cs2-google .cs2-g-main{display:flex;align-items:baseline;gap:10px}.cs2-g-avg{font-size:34px;line-height:1;color:#12344a;letter-spacing:-.02em}
.cs2-g-main span{color:#4f6b80;font-weight:650}.cs2-g-sub{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;font-size:13px;color:#4f6b80}.cs2-bad{color:#c0392b;font-weight:700}.cs2-ok{color:#1e7a46}
.cs2-quote{margin:12px 0 0;padding:10px 12px;border-inline-start:3px solid #f2b705;background:#fffbf0;border-radius:10px}.cs2-quote p{margin:0 0 4px;font-size:13.5px;color:#36566b}.cs2-quote footer{font-size:12px;color:var(--muted)}
.cs2-stars{color:#f2b705;letter-spacing:1px}.cs2-stars i{color:#dbe3e8;font-style:normal}
.cs2-voices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cs2-v{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid #eef3f6;color:inherit}
.cs2-v:hover{text-decoration:none;background:#f7fbfd;border-color:#d6e8f2}.cs2-voices li.low .cs2-v{border-color:#f3c3bc;background:#fff8f7}
.cs2-v-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs2-v-top small{color:var(--muted);font-size:12px}.cs2-v-text{font-size:13.5px;color:#24465d}.cs2-v-who{color:#8a9aa6;font-size:12px}
.cs2-loading{padding:20px}
@media (max-width:1100px){.cs2-now-g{grid-template-columns:repeat(3,minmax(0,1fr))}.cs2-ov{grid-template-columns:1fr}}
@media (max-width:600px){.cs2-head h2{font-size:19px}.cs2-head-a{width:100%}.cs2-head-a .hd-new{margin-inline-start:auto}.cs2-now-g{grid-template-columns:repeat(2,minmax(0,1fr))}.cs2-now-b b{font-size:21px}
  .cs2-goal-row{grid-template-columns:minmax(0,1fr) 60px 22px;row-gap:4px}.cs2-goal-bar{grid-column:1/-1;grid-row:2}.cs2-goal-row small{grid-column:1/-1;grid-row:3}.cs2-card{padding:14px}}
/* Forbedringer */
.cs2-how{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;counter-reset:none}
.cs2-how li{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#4f6b80;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 4px}
.cs2-how li i{width:20px;height:20px;border-radius:50%;background:var(--blue-soft);color:#00669b;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:900}
.cs2-how li+li::before{content:"→";margin-inline-end:4px;color:#9db0bd}[dir=rtl] .cs2-how li+li::before{content:"←"}
.cs2-how li+li{padding-inline-start:8px}
.cs2-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:4px}.cs2-sec-h h3{margin:0;font-size:16px;display:flex;align-items:center;gap:6px}
.cs2-sec-n{width:24px;height:24px;border-radius:8px;background:#12344a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:900}
.cs2-sec-a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs2-sec-lead{margin:2px 0 12px;color:var(--muted);font-size:13px;max-width:80ch}
.cs2-sec-out{margin:4px 2px 8px}
.ci-why,.ci-do{display:block}.ci-why span,.ci-do span{font-weight:800;color:#36566b}
.cs2-imps{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.cs2-imp{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0;overflow-wrap:anywhere;transition:box-shadow .2s,border-color .2s}
.cs2-imp.hi{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,183,.12)}.cs2-imp.st-done{background:#fafcfd}
.cs2-imp-h{display:flex;flex-direction:column;gap:2px}.cs2-imp-h h4{margin:0;font-size:15px;line-height:1.35;color:#12344a}.cs2-imp-src{font-size:12px;color:var(--muted);font-weight:650}
.cs2-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.cs2-steps li{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;font-size:10.5px;font-weight:700;color:#8a9aa6;line-height:1.15;position:relative}
.cs2-steps li i{width:22px;height:22px;border-radius:50%;border:1.5px solid #c8d6df;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;z-index:1}
.cs2-steps li::after{content:"";position:absolute;top:11px;inset-inline-start:calc(50% + 12px);inset-inline-end:calc(-50% + 12px);height:2px;background:#e1e9ee}.cs2-steps li:last-child::after{display:none}
.cs2-steps li.done{color:#1e7a46}.cs2-steps li.done i{background:#1e8e4f;border-color:#1e8e4f;color:#fff}.cs2-steps li.done::after{background:#9fd3b3}
.cs2-steps li.now{color:var(--ink)}.cs2-steps li.now i{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 3px rgba(8,126,183,.16)}
.cs2-steps li.skip{opacity:.45}.cs2-steps li.end.done i{background:#4f6b80;border-color:#4f6b80}
.cs2-imp-now{margin:0;padding:8px 10px;border-radius:10px;background:var(--blue-soft);color:#123d55;font-size:13px}.cs2-imp-now b{color:#00669b}
.cs2-imp-dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.cs2-imp-dl div{min-width:0}.cs2-imp-dl dt{font-size:11.5px;font-weight:800;color:#8a9aa6;text-transform:uppercase;letter-spacing:.03em}
.cs2-imp-dl dd{margin:1px 0 0;font-size:13.5px;color:#24465d;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cs2-imp-act{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cs2-imp-act .btn.ghost.tiny{margin-inline-start:auto}
.cs2-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:#fff4f2;color:#8f2a1d;font-size:13px;font-weight:650}
.cs2-imp-new{border:1.5px dashed #9fcde6;background:#fbfdfe;margin-bottom:12px}.cs2-imp-new h4{margin:0;font-size:14px}.cs2-imp-form .field{margin:0}
.cs2-imp .cs2-dlg{margin:0}.cs2-dlg h4{margin:0;font-size:14px}
.cs2-radios label:has(input:checked){border-color:var(--blue);background:var(--blue-soft);color:#00669b}
.cs2-month-nav{display:inline-flex;align-items:center;gap:4px}.cs2-month-pad{display:inline-block;width:34px}

.cs2-routines>.panel,.cs2-routines>ul,.cs2-routines>details{margin-bottom:12px}.cs2-routines .hd-hb-intro{display:none}
@media (max-width:600px){.cs2-imps{grid-template-columns:1fr}.cs2-imp-dl{grid-template-columns:1fr}.cs2-how li span{font-size:12px}}
/* Håndbok */
.csr-top{display:flex;flex-direction:column;gap:8px}.csr-top .csr-search{margin-top:0;background:#fff;box-shadow:var(--shadow)}
.csr-top #csr-results:not(:empty){background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow)}
.cs2 .csr-layout{grid-template-columns:250px minmax(0,1fr);gap:16px;margin-top:0}
.cs2 .csr-toc{display:flex;flex-direction:column;gap:12px;max-height:calc(100dvh - 96px);overflow:auto;padding:12px 8px;scrollbar-width:thin}
.csr-grp h3{margin:0 8px 4px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:flex;align-items:center;gap:6px}.csr-grp h3 small{font-weight:800;color:#9db0bd}
.csr-grp ol,.csr-grp ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.csr-toc-a,.csr-sheet-a{display:flex;gap:9px;align-items:baseline;padding:6px 10px;border-radius:9px;text-decoration:none;color:#24465d;font-size:13.5px;line-height:1.35;transition:background .12s}
.csr-toc-a:hover,.csr-sheet-a:hover{background:#f3f8fb;text-decoration:none}.csr-toc-a span,.csr-sheet-a span{min-width:18px;font-weight:800;color:#8aa1b0;font-size:12.5px}.csr-toc-a b,.csr-sheet-a b{font-weight:600;flex:1;min-width:0}
.csr-toc-a small,.csr-sheet-a small{color:#9db0bd;font-weight:800}.csr-toc-a.on,.csr-sheet-a.on{background:#e9f6fc;color:#00669b}.csr-toc-a.on b,.csr-sheet-a.on b{font-weight:800}.csr-toc-a.on span{color:#00669b}
.csr-parts{margin:2px 0 4px!important;padding-inline-start:16px!important;border-inline-start:2px solid #e1edf4;margin-inline-start:14px!important}.csr-sub{font-size:12.5px;padding-block:4px}
.cs2-hb-sheet{display:none}
.csr-chapter{padding:24px 30px}.csr-ch-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:4px}.csr-ch-top .eyebrow{margin:0;letter-spacing:.08em}
.csr-chapter h2{font-size:25px;letter-spacing:-.01em;margin:6px 0 14px}
.csr-body{max-width:70ch;font-size:16.5px;line-height:1.65;color:#1d3a50}.csr-body .csr-text p{margin:8px 0}.csr-body .csr-text h4{font-size:17.5px;margin:22px 0 6px}
.csr-brief{margin:4px 0 18px;padding:14px 18px;border-radius:14px;border-inline-start:5px solid var(--blue);background:linear-gradient(135deg,#eef8fd,#f7fbfe);font-size:16.5px;color:#123d55}
.csr-brief-l{display:block;font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#00669b;margin-bottom:4px}.csr-brief p{margin:0;font-weight:600}
.csr-brief ul{margin:0;padding-inline-start:20px;display:grid;gap:4px;font-weight:600}
.csr-steps{counter-reset:s;list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}.csr-steps li{counter-increment:s;display:flex;gap:10px;align-items:flex-start}
.csr-steps li::before{content:counter(s);flex:none;width:24px;height:24px;border-radius:50%;background:var(--blue-soft);color:#00669b;font-weight:900;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.csr-check{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}.csr-check li::before{content:"☐ ";color:#00669b}
.cs2 .csr-table{max-width:none;font-size:14px;border:1px solid var(--line);border-radius:12px;overflow:auto}.cs2 .csr-table table{min-width:0}
.cs2 .csr-table th{position:sticky;top:0}.cs2 .csr-table tbody tr:nth-child(even) td{background:#fafcfd}.cs2 .csr-table td:first-child{position:sticky;inset-inline-start:0;background:#fff}.cs2 .csr-table tbody tr:nth-child(even) td:first-child{background:#fafcfd}
.csr-pager{gap:12px}.csr-pg{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;max-width:48%;min-width:0;transition:border-color .15s,background .15s}
.csr-pg:hover{text-decoration:none;border-color:#9cc3e2;background:#f7fbfd}.csr-pg small{font-size:11.5px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.csr-pg b{font-size:14px;color:#163b52}
.csr-pg.next{margin-inline-start:auto;text-align:end;align-items:flex-end}
.csr-main{scroll-margin-top:80px;display:flex;flex-direction:column;gap:14px}.csr-main>.panel,.csr-main .nb-box{margin:0}
.csr-tpls h2{display:flex;align-items:center;gap:4px;margin:6px 0 4px}.csr-tpl-lang{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 8px}
.csr-tpl-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.csr-tpl{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.csr-tpl.hi{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,183,.12)}
.csr-tpl-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.csr-tpl-h b{font-size:14.5px}.csr-chip{font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 8px;background:#eef4f8;color:#4f6b80}.csr-chip.c{background:#f4effb;color:#6a3fa0}
.csr-tpl-body{margin:8px 0 0;white-space:pre-wrap;font-size:14px;line-height:1.6;color:#24465d}
.cs2 .csr-courses{margin-top:0}
@media (max-width:1100px){.cs2 .csr-layout{grid-template-columns:220px minmax(0,1fr)}}
@media (max-width:900px){.cs2 .csr-layout{grid-template-columns:1fr}.cs2 .csr-toc{display:none}
  .cs2-hb-sheet{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);position:sticky;top:62px;z-index:3}
  .cs2-hb-sheet summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;min-height:46px}.cs2-hb-sheet summary::-webkit-details-marker{display:none}
  .cs2-hb-sheet summary span{font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.cs2-hb-sheet summary b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#00669b}
  .cs2-hb-sheet summary i{font-style:normal;color:var(--muted);transition:transform .15s}.cs2-hb-sheet[open] summary i{transform:rotate(180deg)}
  .cs2-hb-sheet-b{display:flex;flex-direction:column;gap:12px;padding:4px 6px 12px;max-height:60dvh;overflow:auto;border-top:1px solid var(--line)}
  .csr-chapter{padding:16px}.csr-chapter h2{font-size:21px}.csr-body{font-size:16px}
  .cs2 .csr-table{border:0;overflow:visible}.cs2 .csr-table table,.cs2 .csr-table tbody,.cs2 .csr-table tr,.cs2 .csr-table td{display:block;width:100%}.cs2 .csr-table thead{display:none}
  .cs2 .csr-table tr{border:1px solid var(--line);border-radius:12px;padding:6px 10px;margin-bottom:8px;background:#fff}.cs2 .csr-table tbody tr:nth-child(even) td,.cs2 .csr-table td:first-child{background:transparent;position:static}
  .cs2 .csr-table td{border:0;padding:5px 0;display:grid;grid-template-columns:minmax(80px,38%) minmax(0,1fr);gap:8px}.cs2 .csr-table td::before{content:attr(data-label);font-size:12px;font-weight:800;color:var(--muted)}
  .cs2 .csr-table td:first-child{font-size:15px;border-bottom:1px solid #eef3f6;padding-bottom:7px;margin-bottom:2px}
  .csr-pager{flex-direction:column}.csr-pg{max-width:none}.csr-pg.next{margin-inline-start:0}}
/* Innstillinger */
.cs2-qindex{display:flex;gap:6px;flex-wrap:wrap}
.cs2-q{padding:18px 20px}.cs2-q-h{margin:0;font-size:16.5px;display:flex;align-items:center;gap:6px;color:#12344a}.cs2-q-lead{margin:4px 0 14px;color:var(--muted);font-size:13.5px;max-width:78ch}
.cs2-q-out{margin:4px 2px 8px}.cs2-q .field{margin:0}
.cs2-q-save{margin-top:14px}.cs2-q-act{display:flex;gap:8px;flex-wrap:wrap}
.cs2-q-inline{margin-top:14px!important;max-width:520px}

.cs2-targets,.cs2-touches{list-style:none;margin:0;padding:0;display:grid;gap:0}.cs2-targets li,.cs2-touches li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #eef3f6}
.cs2-targets label,.cs2-touch-l{display:flex;flex-direction:column;gap:1px;min-width:0}.cs2-targets b,.cs2-touch-l b{font-size:14px}.cs2-targets small,.cs2-touch-l small{color:var(--muted);font-size:12.5px}
.cs2-num{display:inline-flex;align-items:center;gap:6px;flex:none}.cs2-num input{width:84px;border:1px solid var(--line);border-radius:9px;padding:7px 9px;text-align:end}.cs2-num em{font-style:normal;color:var(--muted);font-weight:700;min-width:14px}
.cs2-date{display:inline-flex;gap:6px;flex:none}.cs2-date select{border:1px solid var(--line);border-radius:9px;padding:7px 9px;background:#fff}
.cs2-fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.cs2-fold>summary::-webkit-details-marker{display:none}
.cs2-fold-hint{font-size:12.5px;font-weight:800;color:#00669b;background:var(--blue-soft);border-radius:999px;padding:3px 10px}.cs2-fold[open] .cs2-fold-hint{opacity:.6}
.cs2-fold[open]>summary{margin-bottom:0}.cs2-fold .panel{box-shadow:none;margin-bottom:10px}.cs2-h4{margin:14px 0 8px;font-size:14px}
.cs2-gset-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cs2-gset-ref{font-family:ui-monospace,monospace;font-size:12px;background:#f1f5f8;border-radius:6px;padding:2px 6px;color:#4f6b80}
/* v1.65 who reads the reviews (Settings → Google) */
.cs2-ai{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#eef6ff;color:#0b4a7a;font-size:13.5px}.cs2-ai>svg{flex:none}.cs2-ai>span{flex:1;min-width:12ch}.cs2-ai.off{background:#fff6e5;color:#7a4b00}
.cs2-gset .rv-ref{margin-top:10px}.cs2-setup-wrap>.panel{margin:0}
.cs2-rv-st{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.cs2-period{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#4f6b80}.cs2-period select{border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:#fff}
.cs2-kpis{padding:14px}.cs2-goals5{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0}.rv .cs2-goals5{margin:10px 0}
@media (max-width:600px){.cs2-q{padding:14px}.cs2-targets li,.cs2-touches li{flex-wrap:wrap}
  }
@media print{.cs2-head-a,.cs2-qindex,.cs2-how{display:none}}

.cs2-setup-wrap .cs-setup{box-shadow:none;border:0;padding:0}

/* WP6 — My work: coaching notes from the manager */
.my-coach-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.my-coach-list li{background:#f8fbfd;border-radius:10px;padding:8px 10px}.my-coach-list p{margin:0 0 4px}.my-coach-files{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}
/* PROC — who can open a guide (settings), translations that show only what is written, the procedures update notice */
.gset-aud{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:18px;background:#fbfdfe}
.gset-aud-head,.gset-head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.gset-aud-head h3,.gset-head h3{margin:0}
.gset-aud-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gset-aud-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;color:var(--ink);min-height:44px}
.gset-aud-b b{font-size:14.5px}.gset-aud-b small{color:var(--muted);font-size:12.5px;line-height:1.4}
.gset-aud-b:hover{border-color:#9db4c0}.gset-aud-b.on{border-color:var(--blue);background:var(--blue-soft)}.gset-aud-b.on[data-aud="management"]{border-color:#e0b25c;background:#fff4e0}
.gset-aud-b:focus-visible{outline:2px solid #0a7cb8;outline-offset:2px}
@media (max-width:600px){.gset-aud-opts{grid-template-columns:1fr}}
.tr-form input::placeholder,.tr-form textarea::placeholder{color:#a9b9c5;font-style:italic}
.tr-state{font-size:12px;font-weight:700;color:#1d7a46;margin-inline-start:6px}.tr-state.miss{color:#9a6a12}
.gs-new{display:inline-flex;align-items:center;gap:2px}
.proc-upd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #f1d9a6;background:#fff8ec;border-radius:12px;padding:10px 14px;margin:6px 0 12px}
.proc-upd p{margin:2px 0 0;color:#5d4a1f}.proc-upd>div{flex:1 1 260px;min-width:0}
/* FIX-STEPS: the customer has confirmed (banner on the case page); step 8 planned, with its form */
.fs-banner{margin-top:10px;background:#e6f6ec;border:1px solid #9fd6b5;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.fs-banner p{margin:0;font-size:13px;color:#1e5a37}.fs-banner p b{color:#1e7a46}
.fs-banner.gaps{background:#fff4dc;border-color:#f3d38a}.fs-banner.gaps p{color:#7a5200}
.hd-stages li.planned .hd-stage-b{border-color:var(--blue);color:var(--blue);border-style:solid}.hd-stages li.planned .hd-stage-when{color:var(--blue)}.hd-stages li.planned b{color:var(--ink)}
.hd-stages .fs-fu-go{margin-top:6px;align-self:flex-start}
.hd-stages .fs-fu{margin-top:8px}.fs-fu .hd-fu-out{border:0;padding:0;margin:0 0 8px}.fs-fu legend{font-size:12px;color:#4f6b80;font-weight:700;margin-bottom:4px;padding:0}

/* ---------- Line icons (web/icons.js): ic() sits in text, tile() is a department in a soft rounded square ---------- */
.ic{display:inline-block;flex:none;vertical-align:-.17em;margin-inline-end:.4em}button .ic,a .ic{margin-inline-end:.4em}.ic.ic-only,button .ic.ic-only,a .ic.ic-only{margin:0}
.ic.ic-end{margin-inline:.35em 0}.ic.ic-mid{margin-inline:.35em}
[dir="rtl"] .icon[data-i="arrow-right"],[dir="rtl"] .icon[data-i="arrow-left"],[dir="rtl"] .icon[data-i="arrow"]{transform:scaleX(-1)}
.icon[data-i="star"][fill="currentColor"]{color:#f2b705}i>.icon[data-i="star"][fill="currentColor"]{color:inherit}.ic.ic-only[data-i="star"]{margin-inline-end:1px}
h1 .ic,h2 .ic,h3 .ic,h4 .ic{color:var(--blue);vertical-align:-.14em}
.tile{--tc:#00669b;--tb:#e6f3fa;flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--tb);color:var(--tc);vertical-align:middle;transition:background-color .15s,color .15s}
.tile .icon{width:17px;height:17px;margin:0}
.tile.xs{width:20px;height:20px;border-radius:6px}.tile.xs .icon{width:13px;height:13px}
.tile.sm{width:28px;height:28px;border-radius:8px}.tile.sm .icon{width:16px;height:16px}
.tile.lg{width:40px;height:40px;border-radius:11px}.tile.lg .icon{width:21px;height:21px}
.tile.xl{width:64px;height:64px;border-radius:18px}.tile.xl .icon{width:32px;height:32px}
h1 .tile{margin-inline-end:12px;vertical-align:-9px}h2 .tile,h3 .tile{margin-inline-end:9px;vertical-align:-.5em}.ad-area .tile{margin-inline-end:6px;vertical-align:-.35em}
.tile-overview{--tc:#00669b;--tb:#e6f3fa}.tile-hr{--tc:#6a48c0;--tb:#f1ecfb}.tile-vehicles{--tc:#2c62a8;--tb:#e8f0fa}.tile-inventory{--tc:#8a5526;--tb:#f7eee5}
.tile-purchasing{--tc:#0d7469;--tb:#e2f4f1}.tile-meetings{--tc:#3f4fbf;--tb:#ebedfb}.tile-customer_service{--tc:#0070a8;--tb:#e3f3fb}.tile-sales{--tc:#1f7d43;--tb:#e5f5eb}
.tile-operations{--tc:#b4501b;--tb:#fcece3}.tile-finance{--tc:#8a6400;--tb:#faf2d9}.tile-marketing{--tc:#b8336f;--tb:#fbe8f1}.tile-intake{--tc:#46606f;--tb:#edf2f5}.tile-access{--tc:#55606a;--tb:#eef0f2}.tile-maintenance{--tc:#5a6624;--tb:#f1f3e3}
.ad-nav-item{min-height:40px}.ad-nav-item:hover .tile{background:color-mix(in srgb,var(--tb) 70%,var(--tc) 14%)}
.ad-nav-item.on .tile{background:var(--tc);color:#fff}.ad-nav-item:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.ad-arr-name{display:inline-flex;align-items:center;gap:8px}.ad-arr-name .tile{width:26px;height:26px;border-radius:8px}.ad-arr-name .tile .icon{width:15px;height:15px}
.ad-card .tile{margin-bottom:6px}a.ad-card:hover .tile{background:var(--tc);color:#fff}a.ad-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ad-soon .tile{margin:0 auto 12px}
.ad-access th .tile{display:grid;margin:0 auto 4px}
.empty-orbit .icon{width:30px;height:30px;color:#9cc6dc}
.ix-btn .icon{width:18px;height:18px}.ix-close .icon{width:16px;height:16px}
@media (max-width:900px){.ad-nav-item .tile{width:26px;height:26px;border-radius:8px}.ad-nav-item .tile .icon{width:15px;height:15px}}
@media (prefers-reduced-motion:reduce){.tile{transition:none}}
.cs2-g-avg .ic{width:.75em;height:.75em;vertical-align:-.05em}
/* (v1.75.0: the v1.74.1 clean-up of the migration tool left a phone media query open here, so every rule
   below it applied on phones only — the armed delete button, Mitt arbeid's internal cases, the invitation switch) */
/* deleting cases: the armed button */
.btn.danger,.btn[data-armed="1"]{background:#c0392b;border-color:#c0392b;color:#fff}.btn.danger:hover,.btn[data-armed="1"]:hover{background:#a93226}
/* v1.68 Mitt arbeid → internal cases directed to me: what went wrong and the plan, readable here */
.my-inlist .my-in{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:#f6f9fb}.my-inlist .my-in p{margin:0;font-size:14px}
.my-in-h{display:flex;flex-direction:column;gap:2px}.my-in-h small{color:#5d7486}.my-inlist .my-in .my-rec{padding:0;background:none}

/* v1.69 «⋯» on every card: finance rows and the small edit form that opens under a row */
.fin-rows li{position:relative}
.fin-rows li>.c3-dots{position:absolute;inset-inline-end:8px;top:9px}
.fin-rows li:has(>.c3-dots)>.fin-row{padding-inline-end:48px}
.fin-editf{margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfaf7}
.rc-cardw{position:relative;display:flex}
.rc-cardw>a{flex:1;min-width:0}
.rc-cardw>.c3-dots{position:absolute;inset-inline-end:6px;bottom:6px}
/* v1.69 chat message: edit + delete side by side; the small inline edit form */
.so-msg-acts{align-self:center;gap:4px;opacity:0;transition:opacity .15s}
.so-msg:hover .so-msg-acts,.so-msg-acts:focus-within{opacity:1}
@media (hover:none){.so-msg-acts{opacity:.8}}
.so-msg-acts .c3-edit,.so-msg-acts .c3-del{min-height:28px;border-radius:50%;width:28px;padding:0;justify-content:center;border:0;background:#fff;box-shadow:0 1px 3px rgba(20,50,70,.15)}
.so-msg-acts .c3-del.armed{width:auto;border-radius:14px;padding:0 10px}
.so-msg-editf{display:grid;gap:6px;min-width:220px}
.so-msg-editf textarea{border:1px solid var(--line);border-radius:10px;padding:8px;font:inherit}
.so-msg-editb{display:flex;gap:6px;justify-content:flex-end}
/* v1.69 the signal card's put-away sits at the inline end of its head line */

/* ---------- Økonomi F1, the cockpit (v1.75.0): docs/design/finance/proto/okonomi.html ported with the product's tokens.
   The river, the four answers with a thin coloured edge at the inline start, the action list, decisions and cards. */
.fc{--fc-gold:#8a6400;--fc-gold-soft:#faf2d9;--fc-gold-line:#ead9a4;--fc-ok:#1f9d55;--fc-ok-soft:#e6f6ec;--fc-warn:#b9780a;--fc-warn-soft:#fff3d6;--fc-bad:#d4433b;--fc-bad-soft:#fdebe9;--fc-ink:#15334d;--fc-muted:#637d91;--fc-line:#dae8ef;--fc-canvas:#f3f8fb;--fc-r:18px;--fc-sh:0 10px 30px rgba(26,70,97,.055);--fc-ease:cubic-bezier(.2,.8,.2,1);color:var(--fc-ink);display:grid;gap:14px}
.fc .btn{appearance:none;border:1px solid var(--fc-line);background:#fff;border-radius:12px;padding:9px 14px;font-weight:700;cursor:pointer;color:inherit;transition:transform .15s,box-shadow .2s,background .2s}
.fc .btn:hover{background:var(--blue-soft,#e9f6fc);border-color:#bfe0f0}.fc .btn:active{transform:translateY(1px)}
.fc .btn.primary{background:var(--blue,#087eb7);border-color:var(--blue,#087eb7);color:#fff}.fc .btn.primary:hover{background:var(--blue-strong,#005b90)}
.fc .btn.ghost{border-color:transparent;background:transparent;color:var(--blue-strong,#005b90)}
.fc-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.fc-lead{margin:0;color:var(--fc-muted);max-width:68ch;flex:1 1 320px}
.fc-date{margin-inline-start:auto;text-align:end;color:var(--fc-muted);font-size:13px;white-space:nowrap}.fc-date b{display:block;color:var(--fc-ink);font-size:14px}
/* the river */
.fc-river{background:#fff;border:1px solid var(--fc-line);border-radius:var(--fc-r);box-shadow:var(--fc-sh);padding:18px 18px 10px;position:relative}
.fc-river-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.fc-river-h h2{margin:0;font-size:17px}.fc-river-h p{margin:0;color:var(--fc-muted);font-size:14px}
.fc-legend{margin-inline-start:auto;display:flex;gap:14px;font-size:13px;color:var(--fc-muted)}.fc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin-inline-end:5px}
.fc-legend .in i{background:var(--fc-ok)}.fc-legend .out i{background:var(--fc-bad)}.fc-legend .bal i{background:var(--fc-gold);border-radius:50%}
.fc-rv{position:relative;height:220px;margin-top:8px;user-select:none}.fc-rv svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fc-rv path.band{stroke:var(--fc-gold);stroke-width:2}.fc-rv .drop{transition:opacity .2s}
.fc-weeks{position:absolute;inset:0}
.fc-wk{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;border-radius:10px;border:0;background:transparent;padding:0;font:inherit;color:inherit;transition:background .2s}
.fc-wk:hover,.fc-wk.on{background:var(--fc-gold-soft)}.fc-wk small{font-size:12px;color:var(--fc-muted);padding-bottom:4px;white-space:nowrap}.fc-wk.on small{color:var(--fc-gold);font-weight:800}
.fc-wk.now small::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue,#087eb7);margin-inline-end:5px;vertical-align:1px}
.fc-low{position:absolute;transform:translate(-50%,-100%);background:var(--fc-ink);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:1}
.fc-low::after{content:"";position:absolute;left:var(--fc-ar,50%);top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--fc-ink)}
.fc-wkpanel{max-height:0;overflow:hidden;transition:max-height .4s var(--fc-ease)}.fc-wkpanel.open{max-height:520px}
.fc-wkbox{border-top:1px dashed var(--fc-line);margin-top:6px;padding:12px 4px 6px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fc-wkbox h4{margin:0 0 6px;font-size:13px;color:var(--fc-muted);font-weight:700}.fc-wkbox ul{list-style:none;margin:0;padding:0}
.fc-wkbox li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #f0f5f8;font-size:14px}.fc-wkbox li:last-child{border:0}.fc-wkbox li b{font-variant-numeric:tabular-nums;white-space:nowrap}
.fc-wkbox .in b,.fc-sum.in b{color:var(--fc-ok)}.fc-wkbox .out b,.fc-sum.out b{color:var(--fc-bad)}.fc-wkbox .fc-none{color:var(--fc-muted)}.fc-def{font-style:normal;color:var(--fc-warn);font-size:12px}
.fc-sum{margin-top:6px;font-weight:800;display:flex;justify-content:space-between}.fc-sum b.neg{color:var(--fc-bad)}
/* the four questions */
.fc-q{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fc-ans{background:#fff;border:1px solid var(--fc-line);border-radius:var(--fc-r);box-shadow:var(--fc-sh);padding:18px 20px 16px 22px;padding-inline:22px 20px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;min-height:168px}
.fc-ans::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:6px;background:var(--c,var(--fc-ok))}
.fc-ans.ok{--c:var(--fc-ok)}.fc-ans.warn{--c:var(--fc-warn)}.fc-ans.bad{--c:var(--fc-bad)}.fc-ans.plain{--c:var(--blue,#087eb7)}
.fc-ans h2{margin:0;font-size:15px;color:var(--fc-muted);font-weight:700}
.fc-ans .big{font-size:38px;font-weight:800;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.fc-ans .big small{font-size:14px;font-weight:600;color:var(--fc-muted);letter-spacing:0}
.fc-fig{appearance:none;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;border-radius:8px}.fc-fig:hover{background:var(--fc-gold-soft)}.fc-fig.ok{color:var(--fc-ok)}.fc-fig.bad{color:var(--fc-bad)}
.fc-ans .say{margin:0;font-size:15px;line-height:1.45}.fc-ans .say b{font-weight:800}
.fc-ans .foot{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:6px}
.fc-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--fc-line);border-radius:999px;padding:3px 10px;font-size:13px;background:#fff;color:inherit;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.fc-chip:hover,.fc-chip.on{border-color:var(--blue,#087eb7);background:var(--blue-soft,#e9f6fc)}
.fc-chip.ok{color:var(--fc-ok);background:var(--fc-ok-soft);border-color:transparent}.fc-chip.warn{color:var(--fc-warn);background:var(--fc-warn-soft);border-color:transparent}.fc-chip.bad{color:var(--fc-bad);background:var(--fc-bad-soft);border-color:transparent}
.fc-src{font-size:12.5px;color:var(--fc-muted);text-decoration:underline dotted;cursor:pointer;background:none;border:0;padding:0;font-family:inherit}.fc-src:hover{color:var(--blue-strong,#005b90)}
.fc-goals{display:grid;gap:7px;margin-top:4px}.fc-goal{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:13.5px}
.fc-goal .bar{grid-column:1/-1;height:6px;border-radius:4px;background:#eef3f6;overflow:hidden}.fc-goal .bar i{display:block;height:100%;border-radius:4px;background:var(--c,var(--fc-ok));width:var(--w,50%);transition:width .8s var(--fc-ease)}
.fc-goal b{font-variant-numeric:tabular-nums}.fc-goal-none{color:var(--fc-muted)}
/* the action list */
.fc-todo{background:#fff;border:1px solid var(--fc-line);border-radius:var(--fc-r);box-shadow:var(--fc-sh);overflow:hidden}
.fc-todo .th{display:flex;align-items:center;gap:12px;padding:16px 20px 10px}.fc-todo h2{margin:0;font-size:17px}
.fc-todo .th .n{background:var(--fc-bad);color:#fff;border-radius:999px;font-size:12px;font-weight:800;padding:2px 8px}.fc-todo .filters{margin-inline-start:auto;display:flex;gap:6px}
.fc-task{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 20px;border-top:1px solid #eef3f6;transition:background .25s,opacity .4s,transform .4s}
.fc-task.done{opacity:.45;background:#f7fbf8}.fc-task.done .what{text-decoration:line-through}
.fc-task .when{width:64px;text-align:center;border-radius:12px;padding:6px 0;font-weight:800;font-size:13px;line-height:1.1;background:var(--fc-canvas)}.fc-task .when small{display:block;font-weight:600;color:var(--fc-muted);font-size:11px}
.fc-task.bad .when{background:var(--fc-bad-soft);color:var(--fc-bad)}.fc-task.warn .when{background:var(--fc-warn-soft);color:var(--fc-warn)}
.fc-task .what{font-weight:700}.fc-task .why{display:block;color:var(--fc-muted);font-size:13.5px;font-weight:400;margin-top:1px}
.fc-task .acts{display:flex;gap:6px;align-items:center}.fc-task .acts .btn{padding:7px 12px;font-size:13.5px}
.fc-task .who{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue-soft,#e9f6fc);color:var(--blue-strong,#005b90);font-size:11px;font-weight:800;margin-inline-end:6px;vertical-align:-5px}
.fc-empty{display:flex;align-items:center;gap:8px;margin:0;padding:14px 20px 18px;color:var(--fc-muted)}
/* decisions + cards */
.fc-two{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.fc-panel{background:#fff;border:1px solid var(--fc-line);border-radius:var(--fc-r);box-shadow:var(--fc-sh);padding:16px 20px}.fc-panel h2{margin:0 0 8px;font-size:16px}
.fc-dec{padding:10px 0;border-top:1px solid #eef3f6;font-size:14px;position:relative;padding-inline-end:36px}.fc-dec:first-of-type{border:0}.fc-dec b{display:block}.fc-dec span{color:var(--fc-muted);font-size:13px}
.fc-card-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #eef3f6;font-size:14px;position:relative;padding-inline-end:36px}.fc-card-row:first-of-type{border:0}
.fc-card-row .cc{width:44px;height:28px;border-radius:6px;background:linear-gradient(135deg,#1f3b57,#4b6d8c);color:#fff;font-size:9px;display:grid;place-items:end;padding:3px 5px;font-weight:700;letter-spacing:.05em;flex:none}
.fc-card-row .amt{margin-inline-start:auto;font-variant-numeric:tabular-nums;font-weight:700}.fc-card-row .amt small{display:block;color:var(--fc-muted);font-weight:500;font-size:12px;text-align:end}.fc-muted{color:var(--fc-muted);font-size:13px}
.fc-dec .c3-dots,.fc-card-row .c3-dots{position:absolute;inset-inline-end:0;top:8px}
.fc-panel-foot{margin-top:10px}
/* sheets of the cockpit */
.fc-rep-figs{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:10px 0}.fc-rep-figs div{display:flex;flex-direction:column}.fc-rep-figs span{font-size:12.5px;color:var(--fc-muted)}.fc-rep-figs b{font-variant-numeric:tabular-nums}
/* the rules in Innstillinger */
.fc-rules{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.fc-rule{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px}.fc-rule input{width:72px;text-align:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;font:inherit;font-weight:700}
/* Rettigheter: the managers' finance level */
.ad-access-fin .ad-acc-fixed{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef3f6;font-weight:700}
@media (max-width:760px){
  .fc-date{display:none}.fc-river{padding:14px 12px 8px}.fc-rv{height:170px}.fc-legend{display:none}.fc-wkbox{grid-template-columns:1fr}
  .fc-q{grid-template-columns:1fr}.fc-ans .big{font-size:32px}
  .fc-task{grid-template-columns:auto 1fr}.fc-task .acts{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.fc-two{grid-template-columns:1fr}.fc-todo .filters{display:none}}
@media (prefers-reduced-motion:reduce){.fc *,.fc *::before,.fc *::after{transition:none!important;animation:none!important}}

/* ---------- v1.76.0 Økonomi polish 1: routines that explain themselves, the document inside its department, RTL settings */
.rt-kind{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:2px 8px;background:#eef3f7;color:#35546a}
.rt-kind .ic{width:12px;height:12px}
.rt-k-report{background:#e8f0fb;color:#1f4f8f}.rt-k-filing{background:#fdf0e0;color:#8a4b00}.rt-k-handover{background:#e9f6ee;color:#1e6b3a}.rt-k-check{background:#f1ecfb;color:#5a3a9a}.rt-k-meeting{background:#fbeaf0;color:#9a2d55}
.hd-fu-ic.rt-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#eef3f7;color:#35546a;flex:none}
.hd-fu-ic.rt-ic .ic{width:18px;height:18px}
.hd-fu-ic.rt-k-report{background:#e8f0fb;color:#1f4f8f}.hd-fu-ic.rt-k-filing{background:#fdf0e0;color:#8a4b00}.hd-fu-ic.rt-k-handover{background:#e9f6ee;color:#1e6b3a}.hd-fu-ic.rt-k-check{background:#f1ecfb;color:#5a3a9a}.hd-fu-ic.rt-k-meeting{background:#fbeaf0;color:#9a2d55}
.hd-fu.rt .hd-fu-do{font-size:13px;color:#2f4b60;line-height:1.45}
.rt-links{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:4px}
.rt-links a{display:inline-flex;align-items:center;gap:4px;text-decoration:none}
.rt-proc{font-weight:700;color:var(--blue,#1d5fa8)}.rt-where b{font-weight:700}
.ntf-sub{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;color:#4f6b80;font-size:12px;margin:2px 0}
/* the document opened inside its department: the back link to the handbook list sits over the same guide page */
.dh-doc{display:flex;flex-direction:column;gap:10px}.dh-doc .dh-back{align-self:flex-start}.dh-doc .gp-top .gp-back{display:none}
/* numbers are Latin digits, left to right, with the unit outside the field — also under Arabic */
input[type=number]{direction:ltr;font-variant-numeric:tabular-nums;unicode-bidi:isolate}
/* (PM user audit 1 Nov, 6) a number is written with Latin digits in every language of the site; the browser picks the
   digits from the input's lang, so a numeric field is lang="en" whatever the page's lang (set in web/app.js) */
input[type=number],input[inputmode=numeric],input[inputmode=decimal]{font-variant-numeric:tabular-nums lining-nums}
.fin-num{display:flex;align-items:center;gap:6px}.fin-num input{flex:1;min-width:0}.fin-unit{color:#4f6b80;font-weight:700;font-size:13px;white-space:nowrap}
/* a rule is one sentence: its parts are isolated so the number reads inside a right-to-left sentence as well */
.fc-rule{unicode-bidi:isolate}.fc-rule .fc-rt{unicode-bidi:isolate}.fc-rule input{unicode-bidi:isolate;direction:ltr;font-variant-numeric:tabular-nums}
/* the goals: two columns on a desk (label above its field, equal widths), one on a phone; «Lagre» at the reading start */
.fin-goals,.fd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.fin-goals .field,.fd-grid .field{min-width:0}
.form-footer.start{justify-content:flex-start}
@media (max-width:760px){.fin-goals,.fd-grid{grid-template-columns:1fr}.hd-fu.rt .rt-links{width:100%}}
/* (fin-bank-truth) the balances read off the bank: one account per block, its four fields in a row on a wide screen */
.fd-bank-day{max-width:280px}.fd-bankrow{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);padding:12px 0;border-top:1px solid var(--line)}
@media (max-width:760px){.fd-bankrow{grid-template-columns:1fr}}

/* ---------- v1.76.0 Økonomi, the whole department (docs/briefs/fin-department.md) ---------- */
/* the reader in every tab: choose, photo or drop; the confirm sheet with the confidence of every field */
.fr-drop{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1.5px dashed #b9d3e3;background:#f7fbfe;border-radius:14px;padding:12px 14px;margin:0 0 14px;transition:background .15s,border-color .15s}
.fr-drop.over{background:var(--blue-soft);border-color:var(--blue)}.fr-ic{display:inline-flex;width:36px;height:36px;border-radius:10px;background:#fff;align-items:center;justify-content:center;color:var(--blue);flex:none}
.fr-t{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}.fr-t small{color:#4f6b80}.fr-pick{position:relative;overflow:hidden;cursor:pointer}.fr-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.fr-wait{display:flex;align-items:center;gap:10px;padding:18px 4px}.fr-spin{width:22px;height:22px;border-radius:50%;border:3px solid var(--blue-soft);border-top-color:var(--blue);animation:frs 0.9s linear infinite}@keyframes frs{to{transform:rotate(360deg)}}
.fr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.fr-f{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#3c6079;border-radius:10px;padding:6px 8px}
.fr-f input,.fr-f select{font:inherit;font-weight:500;border:1px solid var(--line);border-radius:9px;padding:7px 9px;width:100%}.fr-f.fr-low,.fr-low td,li.fr-low{background:#fff7e0}.fr-f.fr-low input,.fr-f.fr-low select{border-color:#e0b648}
.fr-l{display:flex;justify-content:space-between;gap:6px;align-items:center}.fr-conf{display:inline-flex;gap:3px;align-items:center;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px}
.fr-conf.c-hi{background:#e9f6ee;color:#1e6b3a}.fr-conf.c-mid{background:#eef3f7;color:#35546a}.fr-conf.c-lo{background:#fdf0e0;color:#8a4b00}.fr-conf .ic{width:11px;height:11px}
.fr-h{margin:14px 0 6px;font-size:14px}.fr-table input,.fr-table select{min-width:84px;width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:5px 6px}
.fr-match{list-style:none;margin:0;padding:0;display:grid;gap:6px}.fr-match li{display:grid;grid-template-columns:minmax(110px,auto) auto 1fr 130px auto;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px}
.fr-match select,.fr-match input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:6px 8px;min-width:0}.fr-num{font-variant-numeric:tabular-nums;font-weight:700}
.fr-lines ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;max-height:240px;overflow:auto}.fr-lines li{display:flex;gap:8px;align-items:center;font-size:13px}.fr-lines select{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:8px;padding:3px 5px}
.fr-ch{margin:0;padding-inline-start:20px;display:grid;gap:6px}.fr-ch li input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:6px 8px;width:100%}.fr-ch small{color:#4f6b80}
@media (max-width:760px){.fr-fields{grid-template-columns:1fr}.fr-match li{grid-template-columns:1fr 1fr;}.fr-match .fr-arrow{display:none}}
/* the kinds of a dated thing (calendar, Lønn, the report's «Neste periode») */
.ev-list{display:grid;gap:4px}.ev-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;text-decoration:none;color:inherit;border:1px solid var(--line);background:#fff}.ev-row:hover{border-color:#b9d3e3}
.ev-t{flex:1;min-width:0}.ev-a{font-variant-numeric:tabular-nums;white-space:nowrap}.ev-a.in{color:#1e7a46}.ev-a.out{color:#b23a33}.ev-late{color:#b23a33;font-style:normal;font-weight:700;font-size:12px}
.ev-k{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:2px 8px;white-space:nowrap;background:#eef3f7;color:#35546a}
.ev-k.g-in,.cal-i.g-in i{background:#e9f6ee;color:#1e6b3a}.ev-k.g-out,.cal-i.g-out i{background:#fdecea;color:#9b2c25}.ev-k.g-tax,.cal-i.g-tax i{background:#fdf0e0;color:#8a4b00}.ev-k.g-deadline,.cal-i.g-deadline i{background:#f1ecfb;color:#5a3a9a}.ev-k.g-routine,.cal-i.g-routine i{background:#e8f0fb;color:#1f4f8f}
.ev-days{display:grid;gap:12px}.ev-day h4{margin:0 0 6px;font-size:13px;color:#4f6b80;text-transform:capitalize}.ev-day.today h4{color:var(--blue)}
.fd-filters{flex-wrap:wrap}.fd-cal .section-heading{gap:10px;flex-wrap:wrap}
.cal-grid{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:8px}.cal-wd{display:grid;grid-template-columns:repeat(7,1fr);background:#f6f9fb;font-size:12px;font-weight:700;color:#4f6b80;text-transform:capitalize}.cal-wd span{padding:6px 8px}
.cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-d{min-height:96px;border-top:1px solid var(--line);border-inline-start:1px solid var(--line);padding:4px 5px;display:flex;flex-direction:column;gap:2px;min-width:0}
.cal-d:nth-child(7n+1){border-inline-start:0}.cal-d.out{background:#fbfcfd}.cal-d.today{background:#f2f9fd}.cal-n{font-size:12px;font-weight:700;color:#4f6b80}.cal-d.today .cal-n{color:var(--blue)}
.cal-i{display:flex;align-items:center;gap:4px;font-size:11.5px;min-width:0}.cal-i i{width:7px;height:7px;border-radius:50%;flex:none;background:#c8d6e0}.cal-i span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cal-i b{font-weight:700;font-variant-numeric:tabular-nums}
.cal-i.g-in i{background:#1f9d55}.cal-i.g-out i{background:#d4433b}.cal-i.g-tax i{background:#c98a14}.cal-i.g-deadline i{background:#7a55c8}.cal-i.g-routine i{background:#2c6fbf}
.cal-more{border:0;background:none;color:var(--blue);font-weight:700;font-size:11.5px;padding:0;text-align:start;cursor:pointer}.cal-dayl{margin-top:10px}
@media (max-width:760px){.cal-d{min-height:54px;padding:3px}.cal-i span,.cal-i b{display:none}.cal-i{display:inline-flex}.cal-d{flex-direction:row;flex-wrap:wrap;align-content:flex-start}.cal-n{width:100%}}
/* accounts: the kind as a marker, the number in figures */
.fin-kind{display:inline-flex;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:2px 8px;background:#eef3f7;color:#35546a;margin-inline-end:6px;vertical-align:1px}
.fin-kind.k-operating{background:#e8f0fb;color:#1f4f8f}.fin-kind.k-tax{background:#fdf0e0;color:#8a4b00}.fin-kind.k-holiday{background:#e9f6ee;color:#1e6b3a}.fin-kind.k-emergency,.fin-kind.k-reserve{background:#f1ecfb;color:#5a3a9a}
.fin-accno{font-variant-numeric:tabular-nums;letter-spacing:.02em}.fd-rhythm{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13.5px}.fd-rhythm li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.fd-renew{display:inline-flex;gap:4px;align-items:center;color:#4f6b80;font-size:12px;margin-top:2px}.fd-renew.soon{color:#8a4b00;font-weight:700}
.fin-chip.conta{background:#eef3f7;color:#35546a;padding:2px 8px}.fin-chip.ok{background:#e9f6ee;color:#1e6b3a;padding:2px 10px}
/* the budget's result under the table: the year so far (the same figure as «Hvordan går det?») and the month */
.fd-result{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 6px}.fd-res-fig{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:#fff;text-align:start;font:inherit;cursor:pointer;min-width:200px}
.fd-res-fig b{font-size:22px;font-variant-numeric:tabular-nums}.fd-res-fig b.neg{color:#b23a33}.fd-res-fig span{font-size:13px;font-weight:700;color:#4f6b80}.fd-res-fig small{color:#4f6b80}.fd-res-fig.m{cursor:default}
.fc-ytd{margin:2px 0 10px;font-weight:700;color:var(--fc-muted,#4f6b80)}
/* the river: the y-axis, the labels, the drops' sizes, the week's source chips, the sentence */
.fc-tick{stroke:#e4edf2}.fc-tick.zero{stroke:#cfdde6;stroke-dasharray:4 4}.fc-tick.res{stroke:#ead9a4}.fc-ax{font-size:10.5px;fill:#7b93a5;font-variant-numeric:tabular-nums}.fc-resl{font-size:11px;fill:#8a6400}
.fc-bl{font-size:11.5px;font-weight:800;fill:#3b4a56;paint-order:stroke;stroke:#fffdf6;stroke-width:3px}.fc-bl.low{fill:#b23a33}
.fc-legend .size{display:inline-flex;align-items:center;gap:5px}.fc-legend .size i{border-radius:50%;background:#9fb4c3;margin:0}.fc-legend .size i.s1{width:7.6px;height:7.6px}.fc-legend .size i.s2{width:24px;height:24px;margin-inline-start:6px}
.fc-wk:hover::after,.fc-wk:focus-visible::after,.fc-wk.on::after{content:attr(data-bal);position:absolute;top:2px;left:50%;transform:translateX(-50%);background:#24323d;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;white-space:nowrap;pointer-events:none}
.fc-chip{display:inline-flex;font-style:normal;font-size:10.5px;font-weight:800;text-transform:uppercase;border-radius:999px;padding:1px 6px;margin-inline-end:6px;background:#eef3f7;color:#35546a}
.fc-chip.s-invoice,.fc-chip.s-agreement{background:#e9f6ee;color:#1e6b3a}.fc-chip.s-payroll,.fc-chip.s-commitment,.fc-chip.s-vehicle{background:#fdecea;color:#9b2c25}.fc-chip.s-tax,.fc-chip.s-holiday{background:#fdf0e0;color:#8a4b00}
.fc-says{margin:10px 2px 0;font-size:14.5px;line-height:1.5;color:#2f4b60}
/* reports as documents */
.fd-replist .fin-row2{grid-template-columns:1fr auto auto}.fd-langs{display:inline-flex;gap:3px}.fd-langs span{font-size:10.5px;font-weight:800;text-transform:uppercase;border-radius:6px;padding:1px 5px;background:#f1f4f6;color:#9aaab6}.fd-langs span.on{background:#e9f6ee;color:#1e6b3a}
.fd-st{font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 9px;background:#eef3f7;color:#35546a;white-space:nowrap}.fd-st.st-corrected{background:#fdf0e0;color:#8a4b00}.fd-st.st-confirmed{background:#e9f6ee;color:#1e6b3a}
.fd-doc{padding:22px 26px;display:flex;flex-direction:column;gap:10px}.fd-doch{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fd-doch h2{margin:2px 0}.fd-repacts{display:flex;gap:6px;flex-wrap:wrap}
.fd-sec{border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.fd-sec h3{margin:0 0 8px;font-size:16px}.fd-figs{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.fd-fig{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff;font:inherit;text-align:start}.fd-fig b{font-size:18px;font-variant-numeric:tabular-nums}.fd-fig span{font-size:12px;color:#4f6b80}
button.fd-fig{cursor:pointer}button.fd-fig:hover{border-color:#e0b648;background:#fffbea}
.fd-written .lead{font-size:15.5px;font-weight:600}.fd-written p{line-height:1.6}.fd-missing{display:flex;gap:6px;align-items:center;background:#fff7e0;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700;color:#8a4b00}
.fd-corr{background:#fff7d6;border-radius:6px;padding:0 4px}.fd-corr em{font-style:normal;font-size:10.5px;font-weight:800;color:#8a6400;text-transform:uppercase}
.fd-call{display:flex;gap:8px;align-items:flex-start;border-radius:12px;padding:9px 12px;margin:6px 0;font-size:14px}.fd-call.warn{background:#fdecea;color:#7f231d}.fd-call.ask{background:#f1ecfb;color:#4a2f80}
.fd-actions{list-style:none;margin:6px 0;padding:0;display:grid;gap:4px}.fd-actions li{display:flex;gap:6px;align-items:baseline}.fd-actions small{color:#4f6b80;margin-inline-start:auto}
.fd-dec{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}.fd-dec small{display:block;color:#4f6b80}
.fd-goal{display:grid;grid-template-columns:160px 1fr auto auto;gap:10px;align-items:center;margin:6px 0;font-size:13.5px}.fd-bar{height:10px;border-radius:999px;background:#eef3f7;overflow:hidden}.fd-bar i{display:block;height:100%;background:var(--blue);border-radius:999px}
.fd-langsw{max-width:420px}.fd-doc.locked{border-color:#bfe3cc}.fd-river .fc-river{margin:8px 0 0}
@media (max-width:760px){.fd-doc{padding:16px 14px}.fd-goal{grid-template-columns:1fr auto;}.fd-goal .fd-bar{grid-column:1/-1}}
@media print{.no-print,.hd-top,.fr-drop,.fd-repacts,.fd-langsw{display:none!important}.fd-doc{border:0;box-shadow:none;padding:0}.fd-sec{break-inside:avoid}}
/* settings: the sections, the connections, the rights */
.fd-set h4{margin:14px 0 6px}.fd-conn{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 10px}.fd-conn-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fd-keyform{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.fd-keyform input{flex:1;min-width:200px;font:inherit;border:1px solid var(--line);border-radius:9px;padding:7px 9px}
/* v1.83.0 (fin-tripletex) the salary types and their class */
.fd-trip-read{margin:4px 0 0;font-size:.92em}.fd-trip-types{margin-top:8px}.fd-trip-types>summary{cursor:pointer;font-weight:600}.fd-trip-tl{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}.fd-trip-tl li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0;border-bottom:1px solid var(--line)}.fd-trip-tl li>span{flex:1;min-width:160px}.fd-trip-tl li>.fd-tt-kr{margin-inline-start:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.fd-trip-tl li>small{flex-basis:100%;color:var(--muted)}.fd-trip-tl li>small.fd-tt-none{color:#5b3c00;background:var(--warn-soft);border-radius:6px;padding:2px 6px;flex-basis:auto;font-weight:600}.fd-tt-head{display:flex;justify-content:space-between;gap:8px;margin:8px 0 0;font-size:.85em;color:var(--muted)}
.fd-rights select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:5px 8px}.fd-savebar{position:sticky;bottom:0;background:linear-gradient(transparent,#f6f9fb 30%);padding:10px 0}
.fin-num select{font:inherit;border:1px solid var(--line);border-radius:9px;padding:7px 9px}
.fd-table th,.fd-table td{white-space:normal;padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}.fd-table tbody th{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:600;color:inherit;background:none;border-bottom:1px solid var(--line)}
.fd-table td{text-align:start;font-size:13.5px}.fd-table td[dir=ltr]{text-align:end;font-variant-numeric:tabular-nums}.fd-table tr.late td,.fd-table tr.late th{color:#9b2c25}.fd-table .fin-sum th,.fd-table .fin-sum td{border-top:2px solid #d6e6f0;font-weight:800}
.fd-link{border:0;background:none;padding:0;font:inherit;font-weight:800;color:inherit;cursor:pointer;border-bottom:1px dashed #c9a33a}
.cs-setup .hd-others li small{margin-inline-start:8px;color:#4f6b80}
.fin-num select{flex:1;min-width:0}.fin-num select+input{max-width:84px}.fd-accset .fin-main>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
/* v1.76.0 Økonomi §12 «easy to use» (web/fin-ux.js): one sentence and one primary action at the top of every tab;
   adding in the side sheet with the reader first; the prototype's row everywhere; twelve months without sideways scroll */
.fd-intro{display:flex;justify-content:space-between;align-items:center;gap:14px 20px;flex-wrap:wrap}.fd-intro-t{flex:1 1 380px;min-width:0}
.fd-intro-t h2{margin:0;display:flex;align-items:center;gap:8px}.fd-do{margin:6px 0 0;font-size:15px;line-height:1.5;color:#35546a;max-width:72ch}
.fd-intro-a{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}.fd-intro-b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fd-intro-b>.btn{display:inline-flex;align-items:center;gap:6px}.fd-intro-b>.btn.primary{padding:10px 18px}
.fr-drop.fr-big{flex-direction:column;align-items:center;text-align:center;padding:26px 16px;gap:10px;margin:0}.fr-big .fr-ic{width:48px;height:48px}.fr-big .fr-t b{font-size:17px}
.fd-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:16px 0 10px}.fd-or::before,.fd-or::after{content:"";flex:1;border-top:1px solid var(--line)}
.sf-b .fd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-subh{margin:18px 0 8px;font-size:14px;color:#35546a}
/* the row: date pill · what/why · amount · state · action */
.fd-row{grid-template-columns:64px minmax(0,1fr) auto auto auto}.fd-row .fin-main small{white-space:normal}
.fd-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;min-height:42px;border-radius:12px;background:#f3f6f8;font-weight:800;font-size:13px;line-height:1.1;color:#15334d;text-align:center}
.fd-pill small{display:block;font-weight:600;font-size:11px;color:#637d91;margin-top:2px}.fd-pill.bad{background:#fdebe9;color:#b3362f}.fd-pill.warn{background:#fff3d6;color:#8a5a00}.fd-pill.none{color:#9aaab6}
.fin-st.st-soon{background:#fff3d6;color:#8a5a00}.fin-st.st-planned{background:#eef3f7;color:#35546a}.fin-st.st-open{background:#fff4dc;color:#8a5a00}.fin-st .ico{width:13px;height:13px;vertical-align:-2px;margin-inline-end:3px}
.fd-row .fin-act{align-items:center}.fd-row .fin-act>.btn{white-space:nowrap}.fd-what{color:inherit}.fd-renew{display:block;margin-top:2px;font-size:12px;color:#637d91}.fd-renew.soon{color:#8a5a00;font-weight:700}
@media(max-width:760px){.fd-row{grid-template-columns:60px minmax(0,1fr) auto;row-gap:6px}.fd-row>.fin-st,.fd-row>.fd-nost{grid-column:2;justify-self:start}.fd-row>.fin-act{grid-column:3;justify-self:end}
  .fd-row>.fin-amt{grid-column:3;grid-row:1}}
.fd-empty{border:1.5px dashed #cfdde6;border-radius:14px;padding:22px 16px;text-align:center;display:grid;gap:12px;justify-items:center}.fd-empty p{margin:0;max-width:60ch;color:#35546a}
/* figures that open their sources */
.fin-kpis .fd-fig2{cursor:pointer;text-align:start;font:inherit;color:inherit}.fin-kpis .fd-fig2:hover{border-color:#9cc3e2}.fd-fig2 b{unicode-bidi:isolate}
/* Bank og kontoer: name · number · balance with its date; the row opens the sheet */
.fin-acc{display:flex;align-items:center;gap:10px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff}.fin-acc:hover{border-color:#9cc3e2}
.fd-accrow{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:none;border:0;font:inherit;color:inherit;text-align:start;cursor:pointer;border-radius:12px}
.fd-accrow .fin-main b{font-size:15px}.fd-accrow .fin-accno{color:#637d91;font-size:13px}.fin-acc .fd-upd{margin-inline-end:12px;flex:none}
.fd-total{display:inline-flex;gap:8px;align-items:baseline;background:none;border:0;font:inherit;color:#35546a;cursor:pointer;border-bottom:1px dashed #9cc3e2;padding:0}.fd-total b{color:#15334d;font-size:16px}
.fd-bals{display:grid;gap:10px}.fd-alloc{list-style:none;margin:0;padding:0;display:grid;gap:6px}.fd-alloc li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:baseline;padding:6px 0;border-bottom:1px solid #eef3f6}.fd-alloc small{color:#637d91}
@media(max-width:560px){.fin-acc{flex-wrap:wrap}.fin-acc .fd-upd{margin:0 12px 12px}.sf-b .fd-grid{grid-template-columns:1fr}}
/* twelve months: six with «Neste» on a desk, month cards on the phone */
.fd-mg-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.fd-mg-t{width:100%;table-layout:fixed}.fd-mg-t th:first-child{width:22%}
.fd-mg-t th small{display:block;font-weight:600;color:#637d91;text-transform:none;letter-spacing:0}.fd-mg-t td{vertical-align:top}.fd-mg-t .now{background:var(--blue-soft)}
.fd-mg-c{display:none}.fd-mc{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.fd-mc.now{border-color:#9cc3e2}.fd-mc h4{margin:0 0 6px}
.fd-mc dl{margin:0;display:grid;gap:6px}.fd-mc dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.fd-mc dt{color:#35546a;font-size:13px}.fd-mc dd{margin:0;text-align:end}
@media(max-width:760px){.fd-mg-t{display:none}.fd-mg-c{display:grid;gap:10px}}
.fd-bcell{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;background:none;border:0;padding:4px 2px;font:inherit;color:inherit;text-align:start;border-radius:8px}
button.fd-bcell{cursor:pointer}button.fd-bcell:hover{background:#f3f8fb}.fd-bcell span{font-size:12px;color:#637d91}.fd-bcell small{font-size:11.5px;font-weight:700}.fd-bcell small.ok{color:#1d7a46}.fd-bcell small.bad{color:#b3362f}.fd-bcell .neg{color:#b3362f}
.fd-mc .fd-bcell{align-items:flex-end;text-align:end}.fd-bhead{background:none;border:0;font:inherit;color:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;padding:0;border-bottom:1px dashed #9cc3e2}
.fd-plain{list-style:none;margin:0;padding:0;display:grid;gap:6px}.fd-plain li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef3f6;padding:5px 0}
.fd-quiet{margin-top:10px}.fd-conta-line{display:flex;align-items:center;gap:6px;margin:-4px 2px 10px}.fd-rt-add{margin:10px 0}
.fin-acc .fin-acc-bal{display:flex;flex-direction:column;align-items:flex-end;text-align:end;flex:none}.fin-acc .fin-acc-bal small{color:#637d91;font-size:12px}
.fd-accrow .fin-main{flex:1;min-width:0}.fd-accrow .fin-main b,.fd-accrow .fin-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:560px){.fd-accrow{flex-basis:100%}.fin-acc .fd-upd{margin:0 14px 12px}}
/* a list in a narrow column (the side column of a tab) takes the phone's row */
.fin-rows{container-type:inline-size}
@container (max-width:560px){.fd-row{grid-template-columns:60px minmax(0,1fr) auto;row-gap:6px}.fd-row>.fin-st,.fd-row>.fd-nost{grid-column:2;justify-self:start}.fd-row>.fin-act{grid-column:3;justify-self:end}.fd-row>.fin-amt{grid-column:3;grid-row:1}}
/* a heading with filters: the filters wrap under the heading, and wrap themselves, before the page would scroll sideways */
.fd-segh{flex-wrap:wrap;gap:8px 12px}.fd-segh .c3-seg{max-width:100%;flex-wrap:wrap}.fd-segh .c3-seg-b{white-space:nowrap}
/* v1.76.2 (fin-design §11) every department's tab strip shows every tab: on a desk it wraps to a second row (nothing
   clipped, no sideways scroll); on a phone one row that scrolls, fading at the end edge with a small chevron */
@media (min-width:900px){.hd-tabs{flex-wrap:wrap;row-gap:6px;overflow:visible}.hd-tabs>*{flex:0 0 auto}}
@media (max-width:899.98px){.hd-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(to right,#000 82%,rgba(0,0,0,.35));mask-image:linear-gradient(to right,#000 82%,rgba(0,0,0,.35));
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23263A40' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-attachment:scroll;padding-inline-end:22px}
  [dir=rtl] .hd-tabs{-webkit-mask-image:linear-gradient(to left,#000 82%,rgba(0,0,0,.35));mask-image:linear-gradient(to left,#000 82%,rgba(0,0,0,.35));background-position:left 4px center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23263A40' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")}}
/* v1.77.0 the shared definitions (Salg and Økonomi handbooks): one list, the term above its meaning */
.defs-block{margin-top:14px;padding:16px 18px}
.defs-block h3{margin:0 0 4px}
.defs-block dl.defs{margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 18px}
.defs-block dl.defs>div{border-inline-start:3px solid var(--line,#e5e7eb);padding-inline-start:10px}
.defs-block dt{font-weight:800}
.defs-block dd{margin:2px 0 0;color:var(--muted,#596079);font-size:13.5px;line-height:1.45}
/* v1.77.0 the reconciliation panel (Salg and Økonomi): a table on a desktop, stacked label · figure rows on a phone */
.rec-wrap{max-width:100%;overflow-x:auto}.rec-wrap .rec-t{width:100%;margin-bottom:10px}.rec-wrap .rec-t td{text-align:end;font-variant-numeric:tabular-nums}
/* (PM review 1 of #607, 3) .fin-table is nowrap; a cell with Conta's and Tripletex's booked amounts («x kr (y kr bokført)»)
   wraps inside its column, so the table stays inside Innstillinger's column at 1440 px and never scrolls sideways */
.rec-wrap .rec-t td,.rec-wrap .rec-t th{white-space:normal;overflow-wrap:anywhere}
/* (Økonomi audit 8) the table is wider than the content at 768–1099 px too: the stacked rows up to 1100 */
@media (max-width:1099.98px){.rec-wrap .rec-t thead{display:none}.rec-wrap .rec-t,.rec-wrap .rec-t tbody,.rec-wrap .rec-t tr{display:block;width:100%}
  .rec-wrap .rec-t tr{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:6px 10px;margin-bottom:8px}.rec-wrap .rec-t th{display:block;text-align:start;padding:2px 0 4px}
  .rec-wrap .rec-t td{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border:0;white-space:normal}.rec-wrap .rec-t td::before{content:attr(data-label);color:var(--muted,#596079);font-weight:600;text-align:start}}
/* v1.76.9 (fin-truth §3) the period control, on every data view */
.per{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px}.per select{min-height:38px;border-radius:10px;padding:0 10px;border:1px solid var(--line,#d8dde6);background:#fff;font:inherit;font-weight:600}
.per-c{display:inline-flex;gap:6px;align-items:center}.per-c input{min-height:38px;border-radius:10px;border:1px solid var(--line,#d8dde6);padding:0 8px;font:inherit}.per-s{color:var(--muted,#5b6475);font-size:12.5px}
.ix-txt{white-space:pre-line}
/* v1.76.9 (fin-truth §1) a key figure: the number opens its rows («Kilde»), the ⓘ explains it */
.ad-kpi.fig-c{position:relative}.ad-kpi .rc-kfig{all:unset;display:block;cursor:pointer;width:100%;box-sizing:border-box;padding-inline-end:28px}.ad-kpi .rc-kfig:focus-visible{outline:2px solid var(--brand,#0a84d6);outline-offset:2px;border-radius:8px}
.ad-kpi .rc-kfig b,.ad-kpi .rc-kfig span,.ad-kpi .rc-kfig small{display:block}.ad-kpi.fig-c>.ix{position:absolute;top:6px;inset-inline-end:6px}
.kfig{position:relative}.kfig>.kfig-a{all:unset;display:block;box-sizing:border-box;width:100%;cursor:pointer;padding-inline-end:26px}.kfig>.kfig-a:focus-visible{outline:2px solid var(--brand,#0a84d6);outline-offset:2px;border-radius:8px}
.kfig>.kfig-a b{display:block}.kfig>.ix{position:absolute;top:6px;inset-inline-end:6px}
.ad3-tile{position:relative}.ad3-ix{position:absolute;top:10px;inset-inline-end:10px;z-index:1}
/* v1.77.1 (S2) a list of deals to tick (a campaign's leads, an initiative's deals) and an initiative's milestones */
.mk-leadlist{display:grid;gap:4px;max-block-size:280px;overflow:auto;padding:4px 0}.mk-leadlist label{display:flex;align-items:center;gap:6px;min-width:0}.mk-leadlist label span{overflow-wrap:anywhere}
.sov-msf{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:8px 12px;display:grid;gap:6px;min-width:0}
.sov-msr{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.sov-msr input{min-width:0}
@media (max-width:560px){.sov-msr{grid-template-columns:1fr 1fr}.sov-msr input[name^="ms_name"]{grid-column:1/-1}}
/* v1.77.6 (fin-followup-1 §3) Kjøretøy and Lager: the costs and movements of the chosen period */
.rc-period .rcp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:10px 0}
.rc-period .rcp-tile{border:1px solid #e3e7ee;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.rc-period .rcp-tile span{font-size:12px;color:#5b6475}.rc-period .rcp-tile b{font-size:17px}
.rc-period h3{font-size:14px;margin:12px 0 4px}.rc-period .rcp-table th small{color:#5b6475;font-weight:400}
/* v1.77.6 (fin-followup-1 §5) the brand of a deal from the offers mailboxes */
.sal-brand{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:1px 7px;border-radius:999px;background:#eef0f6;color:#2c3550;margin-inline-start:6px;vertical-align:middle}
.sal-brand.b-rengo{background:#e8f1ff;color:#1d4fa3}.sal-brand.b-ggov{background:#e9f7ef;color:#1f6b45}
.rc-head-main .rc-src{display:block;color:#5b6475;font-size:12px}
.sal-om-box{border:1px solid #e3e7ee;border-radius:12px;padding:10px 12px;margin:8px 0}.sal-om-box h4{margin:0 0 4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sal-om-box h4 .sal-brand{margin:0}
.sal-om-form .sal-om-brand{max-width:120px}
/* v1.77.9 (sales-simple §8.7) the board fits a desk without scrolling sideways: seven narrow stages, counts on top */
@media (min-width:1100px){.rc-board{grid-auto-flow:initial;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-columns:initial;overflow-x:visible}.rc-board>*{min-width:0}.rc-board .rc-card{overflow-wrap:anywhere}}
/* site audit G5 (v1.78.x): a name in a table row is written as it is, never upper-cased (G5.16, G5.18); Markedsføring's
   «⋯» menus, the plan's kinds, the suggestions and one row per customer and day (G5.1, G5.9–G5.11); Kjøretøy's reg. number
   help (G5.5); Lager's link to Innkjøp (G5.17) */
tbody th{text-transform:none;letter-spacing:0;font-size:13px}
.mk-planbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.mk-planbar .hd-filters{display:flex;flex-wrap:wrap;gap:6px}
.mk-more{position:relative;display:inline-block}.mk-more>summary{list-style:none;cursor:pointer}.mk-more>summary::-webkit-details-marker{display:none}
.mk-more[open] .mk-more-menu{position:absolute;inset-inline-end:0;top:100%;z-index:20;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.08);min-width:190px}
.mk-more:not([open]) .mk-more-menu{display:none}
.mk-sug-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mk-sug-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.mk-sug-row .mk-sug-main{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px}.mk-sug-row .mk-sug-main small{color:var(--muted)}
.mk-sug-row .fin-act{display:flex;gap:6px;flex-wrap:wrap}
.mk-groups{display:grid;gap:8px}.mk-group{border:1px solid var(--line);border-radius:12px;padding:8px;list-style:none}.mk-group.late{border-color:#f0c2c2;background:#fff8f8}
.mk-group-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:4px 4px 8px}.mk-group-h .fin-main{flex:1 1 200px;min-width:0;display:flex;flex-direction:column}
.mk-group-items{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rc-reghelp{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.rc-finmatch{margin:6px 0 2px;font-weight:600;flex-basis:100%}.rc-finmatch-l{margin:0;padding-inline-start:18px;flex-basis:100%}
.rc-pur-link{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0}.rcp-unreg th small{font-weight:600}
/* v1.78.x site audit G1: Dagens plan in Mitt arbeid; the chair of a meeting; one select per mailbox (Postkasser) */
.my-plan .c3-prog{margin:8px 0;background:#e3ecf3}.my-plan .c3-prog i{background:#1b7fc4}.my-plan-n{margin:6px 0 10px;font-weight:600}
.my-chair{margin:8px 0 0;color:#4d6577;font-size:14px;display:flex;gap:6px;align-items:center}
.in-acc-use{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}.in-acc-use select{max-width:420px;width:100%}.in-acc-use.field{display:grid;gap:4px;justify-items:start;text-align:start}
@media(min-width:821px){.in-mail-add{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}
/* v1.78.x (site audit G4.3, G4.11, G4.12) a guide card opens with a tap anywhere; its other actions are in «⋯» */
.gl-card{position:relative}.gl-card .gl-title::after{content:"";position:absolute;inset:0;z-index:1}
.gl-card .gs-grip,.gl-card>.gl-dots{z-index:2}.gl-card>.gl-dots{position:absolute;top:8px;inset-inline-end:8px}
.gl-card>.gl-dots .c3-dots-b{background:#fff;border-color:var(--line);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.gl-stats.gl-none{color:var(--muted);font-weight:600}.gl-stats.gl-none .ic{width:13px;height:13px;vertical-align:-2px;margin-inline-end:4px}
.heading-actions .gs-head-dots{margin-inline-start:4px}
/* v1.78.x (site audit G4.5) Drift: one primary button on Oversikt, the type of each row in the one list, the way back */
.qa-drift .qa-head{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-bottom:10px}
.qa-tag{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-inline-end:6px}.qa-tag .ic{width:12px;height:12px}
.qa-place-row,.qa-check-row{display:flex;align-items:center;gap:8px}.qa-place-row>.hd-row-link,.qa-check-row>.hd-row-link{flex:1;min-width:0}
.qa-back{margin:0 0 8px}.qa-more li a{display:flex;align-items:center;gap:10px}.qa-more li a>span{display:grid;flex:1}
.gl-train{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}
.gl-train>span{display:grid;flex:1;min-width:0}.gl-train small{color:var(--muted)}.gl-train>.ic:first-child{color:var(--blue);width:20px;height:20px}
/* v1.78.2 the goal tile's parts on their own lines inside its link; the status mark at the bottom, clear of the ⓘ */
.hd-goal .kfig-a{display:flex;flex-direction:column;align-items:flex-start;padding-inline-end:30px;color:inherit;text-decoration:none}
.hd-goal i{top:auto;bottom:10px}
/* site audit G5.23: five headline figures; the others behind «Vis flere tall» (Kundeservice → Rapporter) */
.hd-more-figs{margin:10px 0 0}.hd-more-figs>summary{list-style:none;cursor:pointer;display:inline-flex}.hd-more-figs>summary::-webkit-details-marker{display:none}
.hd-kpis-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}
/* func-audit B4 (group b4): the deal's price while typing; the step sheet («Tilbud sendt», «Vunnet», «Tapt»); a
   campaign's spend from Økonomi on its row */
.fb4-live{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--brand-tint,#eef4ff);font-weight:700;overflow-wrap:anywhere}
.fb4-sheet .c3-lbl{display:block;margin:14px 0 6px}.fb4-sheet .c3-lbl:first-child{margin-top:0}.fb4-sheet textarea.fi{height:auto;padding:10px 12px}.fb4-sheet .fb4-file{inline-size:100%;max-inline-size:100%;font:inherit;font-size:13.5px}
.fb4-or{display:flex;align-items:center;gap:8px;margin:12px 0 4px;color:var(--text-2);font-size:13px}.fb4-or::before,.fb4-or::after{content:"";flex:1;border-top:1px solid var(--line)}
.fb4-have{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--text-2);margin:6px 0 0;overflow-wrap:anywhere}
.fb4-err{margin:10px 0 0;color:var(--bad);font-weight:700;font-size:13.5px}
.mk-camp-fin{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:6px 0 0;font-size:13px;color:var(--text-2)}
/* func-audit B5 (Møter, Kjøretøy, Innkjøp / Lager): the invitation's answers in the attendance, a task's decision, the
   invite sheet's list, the line that a vehicle's costs are Økonomi's variable costs */
.mtg-rsvp{display:inline-block;font-size:.72rem;font-weight:800;padding:1px 8px;border-radius:999px;background:#eef1f4;color:#4b5b68;margin-inline-start:4px;white-space:nowrap}
.mtg-rsvp.a-yes{background:#e7f6ee;color:#18884f}.mtg-rsvp.a-maybe{background:#fff4dc;color:#a66300}.mtg-rsvp.a-no{background:#fdeeee;color:#b02a2a}
.mtg-fromdec{display:block;font-style:normal;font-size:.78rem;color:var(--muted,#5b6b78)}
.mtg-dec-task{margin-top:6px;grid-column:1/-1}.mtg-item.rc-flash{outline:2px solid #2b7bd6;outline-offset:3px;transition:outline-color .6s}
.rc-declink{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;color:#2b6cb0;font:inherit;cursor:pointer;text-align:start}
.rc-declink:hover span{text-decoration:underline}
.rc-invite-who{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}.rc-invite-who li{display:flex;align-items:center;gap:8px}
.rc-finline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}
.field[data-place-new][hidden]{display:none}
/* functional audit B2 (fab/b2): archive sheet choices, an agreement's end date, «Ny» in the Team feed, the award preview,
   the note field of a distinction, and the new-case sheet at 390 px (its grid never wider than the sheet, so «أو» is whole) */
.op-arch-list{margin:6px 0 12px;padding-inline-start:20px}.op-arch-opts{border:0;margin:0;padding:0;display:grid;gap:8px}.op-arch-opts legend{font-weight:700;font-size:13.5px;margin-bottom:6px}
.op-arch-opt{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;cursor:pointer}.op-arch-opt:has(input:checked){border-color:var(--primary,#0b6bcb);background:color-mix(in srgb,var(--primary,#0b6bcb) 6%,#fff)}
.op-arch-opt input{margin-top:3px;flex:none}.op-arch-opt span{display:grid;gap:2px;min-width:0}.op-arch-opt small{white-space:normal}
.op-agr-ends{display:inline-flex;align-items:center;gap:6px;margin:4px 0;font-size:13px;font-weight:700;color:#9a5b12}
.op-lang-empty{font-weight:500;opacity:.8}
.so-new{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;background:#e8f2ff;color:#0b5cad;margin-inline-start:auto;white-space:nowrap}
.so-new+.so-kind{margin-inline-start:6px}
.so-award-preview{margin:8px 0;padding:10px 12px;border-inline-start:3px solid #d4a017;background:#fffaf0;border-radius:8px;white-space:normal;overflow-wrap:anywhere}
/* (open-in-place-site) the open post (?open=<id>): its comments are a section right under it, joined to the card, the
   list's whole width; the post a link opened has the focus ring */
.so-post[aria-current="true"]{scroll-margin-top:84px}
.so-post[aria-current="true"]:focus{outline:3px solid var(--blue);outline-offset:3px}
.so-post.open{border-end-start-radius:0;border-end-end-radius:0}
.so-post.open .so-act.comment.open{color:#1b4f8a;background:#eef4fa}
.so-post-in{margin-top:-14px;background:#fff;border:1px solid var(--line);border-top:1px dashed var(--line);border-radius:0 0 16px 16px;padding:12px 16px 14px;box-shadow:0 1px 2px rgba(18,52,74,.04);min-width:0}
.so-post.note+.so-post-in{border-inline-start:4px solid #0a84d6}.so-post.priv+.so-post-in{background:#fbfaff;border-inline-start:4px solid #7a5cd6}
@media (max-width:720px){.so-post-in{padding:10px 12px 12px}}
.c3-sheet textarea.fi{height:auto;min-height:96px;padding:10px 12px;resize:vertical;line-height:1.5;width:100%}
form.ck-newform{grid-template-columns:minmax(0,1fr)}form.ck-newform>*{min-width:0}form.ck-newform .ck-contact{grid-template-columns:minmax(0,1fr)}
.ck-order-find .ck-or{flex:none;align-self:flex-end;padding-inline:2px;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center}
@media (max-width:760px){.ck-order-find .ck-or{min-height:44px}form.ck-newform .ck-grid2,form.ck-newform .ck-grid3{grid-template-columns:minmax(0,1fr)}}
form.ck-newform .ck-contact .c3-seg{display:flex;width:100%;max-width:100%}form.ck-newform .ck-contact .c3-seg button{flex:1 1 0;min-width:0;white-space:normal;height:auto;min-height:44px;padding:6px 8px;line-height:1.3}
/* decisions 28 Oct — group a (decision 2): the place's team under its address, the team pick in the people table */
.dA-placeteam{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 0;color:var(--ink)}.dA-placeteam>svg{flex:none;opacity:.7}
.team-table select[data-team-rt]{min-width:0;max-width:100%}

/* decisions 28 Oct — group c: a purchase order's approval, a lead's one campaign question */
.dc-approved{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}
.dc-approved svg{color:var(--success,#15803d);flex:none}
.dc-approval .btn{margin-top:4px}
.dc-ask-list{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.dc-ask-list .btn{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;text-align:start;white-space:normal;min-width:0}
.dc-ask-list .btn small{font-weight:400;color:var(--muted)}
.dc-camp{display:inline-flex;align-items:center;gap:6px}
/* Decisions 28 Oct — group b: the tied tax account's own line (5) and «I Conta ✓» on a vehicle's bill (8) */
.db-tiedline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 16px;font-size:13px;color:var(--muted)}
.db-tiedsum{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.db-inconta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;min-width:0}
.db-inconta .db-openconta{padding-inline:0;min-height:0;white-space:nowrap}
.db-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--ok-soft,#e5f4ea);color:var(--ok,#1f7a3d);white-space:nowrap}
/* (group b) an account row on a phone: the name and the balance get the full width, the buttons go under them (the
   tied line made the clipped balance visible: .fin .fd-accrow{flex:1} beat the phone rule's flex-basis) */
@media(max-width:560px){.fin .row.fin-acc .fd-accrow{flex:1 1 100%}.fin .fin-acc .fin-acc-bal{flex:none;max-width:55%}.fin .fin-acc .fin-acc-bal small{white-space:normal}}
/* site review 28 Oct, group x (3.7): an alert's button shows on the phone too (below the text when it does not fit), and
   a row that stands for several («Vis de 3») unfolds one row per item, each with its own button */
.srx-al-grp>summary{list-style:none;cursor:pointer}.srx-al-grp>summary::-webkit-details-marker{display:none}
.srx-al-grp[open]>summary{border-color:#cfe2ee}.srx-al-items{margin-top:6px;padding-inline-start:16px}
@media (max-width:640px){.ad-alert-row{flex-wrap:wrap;row-gap:4px}.ad-al-main{flex:1 1 calc(100% - 40px)}.ad-go{display:inline-flex;align-items:center;gap:4px;margin-inline-start:auto;white-space:normal}}
/* site review 28 Oct, group x (3.13): one top bar on every page — outside Administrasjon the page's name sits where the
   department switcher is; a long name wraps between words, never cut */
.srx-here-n{display:inline-flex;gap:6px;align-items:center;min-height:36px;padding:0 10px;font-weight:650;font-size:14px;color:var(--text);white-space:nowrap}
@media (max-width:760px){
  .srx-here{min-width:0;flex:1 1 auto}.srx-here-n{font-size:16px;min-height:44px;padding:0 4px;white-space:normal;line-height:1.15;min-width:0}
  .srx-here-n>span{overflow-wrap:break-word;min-width:0}
  /* outside Administrasjon the phone's bar keeps the language and «Logg ut» (as before); «Vis meg rundt» is then in the
     search (⌘K) list, so the page's name has room */
  .topbar.c3-topbar.srx-topbar .lang{display:block}.topbar.c3-topbar.srx-topbar [data-action="logout"]{display:inline-flex}
  .topbar.srx-topbar .c3-tourbtn{display:none}
}
/* site review 28 Oct, group x (3.11): a visit's address on its own line */
.my-rec small.srx-addr{display:block}
/* site review 28 Oct, group x (3.9): Kjøretøy's cost table fits at 1366 px — its column heads wrap between words instead
   of pushing «Sum kostnader» out on the right; the figures stay on one line */
.rcp-table thead th{white-space:normal;vertical-align:bottom;min-width:64px;max-width:150px;line-height:1.25}
.rcp-table thead th:not(:first-child){text-align:end}
/* (group d, site review 3.10) a chip row's ⓘ sits in the row, after the last chip, centred on it */
.c3-chips>.ix{flex:none;align-self:center;margin-inline:6px 2px}
/* site review 28 Oct (3.13, lead): the shared top bar outside Administrasjon keeps the app's own font, so the first
   screen (Mitt arbeid) does not fetch the design fonts (tests/perf.mjs: ≤ 20 static files, < 400 KB) */
.c3-topbar.srx-topbar,[dir=rtl] .c3-topbar.srx-topbar{font-family:inherit}
/* v1.119.0 (session-end §2) signed out while working: the sign-in over the page; the page and its forms stay as they are */
.reauth{border:0;border-radius:18px;padding:24px;width:min(calc(100vw - 32px),420px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 80px rgba(0,30,50,.3);color:var(--ink);background:#fff}
.reauth::backdrop{background:rgba(10,38,58,.45)}
.reauth h2{margin:0 0 6px;font-size:20px}.reauth p{margin:0 0 4px;color:#3c6079;line-height:1.45}
.reauth .field input{font-size:16px}
.reauth-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.reauth-act .btn{min-height:44px}.reauth-act .btn.primary{flex:1 1 auto}
@media (max-width:480px){.reauth{padding:20px}.reauth-act .btn{flex:1 1 100%}}

/* (cs-google-gbp.md) Google Business Profile in Innstillinger → Google; a review no longer in Google, greyed */
.gbp{display:grid;gap:8px;margin-bottom:12px}.gbp-locs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gbp-locs li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.gbp-loc-n{margin-inline-start:auto;color:var(--muted);font-variant-numeric:tabular-nums}
.op-item.gone{opacity:.62;background:#f7f7f7}.op-gone{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 8px}
/* (stale-version) a newer version is out while something is unsaved: one thin bar on top, the page stays as it is */
.stale-bar{position:fixed;inset-inline:0;top:0;z-index:2147483000;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;padding:8px 16px;background:var(--ink);color:#fff;font-size:15px;line-height:1.4;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.stale-bar .btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;background:#fff;color:var(--ink);border:0}
:where([dir=rtl]) .stale-bar{font-size:16px;line-height:1.6}
/* (oppdrag-intake-and-files) the reader's preview for «Faste oppdrag: avtale», «Les fra dokument», «Ordrer uten avtale» */
.in-suggest{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.in-suggest>span{flex:1 1 220px}
.in-suggest .btn,.in-form .btn,.in-form select,.in-form input:not([type=checkbox]){min-height:44px}
.in-words{margin:2px 0 0}.in-from-order{margin:2px 0 0}
.in-targets-help{margin:4px 0}.in-targets-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;color:var(--muted,#5b6472)}
.in-targets-help ul{margin:4px 0 8px;padding-inline-start:20px;font-size:.9rem;line-height:1.5}
.op-orders .op-order-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.op-order{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.op-order-main{display:flex;flex-direction:column;min-width:0}.op-order .btn{min-height:44px}
.op-read-up{min-height:44px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.op-read-wait{list-style:none;margin:0;padding:0;display:grid;gap:6px}.op-read-pick{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}
.op-read-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.op-fill-acts{display:inline-flex;gap:6px;flex-wrap:wrap}
.op-agr-order{margin:4px 0;font-size:.92rem}

/* (cs-thread-colours, owner 6 Nov 02:55) who wrote it: orange the customer, blue us to the customer, red internal. The
   label text has the same colour, so each is dark enough for 4.5:1 on its message's background */
:root{--ln-customer:#a14a07;--ln-us:#1d4ed8;--ln-internal:#b91c1c}
.hd-thread .hd-msg.ln-cust,.hd-thread .hd-ev.ln-cust{border-inline-start:4px solid var(--ln-customer)}
.hd-thread .hd-msg.ln-us,.hd-thread .hd-ev.ln-us{border-inline-start:4px solid var(--ln-us)}
.hd-thread .hd-msg.ln-int,.hd-thread .hd-ev.ln-int{border-inline-start:4px solid var(--ln-internal)}
.hd-thread .hd-ev.ln-us,.hd-thread .hd-ev.ln-int,.hd-thread .hd-ev.ln-cust{padding-inline-start:8px}
.hd-thread .hd-msg.ln-cust .hd-msg-lbl{color:var(--ln-customer);font-weight:650}.hd-thread .hd-msg.ln-us .hd-msg-lbl{color:var(--ln-us);font-weight:650}.hd-thread .hd-msg.ln-int .hd-msg-lbl{color:var(--ln-internal);font-weight:650}
.hd-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 10px;font-size:12.5px;color:var(--text-3,#6a7c88)}
.hd-lg{display:inline-flex;align-items:center;gap:6px;font-weight:650}.hd-lg::before{content:"";width:4px;height:14px;border-radius:2px;background:currentColor}
.hd-lg.ln-cust{color:var(--ln-customer)}.hd-lg.ln-us{color:var(--ln-us)}.hd-lg.ln-int{color:var(--ln-internal)}
.nb-item{border-inline-start:4px solid var(--ln-internal)}
.hd-sev-do{border-inline-start:4px solid var(--ln-internal);padding-inline-start:8px}
/* (no-sheets-site, owner 6 Nov 17:38) a view of its own in the main column, under the page's tabs or heading (web/page-view.js) */
.pv{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);max-width:760px;margin:0 0 24px;overflow:hidden}
.pv-h{display:flex;gap:14px;align-items:flex-start;padding:20px 22px 14px;border-bottom:1px solid var(--line)}
.pv-t{flex:1;min-width:0}.pv-h h1{margin:2px 0;font-size:22px;line-height:1.3;overflow-wrap:anywhere}.pv-h p{margin:2px 0 0}
.pv-lead{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--blue-soft);color:var(--blue-strong)}.pv-lead svg{width:22px;height:22px}
.pv-b{padding:16px 22px}
.pv-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 22px;border-top:1px solid var(--line)}
@media (max-width:760px){.pv{border-radius:16px}.pv-h,.pv-b,.pv-f{padding-inline:14px}.pv-f .btn{flex:1 1 auto;min-height:44px}}

/* (intake-all-targets §4) a row of Dokumentmottak opens in place under itself: the head (the row, the link to what was
   made, «⋯») and the review below it; on a phone the head wraps and the document comes under the fields */
.in-row-head{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.in-row-open{flex:1 1 260px;width:100%;font:inherit;text-align:start;cursor:pointer;min-height:44px}
.in-row.open>.in-row-head .in-row-open{border-color:#9cc3e2;background:#fafdff}
.in-row-result{flex:none}.in-row .c3-dots{flex:none}
.in-open{margin:8px 0 4px;padding-inline-start:12px;border-inline-start:3px solid #9cc3e2}
.in-row.st-saving .in-row-open{opacity:.7}
@media(max-width:820px){.in-open{padding-inline-start:0;border-inline-start:0}.in-row-result{flex:1 1 auto}}
/* (no-sheets-site, PM review 1 of #542) a form in a view, as it was in the side sheet: each label on its own line above its
   field, the fields full width with the same border, height and type (.fi and .c3-lbl were styled only inside a sheet) */
.pv .c3-lbl{display:block;font-size:13px;font-weight:700;color:var(--text-2);margin:14px 0 6px}.pv .pv-b>.c3-lbl:first-child,.pv .pv-b>div>.c3-lbl:first-child{margin-top:0}
.pv :is(.fi,.pv-b input:not([type=checkbox]):not([type=radio]):not([type=file]),.pv-b select,.pv-b textarea){box-sizing:border-box;display:block;width:100%;min-height:42px;border-radius:12px;border:1.5px solid var(--line);padding:8px 12px;font:inherit;font-size:14.5px;color:var(--text);background:#fff}
.pv .pv-b textarea{min-height:96px;line-height:1.5;resize:vertical}.pv .pv-b :is(input,select,textarea):focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,140,240,.12)}
@media (max-width:760px){.pv .pv-b :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select){min-height:44px}}

/* (intake-all-targets PR 2) a field the reader did not find: empty, and marked under it */
.in-fx{display:flex;flex-direction:column;gap:2px;min-width:0}.in-miss{color:#9a5b00;font-size:.8rem;display:flex;align-items:center;gap:4px}
/* (open-in-place-site) Møter: the open meeting under its card, the list's whole width */
.rc-grid>.rc-open{grid-column:1/-1;min-width:0}.rc-cardw.open>.rc-card{outline:2px solid var(--blue);outline-offset:-2px}
/* (open-in-place-site) Personal: the open file under its card, the list's whole width */
.sfc-grid>.sf-open{grid-column:1/-1;min-width:0}.sfc-wrap.open>.sfc{outline:2px solid var(--blue);outline-offset:-2px}
/* (open-in-place-site) Markedsføring: an item's title is its row's button; the item opens under the row (.mk-in) */
.mk-rowbtn{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:start;cursor:pointer;border-radius:6px}
.mk-rowbtn:hover b{text-decoration:underline}.mk-rowbtn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.mk-item.open>.fin-row{border-color:#9cc3e2;background:#f6fafc;border-end-start-radius:0;border-end-end-radius:0}
.mk-in{list-style:none;margin-top:-1px;border:1px solid #9cc3e2;border-top:1px dashed var(--line);border-radius:0 0 10px 10px;background:#fff;padding:12px 14px;min-width:0}
.mk-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0}
.mk-facts>div{display:contents}.mk-facts dt{color:var(--muted)}.mk-facts dd{margin:0;overflow-wrap:anywhere}
.mk-facts .mk-note{white-space:pre-wrap}.mk-in-acts{display:flex;gap:8px;margin-top:10px}.mk-in .fin-editf{margin:0}
@media(max-width:640px){.mk-facts{grid-template-columns:minmax(0,1fr)}.mk-facts dt{font-size:.85rem}}