@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{:root{--primary:#1f4e79;--error:#b3261e;--accent:#8a6d00;--line:#d6d9de;--muted:#5f6670;--surface:#f4f5f7;--card:#fff;--success:#2e7d32;--warning:#9a5b00;--text:#1b1f24;--rounded-field:6px;--rounded-card:10px;--min-h-touch:44px;--max-w-admin:1800px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--primary)}header.frame{max-width:var(--max-w-admin);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin:0 auto;padding:20px 16px 8px;display:flex}header.frame h1{margin:0;font-size:20px;font-weight:600}nav.main{flex-wrap:wrap;align-items:baseline;gap:6px 16px;font-size:14px;display:flex}nav.main a{text-decoration:underline}nav.main .current{font-weight:600}.asiakasvalitsin{align-items:center;gap:6px;font-size:14px;display:flex}.asiakasvalitsin select{max-width:260px;min-height:32px}.badge{background:var(--error);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:-10px;padding:0 6px;font-size:12px;display:inline-block}main{max-width:var(--max-w-admin);margin:0 auto;padding:8px 16px 48px}section.view{display:block}h2{overflow-wrap:anywhere;margin:16px 0 12px;font-size:22px;font-weight:600}h3{margin:0 0 10px;font-size:16px;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.grid{gap:12px;display:grid}.figs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin:0}.two{grid-template-columns:1fr 1fr}@media (max-width:800px){.two{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--rounded-card);min-width:0;margin-bottom:12px;padding:16px}a.figure,div.figure{background:var(--card);border:1px solid var(--line);border-radius:var(--rounded-card);color:var(--text);padding:14px;text-decoration:none;display:block}a.figure:hover{border-color:var(--primary)}.figure dt{color:var(--muted);font-size:13px}.figure dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:24px;font-weight:600}.figure .extra{color:var(--muted);margin-top:2px;font-size:12px}.figure.alert{border-color:var(--error)}.figure.alert dd{color:var(--error)}.figure.winner{border:2px solid var(--primary)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}th{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.summa td{font-weight:600}.chip{border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.chip[data-tila=kaynnissa]{border-color:var(--primary);color:var(--primary)}.chip[data-tila=pysaytetty]{color:var(--muted)}.chip[data-tila=lammitys]{border-color:var(--warning);color:var(--warning)}.chip[data-tila=siirretty],.chip[data-tila=puuttuu]{border-color:var(--error);color:var(--error)}.chip[data-tila=estetty]{color:var(--muted);background:#eceef1}.chip[data-tila=onnistunut]{border-color:var(--success);color:var(--success)}.chip[data-tila=luonnos]{color:var(--muted);border-style:dashed}.bar{border-left:4px solid var(--primary);background:var(--card);border-radius:0 var(--rounded-field) var(--rounded-field) 0;margin:0 0 12px;padding:10px 14px}.bar.error{border-color:var(--error)}.bar.note{border-color:var(--accent);max-width:70ch}.bar.ok{border-color:var(--primary)}.bar ul{margin:4px 0 0;padding-left:20px}.btn{min-height:var(--min-h-touch);border-radius:var(--rounded-field);font:inherit;cursor:pointer;border:2px solid var(--primary);background:var(--card);color:var(--primary);padding:0 16px;font-weight:500}a.btn{align-items:center;text-decoration:none;display:inline-flex}.btn.primary{background:var(--primary);color:#fff}.btn.danger{border-color:var(--error);color:var(--error);background:var(--card)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #7aa7d6}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions.equal{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.actions.equal .btn{width:100%}label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}input[type=text],input[type=password],select,textarea{width:100%;min-height:var(--min-h-touch);font:inherit;border:1px solid var(--line);border-radius:var(--rounded-field);color:var(--text);background:#fff;padding:8px 10px}input.solu{min-width:90px;max-width:120px}textarea{min-height:110px}.field{margin-bottom:12px}.field .hint{color:var(--muted);margin-top:3px;font-size:12px}.field.missing input{border-color:var(--error)}.field.missing .hint{color:var(--error)}.form-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px;display:grid}.check{color:var(--text);align-items:flex-start;gap:8px;margin:8px 0;font-size:14px;display:flex}.check input{margin-top:3px}.mail{border:1px solid var(--line);border-radius:var(--rounded-field);background:#fff;max-width:70ch;padding:14px 16px;font-size:14px}.mail .meta{color:var(--muted);overflow-wrap:anywhere;margin-bottom:8px;font-size:12px}.mail .sig{margin-top:12px}.mail .foot{border-top:1px solid var(--line);color:var(--muted);margin-top:12px;padding-top:8px;font-size:12px}.thread{margin:0;padding:0;list-style:none}.thread li{border-left:3px solid var(--line);padding:6px 0 10px 12px}.thread li.out{border-color:var(--primary)}.thread li.in{border-color:var(--accent)}.thread li.event{color:var(--muted);font-size:13px}.thread .when{color:var(--muted);font-size:12px}.seg{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.seg a{min-height:var(--min-h-touch);border:1px solid var(--primary);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.seg a.on{background:var(--primary);color:#fff}.login{max-width:380px;margin:40px auto}.editor{margin-top:12px;display:none}.editor.open{display:block}.hidden{display:none}details summary{cursor:pointer;color:var(--primary);min-height:var(--min-h-touch);align-items:center;display:flex}ol.ohje{margin:0 0 12px;padding-left:20px}ol.ohje li{margin-bottom:6px}.linkbtn{color:var(--primary);font:inherit;cursor:pointer;min-height:var(--min-h-touch);white-space:nowrap;background:0 0;border:0;padding:0 2px;font-size:13px;text-decoration:underline}td.nowrap{white-space:nowrap}.tunnus{flex-wrap:wrap;align-items:center;gap:4px 8px;max-width:100%;display:inline-flex}.tunnus-arvo{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:inline-flex}.tunnus-arvo.hidden{display:none}.kopioi{min-width:var(--min-h-touch);min-height:var(--min-h-touch);border:1px solid var(--line);border-radius:var(--rounded-field);background:var(--card);color:var(--primary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.kopioi:focus-visible,.linkbtn:focus-visible{outline-offset:2px;outline:3px solid #7aa7d6}.thread .tiedot{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:2px;font-size:12px;display:flex}mark{color:inherit;background:#fde7b0;border-radius:3px;padding:0 2px}.bar.turva{border-color:var(--error)}.nakymaton{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.posti{container:posti/inline-size}.posti-ruudukko{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:16px;display:grid}.posti-ruudukko.auki{grid-template-columns:250px minmax(320px,2fr) minmax(0,3fr)}.posti-ruudukko>.card{margin-bottom:0}.kansiot{margin:12px 0;padding:0;list-style:none}.kansiot a{min-height:var(--min-h-touch);border-radius:var(--rounded-field);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:4px 12px;text-decoration:none;display:flex}.kansiot a:hover{background:var(--surface)}.kansiot a.on{background:var(--primary);color:#fff;font-weight:600}.maara{background:var(--surface);min-width:22px;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;border-radius:11px;padding:0 7px;font-size:12px;font-weight:600}.maara.halytys{background:var(--error);color:#fff}.haku{align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.haku .field{flex:1;margin:0}.viestilista{margin:0 -8px;padding:0;list-style:none}.viestilista li+li{border-top:1px solid var(--line)}.viestilista a{color:var(--text);border-radius:var(--rounded-field);padding:10px 8px;text-decoration:none;display:block}.viestilista a:hover{background:var(--surface)}.viestilista a.on{background:var(--surface);box-shadow:inset 4px 0 0 var(--primary)}.rivi-yla{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rivi-yla .aika{color:var(--muted);white-space:nowrap;font-size:13px}.rivi-aihe{color:var(--primary);overflow-wrap:anywhere;text-decoration:underline;display:block}.rivi-ote,.rivi-ala{color:var(--muted);overflow-wrap:anywhere;font-size:13px;display:block}.lukuruutu h3{margin:4px 0 6px;font-size:18px}.lukuruutu h3:focus{outline:none}.keskustelu{margin:12px 0}.keskustelu details{border-left:3px solid var(--line);border-radius:0 var(--rounded-field) var(--rounded-field) 0;margin-bottom:8px;padding:0 12px}.keskustelu details.viesti-out{border-left-color:var(--primary)}.keskustelu details.viesti-in{border-left-color:var(--accent)}.keskustelu details.avattu{background:var(--surface)}.keskustelu summary{color:var(--text);grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:8px 0;display:grid}.keskustelu summary .kuka{overflow-wrap:anywhere;font-size:14px;font-weight:600}.keskustelu summary .aika{color:var(--muted);white-space:nowrap;font-size:13px}.keskustelu summary .ote{color:var(--muted);grid-column:1/-1;font-size:13px}.keskustelu details[open] summary .ote{display:none}.keskustelu .runko{padding-bottom:10px}.keskustelu .tiedot{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;font-size:12px;display:flex}iframe.viesti{border:1px solid var(--line);border-radius:var(--rounded-field);background:#fff;width:100%;max-width:760px;display:block}details.nakyma{margin-top:4px}details.tausta{margin:8px 0}.lukuruutu .takaisin{margin-bottom:8px;display:none}@container posti (min-width:1151px){.posti-ruudukko.auki .lukuruutu{max-height:calc(100vh - 24px);position:sticky;top:12px;overflow-y:auto}}@container posti (max-width:1150px){.posti-ruudukko.auki{grid-template-columns:250px minmax(0,1fr)}.posti-ruudukko.auki .posti-lista{display:none}.lukuruutu .takaisin{display:inline-flex}}@container posti (max-width:760px){.posti-ruudukko,.posti-ruudukko.auki{grid-template-columns:minmax(0,1fr)}.posti-ruudukko.auki .posti-vasen{display:none}}.lkm{background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;margin-left:4px;padding:0 7px;font-size:12px;font-weight:400;display:inline-block}.maarat{margin:0 0 6px;font-weight:600}.kommentit{border:1px dashed var(--line);border-radius:var(--rounded-field);background:#fff;max-width:70ch;margin:8px 0 0;padding:8px 12px;font-size:13px}.kommentit p{margin:4px 0 0}@container posti (max-width:1150px){.posti-ruudukko.auki.oletus .posti-lista{display:block}.posti-ruudukko.auki.oletus .lukuruutu{display:none}}@container posti (max-width:760px){.posti-ruudukko.auki.oletus .posti-vasen{display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}}@layer components;@layer utilities{.\@container{container-type:inline-size}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.w-full{width:100%}.max-w-\[320px\]{max-width:320px}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-prose{max-width:65ch}.min-w-\[22ch\]{min-width:22ch}.border-collapse{border-collapse:collapse}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}}iframe.viesti.k3{height:300px}iframe.viesti.k4{height:400px}iframe.viesti.k5{height:500px}iframe.viesti.k6{height:600px}iframe.viesti.k7{height:700px}iframe.viesti.k8{height:800px}iframe.viesti.k9{height:900px}iframe.viesti.k10{height:1000px}iframe.viesti.k11{height:1100px}iframe.viesti.k12{height:1200px}iframe.viesti.k13{height:1300px}iframe.viesti.k14{height:1400px}iframe.viesti.k15{height:1500px}iframe.viesti.k16{height:1600px}iframe.viesti.k17{height:1700px}iframe.viesti.k18{height:1800px}iframe.viesti.k19{height:1900px}iframe.viesti.k20{height:2000px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}