:root{--slate: #2b4a6f;--slate-600: #34567f;--bg: #f4f6f8;--surface: #ffffff;--border: #dde3ea;--text: #16202b;--muted: #6b7885;--danger: #c0392b;--danger-bg: #fdecea;--on-accent: #ffffff;--ok: #1a7f37;--warn: #c0392b;--radius: 10px;--radius-sm: 6px;--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 22px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--field-h: 30px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=dark]{--slate: #7cb3ec;--slate-600: #8fbef0;--bg: #1f2630;--surface: #2a333f;--border: #3a4552;--text: #eaeef3;--muted: #a7b4c2;--danger: #ff7a6e;--danger-bg: #40251f;--on-accent: #0d1b2a;--ok: #4ade80;--warn: #ff8a7e}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--slate: #7cb3ec;--slate-600: #8fbef0;--bg: #1f2630;--surface: #2a333f;--border: #3a4552;--text: #eaeef3;--muted: #a7b4c2;--danger: #ff7a6e;--danger-bg: #40251f;--on-accent: #0d1b2a;--ok: #4ade80;--warn: #ff8a7e}}:root[data-theme=sepia]{--slate: #2a7357;--slate-600: #348a68;--bg: #eef3ef;--surface: #ffffff;--border: #d3ddd5;--text: #16211c;--muted: #5c6d64;--danger: #c0392b;--danger-bg: #fdecea;--on-accent: #ffffff;--ok: #1a7f37;--warn: #c0392b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.center{display:grid;place-items:center;height:100%}.muted{color:var(--muted)}.login-wrap{display:grid;place-items:center;min-height:100%;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 30px #0000000f}.login-brand{display:flex;align-items:center;gap:12px;color:var(--slate)}.brand-name{font-weight:700;font-size:18px;letter-spacing:-.01em}.brand-sub{color:var(--muted);font-size:13px}.login-card h1{font-size:20px;margin:4px 0 8px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}input:focus{outline:2px solid var(--slate);outline-offset:0;border-color:var(--slate)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;width:18px;height:18px;flex:none;display:inline-block;border:1.5px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer;position:relative;vertical-align:-4px;transition:background .12s,border-color .12s}input[type=checkbox]:hover:not(:disabled){border-color:var(--slate)}input[type=checkbox]:checked{background:var(--slate);border-color:var(--slate)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--slate);outline-offset:2px}input[type=checkbox]:disabled{opacity:.5;cursor:default}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:11px 16px;font-weight:600;background:var(--slate);color:var(--on-accent)}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid var(--slate);outline-offset:2px;border-radius:5px}.nav-item.active:focus-visible,button:focus-visible{outline-offset:2px}.nav-item.active:focus-visible{outline-color:var(--on-accent);outline-offset:-3px}.form-error{background:var(--danger-bg);color:var(--danger);padding:10px 12px;border-radius:8px;font-size:13px}.form-hint{font-size:12px;color:var(--muted)}.form-hint.warn{color:var(--danger)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:54px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;gap:8px;color:var(--slate)}.brand-mark{color:var(--slate);display:inline-flex}.brand-divider{color:var(--border)}.brand-company{color:var(--text);font-weight:600}.topbar-user{display:flex;align-items:center;gap:12px}.user-name{font-weight:600}.badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--slate);color:var(--on-accent);padding:2px 8px;border-radius:20px}.btn-ghost{background:transparent;color:var(--muted);padding:7px 12px}.btn-ghost:hover{color:var(--text);background:var(--bg)}.user-btn{background:transparent;color:var(--text);font-weight:600;padding:6px 10px;border-radius:8px}.user-btn:hover{background:var(--bg)}.breadcrumbs{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 -32px 18px;padding:9px 32px;font-size:13px;line-height:1;background:var(--surface);border-bottom:1px solid var(--border)}.crumb-item{display:inline-flex;align-items:center;gap:6px}.crumb{background:transparent;color:var(--slate);font:inherit;padding:0;cursor:pointer}.crumb:hover{text-decoration:underline}.crumb-current{color:var(--text);font-weight:600}.crumb-sep{color:var(--muted)}.pill{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;color:var(--muted);background:var(--bg);border:1px solid var(--border);padding:1px 6px;border-radius:20px}.pill-su{color:var(--slate);border-color:var(--slate)}.form-ok{background:#2ea0431f;color:#2ea043;padding:9px 12px;border-radius:8px;font-size:13px}.sep{border:none;border-top:1px solid var(--border);margin:6px 0}.section-label{font-weight:700;font-size:13px;color:var(--slate)}.req{color:var(--danger);font-weight:700}.saved-flash{color:var(--ok);font-weight:600;font-size:12px;animation:toast-in .15s ease}.body{display:flex;flex:1;min-height:0}.sidebar{width:210px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:12px;display:flex;flex-direction:column;overflow-y:auto}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-version{padding:8px 12px 2px;font-size:11px;color:var(--muted);letter-spacing:.02em}.scrolltop{position:fixed;right:22px;bottom:22px;z-index:50;width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--slate);color:var(--on-accent);border:none;box-shadow:0 2px 12px #00000038}.scrolltop:hover{opacity:.92}.nav-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;color:var(--text);text-align:left;padding:10px 12px;font-weight:500;border-radius:8px}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--slate);color:var(--on-accent)}.nav-icon{flex-shrink:0;opacity:.85}.nav-label{flex:1;min-width:0}.nav-caret{flex-shrink:0;color:var(--muted)}.nav-item.active .nav-caret{color:var(--on-accent);opacity:.8}.nav-group{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px}.nav-subheading{padding:8px 12px 2px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--slate)}.icon-btn:hover:not(:disabled){background:var(--bg);border-color:var(--border)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;gap:7px}.company-form{max-width:760px;display:flex;flex-direction:column;gap:12px}.company-group{border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px 14px;margin:0;min-width:0}.company-group legend{padding:0 6px;font-weight:700;font-size:12.5px;color:var(--slate)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.field-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;min-width:0}.field-grid .field-wide{grid-column:1 / -1}.field-grid .check-field{justify-content:flex-end}.input-with-btn{display:flex;gap:6px;align-items:center;max-width:100%}.input-with-btn input,.input-with-btn select{flex:1;min-width:0}.input-with-btn .btn-icon{white-space:nowrap;flex-shrink:0}.prh-preview{border:1px solid var(--border-accent, var(--slate));border-radius:10px;background:var(--bg);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.prh-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.prh-preview-title{font-weight:600;font-size:13px}.prh-diff{border-collapse:collapse;font-size:13px}.prh-diff td{padding:3px 8px;vertical-align:top}.prh-label{color:var(--muted);white-space:nowrap}.prh-from{color:var(--muted);text-decoration:line-through}.prh-arrow{color:var(--muted)}.prh-to{font-weight:600;color:var(--ok)}.prh-preview-actions{display:flex;justify-content:flex-end;gap:8px}.field-grid .check-field .check-inline{padding-bottom:8px}.company-form input{background:var(--surface)}.company-actions{position:sticky;bottom:0}@media(max-width:560px){.field-grid{grid-template-columns:1fr}}.company-page{display:flex;flex-direction:column;gap:22px}.ce-asetukset{display:flex;flex-direction:column;gap:16px;max-width:720px}.cell-input{width:100%;padding:5px 8px;font-size:13px;border:1px solid transparent;background:transparent;border-radius:6px}.cell-input.num{text-align:right}.cell-input:hover{border-color:var(--border)}.cell-input:focus{background:var(--surface);border-color:var(--slate);outline:none}table.grid td:has(.cell-input){padding:4px 6px}.cell-warn{color:var(--warn);font-weight:700}.vari-picker{display:inline-flex;align-items:center;gap:8px}.vari-picker input[type=color]{width:40px;height:30px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}.kohde-aukkolista{display:flex;flex-direction:column;gap:8px;margin-top:20px}.kohde-vari-dot{display:inline-block;width:12px;height:12px;margin-left:8px;border-radius:50%;border:1px solid var(--border);vertical-align:middle}.whatsnew-badge{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--slate);border:1px solid var(--slate);border-radius:20px;padding:2px 10px}.whatsnew-list{margin:4px 0 6px;padding-left:20px;line-height:1.7;font-size:14px}.ce-logo-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ce-logo-preview{display:flex;align-items:center;justify-content:center;width:160px;height:90px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:8px}.ce-logo-preview img{max-width:100%;max-height:100%}.ce-logo-actions{display:flex;flex-direction:column;gap:8px}.file-label{cursor:pointer}.toolbar-split{display:flex;align-items:center;justify-content:space-between;gap:12px}.check-inline{display:inline-flex;align-items:center;gap:8px;font-size:13px}.check-inline input:not([type=checkbox]){width:auto}table.grid th.num,table.grid td.num{text-align:right;white-space:nowrap}.row-link{cursor:pointer}.row-link:hover td{background:var(--bg)}.cell-spec{max-width:340px;font-size:12.5px;color:var(--muted)}.status-pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap;border:1px solid transparent}.status-aktiivinen{color:var(--ok);background:#2ea0431f;border-color:#2ea04359}.status-tarjous{color:var(--slate);background:var(--bg);border-color:var(--border)}.status-arkistoitu{color:var(--muted);background:var(--bg);border-color:var(--border)}.toolbar-left{display:flex;align-items:center;gap:12px}.search-box{position:relative;display:inline-flex;align-items:center}.search-box .search-icon{position:absolute;left:9px;color:var(--muted);pointer-events:none}.search-box input{padding-left:30px;padding-right:30px;width:260px;max-width:50vw}.search-clear{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:6px;background:transparent;color:var(--muted)}.search-clear:hover{background:var(--bg);color:var(--text)}table.grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-inner{display:inline-flex;align-items:center;gap:4px}table.grid th.num .th-inner{justify-content:flex-end}.sort-caret{opacity:0;color:var(--muted)}th.sortable:hover .sort-caret{opacity:.4}.sort-caret.on{opacity:1;color:var(--slate)}.list-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.list-count{white-space:nowrap}.list-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.filter-bar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 14px}.filter-field{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.filter-field select{min-width:140px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{padding:6px 13px;background:var(--surface);color:var(--text);font-size:13px;border:none;border-left:1px solid var(--border)}.seg button:first-child{border-left:none}.seg button.active{background:var(--slate);color:var(--on-accent)}.filter-clear{color:var(--slate)}.detail-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin:6px 0 16px}.detail-tabs button{background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:9px 15px;border-radius:8px 8px 0 0;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.detail-tabs button:hover{color:var(--text);background:var(--bg)}.detail-tabs button.active{color:var(--slate);border-bottom-color:var(--slate)}.detail-tabs .tab-count{font-weight:400;opacity:.7;margin-left:5px}.kohde-detail{display:flex;flex-direction:column;gap:4px}.detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-actions{display:flex;gap:6px}.btn-ghost.danger{color:#c0392b}.btn-ghost.danger:hover{background:#c0392b1a}.rivit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px}.rivit-head .section-label{margin:0}.rivit-head-left{display:flex;align-items:center;gap:14px}.modal.modal-wide{max-width:720px;width:92vw}.flip{transform:rotate(180deg)}.kohde-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:10px 0 4px}.kohde-title{margin:0 0 2px;font-size:20px}.kohde-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin:12px 0 4px}.fact-label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.fact-value{font-weight:500;font-size:14px;margin-top:2px}.fact-sub{font-weight:400;font-size:12.5px;color:var(--muted);margin-top:1px}.expand-col{width:34px;text-align:center}tr.row-expanded>td{background:var(--bg)}tr.expand-row>td{background:var(--bg);padding:4px 10px 12px 44px}.elementti-lista{display:flex;flex-direction:column;gap:8px}.elementti-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}table.grid.grid-tight th,table.grid.grid-tight td{padding:5px 8px;font-size:12.5px}tr.row-valukielto>td:first-child{box-shadow:inset 3px 0 #c0392b}.tag{display:inline-block;margin-left:6px;font-size:11px;font-weight:600;padding:1px 6px;border-radius:20px;background:var(--bg);border:1px solid var(--border);color:var(--muted)}.tag-warn{color:#c0392b;border-color:#c0392b66;background:#c0392b14}.raud{white-space:nowrap}.raud span{display:inline-block;min-width:17px;height:17px;line-height:17px;padding:0 4px;text-align:center;font-size:10px;font-weight:700;border-radius:4px;margin-right:2px;box-sizing:border-box}.raud-ok{background:#2ea04326;color:var(--ok)}.raud-osa{background:#d2960026;color:#9a6a00}.raud-no{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.check-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}.tyoaika-field{display:flex;flex-direction:column;gap:5px;font-size:13px}.tyoaika-field input{width:90px}.import-tool{display:flex;flex-direction:column;gap:16px;max-width:620px}.import-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;background:var(--surface)}.import-card--soon{border-style:dashed}.import-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.import-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:14px 0 4px;font-size:13px}.import-facts dt{color:var(--muted)}.import-facts dd{margin:0;font-weight:500}.import-steps{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.import-steps ol{margin:6px 0 8px;padding-left:20px;font-size:13px;line-height:1.7}.import-steps code,.import-card code{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12px}.content{flex:1;padding:0 32px 28px;overflow:auto}.welcome{margin:4px 0 18px;font-size:16px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:left;color:var(--text);font-weight:500}.card:hover{border-color:var(--slate)}.card-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:var(--fs-lg);color:var(--slate)}.card-sub{color:var(--muted);font-size:13px;margin-top:4px}.placeholder{margin-top:22px;max-width:560px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:24px}.placeholder-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--slate);border:1px solid var(--slate);padding:2px 8px;border-radius:20px;margin-bottom:10px}.login-card.wide{max-width:660px}.mfa-cols{display:flex;gap:24px;align-items:flex-start}.mfa-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.mfa-right{flex-shrink:0}@media(max-width:560px){.login-card.wide{max-width:380px}.mfa-cols{flex-direction:column-reverse}.mfa-right,.qr img{width:100%}}.qr{display:grid;place-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;margin:4px 0}.qr img{display:block}.secret{display:flex;flex-direction:column;gap:4px;font-size:13px;margin:4px 0 8px}.secret code{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;word-break:break-all}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.recovery-codes code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;text-align:center;letter-spacing:.04em}.toolbar{margin:18px 0 14px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table.grid{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--surface)}table.grid th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:7px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.grid td{padding:7px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.grid tr:last-child td{border-bottom:none}table.grid tr:hover td{background:var(--bg)}.row-dim td{opacity:.5}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.actions{display:flex;gap:6px;white-space:nowrap}.btn-sm{font-size:var(--fs-sm);padding:5px 10px;font-weight:500;background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-sm:hover:not(:disabled){border-color:var(--slate);color:var(--slate)}.btn-sm:disabled{opacity:.4;cursor:default}select{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}select:focus{outline:2px solid var(--slate);border-color:var(--slate)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:0 12px 40px #0003}.form-grid>.section-label{margin-top:8px}.form-grid>.section-label:first-child{margin-top:0}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h2{margin:0;font-size:17px}.form-grid{display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.user-edit-body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start}.user-edit-fields{min-width:0}.user-edit-oikeudet{min-width:0;display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--border);padding-left:20px}.oikeus-paneeli-otsikko{font-weight:700;font-size:var(--fs-lg);color:var(--slate)}.oikeus-kopio{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--muted);margin-top:2px}.oikeus-kopio select{flex:1}.oikeus-taulu-wrap{max-height:52vh;overflow-y:auto}.oikeus-taulu th.oikeus-col,.oikeus-taulu td.oikeus-col{text-align:center;width:66px}.oikeus-taulu td.oikeus-col input{cursor:pointer;margin:0}tr.oikeus-osio>td{background:var(--bg);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--slate)}@media(max-width:760px){.user-edit-body{grid-template-columns:1fr}.user-edit-oikeudet{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:14px}}.topbar-brand{min-width:0}.brand-company{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user{min-width:0}.user-btn{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-menu-btn,.sidebar-scrim{display:none}@media(max-width:860px){.topbar-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin-right:8px;flex:none;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px}.sidebar{position:fixed;top:54px;bottom:0;left:0;z-index:60;width:250px;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 18px #00000040}.sidebar.open{transform:none}.sidebar-scrim.open{display:block;position:fixed;top:54px;right:0;bottom:0;left:0;background:#0006;z-index:55}.content{padding:0 16px 18px}.breadcrumbs{margin:0 -16px 14px;padding:9px 16px}.icon-btn{width:40px;height:40px}}@media(max-width:560px){.brand-name,.brand-divider,.topbar-user .badge{display:none}}.link-icon{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--slate)}.link-icon:hover{text-decoration:underline}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:6px}.status-card{border:1px solid var(--border);border-radius:10px;padding:14px 16px;background:var(--surface)}.status-card h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);display:flex;align-items:center;gap:6px}.status-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:13px;border-top:1px solid var(--border)}.status-row:first-of-type{border-top:none}.status-row .k{color:var(--muted)}.status-row .v{font-weight:600;text-align:right;word-break:break-word}.bar{height:8px;background:var(--bg);border-radius:6px;overflow:hidden;margin-top:8px}.bar>span{display:block;height:100%;background:var(--slate)}.bar.warn>span{background:var(--warn)}.status-ok{color:var(--ok);font-weight:700}.status-bad{color:var(--warn);font-weight:700}.meta-cell{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted);white-space:nowrap;max-width:360px;overflow:hidden;text-overflow:ellipsis}.modal.modal-xwide{max-width:1080px;width:96vw}.edlg{display:flex;flex-direction:column}.modal.modal-xwide:has(.edlg){max-width:1360px}.edlg-body{display:grid;grid-template-columns:minmax(0,1fr) 480px;margin:0 -22px;border-top:1px solid var(--border)}.edlg-form{padding:14px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}.edlg-panel{background:var(--bg);border-left:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:16px;min-width:0}.edlg-sec{min-width:0}.edlg-h{margin:0 0 6px;font-size:12.5px;font-weight:700;color:var(--text);display:flex;align-items:baseline;gap:8px}.edlg-sub{font-size:11px;font-weight:500;color:var(--muted)}.fgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:9px 12px}.edlg .fw{display:flex;flex-direction:column;gap:3px;min-width:0}.edlg .fw-inline{flex-direction:row;align-items:center;gap:8px}.edlg .fw-inline>.fl{flex:0 0 auto;max-width:55%}.edlg .fw-inline>.fi{flex:1 1 auto;min-width:0}.edlg .fgrid-tasa .fw-inline>.fl{flex:0 0 84px;max-width:none}.edlg .edlg-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px}.edlg .edlg-row .fl{flex:0 0 auto}.edlg .fl{font-size:11.5px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edlg .req{color:var(--danger);font-weight:700}.edlg .fi{display:flex;align-items:center;gap:6px;height:var(--field-h);padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:5px;min-width:0}.edlg .fi.fi-lg{height:38px}.edlg .fi:focus-within{border-color:var(--slate);box-shadow:0 0 0 2px #2b4a6f2e}.edlg .fi input,.edlg .fi select{border:none;background:transparent;padding:0;height:100%;width:100%;font:inherit;color:var(--text);outline:none;min-width:0}.edlg .fi select{font-weight:600;cursor:pointer}.edlg .unit{margin-left:auto;color:var(--muted);font-size:12px;font-weight:500;padding-left:6px;border-left:1px solid var(--border);white-space:nowrap}.edlg .dot{width:8px;height:8px;border-radius:50%;flex:none}.edlg-textarea{min-height:46px;width:100%;resize:vertical;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:7px 11px}.edlg-textarea:focus{outline:none;border-color:var(--slate);box-shadow:0 0 0 2px #2b4a6f2e}.edlg-field-block{display:flex;flex-direction:column;gap:6px}.edlg-chips{display:flex;flex-wrap:wrap;gap:7px}.edlg-alilistat{display:flex;flex-direction:column;min-width:0}.edlg-alitabs{flex-wrap:wrap;margin:0 0 10px}.edlg-alitabs button{padding:5px 7px;font-size:var(--fs-sm)}.edlg-alilista{min-width:0}.saved-flash-row,.edlg-alilista-info{font-size:11px;margin-bottom:6px}.edlg-poista-vihje{font-size:11px;margin-top:6px}.saved-flash-slot{min-height:16px;font-size:11px;margin-top:6px}.edlg-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--text);font-weight:500;cursor:pointer}.edlg-chip .cbx{width:15px;height:15px;border:1.5px solid var(--muted);border-radius:3px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff}.edlg-chip.on{border-color:var(--slate);color:var(--slate)}.edlg-chip.on .cbx{background:var(--slate);border-color:var(--slate)}.edlg-card{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:13px 14px}.edlg-footer{display:flex;align-items:center;gap:12px;margin:0 -22px -22px;padding:13px 22px;border-top:1px solid var(--border);background:var(--bg)}.edlg-actions{margin-left:auto;display:flex;gap:10px}@media(max-width:860px){.edlg-body{grid-template-columns:1fr}.edlg-panel{border-left:none;border-top:1px solid var(--border)}}.pk-legend{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 12px;font-size:12px}.pk-leg{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.pk-sw{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid var(--border)}.pk-cal{border-collapse:collapse;font-size:12px;background:var(--surface)}.pk-cal th,.pk-cal td{border:1px solid var(--border);text-align:center}.pk-day{width:27px;min-width:27px;padding:2px 0;color:var(--muted);font-weight:700;line-height:1.15}.pk-day .pk-wd{font-size:9px;font-weight:400;text-transform:uppercase}.pk-cell{width:27px;height:27px;cursor:pointer}.pk-cell:hover{outline:1px solid var(--slate);outline-offset:-1px}.pk-we{background:var(--bg)}.pk-today{box-shadow:inset 0 0 0 2px var(--slate)}.pk-name{text-align:left!important;padding:4px 10px;white-space:nowrap;position:sticky;left:0;background:var(--surface);z-index:1;min-width:150px;font-weight:500}th.pk-name{z-index:2;font-weight:700}.pk-cal tbody tr:hover .pk-name{background:var(--bg)}.pk-kk{background:var(--bg);color:var(--slate);font-size:11px;font-weight:700;padding:3px 6px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.link-btn{background:transparent;border:none;padding:0;font:inherit;font-weight:500;cursor:pointer;color:var(--slate)}.link-btn:hover{text-decoration:underline}.pdf-viewer{margin:0 -22px -22px;display:flex;flex-direction:column}.pdf-viewer iframe,.pdf-viewer object{width:100%;height:76vh;border:0;border-top:1px solid var(--border);background:#fff;display:block}.pdf-viewer-foot{padding:8px 22px;border-top:1px solid var(--border);background:var(--bg);display:flex;justify-content:flex-end}.peti3d-wrap{margin:0 -22px -22px}.peti3d-frame{width:100%;height:74vh;border:0;border-top:1px solid var(--border);display:block;background:#eef1f5}.dropzone{border:2px dashed var(--border);border-radius:10px;padding:22px;text-align:center;color:var(--muted)}.dropzone.over{border-color:var(--slate);background:var(--bg)}.sidebar{padding:10px}.sidebar-nav{gap:1px}.nav-item{padding:6px 10px;font-size:13px;gap:9px;border-radius:7px}.nav-group{gap:1px;margin:1px 0 3px}.sidebar-version{padding:6px 10px 0}.pk-day.pk-holiday{color:#dc2626}.pk-cell.pk-hol{background:#dc26261a}.pk-vk{font-size:8px;font-weight:700;color:var(--slate);line-height:1;height:8px}.pk-day.pk-weekstart,.pk-cell.pk-weekstart{border-left:2px solid color-mix(in srgb,var(--muted) 40%,transparent)}.pk-cell.pk-today{background:#2b4a6f17}.pk-day.pk-today,.pk-cell.pk-today{box-shadow:inset 2px 0 0 var(--slate),inset -2px 0 0 var(--slate)}.asetus-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--border)}.asetus-row:last-child{border-bottom:none}.asetus-key{color:var(--muted);font-size:13px}.asetus-val{font-weight:600;font-size:13px}.teema-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.teema-kortti{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .12s,box-shadow .12s}.teema-kortti:hover:not(:disabled){border-color:var(--slate)}.teema-kortti.on{border-color:var(--slate);box-shadow:0 0 0 2px color-mix(in srgb,var(--slate) 35%,transparent)}.teema-kortti:disabled{opacity:.6;cursor:default}.teema-preview{position:relative;height:68px;border-radius:6px;border:1px solid var(--border);overflow:hidden;display:block}.teema-bar{position:absolute;left:0;top:0;bottom:0;width:22px}.teema-card{position:absolute;left:32px;right:10px;top:12px;bottom:12px;border-radius:4px;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:5px}.teema-line{height:4px;border-radius:2px;opacity:.85}.teema-line.short{width:55%;opacity:.5}.teema-nimi{font-weight:600;font-size:13px;display:flex;align-items:center;gap:6px}.teema-kuvaus{font-size:11px;color:var(--muted);line-height:1.35}.ok{color:var(--ok);font-weight:600}.warn{color:var(--warn);font-weight:600}.tag-red{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.tag-green{background:#2e7d321f;color:#2e7d32;border-color:#2e7d32}.tag-rst{background:#2b6cb01f;color:#2b6cb0;border-color:#2b6cb0}.rk-kuvat{margin-top:16px}.rk-kuva-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.rk-kuva{position:relative;width:92px;height:92px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg)}.rk-kuva a{display:block;width:100%;height:100%}.rk-kuva img{width:100%;height:100%;object-fit:cover;display:block}.rk-kuva-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;color:var(--muted);font-size:11px}.rk-kuva-del{position:absolute;top:3px;right:3px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;border:none;border-radius:5px;cursor:pointer}.rk-kuva-del:hover{background:var(--danger)}.rk-kuva-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:92px;height:92px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);cursor:pointer;font-size:11px;text-align:center}.rk-kuva-add:hover{border-color:var(--slate);color:var(--slate)}.tulosta-kalenteri{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.tulosta-pv{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit}.tulosta-pv:hover{border-color:var(--slate)}.tulosta-pv.on{background:var(--slate);border-color:var(--slate);color:var(--on-accent)}.tulosta-pv .tp-wd{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tulosta-pv.on .tp-wd{color:var(--on-accent);opacity:.85}.tulosta-pv .tp-pv{font-size:13px;font-weight:600}.tulosta-pv .tp-dot{position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:#2e7d32}.tulosta-pv.on .tp-dot{background:var(--on-accent)}.aukko-ikoni{display:inline-block;width:12px;height:12px;border:1.5px solid var(--muted);vertical-align:middle}.aukko-ikoni.ymp{border-radius:50%}.mat-combo{position:relative;margin-top:8px}.mat-combo-input{width:100%}.mat-combo-lista{position:absolute;left:0;right:0;bottom:100%;margin-bottom:3px;max-height:240px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000002e;z-index:6;padding:4px;display:flex;flex-direction:column}.mat-combo-item{display:flex;gap:6px;align-items:baseline;width:100%;text-align:left;background:transparent;border:none;font:inherit;padding:6px 8px;border-radius:6px;cursor:pointer;color:var(--text)}.mat-combo-item:hover{background:var(--bg)}.asetus-input-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ts-legenda{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.ts-lg{display:inline-flex;align-items:center;gap:5px}.sw{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid var(--border)}.sw-valamaton{background:var(--surface);border-color:var(--slate)}.sw-valettu{background:#2e7d322e;border-color:#2e7d32}.sw-kielto{background:var(--danger-bg);border-color:var(--danger)}.ts-scroll{overflow:auto;border:1px solid var(--border);border-radius:10px;max-height:calc(100vh - 220px)}.ts-grid{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.ts-grid th,.ts-grid td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top}.ts-corner{position:sticky;left:0;top:0;z-index:5;background:var(--surface);width:130px;min-width:130px;padding:8px;text-align:left}.ts-dayth{position:sticky;top:0;z-index:3;background:var(--surface);min-width:150px;padding:6px 8px;text-align:left;font-weight:600}.ts-dayth.ts-vklp{background:color-mix(in srgb,var(--muted) 8%,var(--surface))}.ts-dayth.ts-today,.ts-cell.ts-today{background:#2b4a6f14}.ts-dayth.ts-wkstart{border-left:2px solid color-mix(in srgb,var(--muted) 45%,transparent)}.ts-day-top{display:flex;align-items:baseline;gap:6px}.ts-vk{font-size:9px;font-weight:700;color:var(--slate)}.ts-dayname{text-transform:capitalize}.ts-daydate{color:var(--muted);font-weight:500;font-size:12px}.ts-day-tot{font-size:11px;margin-top:2px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;width:100%;background:transparent;color:inherit;border:none;padding:2px 0;font-weight:500;text-align:left;border-radius:4px;cursor:pointer}.ts-day-tot:hover{background:color-mix(in srgb,var(--slate) 10%,transparent)}.ts-budj{color:#b26a00;font-weight:600}.ts-flag{color:var(--danger);font-weight:600}.ts-muotti{position:sticky;left:0;z-index:2;background:var(--surface);width:130px;min-width:130px;padding:6px 8px;text-align:left}.ts-muotti-nro{font-weight:700;color:var(--slate)}.ts-muotti-nimi{font-size:12px}.ts-muotti-mitat{font-size:11px;color:var(--muted)}.ts-row-tyhja td,.ts-row-tyhja th{padding:0}.ts-muotti-tyhja{position:sticky;left:0;z-index:2;background:var(--bg);width:130px;min-width:130px;padding:0}.ts-tyhja-avaa{display:flex;align-items:center;gap:5px;width:100%;padding:2px 8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;text-align:left}.ts-tyhja-avaa:hover{background:var(--surface);color:var(--text)}.ts-tyhja-avaa .ts-muotti-nro{font-size:12px}.ts-tyhja-nimi{color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-tyhja-solu{background:var(--bg);color:var(--muted);font-size:11px;font-style:italic;padding:2px 10px!important}.ts-tyhja-sulje{float:right;background:transparent;color:var(--muted);padding:2px;margin-left:4px;cursor:pointer}.ts-tyhja-sulje:hover{color:var(--text)}.ts-cell{padding:4px;min-width:150px}.ts-cell.ts-wkstart{border-left:2px solid color-mix(in srgb,var(--muted) 45%,transparent)}.ts-el{display:block;width:100%;text-align:left;padding:4px 6px;margin-bottom:4px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font:inherit}.ts-el:hover{border-color:var(--slate)}.ts-el.valettu{background:#2e7d321a;border-color:#2e7d32}.ts-el.kielto{background:var(--danger-bg);border-color:var(--danger)}.ts-el-top{display:flex;justify-content:space-between;align-items:center;gap:4px}.ts-el-tunnus{font-weight:600;font-size:12px}.ts-el-ikonit{display:inline-flex;gap:3px;color:var(--slate);flex-shrink:0}.ts-el.kielto .ts-el-ikonit{color:var(--danger)}.ts-el-kohde{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.ts-el-kohde-nimi{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ts-el-kivet{margin-left:auto;display:inline-flex;gap:3px;color:var(--slate);flex:none}.ts-aukot-tila{display:flex;flex-direction:column;gap:12px;margin-top:10px}.ts-aukot-kohde{border:1px solid var(--border);border-radius:8px;padding:8px 10px}.ts-aukot-otsikko{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.ts-aukot-nimi{font-weight:700;display:inline-flex;align-items:center;gap:6px}.ts-aukot-rivit{display:flex;flex-direction:column;gap:2px}.ts-aukot-rivi{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:2px 0}.ts-aukot-rivi.vaje{color:var(--danger)}.tab-count-warn{background:var(--danger);color:#fff}.ts-kpl{display:inline-block;margin-left:5px;font-size:10px;font-weight:700;color:var(--on-accent);background:var(--slate);border-radius:8px;padding:0 5px;vertical-align:middle}.ts-el-tyo{font-size:11px;margin-top:1px}.ts-cell-foot{display:flex;align-items:center;justify-content:space-between;gap:4px}.ts-add{width:24px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:1px dashed var(--border);border-radius:6px}.ts-add:hover{color:var(--slate);border-color:var(--slate)}.ts-add-tyhja{width:auto;padding:0 6px;gap:2px;font-size:10px;font-weight:700}.ts-fit{font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px}.ts-fit.ok{background:#2e7d321f;color:#2e7d32}.ts-fit.warn{background:var(--danger-bg);color:var(--danger)}.ts-valinta{max-height:50vh;overflow:auto;display:flex;flex-direction:column;gap:2px}.ts-valinta-rivi{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:8px;align-items:center;text-align:left;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font:inherit;color:var(--text);cursor:pointer}.ts-valinta-rivi:hover:not(:disabled){border-color:var(--slate);background:var(--bg)}.ts-v-tunnus{font-weight:600;display:inline-flex;align-items:center;gap:5px}.ts-v-kohde{font-size:12px}.ts-v-meta{font-size:11px;text-align:right}.ts-modal-info{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:13px}.ts-modal-info>div span.muted{display:inline-block;min-width:66px}.ts-modal-tags{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.ts-tk-lista{display:flex;flex-direction:column;gap:4px;max-height:42vh;overflow:auto}.ts-tk-rivi{display:grid;grid-template-columns:1fr auto 90px;gap:10px;align-items:center;padding:5px 8px;border:1px solid var(--border);border-radius:8px}.ts-tk-rivi.poissa{opacity:.7}.ts-tk-nimi{display:inline-flex;align-items:center;gap:6px}.ts-tk-oma{font-size:12px}.ts-tk-input{width:84px;padding:6px 8px}.ts-tk-summa{margin-top:10px;font-size:14px}.ts-tk-suodattimet{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.ts-tk-suodattimet .search-box{flex:1;min-width:180px}.ts-tk-suodattimet select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.ts-paiva-el{display:flex;flex-direction:column;gap:3px;max-height:30vh;overflow:auto}.ts-paiva-el-rivi{display:grid;grid-template-columns:84px minmax(0,1fr) minmax(0,2.1fr) minmax(0,1.3fr) 62px;gap:10px;align-items:center;padding:5px 8px;border:1px solid var(--border);border-radius:8px;font-size:13px}.ts-paiva-el-rivi>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-paiva-el-head{border:none;padding:2px 8px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.ts-el-tunnus{font-weight:600;font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-el-h{font-size:12px;font-weight:700;flex-shrink:0}.ts-el-tekijat{font-size:11px;color:var(--text);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-el-raud{display:flex;flex-wrap:wrap;gap:4px;font-size:10px;font-weight:600;margin-top:2px}.ts-el-raud>span{display:inline-flex;align-items:center;gap:2px;padding:0 4px;border-radius:4px;line-height:15px}.ts-raud-tila .raud-ok,.ts-raud-tila .raud-osa,.ts-raud-tila .raud-no{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:5px}.ts-dayth.ts-narrow,.ts-cell.ts-narrow{min-width:34px;width:34px;padding-left:2px;padding-right:2px}.ts-dayth.ts-narrow .ts-dayname{display:none}.ts-dayth.ts-narrow .ts-daydate{font-size:11px}.ts-cell.ts-narrow .ts-add{width:100%}.ctx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.ctx-menu{position:fixed;z-index:61;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #00000038;padding:4px;min-width:190px;display:flex;flex-direction:column}.ctx-title{font-size:11px;font-weight:700;color:var(--muted);padding:6px 10px 4px;text-transform:uppercase;letter-spacing:.03em}.ctx-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;color:var(--text);font:inherit;font-weight:500;padding:8px 10px;border-radius:6px}.ctx-menu button:hover{background:var(--bg)}.ts-zoom{padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:12px}.ctx-menu button:disabled{color:var(--muted);background:transparent;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff}.ts-el[draggable=true]{cursor:grab}.ts-cell.ts-drop{outline:2px dashed var(--slate);outline-offset:-2px;background:color-mix(in srgb,var(--slate) 10%,transparent)}.dash{position:relative;min-height:100%}.dash-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;color:var(--slate);opacity:.05}.dash-bg svg{width:60%;height:auto}.dash>.dash-top,.dash>.dash-palette,.dash>.dash-grid,.dash>.form-error{position:relative;z-index:1}.dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dash-palette{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.dash-add{display:inline-flex;align-items:center;gap:6px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:500}.dash-add:hover{border-color:var(--slate)}.dash-grid{columns:230px;column-gap:14px}.dash-widget{break-inside:avoid;margin-bottom:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.dash-widget.muokattava{cursor:grab}.dash-widget.dragging{opacity:.5}.dash-w-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dash-w-title{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--slate)}.dash-w-body{min-height:40px}.dash-raud{display:flex;gap:10px;flex-wrap:wrap}.dash-raud-vk{flex:1;min-width:130px;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.dash-raud-otsikko{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}.dash-raud-rivi{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;padding:2px 0}.dash-raud-rivi b{font-size:15px;font-variant-numeric:tabular-nums}.dash-raud-rivi b.ok{color:#2e7d32}.dash-raud-rivi b.warn{color:var(--danger)}.dash-raud-rivi b.muted{color:var(--muted);font-weight:600}.dash-raud-otsikko{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dash-raud-otsikko .ok{color:#2e7d32}.dash-raud-otsikko .warn{color:var(--danger)}.dash-raud-paivat{display:flex;flex-direction:column;gap:2px}.dash-raud-pv{display:grid;grid-template-columns:60px 1fr 1fr;gap:6px;font-size:12px;font-variant-numeric:tabular-nums;padding:1px 0}.dash-raud-pv-lbl{color:var(--muted)}.dash-raud-pv .ok{color:#2e7d32}.dash-raud-pv .warn{color:var(--danger);font-weight:600}.dash-mat{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px;font-variant-numeric:tabular-nums}.dash-mat th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;padding:2px 4px;border-bottom:1px solid var(--border)}.dash-mat th.num,.dash-mat td.num{text-align:right}.dash-mat td{padding:2px 4px}.dash-mat tfoot td{border-top:1px solid var(--border);font-weight:600}.rk-jarj{display:inline-flex;align-items:center;gap:4px}.rk-jarj-nro{font-variant-numeric:tabular-nums;font-weight:600;min-width:16px;text-align:right}.rk-jarj-napit{display:inline-flex;flex-direction:column}.rk-jarj-napit .icon-btn{padding:0;height:14px;line-height:0}.dash-num{font-size:34px;font-weight:700;line-height:1.05;letter-spacing:-.02em}.dash-num.warn{color:var(--danger)}.dash-num.ok{color:#2e7d32}.dash-sub{font-size:13px;color:var(--muted)}.dash-sub2{font-size:12px;color:var(--muted);margin-top:4px}.dash-lista{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:12px}.dash-lista li{color:var(--text)}.dash-w-link{align-self:flex-start;background:transparent;color:var(--slate);padding:2px 0;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:3px}.dash-w-link:hover{text-decoration:underline}.dash-pikalinkit{display:flex;flex-direction:column;gap:6px}.dash-pika{display:inline-flex;align-items:center;gap:8px;justify-content:flex-start;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:500}.dash-pika:hover{border-color:var(--slate)}.dash-widget.wide{column-span:all;break-inside:avoid}.kate-summa{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:2px}.kate-svg{width:100%;height:auto;max-height:180px;display:block}.kate-legenda{display:flex;gap:16px;font-size:11.5px;color:var(--muted);margin-top:2px}.kate-legenda span{display:inline-flex;align-items:center;gap:5px}.kate-legenda i{width:14px;height:3px;border-radius:2px;display:inline-block}.toast-host{position:fixed;right:16px;bottom:16px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(360px,92vw)}.toast{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:10px;font-size:13px;line-height:1.35;color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #00000029;animation:toast-in .18s ease}.toast.ok{border-left:3px solid var(--ok)}.toast.err{border-left:3px solid var(--warn)}.toast-msg{flex:1;min-width:0;word-break:break-word}.toast-x{background:transparent;color:var(--muted);padding:0 2px;font-weight:700;border:none;align-self:flex-start}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ts-el{position:relative}.ts-el-menu{position:absolute;top:2px;right:2px;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:none;border-radius:5px;opacity:0;transition:opacity .12s}.ts-el:hover .ts-el-menu,.ts-el-menu:focus-visible{opacity:1}.ts-el-menu:hover{background:var(--bg);color:var(--text)}@media(hover:none){.ts-el-menu{opacity:.7}}.ctx-menu button:focus-visible{background:var(--bg);outline:none}.ctx-menu button.ctx-danger{color:var(--danger)}.ctx-menu button.ctx-danger:hover{background:var(--danger-bg)}.log-aika{white-space:nowrap;font-variant-numeric:tabular-nums}.log-kuvaus{white-space:normal;word-break:break-word}.kulj-paivat{display:flex;flex-direction:column;gap:3px;margin-top:8px}.kulj-pv{display:grid;grid-template-columns:58px 1fr 22px;align-items:center;gap:7px;font-size:12px}.kulj-pv-lbl{color:var(--muted);white-space:nowrap}.kulj-pv-bar{height:8px;background:var(--bg);border-radius:5px;overflow:hidden}.kulj-pv-bar>i{display:block;height:100%;background:var(--slate);border-radius:5px}.kulj-pv-num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.kulj-pv-num.on{color:var(--text);font-weight:600}.kulj-vko-head td{background:var(--bg);font-weight:700;font-size:11.5px;color:var(--slate);padding:6px 12px;text-transform:uppercase;letter-spacing:.04em}.kulj-vko-summa{float:right;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0}.kulj-wd{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:11px}.kulj-today>td{background:color-mix(in srgb,var(--slate) 8%,transparent)}.kulj-tanaan-line td{padding:0;border:none}.kulj-tanaan-line .line{display:flex;align-items:center;gap:10px;padding:4px 12px;color:var(--danger);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.kulj-tanaan-line .line:before,.kulj-tanaan-line .line:after{content:"";flex:1;height:2px;background:var(--danger);opacity:.55}.plan-badge{display:inline-block;white-space:nowrap;font-size:11.5px;font-weight:600;color:var(--slate);background:color-mix(in srgb,var(--slate) 12%,transparent);border-radius:5px;padding:1px 7px}.nippu-toggle{background:transparent;color:var(--muted);padding:0 4px 0 0;cursor:pointer;vertical-align:middle}.nippu-toggle:hover{color:var(--slate)}.nippu-kappale>td{background:var(--bg);font-size:12px;padding-top:3px;padding-bottom:3px}.nippu-kappale .tag-green{background:#2e7d3224;color:#2e7d32}.label-row{display:flex;align-items:baseline;gap:8px}.vko-hint{font-size:11px;font-weight:600;color:var(--slate);background:color-mix(in srgb,var(--slate) 12%,transparent);border-radius:5px;padding:0 6px}.dp{position:relative}.dp-field{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;cursor:pointer}.dp-field:hover{border-color:var(--slate)}.dp-field svg{color:var(--muted);flex:none}.dp-pop{position:fixed;z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0000002e;padding:8px}.dp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 8px}.dp-title{font-weight:700;font-size:13.5px}.dp-nav{background:transparent;color:var(--muted);padding:4px 6px;border-radius:6px;cursor:pointer}.dp-nav:hover{background:var(--bg);color:var(--text)}.dp-grid{border-collapse:collapse}.dp-grid th{font-size:11px;font-weight:600;color:var(--muted);text-align:center;padding:2px;width:32px}.dp-grid th.dp-we{color:#dc2626}.dp-vk{font-size:10.5px;font-weight:700;color:var(--slate);text-align:center;background:var(--bg);border-right:1px solid var(--border);padding:0 4px}.dp-day{width:30px;height:30px;border-radius:7px;background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.dp-day:hover{background:var(--bg)}.dp-day.we{color:#dc2626}.dp-day.out{color:var(--muted);opacity:.5}.dp-day.today{box-shadow:inset 0 0 0 1px var(--slate)}.dp-day.sel{background:var(--slate);color:var(--on-accent);font-weight:700}.dp-day.sel.we{color:var(--on-accent)}.dp-day:disabled{opacity:.3;cursor:default}.rk-luonti{display:flex;justify-content:center;padding:32px 12px}.rk-luonti-kortti{max-width:460px;width:100%;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 26px}.rk-luonti-ikoni{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--slate) 12%,transparent);color:var(--slate);border-radius:50%;margin-bottom:8px}.rk-luonti-kortti h2{margin:4px 0 6px;font-size:18px}.rk-luonti-kortti p{margin:0 0 16px;line-height:1.55;font-size:13px}.rk-luonti-kortti button{display:inline-flex;align-items:center;gap:6px}.rk-sivu-head{display:flex;align-items:center;gap:12px;margin:0 0 14px}.rk-sivu-head h2{margin:0;font-size:18px}.rk-takaisin{display:inline-flex;align-items:center;gap:6px}.rk-toimittamattomat{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.rk-editori{display:flex;flex-direction:column}.rk-otsikko-rivi{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rk-fgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px 14px}.rk-editori .fw{display:flex;flex-direction:column;gap:5px;min-width:0}.rk-editori .fl{font-size:11.5px;color:var(--muted);font-weight:600}.rk-editori .fi{display:flex;align-items:center;height:34px;padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:5px}.rk-editori .fi:focus-within{border-color:var(--slate);box-shadow:0 0 0 2px #2b4a6f2e}.rk-editori .fi input,.rk-editori .fi select{border:none;background:transparent;padding:0;height:100%;width:100%;font:inherit;color:var(--text);outline:none;min-width:0}.rk-actions{display:flex;justify-content:flex-end;margin:12px 0 4px}.rk-el-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 8px;border-top:1px solid var(--border);padding-top:12px}.lasku-tab .company-group{margin-top:0}.lasku-otsikko{display:flex;align-items:center;gap:10px;margin-bottom:8px}.lasku-otsikko h3{margin:0;font-size:15px}.lasku-h4{margin:16px 0 4px;font-size:13px;color:var(--slate)}.lasku-info{font-size:12px;margin:0 0 8px;line-height:1.5}.lasku-tab .fgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px 14px;margin-bottom:4px}.lasku-tab .fw{display:flex;flex-direction:column;gap:5px;min-width:0}.lasku-tab .fl{font-size:11.5px;color:var(--muted);font-weight:600}.lasku-tab .fi{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:5px}.lasku-tab .fi:focus-within{border-color:var(--slate);box-shadow:0 0 0 2px #2b4a6f2e}.lasku-tab .fi input{border:none;background:transparent;padding:0;height:100%;width:100%;font:inherit;color:var(--text);outline:none;min-width:0}.lasku-tab .fi .unit{margin-left:auto;color:var(--muted);font-size:12px;padding-left:6px;border-left:1px solid var(--border)}.lasku-actions{display:flex;justify-content:flex-end;margin-top:12px}.topbar-ohje{display:inline-flex;align-items:center;gap:6px}.topbar-ohje-label{font-weight:600}@media(max-width:640px){.topbar-ohje-label{display:none}}.ohje{display:grid;grid-template-columns:232px minmax(0,1fr);gap:0;margin:0 -22px -4px;border-top:1px solid var(--border);min-height:60vh}.ohje-nav{display:flex;flex-direction:column;gap:2px;padding:14px 12px;background:var(--bg);border-right:1px solid var(--border)}.ohje-nav-item{display:flex;align-items:center;gap:9px;text-align:left;padding:8px 11px;border-radius:7px;background:transparent;color:var(--muted);font-weight:600;font-size:13px;line-height:1.25}.ohje-nav-item:hover{background:var(--surface);color:var(--text)}.ohje-nav-item.active{background:var(--slate);color:var(--on-accent)}.ohje-nav-item svg{flex:none}.ohje-versio{margin-top:auto;padding:10px 11px 2px;color:var(--muted);font-size:11px;font-weight:600}.versio-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.versio-rivi{display:flex;align-items:baseline;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 12px;cursor:pointer;font:inherit;color:var(--text)}.versio-rivi:hover{border-color:var(--slate);background:var(--bg)}.versio-nro{font-weight:700;color:var(--slate);font-variant-numeric:tabular-nums;min-width:54px}.versio-otsikko{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.versio-pvm{color:var(--muted);font-size:12px;white-space:nowrap}.ohje-sisalto{padding:20px 24px;overflow-y:auto;max-height:74vh}.ohje-sisalto h3{margin:0 0 14px;font-size:18px;color:var(--text)}.ohje-sisalto h4{margin:0 0 6px;font-size:13.5px;color:var(--slate)}.ohje-ingressi{margin:0 0 18px;color:var(--text);font-size:14px;line-height:1.6}.ohje-kohta{padding:12px 0;border-top:1px solid var(--border)}.ohje-kohta:first-of-type{border-top:none;padding-top:2px}.ohje-sisalto p{margin:0 0 6px;line-height:1.6;font-size:13.5px;color:var(--text)}.ohje-sisalto ul{margin:4px 0 2px;padding-left:20px;line-height:1.65;font-size:13.5px}.ohje-sisalto li{margin-bottom:4px}.ohje-sisalto em{color:var(--muted);font-style:normal;font-weight:600}.ohje-huom{color:var(--muted);font-size:12.5px!important}@media(max-width:640px){.ohje{grid-template-columns:1fr}.ohje-nav{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border)}.ohje-nav-item span{display:none}.ohje-nav-item{padding:9px}.ohje-versio{display:none}}table.grid th.num,table.grid td.num,.dash-num{font-variant-numeric:tabular-nums}table td.mono,table th.mono,table td .mono,table th .mono{font-family:inherit;font-size:inherit;font-weight:600}table td.meta-cell,table td .meta-cell{font-family:inherit;font-size:inherit}table.grid td.actions .icon-btn{opacity:0;transition:opacity .12s}table.grid tr:hover td.actions .icon-btn,table.grid tr:focus-within td.actions .icon-btn,table.grid td.actions .icon-btn.always{opacity:1}.ts-el:focus{outline:2px solid #2b6cb0;outline-offset:1px}.dash-delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;margin-left:6px;font-variant-numeric:tabular-nums}.dash-delta.ok{color:#2e7d32}.dash-delta.warn{color:#c0392b}.dash-viikko-rivi{display:flex;align-items:baseline;gap:8px;padding:3px 0;font-size:13px}.dash-viikko-rivi b{font-size:17px;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}.dash-raud-pv.klik,.kulj-pv.klik{cursor:pointer;border-radius:4px}.dash-raud-pv.klik:hover,.kulj-pv.klik:hover{background:#2b6cb014}