/* ============================================================
   Vikingbad resultatportal – resultatportal.css
   Erstatter alle #individual-root .lg-*, .iv-* og .ai-*-regler i
   summary-view.css. Alle farger er :root-variabler. Ingen logikkendring.
   ============================================================ */

:root{
  --sort:#1B1B1B; --dempet:#252525; --hvit:#FFFFFF;
  --sand:#EFE9DE; --strek:#DED8C8;
  --oransj:#F4835A; --brun:#AD4A26; --oliven:#5E6A60;
  --gronn:#245535;
  --tekst:#252525;
  --h:'Hanken Grotesk',Arial,sans-serif;
  --b:'Manrope',Arial,sans-serif;
  --r:4px;
  --maks:1440px;
  --tile-h:auto; /* settes av JS til høyeste flis i gjeldende visning */
}

/* ---------- Skall ---------- */
body.individual-mode{margin:0;background:var(--sand);color:var(--tekst);font-family:var(--b);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
#individual-root{min-height:100vh;display:flex;flex-direction:column}
#individual-root *{box-sizing:border-box}
#individual-root h1,#individual-root h2,#individual-root h3,#individual-root h4{font-family:var(--h);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0;color:inherit}
#individual-root p{margin:0}
#individual-root button,#individual-root input,#individual-root select{font:inherit;color:inherit}
#individual-root button{cursor:pointer;border:1px solid var(--dempet);background:var(--dempet);color:var(--hvit);padding:9px 14px;border-radius:var(--r);font-weight:600;line-height:1.2}
#individual-root button.secondary{background:var(--hvit);color:var(--dempet);border-color:var(--strek)}
#individual-root button:hover{border-color:var(--sort)}
#individual-root button:disabled{opacity:.5;cursor:default}
#individual-root button:focus-visible,#individual-root input:focus-visible,#individual-root select:focus-visible,#individual-root summary:focus-visible{outline:2px solid var(--oransj);outline-offset:2px}
#individual-root input[type=search],#individual-root select{width:100%;padding:10px 12px;border:1px solid var(--strek);background:var(--hvit);border-radius:var(--r);min-height:42px}
#individual-root .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
#individual-root .wrap{width:min(100% - 48px,var(--maks));margin-inline:auto}
#individual-root .plain-link,#individual-root a.plain-link{color:inherit;text-decoration:none}

/* ---------- Masthead ---------- */
#individual-root .iv-header{background:var(--sort);color:var(--hvit)}
#individual-root .iv-header .wrap{display:flex;align-items:center;gap:28px;min-height:72px;padding:14px 0}
#individual-root .iv-brand{display:inline-flex;color:var(--hvit);text-decoration:none;flex-shrink:0}
#individual-root .iv-brand svg,#individual-root .iv-brand img{height:22px;width:auto;display:block}
#individual-root .iv-product-name{font-family:var(--h);font-weight:700;font-size:16px;letter-spacing:.01em;padding-left:28px;border-left:1px solid rgba(255,255,255,.22)}
#individual-root .iv-product-name span{color:var(--oransj);margin:0 8px;font-weight:400}
#individual-root .iv-user{margin-left:auto;display:flex;align-items:center;gap:16px}
#individual-root .iv-user>span{display:grid;text-align:right;line-height:1.25;font-size:14px;font-weight:600}
#individual-root .iv-user small{font-weight:400;color:var(--strek);font-size:12px}
#individual-root .iv-header button.secondary{background:transparent;color:var(--hvit);border-color:rgba(255,255,255,.35)}
#individual-root .iv-header button.secondary:hover{border-color:var(--hvit)}

/* ---------- Hero + faner (ett mørkt felt) ---------- */
#individual-root .iv-hero{background:var(--sort);color:var(--hvit);border-top:1px solid rgba(255,255,255,.12)}
#individual-root .iv-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px 48px;align-items:end;padding:36px 0 0}
#individual-root .iv-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--oransj);margin-bottom:12px}
#individual-root .iv-hero h1{font-size:clamp(26px,3.2vw,38px);max-width:24ch}
#individual-root .iv-hero h1::after{content:'';display:block;width:56px;height:3px;background:var(--oransj);margin-top:18px}
#individual-root .iv-metrics{display:flex;gap:0;margin:0;padding:0 0 28px}
#individual-root .iv-metrics>div{padding:0 28px;border-left:1px solid rgba(255,255,255,.18)}
#individual-root .iv-metrics>div:first-child{padding-left:0;border-left:0}
#individual-root .iv-metrics strong{display:block;font-family:var(--h);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
#individual-root .iv-metrics span{display:block;font-size:12px;color:var(--strek);margin-top:8px;max-width:12ch;line-height:1.3}
#individual-root .iv-admin-tabs{grid-column:1/-1;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-top:8px}
#individual-root .iv-admin-tabs::-webkit-scrollbar{display:none}
#individual-root .iv-admin-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--strek);padding:14px 18px;font-family:var(--h);font-weight:700;font-size:15px;white-space:nowrap}
#individual-root .iv-admin-tabs button:hover{color:var(--hvit)}
#individual-root .iv-admin-tabs button[aria-current=page]{color:var(--hvit);border-bottom-color:var(--oransj)}
#individual-root .iv-nav{display:none} /* gammel undernavigasjon utgår; ↻ flyttes til fanelinjen */
#individual-root .iv-refresh-slot{margin-left:auto;align-self:center;padding-left:16px}
#individual-root .iv-refresh-slot button{background:transparent;color:var(--hvit);border-color:rgba(255,255,255,.35);font-size:13px;padding:8px 12px}

/* ---------- Hovedflate ---------- */
#individual-root main#iv-main{flex:1;padding:32px 0 64px}
#individual-root .iv-panel{background:var(--hvit);border:1px solid var(--strek);border-radius:var(--r)}
#individual-root .iv-admin-intro{display:none} /* innholdet er flyttet til hero */
#individual-root .iv-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 20px}
#individual-root .iv-section-head h2{font-size:24px}
#individual-root .iv-section-head p{color:var(--oliven);margin-top:6px;max-width:70ch}
#individual-root .iv-example{display:flex;align-items:flex-start;line-height:1.45;font-weight:600;gap:10px;background:var(--brun);color:var(--hvit);font-weight:700;font-size:13px;padding:10px 14px;border-radius:var(--r);margin-bottom:20px}
#individual-root .iv-example b{background:var(--hvit);color:var(--brun);padding:2px 6px;border-radius:3px;font-size:11px;letter-spacing:.1em}

/* ---------- Verktøylinje ---------- */
#individual-root .lg-manager-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(200px,1fr) auto;gap:16px;align-items:end;background:var(--hvit);border:1px solid var(--strek);border-radius:var(--r);padding:16px}
#individual-root .lg-manager-toolbar label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--oliven)}
#individual-root .lg-manager-toolbar>span{font-size:13px;color:var(--oliven);padding-bottom:12px;white-space:nowrap}
#individual-root .lg-layout-toggle{display:flex;gap:0;margin:16px 0 8px;border:1px solid var(--strek);border-radius:var(--r);width:max-content;max-width:100%;overflow:hidden;background:var(--hvit)}
#individual-root .lg-layout-toggle button{background:var(--hvit);color:var(--dempet);border:0;border-radius:0;border-right:1px solid var(--strek);padding:10px 16px;font-weight:600;font-size:14px}
#individual-root .lg-layout-toggle button:last-child{border-right:0}
#individual-root .lg-layout-toggle button[aria-pressed=true]{background:var(--dempet);color:var(--hvit)}
#individual-root .lg-save-status{font-size:13px;color:var(--oliven);min-height:20px;margin:4px 0 16px}
#individual-root .lg-save-status.is-error{color:var(--brun);font-weight:600}
#individual-root .lg-cluster-metrics{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14px;color:var(--oliven);margin:0 0 16px}
#individual-root .lg-cluster-metrics b{font-family:var(--h);font-size:20px;color:var(--dempet);margin-right:6px;font-variant-numeric:tabular-nums}
#individual-root .lg-legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;color:var(--oliven);margin:0 0 18px;align-items:center}
#individual-root .lg-legend i{display:inline-block;width:14px;height:14px;border-radius:2px;vertical-align:-2px;margin-right:7px}
#individual-root .lg-legend .l-gronn{background:var(--gronn)}
#individual-root .lg-legend .l-sand{background:var(--sand);border:1px solid var(--strek)}
#individual-root .lg-cluster-help{display:none} /* forklaring erstattet av tegnforklaringen */

/* ---------- Fliser i felles prioriteringsliste ---------- */
#individual-root .lg-priority-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;align-items:start}
#individual-root .lg-priority-entry{min-width:0;background:var(--hvit);border:1px solid var(--strek);border-top:4px solid var(--strek);border-radius:var(--r);display:flex;flex-direction:column}
#individual-root .lg-priority-entry.lg-has-main-priority{border-top-color:var(--gronn)}
#individual-root .lg-priority-entry>summary{list-style:none;cursor:pointer;padding:18px 18px 14px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px;min-height:var(--tile-h)}
#individual-root .lg-priority-entry>summary::-webkit-details-marker{display:none}
#individual-root .lg-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#individual-root .lg-priority-rank{font-family:var(--h);font-size:34px;line-height:1;color:var(--dempet);font-variant-numeric:tabular-nums}
#individual-root .lg-priority-rank small{display:block;font-family:var(--b);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--oliven);margin-top:6px}
#individual-root .lg-priority-score{text-align:right}
#individual-root .lg-priority-score strong{display:block;font-family:var(--h);font-size:30px;line-height:1;color:var(--dempet);font-variant-numeric:tabular-nums}
#individual-root .lg-priority-score strong small{font-size:13px;font-weight:400;color:var(--oliven);margin-left:2px}
#individual-root .lg-priority-score span{display:block;font-size:11px;color:var(--oliven);margin-top:6px;max-width:16ch;margin-left:auto;line-height:1.3}
#individual-root .lg-priority-title{display:grid;gap:4px;min-width:0}
#individual-root .lg-priority-title small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--oliven)}
#individual-root .lg-priority-title strong{font-family:var(--h);font-size:19px;line-height:1.25;overflow-wrap:anywhere}
#individual-root .lg-priority-title strong.lg-prioritized-name{color:var(--gronn)}
#individual-root .lg-tile-priority-label{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;background:var(--gronn);color:var(--hvit);font-size:12px;font-weight:800;padding:6px 10px;border-radius:var(--r);line-height:1.2}
#individual-root .lg-tile-priority-label b{font-family:var(--h);font-size:16px;line-height:1}
#individual-root .lg-tile-priority-none{display:inline-flex;align-items:center;width:max-content;font-size:12px;font-weight:600;color:var(--oliven);padding:6px 0;border-top:1px dashed var(--strek);border-bottom:1px dashed var(--strek)}

/* Underprosjekter – vises i sin helhet, ingen intern rulling */
#individual-root .lg-subproject-preview{display:grid;gap:6px;align-content:start;margin:0;font-size:13px;font-weight:400;line-height:1.35}
#individual-root .lg-subproject-preview>span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:var(--r);background:var(--sand);color:var(--dempet);border-left:3px solid var(--strek)}
#individual-root .lg-subproject-preview>span::before{content:none}
#individual-root .lg-subproject-preview>span .lg-subproject-name{overflow-wrap:anywhere}
#individual-root .lg-subproject-preview>span.lg-prioritized-name{background:var(--gronn);border-left-color:var(--gronn);color:var(--hvit);font-weight:600}
#individual-root .lg-subproject-preview>span.lg-prioritized-name .lg-main-tag{display:block;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;opacity:.9}
#individual-root .lg-subproject-preview .lg-subproject-score{font-family:var(--h);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dempet);white-space:nowrap}
#individual-root .lg-subproject-preview>span.lg-prioritized-name .lg-subproject-score{color:var(--hvit)}
#individual-root .lg-subproject-preview .lg-subproject-score small{display:block;font-family:var(--b);font-size:10px;font-weight:600;text-align:right;opacity:.85}
#individual-root .lg-subproject-divider{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--oliven);padding:6px 0 0;border-top:1px solid var(--strek);margin-top:4px}
#individual-root .lg-subproject-preview>span.is-done{opacity:.6;text-decoration:line-through}

#individual-root .lg-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--strek);padding-top:12px;font-size:12px;color:var(--oliven)}
#individual-root .lg-tile-foot .lg-toggle{font-weight:700;color:var(--dempet);white-space:nowrap}
#individual-root .lg-tile-foot .lg-toggle::after{content:'Vis detaljer  +'}
#individual-root .lg-priority-entry[open] .lg-tile-foot .lg-toggle::after{content:'Skjul detaljer  −'}

/* Åpen flis: detaljer under flaten, ingen rulling */
#individual-root .lg-priority-entry>div{border-top:1px solid var(--strek);background:var(--hvit);padding:6px 0 0}
#individual-root .lg-priority-entry>div .lg-manage-card{grid-template-columns:1fr;gap:12px;border-bottom:1px solid var(--strek);padding:16px 18px}
#individual-root .lg-priority-entry>div .lg-actions{flex-direction:row;flex-wrap:wrap;min-width:0}
#individual-root .lg-priority-entry>div .lg-actions label,#individual-root .lg-priority-entry>div .lg-actions button{flex:1 1 120px}
#individual-root .lg-priority-entry>div .lg-manage-card:last-child{border-bottom:0}

/* ---------- Tiltakskort (åpne fliser, klyngeoversikt, liste) ---------- */
#individual-root .lg-manage-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;padding:18px 20px;background:var(--hvit);border-bottom:1px solid var(--strek)}
#individual-root .lg-manage-card.is-main{border-left:4px solid var(--gronn)}
#individual-root .lg-manage-card .lg-status{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--oliven)}
#individual-root .lg-manage-card.is-main .lg-status{color:var(--gronn)}
#individual-root .lg-manage-card .lg-main-tag{display:inline-block;font-style:normal;background:var(--gronn);color:var(--hvit);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:3px;margin-left:8px;vertical-align:middle}
#individual-root .lg-manage-card h3{font-size:17px;margin:6px 0 10px;overflow-wrap:anywhere}
#individual-root .lg-manage-card h3.lg-prioritized-name{color:var(--gronn)}
#individual-root .lg-original-score{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;background:var(--sand);border-radius:var(--r);border-left:3px solid var(--strek)}
#individual-root .lg-original-score>span{font-size:12px;color:var(--oliven);flex:1;line-height:1.3}
#individual-root .lg-original-score strong{font-family:var(--h);font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
#individual-root .lg-original-score small{font-size:12px;font-weight:400;color:var(--oliven)}
#individual-root .lg-connections{margin-top:8px;font-size:13px;color:var(--oliven)}
#individual-root .lg-connections span{display:block;padding-left:14px;position:relative}
#individual-root .lg-connections span::before{content:'⟷';position:absolute;left:0;color:var(--oransj)}
#individual-root .lg-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:170px}
#individual-root .lg-actions label{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;padding:8px 12px;border:1px solid var(--strek);border-radius:var(--r);cursor:pointer}
#individual-root .lg-actions input{width:18px;height:18px;accent-color:var(--gronn);margin:0}
#individual-root .lg-actions button{font-size:14px}

/* Klyngeoversikt */
#individual-root .lg-cluster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:16px;align-items:start}
#individual-root .lg-cluster{background:var(--hvit);border:1px solid var(--strek);border-radius:var(--r);overflow:hidden}
#individual-root .lg-cluster>header{padding:18px 20px 14px;border-bottom:1px solid var(--strek)}
#individual-root .lg-cluster>header .iv-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--oliven);margin-bottom:6px}
#individual-root .lg-cluster>header h3{font-size:20px;margin-bottom:8px}
#individual-root .lg-cluster>header p{font-size:13px;color:var(--oliven);margin-bottom:10px}
#individual-root .lg-cluster progress{width:100%;height:6px;accent-color:var(--gronn);border:0}
#individual-root .lg-cluster progress::-webkit-progress-bar{background:var(--sand);border-radius:3px}
#individual-root .lg-cluster progress::-webkit-progress-value{background:var(--gronn);border-radius:3px}
#individual-root .lg-cluster .lg-manage-card:last-child{border-bottom:0}
#individual-root .lg-unlinked{margin-top:32px}
#individual-root .lg-unlinked>h3{font-size:20px;margin-bottom:12px}
#individual-root .lg-unlinked>h3 span{color:var(--oliven);font-weight:400}
#individual-root .lg-unlinked>div,#individual-root .lg-manager-list.lg-is-list{background:var(--hvit);border:1px solid var(--strek);border-radius:var(--r);overflow:hidden}
#individual-root .lg-manager-list .lg-empty{padding:32px;text-align:center;color:var(--oliven);background:var(--hvit);border:1px dashed var(--strek);border-radius:var(--r)}
#individual-root .lg-cluster-empty{padding:24px;border:1px dashed var(--strek);border-radius:var(--r);color:var(--oliven)}

/* Prosjektdetaljer (lukket som standard) */
#individual-root .lg-project-details{margin-top:32px;background:var(--hvit);border:1px solid var(--strek);border-radius:var(--r)}
#individual-root .lg-project-details>summary{cursor:pointer;list-style:none;padding:16px 20px;font-family:var(--h);font-weight:700;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:16px}
#individual-root .lg-project-details>summary::-webkit-details-marker{display:none}
#individual-root .lg-project-details>summary::after{content:'+';font-size:22px;color:var(--oliven)}
#individual-root .lg-project-details[open]>summary{border-bottom:1px solid var(--strek)}
#individual-root .lg-project-details[open]>summary::after{content:'−'}
#individual-root .lg-project-details>*:not(summary){margin:16px 20px}
#individual-root .lg-project-details h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--oliven);border-bottom:1px solid var(--strek);padding-bottom:6px;margin-top:28px}
#individual-root .lg-project-details ul{padding-left:20px;line-height:1.6}
#individual-root .lg-search{display:block;font-size:12px;font-weight:700;color:var(--oliven)}
#individual-root .lg-search input{margin-top:6px;max-width:520px}
#individual-root .lg-result-details{min-width:900px}

/* ---------- Tabeller ---------- */
#individual-root .iv-table-wrap{overflow-x:auto;background:var(--hvit);border:1px solid var(--strek);border-radius:var(--r)}
#individual-root table{width:100%;border-collapse:collapse;font-size:14px}
#individual-root thead th{background:var(--dempet);color:var(--hvit);text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:12px 14px;white-space:nowrap}
#individual-root thead th.r,#individual-root td.r{text-align:right}
#individual-root tbody td{padding:12px 14px;border-top:1px solid var(--strek);vertical-align:top;line-height:1.45}
#individual-root tbody tr:first-child td{border-top:0}
#individual-root tbody tr:hover td{background:var(--sand)}
#individual-root td b{font-weight:700}
#individual-root td small{display:block;font-size:12px;color:var(--oliven);margin-top:2px}
#individual-root td strong.num{font-family:var(--h);font-size:17px}
#individual-root .iv-admin-search{max-width:420px;margin:0 0 16px}
#individual-root td.r small{display:inline;margin-left:4px}
#individual-root .iv-rank-cell{font-family:var(--h);font-size:16px;color:var(--oliven)}

/* ---------- Vurderingsgrunnlag ---------- */
#individual-root #iv-main>.wrap>details.iv-source>summary{display:none}
#individual-root .iv-source{margin:0}
#individual-root .iv-complete{color:var(--gronn);font-weight:700}
#individual-root .iv-incomplete{color:var(--brun);font-weight:700}

/* ---------- Resultatoppsummering ---------- */
#individual-root .iv-ai>p{color:var(--oliven);max-width:70ch}
#individual-root #iv-ai-result>details{margin-top:20px;background:var(--hvit);border:1px solid var(--strek);border-radius:var(--r)}
#individual-root #iv-ai-result>details>summary{cursor:pointer;list-style:none;padding:16px 20px;font-family:var(--h);font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:16px}
#individual-root #iv-ai-result>details>summary::-webkit-details-marker{display:none}
#individual-root #iv-ai-result>details>summary::after{content:'+';color:var(--oliven);font-size:22px}
#individual-root #iv-ai-result>details[open]>summary::after{content:'−'}
#individual-root #iv-ai-result>details>button{margin:0 20px 16px}
#individual-root .ai-report{margin:0 20px 20px;border:1px solid var(--strek);border-radius:var(--r);overflow:hidden}
#individual-root .ai-report-header{padding:28px 30px;background:var(--sort);color:var(--hvit)}
#individual-root .ai-report-header>span:first-child{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--oransj);font-weight:700}
#individual-root .ai-report-header h3{font-size:28px;margin:10px 0 8px;max-width:26ch}
#individual-root .ai-report-header p{color:var(--strek);max-width:65ch}
#individual-root .ai-draft{display:inline-block;margin-top:16px;padding:5px 10px;border:1px solid var(--oransj);color:var(--oransj);border-radius:3px;font-size:12px;font-weight:700}
#individual-root .ai-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--strek);margin:24px 30px;border:1px solid var(--strek)}
#individual-root .ai-facts>div{background:var(--sand);padding:16px 20px}
#individual-root .ai-facts b{display:block;font-family:var(--h);font-size:28px;font-variant-numeric:tabular-nums}
#individual-root .ai-facts span{font-size:12px;color:var(--oliven)}
#individual-root .ai-ranking{padding:8px 30px 24px}
#individual-root .ai-ranking>h3{font-size:22px}
#individual-root .ai-ranking>p{font-size:13px;color:var(--oliven);margin:5px 0 12px}
#individual-root .ai-rank{display:grid;grid-template-columns:36px 1fr 120px;gap:16px;padding:14px 0;border-top:1px solid var(--strek);align-items:start}
#individual-root .ai-rank-number{font-family:var(--h);font-size:18px;color:var(--oliven)}
#individual-root .ai-rank h4{font-size:16px;margin-bottom:4px}
#individual-root .ai-rank p{font-size:13px;color:var(--oliven)}
#individual-root .ai-rank-score{text-align:right}
#individual-root .ai-rank-score b{display:block;font-family:var(--h);font-size:26px;font-variant-numeric:tabular-nums}
#individual-root .ai-rank-score span{font-size:11px;color:var(--oliven)}
#individual-root .ai-sections{display:grid;gap:20px;padding:0 30px 30px}
#individual-root .ai-section{border:1px solid var(--strek);border-radius:var(--r);overflow:hidden}
#individual-root .ai-section>header{display:flex;align-items:baseline;gap:14px;background:var(--sand);padding:14px 20px}
#individual-root .ai-section>header>span{font-size:12px;color:var(--brun);font-weight:700}
#individual-root .ai-section h3{font-size:19px}
#individual-root .ai-section-body{padding:6px 20px 20px;max-width:90ch}
#individual-root .ai-section-body p{margin:12px 0}
#individual-root .ai-section-body ul{margin:12px 0;padding-left:22px}
#individual-root .ai-section-body li{margin:6px 0}
#individual-root .ai-topic{padding:12px 16px;margin:16px 0;background:var(--sand);border-left:3px solid var(--oransj);border-radius:3px}
#individual-root .ai-topic h4{font-size:16px;margin-bottom:8px}
#individual-root .ai-key-findings>header{background:var(--dempet);color:var(--hvit)}
#individual-root .ai-key-findings>header>span{color:var(--oransj)}
#individual-root .ai-key-findings h3{color:var(--hvit)}
#individual-root .ai-method,#individual-root .ai-legacy{margin:16px 30px;padding:12px 16px;background:var(--sand);border-radius:var(--r);font-size:13px}
#individual-root .ai-method summary{cursor:pointer;font-weight:700}
#individual-root .ai-report>footer{padding:14px 30px;border-top:1px solid var(--strek);font-size:12px;color:var(--oliven);background:var(--sand)}
/* Diagrammer (summary-charts.js) */
#individual-root .ai-charts h3{font-size:22px;margin:8px 0}
#individual-root .ai-charts p{font-size:13px;color:var(--oliven);max-width:85ch}
#individual-root .ai-chart-panel{padding:20px;margin:16px 0;border:1px solid var(--strek);border-radius:var(--r);background:var(--hvit);min-width:0}
#individual-root .ai-chart-panel h4{font-size:18px;margin-bottom:10px}
#individual-root .ai-bars{padding:3px}
#individual-root button.ai-bar-row{display:grid;grid-template-columns:minmax(160px,40%) 1fr 48px;gap:12px;align-items:center;width:100%;background:var(--hvit);color:var(--dempet);border:0;border-radius:3px;padding:8px 6px;text-align:left;font-size:13px;font-weight:500}
#individual-root .ai-bar-row:hover,#individual-root .ai-bar-row.is-selected{background:var(--sand)}
#individual-root .ai-bar-label b{color:var(--oliven);margin-right:6px}
#individual-root .ai-bar-track{background:var(--sand);height:14px;border-radius:2px;display:block}
#individual-root .ai-bar-track>span{height:100%;display:block;background:var(--oliven);border-radius:2px}
#individual-root .is-selected .ai-bar-track>span{background:var(--oransj)}
#individual-root .ai-top-five .ai-bar-track>span{background:var(--gronn)}
#individual-root .ai-bar-axis{display:flex;justify-content:space-between;margin-left:42%;font-size:11px;color:var(--oliven);padding-top:8px}
#individual-root .ai-chart-selection{padding:12px 16px;background:var(--sand);border-left:3px solid var(--oransj);font-size:13px;min-height:48px}
#individual-root .ai-scatter-wrap{overflow:auto;margin-top:16px}
#individual-root .ai-scatter{display:block;width:100%;min-width:560px;font-family:var(--b)}
#individual-root .ai-chart-grid line{stroke:var(--strek);stroke-width:1}
#individual-root .ai-chart-grid text{fill:var(--oliven);font-size:12px}
#individual-root .ai-chart-axes{stroke:var(--oliven);stroke-width:1.4;fill:none}
#individual-root .ai-axis-title{fill:var(--dempet);font-size:13px;font-weight:600}
#individual-root .ai-bubble circle{fill:var(--oliven);fill-opacity:.45;stroke:var(--oliven);stroke-width:1;cursor:pointer}
#individual-root .ai-bubble text{font-size:9px;fill:var(--dempet);font-weight:700;pointer-events:none}
#individual-root .ai-bubble:hover circle,#individual-root .ai-bubble.is-selected circle,#individual-root .ai-bubble:focus circle{fill:var(--oransj);fill-opacity:.9;stroke:var(--sort);stroke-width:2}
#individual-root .ai-bubble.ai-top-five circle{fill:var(--gronn);fill-opacity:.8;stroke:var(--gronn)}
#individual-root .ai-bubble-name text{font-size:13px;fill:var(--dempet);font-weight:500}
#individual-root .ai-bubble-name.ai-top-five text{fill:var(--gronn);font-weight:700}
#individual-root .ai-bubble-name.is-selected text{fill:var(--brun);font-weight:700}
#individual-root .ai-bubble-name.is-selected path{stroke:var(--brun);stroke-width:2;opacity:1}

/* ---------- Dialoger ---------- */
#individual-root dialog.iv-dialog{border:0;border-radius:var(--r);padding:0;width:min(100% - 32px,720px);max-height:90vh;overflow:auto;color:var(--tekst);font-family:var(--b)}
#individual-root dialog.iv-dialog::backdrop{background:rgba(27,27,27,.55)}
#individual-root dialog.iv-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--sort);color:var(--hvit);padding:16px 22px;position:sticky;top:0}
#individual-root dialog.iv-dialog>header h2{font-size:20px}
#individual-root dialog.iv-dialog>header button{background:transparent;border:0;color:var(--hvit);font-size:26px;padding:0 6px;line-height:1}
#individual-root dialog.iv-dialog>*:not(header){margin:16px 22px}
#individual-root dialog.iv-dialog h3{font-size:18px}
#individual-root .lg-connect-dialog label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--oliven)}
#individual-root .lg-link-entry{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--strek)}
#individual-root .lg-link-entry:first-of-type{border-top:0}

/* ---------- Innlogging / deltaker ---------- */
#individual-root .iv-login{padding:80px 24px;text-align:center}
#individual-root .iv-login h1{font-size:30px;margin-bottom:8px}

/* ---------- Responsivt ---------- */
@media(max-width:1000px){
  #individual-root .iv-hero .wrap{grid-template-columns:1fr;align-items:start;gap:20px}
  #individual-root .iv-metrics{padding-bottom:12px}
}
@media(max-width:760px){
  #individual-root .wrap{width:min(100% - 32px,var(--maks))}
  #individual-root .iv-header .wrap{gap:14px;flex-wrap:wrap;padding:12px 0}
  #individual-root .iv-product-name{padding-left:14px;font-size:14px}
  #individual-root .iv-user>span small{display:none}
  #individual-root .iv-hero .wrap{padding-top:24px}
  #individual-root .iv-metrics{flex-wrap:wrap;gap:16px 0}
  #individual-root .iv-metrics>div{padding:0 18px}
  #individual-root .iv-metrics strong{font-size:26px}
  #individual-root .iv-admin-tabs button{padding:12px 12px;font-size:14px}
  #individual-root main#iv-main{padding:20px 0 48px}
  #individual-root .lg-manager-toolbar{grid-template-columns:1fr}
  #individual-root .lg-manager-toolbar>span{padding-bottom:0}
  #individual-root .lg-layout-toggle{width:100%}
  #individual-root .lg-layout-toggle button{flex:1;padding:10px 8px;font-size:13px}
  #individual-root .lg-priority-list{grid-template-columns:1fr}
  #individual-root .lg-priority-entry>summary{min-height:var(--tile-h)}
  #individual-root .lg-manage-card{grid-template-columns:1fr}
  #individual-root .lg-actions{flex-direction:row;flex-wrap:wrap}
  #individual-root .lg-actions label,#individual-root .lg-actions button{flex:1}
  #individual-root .ai-facts{grid-template-columns:1fr;margin:16px}
  #individual-root .ai-report-header,#individual-root .ai-ranking,#individual-root .ai-sections{padding-left:16px;padding-right:16px}
  #individual-root .ai-rank{grid-template-columns:28px 1fr}
  #individual-root .ai-rank-score{grid-column:2;text-align:left}
  #individual-root .ai-method,#individual-root .ai-legacy{margin:12px 16px}
}
@media print{
  #individual-root .iv-header button,#individual-root .lg-layout-toggle,#individual-root .lg-manager-toolbar,#individual-root .iv-refresh-slot{display:none}
  #individual-root .lg-priority-entry{break-inside:avoid}
}

#individual-root [hidden]{display:none!important}
#individual-root #iv-main{width:100%;max-width:none;margin:0}
#individual-root .lg-project-details{margin-top:28px;padding:20px;background:var(--hvit);border:1px solid var(--strek)}
#individual-root .lg-project-details>summary{font-weight:700;cursor:pointer}

#individual-root{background:var(--sand)}
body:not(.individual-mode){margin:0;background:#1B1B1B;font-family:Manrope,Arial,sans-serif}.gate{min-height:100vh;display:grid;place-items:center}.gatebox{background:white;padding:32px;border-top:4px solid #F4835A;max-width:420px}.gatebox img{background:#1B1B1B;padding:10px;width:150px}.iv-login{padding:32px}

#individual-root .iv-home-link{color:#fff;text-decoration:none;border:1px solid #5E6A60;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:600;white-space:nowrap;margin-left:auto}#individual-root .iv-home-link:hover{background:#252525;border-color:#fff}#individual-root .iv-home-link:focus-visible{outline:2px solid #F4835A;outline-offset:3px}@media(max-width:760px){#individual-root .iv-home-link{order:3;margin-left:0}#individual-root .iv-user{margin-left:auto}}

/* Existing initiative cards: authenticated, normalized descriptions. */
#individual-root .lg-description{margin:18px 0 8px;padding-top:16px;border-top:1px solid var(--strek);font-size:15px;line-height:1.65;overflow-wrap:anywhere}
#individual-root .lg-description-basis{font-size:12px;color:var(--oliven);margin:0 0 16px}
#individual-root .lg-description dl{margin:0;display:grid;gap:15px}
#individual-root .lg-description dt{font-weight:700;font-size:14px;margin-bottom:4px;color:var(--sort)}
#individual-root .lg-description dd{margin:0;white-space:pre-line}
#individual-root .lg-description ul{margin:0;padding-left:20px;white-space:normal}
#individual-root .lg-description li{margin:4px 0}
#individual-root .lg-description-meeting{background:var(--sand);padding:14px 16px;margin-top:18px;border-left:3px solid #F4835A}
#individual-root .lg-description-meeting p{margin:6px 0 0}
#individual-root .lg-description-source{margin-top:18px;border:1px solid var(--strek);border-radius:4px;padding:12px 14px}
#individual-root .lg-description-source>summary{font-weight:700;font-size:13px;cursor:pointer;min-height:24px}
#individual-root .lg-description-source>p{font-size:12px;color:var(--oliven);margin:12px 0}