/* Fagprisen – "fintech" layer (Firi/Coinbase feel). Loaded after style.css and only overrides it.
   Soft rounded cards, pill buttons, filled inputs, asset-list rows, calm big numbers. Accent stays burnt orange. */
:root{
  --bg:#f5f6f8; --card:#fff; --ink:#0a0b0d; --muted:#5b616e; --faint:#8a919e; --line:#eef0f3; --line-strong:#dfe2e7;
  --fill:#f0f2f5; --fill-hover:#e6e9ee;
  --accent:#c2410c; --accent-hover:#a5370a; --accent-ink:#fff; --accent-soft:#fdf0e8;
  --good:#098551; --good-soft:#e6f4ec; --warn:#b25e00; --warn-soft:#fdf3e3; --bad:#cf202f; --bad-soft:#fde8ea;
  --r:12px; --r-lg:18px; --bw:1px;
  --shadow:0 1px 2px rgba(10,11,13,.04),0 2px 8px rgba(10,11,13,.04);
  --shadow-hover:0 2px 4px rgba(10,11,13,.05),0 8px 24px rgba(10,11,13,.08);
}
@media (prefers-color-scheme: dark){
  :root{--bg:#0a0b0d; --card:#141519; --ink:#f4f5f7; --muted:#9ba1ac; --faint:#6f7682; --line:#1e2025; --line-strong:#2b2e35;
    --fill:#1e2025; --fill-hover:#272a31;
    --accent:#f28c4f; --accent-hover:#f6a272; --accent-ink:#1b0d05; --accent-soft:#2d1a10;
    --good:#3ccf8e; --good-soft:#0f2a1d; --warn:#f2b45a; --warn-soft:#2e2312; --bad:#ff6b76; --bad-soft:#341418;
    --shadow:0 0 0 1px var(--line); --shadow-hover:0 0 0 1px var(--line-strong)}
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv11","ss01";letter-spacing:-.005em}

/* Header: clean white bar */
header.top{background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border:0!important;box-shadow:0 1px 0 var(--line)}
header.top .wrap{min-height:62px}
.brand{font-size:24px;font-weight:800;letter-spacing:-.04em}

/* Type: confident, not heavy */
h1{font-weight:750;letter-spacing:-.035em}
.home h1{font-size:clamp(34px,6vw,58px);line-height:1.05;letter-spacing:-.045em}
h2{font-size:22px;font-weight:700;letter-spacing:-.025em}
.lead{font-size:17.5px;line-height:1.55}

/* Surfaces */
.card,.results,.filterbar,.tablewrap,.checkform,.verdict{border:0!important;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow)}
section{margin:30px 0 40px}

/* Controls: filled fields, pill buttons */
input,select,textarea{border:1.5px solid transparent!important;background-color:var(--fill);border-radius:var(--r);padding:11px 14px}
input:hover,select:hover,textarea:hover{background-color:var(--fill-hover)}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;background-color:var(--card);box-shadow:0 0 0 4px var(--accent-soft)}
select{padding-right:34px;background-position:right 14px center}
.btn,a.btn{border-radius:999px;padding:12px 22px;font-weight:650;transition:background .15s,transform .05s}
.btn:active{transform:scale(.98)}
.ghost,.sb,.hcheck{border:0!important;background:var(--fill);border-radius:999px;padding:9px 16px;font-weight:600}
.ghost:hover,.sb:hover{background:var(--fill-hover)}
.link{text-decoration:none;font-weight:600}
.link:hover{text-decoration:underline}

/* Segmented controls (trade tabs, paid/quote, list/map) */
.tabs,.seg2{border:0!important;background:var(--fill);border-radius:999px;padding:3px;gap:2px}
.tabs a,.seg2 button{border:0!important;border-radius:999px;padding:7px 14px;color:var(--muted);background:transparent}
.tabs a[aria-current="page"],.seg2 button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(10,11,13,.12)}
.switch select{border-radius:999px;padding:8px 32px 8px 14px}

/* Chips → pills */
.chip{border:0!important;background:var(--fill);border-radius:999px;padding:7px 13px;font-weight:550}
.chip:hover{background:var(--fill-hover)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--card)}
.tag{border:0!important;border-radius:999px;background:var(--fill);padding:2px 9px}
.badge{border:0;padding:2px 9px;border-radius:999px;background:var(--fill);margin-left:6px}

