:root{--ink:#0a0e1c;--ink-soft:#232a40;--text-soft:#4c5670;--text-faint:#8891a6;--mist:#f3f5f8;--surface:#ffffff;--border:#e2e6ec;--signal:#1e50e8;--signal-ink:#ffffff;--signal-50:#eaf1ff;--signal-deep:#12309e;--good:#1e8a5f;--good-wash:#e7f5ee;--warn:#b7791f;--warn-wash:#fbf1de;--bad:#c23b3b;--bad-wash:#fbe9e8;--sidebar:#0a0e1c;--sidebar-text:#cbd3e6;--sidebar-text-dim:#7d87a3;--shadow:0 1px 2px rgba(10,14,28,0.06),0 6px 16px -10px rgba(10,14,28,0.16);--tila-1:4px;--tila-2:8px;--tila-3:12px;--tila-4:16px;--tila-5:20px;--tila-6:24px;--tila-8:32px;--teksti-mikro:10px;--teksti-pieni:11px;--teksti-meta:12px;--teksti-runko:13px;--teksti-nosto:14px;--teksti-valiotsikko:16px;--teksti-otsikko:20px;--teksti-luku:24px;--kulma:4px;--kulma-pilli:99px;--mono:ui-monospace,"SF Mono",SFMono-Regular,"Cascadia Mono",Menlo,Consolas,monospace}:root[data-theme=dark]{--ink:#f2f4f8;--ink-soft:#cfd3d8;--text-soft:#a7b0c4;--text-faint:#6b7481;--mist:#0f1424;--surface:#0d1120;--border:#232a40;--signal:#4d84ff;--signal-ink:#071022;--signal-50:#10203f;--signal-deep:#9db8ff;--good:#4cae7a;--good-wash:#14261c;--warn:#e0a83d;--warn-wash:#2c2412;--bad:#e0635a;--bad-wash:#2e1918;--sidebar:#060810;--sidebar-text:#cbd3e6;--sidebar-text-dim:#66708c;--shadow:0 1px 2px rgba(0,0,0,0.35),0 6px 20px -10px rgba(0,0,0,0.55)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#f2f4f8;--ink-soft:#cfd3d8;--text-soft:#a7b0c4;--text-faint:#6b7481;--mist:#0f1424;--surface:#0d1120;--border:#232a40;--signal:#4d84ff;--signal-ink:#071022;--signal-50:#10203f;--signal-deep:#9db8ff;--good:#4cae7a;--good-wash:#14261c;--warn:#e0a83d;--warn-wash:#2c2412;--bad:#e0635a;--bad-wash:#2e1918;--sidebar:#060810;--sidebar-text:#cbd3e6;--sidebar-text-dim:#66708c;--shadow:0 1px 2px rgba(0,0,0,0.35),0 6px 20px -10px rgba(0,0,0,0.55)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--mist);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--teksti-nosto);line-height:1.5;-webkit-font-smoothing:antialiased}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}h1,h2,h3,p{margin:0;text-wrap:balance}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.siirry-sisaltoon{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;z-index:300}.siirry-sisaltoon:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;margin:0;padding:var(--tila-3) var(--tila-4);overflow:visible;clip:auto;white-space:normal;background:var(--signal);color:var(--signal-ink);text-decoration:none;border-radius:4px;font-size:var(--teksti-runko);font-weight:650;box-shadow:var(--shadow)}.siirry-sisaltoon:focus-visible{outline:2px solid var(--signal-deep);outline-offset:2px}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.demo-nauha{background:var(--warn-wash);color:var(--warn);border-bottom:1px solid var(--border);text-align:center;font-size:var(--teksti-meta);font-weight:650;padding:var(--tila-2) var(--tila-4);letter-spacing:.01em;position:-webkit-sticky;position:sticky;top:0;z-index:50}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:var(--tila-5) var(--tila-4);display:flex;flex-direction:column;gap:var(--tila-6)}.brand{display:flex;align-items:center;gap:var(--tila-3);padding:0 var(--tila-3)}.brand-mark{width:30px;height:12px;flex:none;color:#4d84ff}.brand-mark path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.brand-word{font-size:var(--teksti-nosto);font-weight:700;letter-spacing:-.02em;color:#ffffff}.brand-sub{padding:var(--tila-2) var(--tila-3) 0;font-size:var(--teksti-mikro);color:var(--sidebar-text-dim);text-transform:uppercase;letter-spacing:.08em}nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--tila-3);padding:var(--tila-2) var(--tila-3);border-radius:4px;background:transparent;border:none;color:var(--sidebar-text-dim);text-align:left;font-size:var(--teksti-runko);font-weight:550;width:100%;text-decoration:none}.nav-item svg{width:16px;height:16px;flex:none;opacity:.85}.nav-item:hover{background:rgba(255,255,255,.06);color:var(--sidebar-text)}.nav-item[aria-current=page]{background:rgba(30,80,232,.28);color:#fff}.nav-item[aria-current=page] svg{opacity:1;color:#6f9bff}.sidebar-foot{margin-top:auto;padding-top:var(--tila-4);border-top:1px solid rgba(255,255,255,.08);gap:var(--tila-2);padding-left:var(--tila-3);padding-right:var(--tila-2)}.op-avatar,.sidebar-foot{display:flex;align-items:center}.op-avatar{width:26px;height:26px;border-radius:50%;background:rgba(30,80,232,.28);color:#6f9bff;justify-content:center;font-size:var(--teksti-pieni);font-weight:700;flex:none}.op-meta{display:flex;flex-direction:column;line-height:1.25}.op-name{font-size:var(--teksti-meta);color:#fff;font-weight:600}.op-tag{font-size:var(--teksti-pieni)}.op-tag,.sidebar-ulos{color:var(--sidebar-text-dim)}.sidebar-ulos{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;cursor:pointer;flex:none;padding:0}.sidebar-ulos:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-ulos:focus-visible{outline:2px solid #6f9bff;outline-offset:1px}.sidebar-ulos svg{width:16px;height:16px}.sidebar-alue{min-height:100vh;display:flex;flex-direction:column}.sidebar-alue .sidebar{flex:1 1}.drawer-tausta,.mobiili-ylapalkki{display:none}.mobiili-valikko-nappi{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:4px;background:transparent;color:#fff;flex:none}.mobiili-valikko-nappi svg{width:20px;height:20px}.mobiili-valikko-nappi:hover{background:rgba(255,255,255,.08)}main{padding:var(--tila-8) var(--tila-8) calc(var(--tila-8) * 2);max-width:1180px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--tila-4);margin-bottom:var(--tila-6)}.page-head h1{font-size:var(--teksti-otsikko);font-weight:700;letter-spacing:-.015em}.page-sub{color:var(--text-soft);margin-top:var(--tila-1)}.btn,.page-sub{font-size:var(--teksti-runko)}.btn{display:inline-flex;align-items:center;gap:var(--tila-2);border-radius:4px;padding:var(--tila-2) var(--tila-3);font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--ink);white-space:nowrap;text-decoration:none}.btn:hover{border-color:var(--text-faint)}.btn-primary:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled:hover{filter:none}.btn-sm{padding:var(--tila-1) var(--tila-3);font-size:var(--teksti-meta);border-radius:4px}.btn-ghost{border-color:transparent;background:transparent}.btn-churn,.btn-ghost:hover{background:var(--mist)}.btn-churn{color:var(--text-soft);border-color:var(--border);font-weight:500}.btn-churn:hover:not(:disabled){color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,var(--border));background:var(--bad-wash)}.tila-churn-varmistus{margin-bottom:0}.grid{display:grid;grid-gap:var(--tila-4);gap:var(--tila-4)}.pohja-esikatselu{list-style:none;margin:var(--tila-3) 0 0;padding:var(--tila-2) var(--tila-3);border:1px solid var(--border);border-radius:4px;background:var(--mist);display:flex;flex-direction:column;gap:var(--tila-1);max-height:160px;overflow:auto}.pohja-esikatselu-tyhja{margin-top:var(--tila-2)}.pohja-esikatselu-rivi{display:flex;align-items:center;gap:var(--tila-2);font-size:var(--teksti-pieni);color:var(--ink-soft);min-width:0}.pohja-esikatselu-ikoni{width:14px;height:14px;flex-shrink:0;color:var(--ink-soft);display:inline-flex}.pohja-esikatselu-ikoni svg{width:14px;height:14px}.pohja-esikatselu-nimi{font-weight:550;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pohja-esikatselu-haarat{display:flex;flex-wrap:wrap;gap:var(--tila-1);margin-left:auto}.pohja-esikatselu-portti{font-family:var(--mono);font-size:var(--teksti-mikro);color:var(--text-faint);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:0 var(--tila-1)}.grid-stats{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:var(--tila-4) var(--tila-5);box-shadow:var(--shadow)}.card-title{font-size:var(--teksti-meta);font-weight:700;margin-bottom:var(--tila-2)}.card-title,.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.stat-label{font-size:var(--teksti-pieni);font-weight:650}.stat-value{font-size:var(--teksti-luku);font-weight:700;margin-top:var(--tila-2);letter-spacing:-.01em}.stat-value.bad{color:var(--bad)}.stat-foot{margin-top:var(--tila-1);font-size:var(--teksti-meta);color:var(--text-soft)}.gauge-track{height:8px;border-radius:99px;background:var(--mist);border:1px solid var(--border);overflow:hidden;margin-top:var(--tila-3)}.gauge-fill{height:100%;background:var(--signal);border-radius:99px}section.block{margin-bottom:var(--tila-6)}section.block h2{font-size:var(--teksti-meta);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);margin-bottom:var(--tila-3)}.feed{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}.feed-row{display:flex;align-items:center;gap:var(--tila-3);background:var(--surface);padding:var(--tila-3) var(--tila-4)}.feed-dot{width:8px;height:8px;border-radius:50%;flex:none}.feed-dot.bad{background:var(--bad)}.feed-dot.warn{background:var(--warn)}.feed-main{flex:1 1;min-width:0}.feed-title{font-size:var(--teksti-runko);font-weight:600}.feed-meta{font-size:var(--teksti-meta);color:var(--text-soft);margin-top:1px}.pill{display:inline-flex;align-items:center;gap:var(--tila-1);padding:var(--tila-1) var(--tila-2);border-radius:99px;font-size:var(--teksti-pieni);font-weight:650}.pill:before{content:"";width:6px;height:6px;border-radius:50%}.pill-live{background:var(--good-wash);color:var(--good)}.pill-live:before{background:var(--good)}.pill-testing{background:var(--warn-wash);color:var(--warn)}.pill-testing:before{background:var(--warn)}.pill-draft{background:var(--mist);color:var(--text-soft);border:1px solid var(--border)}.pill-draft:before{background:var(--text-faint)}.pill-paused{background:var(--bad-wash);color:var(--bad)}.pill-paused:before{background:var(--bad)}.pill-success{background:var(--good-wash);color:var(--good)}.pill-success:before{background:var(--good)}.pill-failed{background:var(--bad-wash);color:var(--bad)}.pill-failed:before{background:var(--bad)}.pill-pending{background:var(--warn-wash);color:var(--warn)}.pill-pending:before{background:var(--warn)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:4px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:640px}td,th{text-align:left;padding:var(--tila-3) var(--tila-4);font-size:var(--teksti-runko);border-bottom:1px solid var(--border)}th{font-size:var(--teksti-pieni);text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);font-weight:650;background:var(--mist)}.table-wrap table:has(td.company) th{white-space:normal;line-height:1.25;vertical-align:bottom}td.company{overflow-wrap:anywhere;max-width:14rem}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--mist)}td.company{font-weight:650}.row-link{color:var(--ink);text-decoration:none;border-bottom:1px dotted var(--text-faint);overflow-wrap:anywhere}.row-link:hover{color:var(--signal);border-color:var(--signal)}.badges{display:flex;gap:var(--tila-1);flex-wrap:wrap}.badge{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:var(--teksti-mikro);font-weight:700;background:var(--mist);color:var(--text-faint);border:1px solid var(--border)}.badge.on{background:var(--signal-50);color:var(--signal);border-color:transparent}.toolbar{display:flex;align-items:center;gap:var(--tila-2);margin-bottom:var(--tila-3)}.chip{padding:var(--tila-2) var(--tila-3);border-radius:99px;font-size:var(--teksti-meta);font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-soft)}.chip[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.biz-head{justify-content:space-between;gap:var(--tila-4);margin-bottom:var(--tila-6)}.biz-head,.biz-title{display:flex;align-items:center}.biz-title{gap:var(--tila-3)}.biz-title h1{font-size:var(--teksti-otsikko)}.biz-meta{font-size:var(--teksti-meta);color:var(--text-soft);margin-top:var(--tila-1)}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:var(--tila-4);gap:var(--tila-4);align-items:start}.kv{display:flex;justify-content:space-between;gap:var(--tila-3);padding:var(--tila-2) 0;border-bottom:1px solid var(--border);font-size:var(--teksti-runko)}.kv:last-child{border-bottom:none}.kv-key{color:var(--text-soft)}.kv-val{font-weight:650;text-align:right}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--tila-3) 0;border-bottom:1px solid var(--border);gap:var(--tila-3)}.toggle-row:last-child{border-bottom:none}.toggle-name{font-size:var(--teksti-runko);font-weight:650}.toggle-desc{font-size:var(--teksti-meta);color:var(--text-soft);margin-top:1px}.switch{width:34px;height:20px;border-radius:99px;background:var(--border);position:relative;flex:none;border:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.25)}.switch.on{background:var(--signal)}.switch.on:after{left:16px}.switch.disabled{opacity:.4;cursor:not-allowed}.hint{font-size:var(--teksti-pieni);color:var(--text-faint);margin-top:2px}.cred-row{display:flex;align-items:center;justify-content:space-between;gap:var(--tila-3);padding:var(--tila-3) 0;border-bottom:1px solid var(--border)}.cred-row:last-child{border-bottom:none}.cred-name{font-size:var(--teksti-runko);font-weight:650}.cred-key{font-size:var(--teksti-pieni);color:var(--text-faint);font-family:var(--mono);margin-top:1px}.events-mini{flex-direction:column}.event-mini,.events-mini{display:flex;gap:var(--tila-3)}.event-mini{font-size:var(--teksti-meta)}.event-time{color:var(--text-faint);flex:none;width:42px}.event-text{color:var(--ink-soft)}.steps{display:flex;gap:var(--tila-2);margin-bottom:24px}.step{flex:1 1;text-align:center;padding:var(--tila-2) var(--tila-1) 0;border-top:3px solid var(--border);font-size:var(--teksti-pieni);color:var(--text-faint);font-weight:650;text-transform:uppercase;letter-spacing:.04em}.step.done{border-color:var(--good);color:var(--good)}.step.active{border-color:var(--signal);color:var(--signal)}.keskustelu-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;grid-gap:var(--tila-4);gap:var(--tila-4);align-items:start}.manual-kaynnistimet{display:flex;flex-direction:column;gap:var(--tila-2);align-items:flex-end}.manual-kaynnistimet-rivit{display:flex;gap:var(--tila-2);align-items:center;flex-wrap:wrap;justify-content:flex-end}.velho-nav{justify-content:space-between;margin-top:var(--tila-5)}.callout,.velho-nav{display:flex;gap:var(--tila-3)}.callout{padding:var(--tila-3) var(--tila-4);border-radius:4px;background:var(--signal-50);border:1px solid transparent;font-size:var(--teksti-meta);color:var(--ink-soft);margin-top:var(--tila-4)}.callout strong{color:var(--ink)}.callout-warn{background:var(--warn-wash);color:var(--ink-soft);border-color:transparent;margin-top:0;margin-bottom:var(--tila-3)}.ajo-kirjausvaje-virhe,.callout-warn strong{color:var(--warn)}.ajo-kirjausvaje-selite{color:var(--warn);max-width:16rem;white-space:normal}tr.ajo-rivi-kirjausvaje td{background:color-mix(in srgb,var(--warn-wash) 55%,var(--surface))}.footnote{color:var(--text-faint);font-size:var(--teksti-meta);margin-top:28px;padding-top:var(--tila-4);border-top:1px solid var(--border)}.virhe-sivu{max-width:520px;margin:8vh auto var(--tila-8);padding:var(--tila-8) var(--tila-6);background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow)}.virhe-sivu-koodi{margin:0;font-size:var(--teksti-pieni);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bad)}.virhe-sivu-otsikko{margin:var(--tila-2) 0 0;font-size:var(--teksti-luku);font-weight:700;letter-spacing:-.015em}.virhe-sivu-teksti{margin:var(--tila-3) 0 0;color:var(--text-soft);font-size:var(--teksti-runko)}.virhe-sivu-toimet{display:flex;flex-wrap:wrap;gap:var(--tila-2);margin-top:var(--tila-5)}@media (max-width:880px){.app{grid-template-columns:1fr}.sidebar-alue{min-height:0}.mobiili-ylapalkki{display:flex;align-items:center;gap:var(--tila-3);padding:var(--tila-3);background:var(--sidebar);color:var(--sidebar-text);position:-webkit-sticky;position:sticky;top:0;z-index:40}.mobiili-ylapalkki .brand{padding:0}.mobiili-ylapalkki .brand-sub{display:none}.drawer-tausta{display:block;position:fixed;inset:0;z-index:55;background:rgba(10,14,28,.55);opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-tausta--nakyva{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(280px,86vw);z-index:60;transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto;flex-direction:column;padding:var(--tila-5) var(--tila-4)}.sidebar.sidebar--auki{transform:translateX(0)}.sidebar-foot{display:flex}
  /* !important: kampanja/raportit asettavat gridTemplateColumns inlinena */.grid-stats{grid-template-columns:repeat(2,1fr)!important}.detail-grid{grid-template-columns:1fr}main{padding:var(--tila-5)}.page-head{flex-direction:column;align-items:flex-start;gap:var(--tila-2);margin-bottom:var(--tila-4)}.page-head h1{font-size:var(--teksti-otsikko)}.page-sub{font-size:var(--teksti-meta)}.toolbar{flex-wrap:wrap;align-items:stretch}.toolbar>.btn,.toolbar>.wf-input,.toolbar>input,.toolbar>select,.toolbar>select.wf-input{flex:1 1 100%;min-width:0!important;width:100%;box-sizing:border-box}.toolbar>.hint{margin-left:0!important;width:100%}.toolbar>.chip{flex:1 1 auto}.card{padding:var(--tila-4)}.wf-aihe{grid-template-columns:1fr!important}.wf-versio{grid-template-columns:auto 1fr;gap:var(--tila-2) var(--tila-3)}.wf-versio>:nth-child(n+3){grid-column:2}.table-wrap{margin-left:-4px;margin-right:-4px;border-radius:0}table{min-width:520px}td,th{padding:var(--tila-3);font-size:var(--teksti-meta)}.biz-head{flex-direction:column;gap:var(--tila-3);margin-bottom:var(--tila-4)}.biz-head,.biz-title{align-items:flex-start}.biz-title{flex-wrap:wrap}.biz-title h1{font-size:var(--teksti-valiotsikko)}.biz-meta{font-size:var(--teksti-meta);overflow-wrap:anywhere}.manual-kaynnistimet{align-items:stretch;width:100%}.manual-kaynnistimet-rivit{justify-content:flex-start}.manual-kaynnistimet .btn,.manual-kaynnistimet select{max-width:100%}.manual-kaynnistimet [role=status]{text-align:left;max-width:100%}.toggle-row{flex-wrap:wrap;align-items:flex-start}.toggle-row>input,.toggle-row>select,.toggle-row>textarea{width:100%;max-width:100%}.toggle-row .switch{margin-left:auto}.cred-row{align-items:flex-start;gap:var(--tila-2)}.cred-row,.kv{flex-wrap:wrap}.kv{gap:var(--tila-1) var(--tila-3)}.kv-val{text-align:left;overflow-wrap:anywhere}.keskustelu-layout{grid-template-columns:1fr}.grid-stats>.card{padding:var(--tila-3) var(--tila-4)}.grid-stats .stat-value{font-size:var(--teksti-otsikko)}.table-wrap .wf-input{max-width:100%}.callout{flex-wrap:wrap}.steps{overflow-x:auto;flex-wrap:nowrap;gap:var(--tila-1);margin-bottom:var(--tila-5);-webkit-overflow-scrolling:touch;padding-bottom:var(--tila-1)}.step{flex:0 0 auto;min-width:4.5rem;font-size:var(--teksti-mikro);padding:var(--tila-2) var(--tila-2) 0;white-space:nowrap}.velho-nav{flex-wrap:wrap;gap:var(--tila-2)}.velho-nav .btn{flex:1 1 auto;justify-content:center}}.wf-body{display:grid;grid-template-columns:200px 1fr 300px;grid-gap:var(--tila-4);gap:var(--tila-4);min-height:540px;height:calc(100vh - 320px)}.wf-paletti{overflow-y:auto}.wf-paletti-kategoria{font-size:var(--teksti-mikro);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:var(--tila-3) 0 var(--tila-1)}.wf-paletti-node{padding:var(--tila-2) var(--tila-3);margin-bottom:var(--tila-1);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:3px;border-radius:4px;background:var(--surface);font-size:var(--teksti-meta);font-weight:600;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--tila-2)}.wf-paletti-node:hover{border-color:var(--signal)}.wf-paletti-node:active{cursor:-webkit-grabbing;cursor:grabbing}.wf-paletti-ikoni{flex:none;display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;color:var(--ink-soft)}.wf-paletti-ikoni svg{width:14px;height:14px;display:block}.wf-kanvas{position:relative;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--mist)}.wf-kanvas .react-flow__attribution{background:transparent;color:var(--text-faint)}.wf-sivupaneeli{overflow-y:auto;display:flex;flex-direction:column;gap:var(--tila-3)}.wf-validointi{flex:none}.wf-validointi .card-title{display:flex;align-items:center;gap:var(--tila-2)}.wf-validointi-lkm{margin-left:auto;min-width:18px;height:18px;padding:0 var(--tila-2);border-radius:4px;background:var(--bad);color:#fff;font-size:var(--teksti-pieni);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.wf-validointi-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--tila-2)}.wf-validointi-rivi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:var(--tila-2) var(--tila-3);border:1px solid var(--bad);border-radius:4px;background:var(--bad-wash);color:var(--bad);font:inherit;cursor:pointer}.wf-validointi-rivi:hover{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--bad-wash))}.wf-validointi-rivi.is-active{outline:2px solid var(--signal);outline-offset:1px}.wf-validointi-rivi--graafi{cursor:default}.wf-validointi-node{font-size:var(--teksti-pieni);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.wf-validointi-viesti{font-size:var(--teksti-meta);color:var(--ink-soft);line-height:1.35}.wf-pikanappaimet{position:absolute;top:12px;left:12px;z-index:6;min-width:240px;max-width:min(320px,calc(100% - 24px));padding:var(--tila-3);border:1px solid var(--border);border-radius:4px;background:var(--surface);box-shadow:var(--shadow)}.wf-pikanappaimet-otsikko{display:flex;align-items:center;justify-content:space-between;gap:var(--tila-2);margin-bottom:var(--tila-2)}.wf-pikanappainlista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--tila-2);font-size:var(--teksti-meta);color:var(--text-soft)}.wf-pikanappainlista li{display:grid;grid-template-columns:minmax(7.5rem,auto) 1fr;grid-gap:var(--tila-2);gap:var(--tila-2);align-items:baseline}.wf-pikanappainlista kbd{display:inline-block;padding:1px var(--tila-1);background:var(--mist);color:var(--ink);font-family:var(--mono);font-size:var(--teksti-pieni);font-weight:650;white-space:nowrap}.wf-node,.wf-pikanappainlista kbd{border:1px solid var(--border);border-radius:4px}.wf-node{width:190px;border-top:3px solid var(--signal);background:var(--surface);box-shadow:var(--shadow);font-size:var(--teksti-meta)}.wf-node-valittu{border-color:var(--signal);box-shadow:0 0 0 2px var(--signal-50),var(--shadow)}.wf-node-kytkenta{outline:2px solid var(--signal);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 22%,transparent)}.wf-portti-kytkenta .wf-portti-nimi{color:var(--signal);font-weight:700}.wf-kytkenta-tila{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:5;margin:0;max-width:min(520px,calc(100% - 24px));padding:8px 12px;border-radius:var(--kulma);border:1px solid var(--border);background:var(--mist);color:var(--ink);font-size:13px;box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 10%,transparent)}.wf-node-paatepiste{border-color:var(--ink-soft);border-top-width:3px;background:color-mix(in srgb,var(--mist) 70%,var(--surface))}.wf-node-paatepiste.wf-node-valittu{border-color:var(--signal)}.wf-node-head{position:relative;display:flex;align-items:center;gap:var(--tila-2);padding:var(--tila-2) var(--tila-3) 2px}.wf-node-ikoni{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--ink-soft)}.wf-node-ikoni svg{width:14px;height:14px;display:block}.wf-node-nimi{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-node-tyyppi{padding:0 var(--tila-3) var(--tila-2);color:var(--text-faint);font-size:var(--teksti-mikro);text-transform:uppercase;letter-spacing:.04em}.wf-node-virhe{margin-left:auto;min-width:16px;height:16px;background:var(--bad);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--tila-1)}.wf-node-paate,.wf-node-virhe{border-radius:4px;font-size:var(--teksti-mikro)}.wf-node-paate{margin:0 var(--tila-2) var(--tila-2);background:var(--ink);color:var(--surface);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-node-odotus,.wf-node-paate{padding:var(--tila-1) var(--tila-2);text-align:center}.wf-node-odotus{margin:-2px var(--tila-2) var(--tila-2);border:1px dashed var(--signal);border-radius:4px;color:var(--signal);font-size:var(--teksti-mikro);font-weight:600}.wf-node-odottaa .wf-node-tyyppi{padding-bottom:var(--tila-1)}.wf-portit{border-top:1px solid var(--border);padding:var(--tila-1) 0}.wf-portti-rivi{position:relative;padding:var(--tila-1) var(--tila-3);text-align:right}.wf-portti-nimi{font-size:var(--teksti-pieni);color:var(--text-soft);font-family:var(--mono)}.wf-kahva{width:9px!important;height:9px!important;background:var(--surface)!important;border:2px solid var(--signal)!important}.wf-kahva.react-flow__handle-left{left:-5px!important}.wf-kahva.react-flow__handle-right{right:-5px!important}.btn-ikoni{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:none;color:currentColor;opacity:.92}.btn-ikoni svg{width:14px;height:14px;display:block}.wf-kanvas .react-flow__edge-path{stroke:var(--text-faint);stroke-width:1.6}.wf-kanvas .react-flow__edge.selected .react-flow__edge-path{stroke:var(--signal);stroke-width:2}.wf-kanvas .react-flow__edge-textbg{fill:var(--mist)}.wf-kanvas .react-flow__edge-text{fill:var(--text-soft);font-size:var(--teksti-mikro)}.wf-kanvas .wf-kaari-haara .react-flow__edge-text{fill:var(--ink-soft);font-weight:650}.wf-kanvas .wf-kaari-haara .react-flow__edge-textbg{fill:var(--surface);stroke:var(--border);stroke-width:1}.wf-kanvas .react-flow__controls{box-shadow:var(--shadow);border-radius:4px;overflow:hidden;border:1px solid var(--border);background:var(--surface)}.wf-kanvas .react-flow__controls-button{width:32px;height:32px;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;fill:var(--ink-soft)!important;color:var(--ink-soft)}.wf-kanvas .react-flow__controls-button:hover{background:var(--mist)!important}.wf-kanvas .react-flow__controls-button svg{fill:inherit;width:14px;height:14px;max-width:none;max-height:none}.wf-kanvas .react-flow__background{background:var(--mist)!important}.wf-kanvas .react-flow__background pattern circle,.wf-kanvas .react-flow__background-pattern.dots{fill:var(--border)!important;stroke:none!important}.wf-kanvas .react-flow__selection{background:color-mix(in srgb,var(--signal) 14%,transparent);border:1px solid var(--signal)}.wf-kanvas .react-flow__nodesselection-rect{background:color-mix(in srgb,var(--signal) 10%,transparent);border:1px dashed var(--signal)}.wf-kanvas .react-flow__minimap,.wf-kanvas .wf-minimap{background:var(--surface)!important;border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow);overflow:hidden}.wf-kanvas .react-flow__minimap-mask{fill:color-mix(in srgb,var(--ink) 16%,transparent)}.wf-kanvas .react-flow__minimap-node{stroke:none;rx:2;ry:2}.wf-kanvas .react-flow,.wf-kanvas .react-flow.dark,.wf-kanvas .react-flow.light{--xy-background-color:var(--mist);--xy-background-pattern-color:var(--border);--xy-node-background-color:var(--surface);--xy-node-color:var(--ink);--xy-node-border:var(--border);--xy-node-boxshadow-hover:var(--shadow);--xy-node-boxshadow-selected:0 0 0 2px var(--signal-50),var(--shadow);--xy-handle-background-color:var(--surface);--xy-handle-border-color:var(--signal);--xy-edge-stroke:var(--text-faint);--xy-edge-stroke-selected:var(--signal);--xy-connectionline-stroke:var(--signal);--xy-attribution-background-color:transparent;--xy-attribution-color:var(--text-faint);--xy-controls-button-background-color:var(--surface);--xy-controls-button-background-color-hover:var(--mist);--xy-controls-button-border-color:var(--border);--xy-controls-button-color:var(--ink-soft);--xy-controls-box-shadow:var(--shadow);--xy-minimap-background-color:var(--surface);--xy-minimap-mask-background-color:color-mix(in srgb,var(--ink) 16%,transparent);--xy-selection-background-color:color-mix(in srgb,var(--signal) 14%,transparent);--xy-selection-border:1px solid var(--signal)}.wf-input{font:inherit;font-size:var(--teksti-runko);padding:var(--tila-2);border-radius:4px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}.wf-kentta{width:100%;margin-bottom:var(--tila-1);resize:vertical}.wf-kentta-nimi{display:block;margin:var(--tila-3) 0 var(--tila-1)}.wf-kentta-ohje{margin-bottom:var(--tila-1)}.wf-virhelista{margin-top:var(--tila-3);padding:var(--tila-2) var(--tila-3);border-radius:4px;background:var(--bad-wash);color:var(--bad);font-size:var(--teksti-meta);gap:var(--tila-1)}.wf-aiheet,.wf-virhelista{display:flex;flex-direction:column}.wf-aihe,.wf-aiheet{gap:var(--tila-2)}.wf-aihe{display:grid;grid-template-columns:1fr 1.4fr auto;grid-gap:var(--tila-2)}.wf-askeleet{display:flex;flex-direction:column;gap:var(--tila-2)}.wf-askel{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--tila-3);gap:var(--tila-3);align-items:start;padding:var(--tila-2) var(--tila-3);border:1px solid var(--border);border-radius:4px;background:var(--surface)}.wf-askel-nimi{font-size:var(--teksti-meta);font-weight:650}.wf-askel-seloste{font-size:var(--teksti-meta);color:var(--text-soft);margin-top:2px;white-space:pre-wrap}.wf-versiot{display:flex;flex-direction:column;gap:var(--tila-2)}.wf-versio{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:var(--tila-3);gap:var(--tila-3);align-items:center;padding:var(--tila-2) var(--tila-3);border:1px solid var(--border);border-radius:4px;font-size:var(--teksti-meta)}.wf-versio-seloste{color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1100px){.wf-body{grid-template-columns:1fr;height:auto}.wf-kanvas{height:480px}}.wf-mobiili-varoitus{margin-bottom:var(--tila-3)}.wf-body--katselu .wf-paletti-node--lukittu{opacity:.55;cursor:not-allowed}.wf-body--katselu .wf-kanvas{min-height:320px}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.skeleton{display:block;background:var(--mist);border:1px solid var(--border);border-radius:4px;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-title{width:140px;height:22px;margin-bottom:var(--tila-2)}.skeleton-subtitle{width:min(420px,80%);height:14px}.skeleton-chip{width:120px;height:30px;border-radius:99px}.skeleton-select{width:200px;height:32px}.skeleton-toolbar{display:flex;gap:var(--tila-2);margin-bottom:var(--tila-3)}.skeleton-table{padding:0;overflow:hidden}.skeleton-table-head{padding:var(--tila-3) var(--tila-4);background:var(--mist)}.skeleton-table-head,.skeleton-table-row{display:grid;grid-gap:var(--tila-3);gap:var(--tila-3);border-bottom:1px solid var(--border)}.skeleton-table-row{padding:var(--tila-4);align-items:center}.skeleton-table-row:last-child{border-bottom:none}.skeleton-cell{height:12px;width:100%;border:none}.skeleton-cell.short{width:55%}.skeleton-cell.mid{width:72%}.skeleton-cols-4{grid-template-columns:1.1fr 1.2fr 1fr 2fr}.skeleton-cols-6{grid-template-columns:1.2fr 1.4fr 1fr .8fr 1fr .9fr}.skeleton-panel{background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow);padding:var(--tila-4) var(--tila-5);min-height:220px}.skeleton-list-item{height:44px;margin-bottom:var(--tila-2);border:none;background:var(--mist)}.skeleton-keskustelut{display:grid;grid-template-columns:minmax(240px,320px) 1fr;grid-gap:var(--tila-4);gap:var(--tila-4);align-items:start}@media (max-width:880px){.skeleton-keskustelut{grid-template-columns:1fr}}.lista-tyhjatila{text-align:center;padding:var(--tila-8) var(--tila-5)}.lista-tyhjatila-otsikko{font-size:var(--teksti-nosto);font-weight:650;margin-bottom:var(--tila-1);color:var(--ink)}.lista-tyhjatila .hint{margin-top:0}.lista-tyhjatila-kuvitus{display:block;margin:0 auto var(--tila-3)}.kaynnistys-tyhjatila{padding:var(--tila-8) var(--tila-6);max-width:420px;margin:0 auto}.kaynnistys-tyhjatila .btn{display:inline-flex}.viesti-tila{font-weight:650;letter-spacing:.02em}.viesti-tila-queued{color:var(--text-faint);font-weight:500}.viesti-tila-sent{color:var(--text-soft);font-weight:600}.viesti-tila-delivered{color:var(--good);font-weight:650}.viesti-tila-failed{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:var(--kulma);background:var(--bad-wash);color:var(--bad);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.viesti-tila-aika{font-weight:500;text-transform:none;letter-spacing:0;color:inherit;opacity:.85}.viesti-kupla-failed .viesti-kupla-meta{color:var(--bad);font-weight:650}.viesti-failed-banner{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--bad)}.viesti-kupla-queued .viesti-kupla-meta,.viesti-kupla-sent .viesti-kupla-meta{color:var(--text-soft)}tr.ajo-rivi-toimitusvirhe td{background:color-mix(in srgb,var(--bad-wash) 70%,var(--surface))}.ajo-toimitusvirhe-selite{color:var(--bad);max-width:16rem;white-space:normal;font-weight:650}.auth-kehys{min-height:100dvh;display:flex;flex-direction:column;background:var(--mist)}.auth-kehys>main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--tila-8) var(--tila-5)}.auth-kehys>main>section{width:100%;margin:0!important}.auth-kortti{width:100%;max-width:400px;margin:0 auto;padding:var(--tila-6) var(--tila-6) var(--tila-6);background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:var(--shadow)}.auth-brändi{margin-bottom:var(--tila-6);padding-bottom:var(--tila-5);border-bottom:1px solid var(--border)}.auth-brändi-rivi{display:flex;align-items:center;gap:var(--tila-3)}.auth-merkki{width:36px;height:14px;flex:none;color:var(--signal)}.auth-merkki path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.auth-nimi{font-size:var(--teksti-valiotsikko);font-weight:700;letter-spacing:-.025em;color:var(--ink)}.auth-eyebrow{margin:var(--tila-2) 0 0;font-size:var(--teksti-mikro);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.auth-otsikko{font-size:var(--teksti-luku);font-weight:700;letter-spacing:-.02em;color:var(--ink)}.auth-alaotsikko{margin-top:var(--tila-2);font-size:var(--teksti-runko);line-height:1.55;color:var(--text-soft)}.auth-lomake,.auth-selite{margin-top:var(--tila-5)}.auth-selite{padding-top:var(--tila-4);border-top:1px solid var(--border);font-size:var(--teksti-meta);line-height:1.55;color:var(--text-faint)}@media (max-width:480px){.auth-kehys>main{align-items:flex-start;padding:var(--tila-5) var(--tila-4) var(--tila-8)}.auth-kortti{max-width:none;padding:var(--tila-5) var(--tila-5) var(--tila-5)}.auth-otsikko{font-size:var(--teksti-otsikko)}.auth-alaotsikko{font-size:var(--teksti-runko)}}.putki{display:flex;flex-direction:column;gap:var(--tila-5)}.putki-jumi-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--tila-3) var(--tila-4);padding:var(--tila-3) var(--tila-4);border:1px solid var(--border);border-radius:4px;background:var(--surface)}.putki-jumi-form label{display:flex;flex-direction:column;gap:var(--tila-1);font-size:var(--teksti-meta);font-weight:650;color:var(--text-soft)}.putki-jumi-form .wf-input{min-height:40px}.putki-jumi-form .hint{flex:1 1 220px;margin:0}.putki-mittarit{margin-top:0}.putki-vaiheet{display:flex;flex-direction:column;gap:var(--tila-4)}.putki-vaihe-paa{display:flex;align-items:baseline;justify-content:space-between;gap:var(--tila-3);margin-bottom:var(--tila-2)}.putki-vaihe-paa h2{font-size:var(--teksti-valiotsikko);font-weight:700;letter-spacing:-.01em;margin:0}.putki-vaihe-lkm{color:var(--text-soft);font-size:var(--teksti-runko)}.putki-yritys-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--tila-2)}.putki-yritys{border:1px solid var(--border);border-radius:4px;background:var(--surface);padding:var(--tila-3) var(--tila-4)}.putki-yritys.jumissa{border-color:var(--warn);background:var(--warn-wash)}.putki-yritys-paa{overflow-wrap:anywhere;justify-content:space-between;gap:var(--tila-2) var(--tila-4)}.putki-yritys-meta,.putki-yritys-paa{display:flex;flex-wrap:wrap;align-items:center}.putki-yritys-meta{gap:var(--tila-2)}.putki-paivat{font-size:var(--teksti-meta);color:var(--text-soft)}.putki-jumi-merkki{font-size:var(--teksti-pieni);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--warn)}.putki-toimenpide-lista{margin:var(--tila-2) 0 0;padding-left:var(--tila-5);font-size:var(--teksti-runko);color:var(--ink)}.putki-toimenpide-lista li{margin-top:var(--tila-1)}.putki-jumi-lista .putki-toimenpide-lista{padding-left:var(--tila-5)}.putki-siirtyma{margin-top:var(--tila-3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--tila-1)}.putki-siirtyma-esto{margin:0;max-width:28rem;white-space:pre-wrap;color:var(--warn)}.liidi-tuonti-rivi{flex-wrap:wrap;gap:var(--tila-3)}.liidi-tuonti-check,.liidi-tuonti-rivi{display:flex;align-items:center;margin-bottom:var(--tila-3)}.liidi-tuonti-check{gap:var(--tila-2);font-size:var(--teksti-runko)}.liidi-tuonti-kartoitus{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--tila-3);gap:var(--tila-3);margin-bottom:var(--tila-4)}.liidi-tuonti-kartoitus label{display:flex;flex-direction:column;gap:var(--tila-1);font-size:var(--teksti-meta);font-weight:650;color:var(--text-soft)}.puutteet-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--tila-2)}@media (max-width:880px){.putki-jumi-form{flex-direction:column;align-items:stretch;gap:var(--tila-3);padding:var(--tila-3)}.putki-jumi-form .btn,.putki-jumi-form .wf-input,.putki-jumi-form label{width:100%}.putki-jumi-form .hint{flex:none;font-size:var(--teksti-pieni)}.putki-mittarit{grid-template-columns:1fr 1fr!important;gap:var(--tila-3)}.putki-mittarit .stat-value{font-size:var(--teksti-otsikko)}.putki-vaihe-paa h2{font-size:var(--teksti-nosto)}.putki-yritys{padding:var(--tila-3)}.putki-yritys-paa{flex-direction:column;align-items:flex-start}.putki-toimenpide-lista{padding-left:var(--tila-4);font-size:var(--teksti-meta);line-height:1.45}}@media (max-width:480px){.putki-mittarit{grid-template-columns:1fr!important}.putki-jumi-merkki{align-self:flex-start}}.liidi-tuonti-raportti{margin-top:var(--tila-4);padding-top:var(--tila-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--tila-3);font-size:var(--teksti-runko)}.liidi-tuonti-raportti .putki-toimenpide-lista,.liidi-tuonti-raportti ul{margin:var(--tila-2) 0 0;padding-left:var(--tila-5);gap:var(--tila-3)}.puute-rivi{padding:var(--tila-3);border:1px solid var(--border);border-radius:4px;background:var(--mist)}.puute-rivi.puute-esto{border-color:color-mix(in srgb,var(--bad) 45%,var(--border));background:var(--bad-wash)}.puute-rivi.puute-huomio{border-color:color-mix(in srgb,var(--warn) 40%,var(--border));background:var(--warn-wash)}.puute-paa{display:flex;align-items:center;justify-content:space-between;gap:var(--tila-3)}.puute-vakavuus{font-size:var(--teksti-mikro);font-weight:700;letter-spacing:.04em;text-transform:uppercase;flex:none}.puute-vakavuus-esto{color:var(--bad)}.puute-vakavuus-huomio{color:var(--warn)}.puute-estaa{margin:var(--tila-2) 0 0;font-size:var(--teksti-meta);color:var(--text-soft);line-height:1.4}#automaatiot:target,#laskutus:target,#perustiedot:target,#puhelin:target,.puutteet-paneeli :target{outline:2px solid var(--signal);outline-offset:3px}.velho-nav .velho-tallenna{margin-left:auto}.velho-puute{margin-top:var(--tila-2);text-align:right;color:var(--warn)}@media (max-width:640px){.velho-nav{flex-wrap:wrap;gap:var(--tila-2)}.velho-nav .velho-tallenna{margin-left:0;width:100%;justify-content:center}.velho-puute{text-align:left}}.pulssi{display:block;height:14px;width:84px;flex:none}.pulssi path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pulssi-tasainen{color:var(--text-faint);margin:0 auto var(--tila-3)}.pulssi-piikki{color:var(--signal)}.huomio-otsikko{display:flex;align-items:center;gap:var(--tila-3);margin-bottom:var(--tila-3)}.huomio-otsikko .pulssi{width:56px;height:12px}.laskutus-waived{margin-top:var(--tila-2);padding:var(--tila-3);background:var(--mist);border:1px solid var(--border);border-radius:var(--kulma)}.laskutus-waived-label{display:block;font-size:var(--teksti-pieni);font-weight:650;color:var(--ink);margin-bottom:var(--tila-1)}.huomio-osio{margin-bottom:var(--tila-6);padding:var(--tila-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--kulma)}.huomio-osio.huomio-avoin{border-color:var(--signal);box-shadow:inset 2px 0 0 var(--signal)}.huomio-osio .feed{margin-top:var(--tila-3)}.huomio-maara{margin-left:auto;font-size:var(--teksti-meta);font-weight:700;color:var(--signal);background:var(--signal-50);border-radius:var(--kulma-pilli);padding:2px var(--tila-2)}@media (max-width:400px){.demo-nauha{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}main{padding:var(--tila-4)}.card{padding:var(--tila-3)}.table-wrap{margin-left:calc(0px - var(--tila-4));margin-right:calc(0px - var(--tila-4));border-left:none;border-right:none;border-radius:0}.grid-stats,.putki-mittarit{grid-template-columns:1fr!important}.stat-value{font-size:var(--teksti-valiotsikko)}.card .hint,.card-title,.stat-foot,.stat-label{overflow-wrap:anywhere;white-space:normal}.toolbar{flex-direction:column;align-items:stretch}.toolbar>*{width:100%;box-sizing:border-box}.pill{font-size:var(--teksti-mikro);padding:2px var(--tila-2)}.btn,.btn-sm,.chip{min-height:40px;min-width:40px;box-sizing:border-box}.btn{font-size:var(--teksti-meta)}.btn,.btn-sm{padding:var(--tila-2) var(--tila-3)}.chip{display:inline-flex;align-items:center;justify-content:center}.page-head h1{font-size:var(--teksti-valiotsikko)}.biz-title h1{font-size:var(--teksti-nosto)}.wf-paletti-node{min-height:40px}.wf-kanvas{height:360px}.nav-item svg{width:16px;height:16px;max-width:16px;max-height:16px}}