/* Home hero + finder */
.home .hero{padding:52px 0 8px}
.finder{gap:10px;margin-top:26px}
.finder label{font-weight:600;color:var(--muted)}
.finder select{border-color:transparent!important;font-weight:650;padding:13px 40px 13px 16px;border-radius:999px}
.finder .btn{padding:14px 28px;font-size:17px}
.checkbar{border:0!important;border-radius:999px;background:var(--fill);padding:10px 18px;box-shadow:none}
.checkbar:hover{background:var(--fill-hover)}

/* Home price cards: like "top movers" */
.pophead{align-items:center;margin-bottom:14px}
.deals{gap:14px}
.deal{border:0!important;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px;gap:4px;transition:box-shadow .15s,transform .15s}
.deal:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}
.dav{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;margin-bottom:8px;background:var(--accent-soft);color:var(--accent)}
.dav svg{width:20px;height:20px}
.dav[data-t="elektriker"]{background:#fff6d6;color:#9a6a00}
.dav[data-t="snekker"]{background:#e8f1fb;color:#2563a8}
.dav[data-t="rorlegger"]{background:#e3f4f1;color:#0f766e}
@media (prefers-color-scheme: dark){.dav[data-t="elektriker"]{background:#2e2610;color:#f2c94c}.dav[data-t="snekker"]{background:#122336;color:#7cb4f0}.dav[data-t="rorlegger"]{background:#0f2a27;color:#5eead4}}
.deal .dj{font-size:16px;font-weight:650}
.deal .dw{font-size:12.5px}
.deal .dp{margin-top:10px}
.deal .dp b{font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.deal .ds{font-weight:500;color:var(--muted);font-size:13px}
.deal .dt{margin-top:6px}
.deal .dt i{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--good-soft);color:var(--good)!important;font-weight:650}

/* Places: soft cards */
.cities{border:0!important;gap:10px}
@media(min-width:760px){.cities{grid-template-columns:1fr 1fr;column-gap:14px}}
.city,.city.card{border:0!important;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);padding:14px 18px}
.city h3{font-weight:650}
.tl{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:var(--fill);color:var(--ink);font-weight:550}
.tl:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}
.regcta{border:0!important;background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:20px 22px}

/* City page: numbers as balance-style cards */
.qjs,.stats{border:0!important;gap:10px;max-width:none}
.qj,.stat{background:var(--card);border:0!important;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:14px 16px!important}
.qj span{font-size:14px;font-weight:600;color:var(--muted)}
.qj b,.stat b{font-weight:700;letter-spacing:-.035em}
.qj:hover{box-shadow:var(--shadow-hover)}
.stat.hi b{color:var(--good)}
.spread .bar{height:6px;border-radius:999px;background:var(--fill)}
.spread .bar i{top:-2px;width:10px;height:10px;opacity:.5}
.spread .bar b{top:-5px;height:16px;width:3px;border-radius:2px}
.activity{margin-top:16px}

/* "What do you need done?" */
.filterbar{padding:16px}
.fb-job select{border:1.5px solid transparent!important;background-color:var(--accent-soft);font-weight:650}
.fb-job select:hover{background-color:var(--fill-hover)}
.step{width:26px;height:26px}

/* Firm rows: like an asset list */
.results{overflow:hidden}
.biz{border:0!important;padding:14px 18px;transition:background .12s}
.biz+.biz{box-shadow:inset 0 1px 0 var(--line)}
.biz:hover{background:var(--fill)}
.biz.top{box-shadow:none}
.biz.top+.biz{box-shadow:inset 0 1px 0 var(--line)}
.biz-top{grid-template-columns:42px minmax(0,1fr) auto;column-gap:12px}
.av{display:grid;place-items:center;grid-column:1;grid-row:1/3;width:42px;height:42px;border-radius:50%;font-size:14px;font-weight:700;letter-spacing:.02em;align-self:center}
.av[data-c="0"]{background:#fdf0e8;color:#b4410e}.av[data-c="1"]{background:#e8f1fb;color:#2563a8}.av[data-c="2"]{background:#e6f4ec;color:#0b7a4b}
.av[data-c="3"]{background:#f1ecfb;color:#6d43c4}.av[data-c="4"]{background:#fff6d6;color:#8a6200}.av[data-c="5"]{background:#e9f6f8;color:#0f7285}
@media (prefers-color-scheme: dark){.av{filter:saturate(.9) brightness(.55) contrast(1.4)}}
.biz h3,.biz .facts{grid-column:2}
.biz h3{font-size:16px;font-weight:650}
.biz .pr{grid-column:3}
.rank{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent-soft);letter-spacing:.02em;font-size:10.5px;vertical-align:2px}
.amt{font-size:24px;font-weight:700;letter-spacing:-.03em}
.biz.top .amt{color:var(--ink)}
.diff{padding:2px 8px;border-radius:999px;background:var(--fill);font-size:12px!important}
.diff.good{background:var(--good-soft);color:var(--good)}
.diff.bad{background:var(--warn-soft);color:var(--warn)}
.biz .actions{margin-top:8px;padding-left:54px}
.biz .more-info{margin-left:54px;border-radius:var(--r);background:var(--fill)}
.divider{background:var(--fill);border:0!important;border-radius:0}
.more{border:0!important;background:var(--fill);border-radius:0}
@media(max-width:560px){.biz-top{grid-template-columns:36px minmax(0,1fr) auto;column-gap:10px}.av{width:36px;height:36px;font-size:12.5px}
  .biz .actions{padding-left:0}.biz .more-info{margin-left:0}.amt{font-size:22px}}
#map{border:0!important;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.price-pin{border-radius:999px;padding:5px 9px;box-shadow:0 2px 6px rgba(0,0,0,.25)}

/* Lists, tables, FAQ */
.cheap ol{border-top:0}
.cheap li{border-bottom:1px solid var(--line)}
.cheap li:first-child b{color:var(--good)}
.tablewrap{padding:4px 18px}
.tablewrap th,.tablewrap td{border-top:1px solid var(--line)!important}
.faq details{border-bottom:1px solid var(--line-strong)}
.faq details:first-of-type{border-top:0}
.sharecta{border:0!important;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow)}

/* Menu */
.menu summary{border:0!important;background:var(--fill);border-radius:999px;width:42px;height:42px}
.menu-panel{border:0!important;border-radius:var(--r-lg);box-shadow:0 12px 40px rgba(10,11,13,.18);padding:16px}
.mreg{border:0!important;border-radius:var(--r)}
.mlinks a{border-bottom:1px solid var(--line)}

/* Dialogs: bottom sheet feel on phones */
dialog.vpdlg{border:0!important;border-radius:22px;padding:22px 20px;box-shadow:0 20px 60px rgba(10,11,13,.3)}
@media(max-width:560px){dialog.vpdlg{margin:auto auto 0;width:100vw;max-width:100vw;border-radius:22px 22px 0 0}}
.pricein input{font-size:28px;font-weight:700}

footer{background:transparent;border-top:1px solid var(--line)!important}

/* Price cards: icon next to the job name; swipeable row on phones */
.deal{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-content:start}
.deal .dav{grid-row:1/3;margin:0;align-self:center}
.deal .dj,.deal .dw{grid-column:2}
.deal .dp,.deal .ds,.deal .dt{grid-column:1/-1}
@media(max-width:619px){
  .deals{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 14px;scrollbar-width:none}
  .deals::-webkit-scrollbar{display:none}
  .deal{flex:0 0 78%;scroll-snap-align:start}
}
/* Trade tabs fit on phones */
@media(max-width:640px){.tabs a{padding:7px 6px;font-size:13.5px}}
.badge{white-space:nowrap}

/* Blocks: thin border + one consistent soft shadow */
:root{--edge:#e3e6eb;--shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.07);--shadow-hover:0 2px 4px rgba(16,24,40,.06),0 6px 16px rgba(16,24,40,.10)}
@media (prefers-color-scheme: dark){:root{--edge:#262930;--shadow:0 1px 2px rgba(0,0,0,.4);--shadow-hover:0 4px 14px rgba(0,0,0,.5)}}
.card:not(.biz),.results,.filterbar,.tablewrap,.checkform,.verdict,.deal,.city,.city.card,.regcta,.qj,.stat,.sharecta,#map,.menu-panel,dialog.vpdlg{
  border:1px solid var(--edge)!important;box-shadow:var(--shadow)}
.deal:hover,.qj:hover,.city:hover{border-color:var(--line-strong)!important;box-shadow:var(--shadow-hover)}
.biz.card{border:0!important}
.biz:first-child{box-shadow:none}
.checkbar{border:1px solid var(--edge)!important}