:root{--tausta: #fdfbf8;--pellava: #f2eee9;--reuna: #dcd2c7;--reuna-heikko: #ebe4db;--teksti: #332510;--teksti-2: #533c1a;--teksti-heikko: #7a6650;--ruskea: #805d29;--ruskea-tumma: #6b4d21;--kulta: #db9423;--kenttä: rgba(220, 210, 199, .35);--huomio-tausta: #fbf1df;--huomio-teksti: #7a4e0a;--huomio-reuna: #ecd3a6;--virhe-tausta: #f8e6e1;--virhe-teksti: #8e2f1c;--kulma-pieni: 3px;--kulma: 4px;--kulma-keski: 6px;--kulma-iso: 8px;font-family:Barlow,system-ui,sans-serif;font-size:14px;line-height:20px;color:var(--teksti);background:var(--tausta);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--tausta)}button,input,select{font:inherit;color:inherit}h1,h2,h3{margin:0;color:var(--teksti-2);font-weight:600}h1{font-size:18px;line-height:24px}h2{font-size:14px;line-height:20px}a{color:var(--ruskea)}.luku{font-variant-numeric:tabular-nums;text-align:right}.heikko{color:var(--teksti-heikko)}.pieni{font-size:12px;line-height:16px}.ylapalkki{border-bottom:1px solid var(--reuna);background:var(--tausta)}.ylapalkki-sisus{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px;height:48px}.logo{font-family:Vollkorn,Georgia,serif;font-weight:700;font-size:18px;color:var(--ruskea);text-decoration:none;white-space:nowrap}.valikko{display:flex;gap:4px;height:100%;flex:1}.valikko a{display:flex;align-items:center;gap:6px;padding:0 12px;height:100%;color:var(--teksti-2);text-decoration:none;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color 20ms ease-in,border-color 20ms ease-in}.valikko a:hover{color:var(--teksti)}.valikko a[aria-current=page]{color:var(--teksti);border-bottom-color:var(--kulta)}.maara{min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--pellava);color:var(--teksti-2);font-size:12px;line-height:18px;text-align:center;font-weight:600}.sivu{max-width:1200px;margin:0 auto;padding:24px}.sivun-otsikko{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.sivun-otsikko .vali{flex:1}.laatikko{border:1px solid var(--reuna);border-radius:var(--kulma)}.laatikon-otsikko{display:flex;align-items:center;gap:12px;padding:8px 12px;min-height:40px;border-bottom:1px solid var(--reuna)}.laatikon-otsikko .vali{flex:1}.laatikon-alaosa{padding:8px 12px;border-top:1px solid var(--reuna)}.painike{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:1px solid var(--reuna);border-radius:var(--kulma-pieni);background:var(--tausta);color:var(--teksti-2);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color 20ms ease-in}.painike:hover{background:var(--pellava)}.painike:disabled{color:var(--teksti-heikko);cursor:default;background:var(--tausta)}.painike.ensisijainen{background:var(--ruskea);border-color:var(--ruskea);color:#fff}.painike.ensisijainen:hover{background:var(--ruskea-tumma)}.painike.ensisijainen:disabled{background:var(--reuna);border-color:var(--reuna);color:#fff}.painike.ikoni{padding:0 6px}.painike:focus-visible,.kentta:focus-visible,.valikko a:focus-visible{outline:2px solid var(--kulta);outline-offset:1px}.kentta{height:32px;padding:0 8px;border:0;border-radius:var(--kulma-pieni);background:var(--kenttä)}.kentta.maarakentta{width:72px;text-align:right;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:500;color:var(--teksti-heikko);font-size:12px;line-height:16px;padding:8px 12px;vertical-align:bottom;border-bottom:1px solid var(--reuna)}td{padding:6px 12px;border-bottom:1px solid var(--reuna-heikko);height:32px}tbody tr:last-child td{border-bottom:0}tr.avattava{cursor:pointer;transition:background-color 20ms ease-in}tr.avattava:hover,tr.auki{background:var(--pellava)}tr.yhteensa td{font-weight:600;border-top:1px solid var(--reuna);border-bottom:0}td.nolla{color:var(--reuna)}table.taikina td.levyt{font-weight:600}table.taikina tbody tr:last-child td{border-bottom:1px solid var(--reuna-heikko)}table.taikina tfoot td{height:auto;padding:6px 12px;border-bottom:0}table.taikina+table.tuotteet th{border-top:1px solid var(--reuna)}.huomiot{border:1px solid var(--huomio-reuna);background:var(--huomio-tausta);color:var(--huomio-teksti);border-radius:var(--kulma);padding:8px 12px;margin-bottom:16px}.huomiot ul{margin:0;padding-left:20px}.huomiot li+li{margin-top:4px}.huomiot strong{font-weight:600}.paivan-ruudukko{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.paivanvalinta{display:flex;align-items:center;gap:8px}.muutos{padding:12px;background:var(--pellava);border-bottom:1px solid var(--reuna)}.muutos table{width:auto}.muutos td,.muutos th{border:0;padding:4px 16px 4px 0;height:auto}.muutos-toiminnot{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.tuotesarake{min-width:80px;max-width:96px;overflow-wrap:anywhere}.vierita{overflow-x:auto}td.kauppa{white-space:nowrap}.tyhja{padding:24px 16px;text-align:center}@media(max-width:960px){.paivan-ruudukko{grid-template-columns:minmax(0,480px) minmax(0,1fr)}.paivan-ruudukko>:last-child{grid-column:1 / -1}}.puhelin{font-size:15px;line-height:22px;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.puhelin a,.puhelin button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.puhelin .painike{height:40px;padding:0 14px}.puhelin .painike.ikoni{width:40px;padding:0;justify-content:center}.puhelin .kentta{height:44px;font-size:16px;width:100%}.puhelin td{height:40px}.puhelin .painike:active:not(:disabled){background:var(--pellava)}.puhelin .painike.ensisijainen:active:not(:disabled){background:var(--ruskea-tumma)}.puhelin .huomiot{margin-bottom:0}.sovelluspalkki{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:var(--tausta)}.paivanauha{position:sticky;top:calc(48px + env(safe-area-inset-top));z-index:19;display:flex;gap:4px;padding:4px 12px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;background:var(--tausta);border-bottom:1px solid var(--reuna)}.paivanauha::-webkit-scrollbar{display:none}.nauhapaiva{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border:0;border-radius:var(--kulma-iso);background:transparent;color:var(--teksti-2);scroll-snap-align:center;cursor:pointer}.nauhapaiva .pieni{color:var(--teksti-heikko)}.nauhaluku{font-size:17px;line-height:22px;font-weight:600;font-variant-numeric:tabular-nums}.nauhapaiva.tanaan .nauhaluku{color:var(--ruskea)}.nauhapaiva:active{background:var(--pellava)}.nauhapaiva.valittu{background:var(--ruskea);color:#fff}.nauhapaiva.valittu .pieni,.nauhapaiva.valittu .nauhaluku{color:#fff}.piste{width:4px;height:4px;border-radius:2px}.piste.on{background:var(--kulta)}.puhelin-sisus{display:grid;gap:16px;padding:16px}.puhelin-otsikko{display:grid;gap:4px}.liuku-vasen{animation:liuku-vasemmalle .18s cubic-bezier(.2,.8,.2,1)}.liuku-oikea{animation:liuku-oikealle .18s cubic-bezier(.2,.8,.2,1)}@keyframes liuku-vasemmalle{0%{opacity:0;transform:translate(32px)}}@keyframes liuku-oikealle{0%{opacity:0;transform:translate(-32px)}}.hakurivi{padding:8px 12px;border-bottom:1px solid var(--reuna)}.lista{list-style:none;margin:0;padding:0}.lista>li{border-bottom:1px solid var(--reuna-heikko)}.lista>li:last-child{border-bottom:0}.listarivi{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;border:0;background:transparent;text-align:left;cursor:pointer;transition:background-color 20ms ease-in}.listarivi:active{background:var(--pellava)}.listarivi-teksti{display:flex;flex-direction:column;flex:1;min-width:0}.listarivi-nimi{font-weight:500;color:var(--teksti);overflow-wrap:anywhere}.listarivi-teksti .pieni{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listarivi>.listarivi-nimi{flex:1;min-width:0}.listarivi-luku{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.alavalikko{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom);background:var(--tausta);border-top:1px solid var(--reuna)}.alavalikko a,.alavalikko button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:60px;color:var(--teksti-heikko);text-decoration:none;font-size:11px;line-height:14px;font-weight:500}.alavalikko-ikoni{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:30px;border-radius:15px;transition:background-color .12s ease}.alavalikko button{border:0;background:transparent;cursor:pointer}.alavalikko a[aria-current=page],.alavalikko button[aria-current=true]{color:var(--ruskea);font-weight:600}.alavalikko a[aria-current=page] .alavalikko-ikoni,.alavalikko button[aria-current=true] .alavalikko-ikoni{background:var(--pellava)}.merkki{position:absolute;top:0;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--ruskea);color:#fff;font-size:10px;line-height:16px;font-weight:600;text-align:center}.alapaneeli-tausta{position:fixed;inset:0;z-index:50;background:#33251000;transition:background-color .22s ease}.alapaneeli-tausta.auki{background:#33251059}.alapaneeli{position:absolute;left:0;right:0;bottom:0;max-height:88dvh;display:flex;flex-direction:column;background:var(--tausta);border-radius:var(--kulma-iso) var(--kulma-iso) 0 0;box-shadow:0 -8px 24px #33251029;transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.alapaneeli-tausta.auki .alapaneeli{transform:translateY(0)}.alapaneeli-yla{touch-action:none;border-bottom:1px solid var(--reuna)}.kahva{width:36px;height:4px;border-radius:2px;background:var(--reuna);margin:8px auto 0}.alapaneeli-otsikko{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 8px 12px 16px}.alapaneeli-otsikko h2{font-size:16px;line-height:22px}.alapaneeli-sisus{flex:1;overflow-y:auto;overscroll-behavior:contain}.alapaneeli-alaosa{display:grid;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--reuna)}.painike.levea{width:100%;height:48px;justify-content:center;font-size:16px;font-weight:600}.maararivi{display:flex;align-items:center;gap:12px;padding:10px 16px}.askellin{display:flex;align-items:center;gap:6px}.puhelin .kentta.askellin-kentta,.kentta.askellin-kentta{width:56px;padding:0;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.muutoshistoria{padding:12px 16px}.muutoshistoria-lista{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}.muutoshistoria-lista li{display:grid}.muutoksen-rivit{color:var(--teksti)}@media(prefers-reduced-motion:reduce){.liuku-vasen,.liuku-oikea{animation:none}.alapaneeli,.alapaneeli-tausta{transition:none}}.painike[aria-disabled=true]{color:var(--teksti-heikko);cursor:default}.painike[aria-disabled=true]:hover{background:var(--tausta)}.painikerivi{display:grid;grid-template-columns:1fr 2fr;gap:8px}.maararivi{min-height:52px}.yhteensa-rivi{border-top:1px solid var(--reuna)}.yhteensa-rivi .listarivi-nimi{font-weight:600}.puhelin-otsikko{grid-template-columns:1fr auto;align-items:center}.lisavalikko{position:relative}.lisavalikko-lista{position:absolute;right:0;top:calc(100% + 4px);z-index:40;min-width:180px;padding:4px;background:var(--tausta);border:1px solid var(--reuna);border-radius:var(--kulma-keski);box-shadow:0 4px 16px #3325101f}.lisavalikko-kohta{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border:0;border-radius:var(--kulma-pieni);background:transparent;color:var(--teksti-2);text-align:left;cursor:pointer;white-space:nowrap}.lisavalikko-kohta:hover,.lisavalikko-kohta:active{background:var(--pellava)}.puhelin .lisavalikko-kohta{height:44px;padding:0 12px;font-size:15px}.kirjautuminen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.kirjautuminen-lomake{width:100%;max-width:320px;display:grid;gap:16px;padding:24px;border:1px solid var(--reuna);border-radius:var(--kulma)}.kirjautuminen .logo{font-size:20px;line-height:24px;text-align:center;margin-bottom:8px}.kentan-nimi{display:grid;gap:4px;font-weight:500;color:var(--teksti-2)}.kirjautuminen .kentta{width:100%;height:36px;font-size:16px;font-weight:400;color:var(--teksti)}.kirjautuminen .painike{width:100%;height:36px;justify-content:center}.virhe{padding:8px 12px;border-radius:var(--kulma);background:var(--virhe-tausta);color:var(--virhe-teksti)}@media(max-width:760px){.kirjautuminen{align-items:flex-start;padding-top:calc(15dvh + env(safe-area-inset-top));font-size:15px;line-height:22px}.kirjautuminen-lomake{padding:0;border:0;max-width:400px}.kirjautuminen .kentta{height:44px}.kirjautuminen .painike{height:48px;font-size:16px;font-weight:600}.kirjautuminen .painike:active:not(:disabled){background:var(--ruskea-tumma)}}.ylapalkki-sisus .lisavalikko{margin-left:auto}.syotto{margin-bottom:16px}.syotto-ruudukko{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px;padding:12px;align-items:start}.syotto-kentat{display:grid;gap:12px}.syotto-kentat .kentta{width:100%}.syotto-kentat .kentan-nimi>.pieni{font-weight:400}.syotto-maarat{width:auto;justify-self:start}.syotto-maarat td,.syotto-maarat th{padding:4px 16px 4px 0;height:auto;border-bottom:0}.syotto-maarat tr.yhteensa td{padding-top:8px}.syotto-alaosa{display:grid;gap:8px;padding:12px;border-top:1px solid var(--reuna)}.syotto-alaosa .huomiot,.alapaneeli-alaosa .huomiot{margin-bottom:0}.syotto-alaosa .muutos-toiminnot{margin-top:0}.valittu-kauppa{display:flex;align-items:center;gap:12px;font-weight:400}.hakulista{list-style:none;margin:0;padding:4px;max-height:240px;overflow-y:auto;border:1px solid var(--reuna);border-radius:var(--kulma);font-weight:400}.hakulista button{display:flex;width:100%;padding:4px 8px;border:0;border-radius:var(--kulma-pieni);background:transparent;text-align:left;cursor:pointer}.hakulista button:hover,.hakulista button.ensimmainen{background:var(--pellava)}.hakulista-tyhja{padding:4px 8px}.syotetty{margin-bottom:4px}.muutos .syotetty{margin:0}@media(max-width:960px){.syotto-ruudukko{grid-template-columns:minmax(0,1fr)}}.puhelin .syotto-kentat{padding:12px 16px;border-bottom:1px solid var(--reuna-heikko)}.puhelin .syotto-haku{position:sticky;top:0;z-index:1;display:grid;gap:4px;background:var(--tausta)}table.halytykset td{vertical-align:top;padding-top:8px;padding-bottom:8px}.halytys-otsikko{font-weight:500}.halytys-kuvaus{max-width:720px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}table.halytykset td.aika{white-space:nowrap;width:1%}.halytys-auki{display:grid;gap:12px;max-width:760px}.halytys-auki p{margin:0}.halytys-kappale{display:grid;gap:2px}.halytys-luettelo,.halytys-toimet{margin:0;padding-left:20px;display:grid;gap:4px}.halytys-luettelo li.sisennys{margin-left:20px;list-style-type:circle}.halytys-valiotsikko{font-size:14px;line-height:20px;margin-top:4px}.halytys-toimet strong{font-weight:600;color:var(--teksti-2)}.halytys-auki .muutos-toiminnot{margin-top:0}.alapaneeli-sisus .halytys-auki{padding:12px 16px 16px}table.viestit td{vertical-align:top;padding-top:8px;padding-bottom:8px}table.viestit td.aika{white-space:nowrap;width:1%}.viesti-auki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.viesti-oikea{display:grid;gap:12px;min-width:0}.viesti-oikea .syotto{margin-bottom:0;background:var(--tausta)}.viesti-oikea .syotto-ruudukko{grid-template-columns:minmax(0,1fr)}.viesti-oikea .muutos-toiminnot{margin-top:0}.esikatselu{display:grid;gap:8px;min-width:0;position:sticky;top:16px}.esikatselu-valinta{display:flex;gap:8px;flex-wrap:wrap}.esikatselu-valinta .painike[aria-selected=true]{border-color:var(--ruskea);color:var(--teksti)}.esikatselu-kuva{display:block;max-width:100%;max-height:640px;border:1px solid var(--reuna);border-radius:var(--kulma);background:var(--tausta)}.esikatselu-pdf{width:100%;height:640px;border:1px solid var(--reuna);border-radius:var(--kulma);background:var(--tausta)}.esikatselu-tyhja{padding:24px 16px;text-align:center;border:1px solid var(--reuna);border-radius:var(--kulma);background:var(--tausta)}.viestin-tiedot{display:grid;gap:12px}.viestin-tiedot dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;margin:0}.viestin-tiedot dt{color:var(--teksti-heikko)}.viestin-tiedot dd{margin:0;overflow-wrap:anywhere}.viesti-valiotsikko{font-size:14px;line-height:20px;margin-bottom:4px}.liitteet{list-style:none;margin:0;padding:0;display:grid;gap:8px}.liitteet li{overflow-wrap:anywhere}.liite-linkki{display:inline-flex;align-items:center;gap:6px;font-weight:500}.liite-kuva{display:block;max-width:100%;max-height:360px;margin-bottom:4px;border:1px solid var(--reuna);border-radius:var(--kulma)}.viestin-teksti{white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow-y:auto;padding:8px 12px;border:1px solid var(--reuna);border-radius:var(--kulma);background:var(--tausta)}.lisatieto{white-space:pre-wrap;margin-top:2px}.merkinta{display:grid;gap:12px}.merkinta .muutos-toiminnot{margin-top:0}.valinnat{display:grid;gap:4px}.valinta{display:flex;align-items:center;gap:8px;min-height:28px;cursor:pointer}.valinta input{accent-color:var(--ruskea);margin:0}.kentta.tekstialue{width:100%;height:auto;min-height:64px;padding:6px 8px;font:inherit;resize:vertical}.ilmoitus{padding:8px 12px;margin-bottom:16px}.viesti-puhelin{display:grid;gap:16px;padding:12px 16px 16px}.viesti-valikko{display:flex;justify-content:flex-end;margin:-4px -8px -12px 0}.puhelin .ilmoitus{margin-bottom:0}.puhelin .valinta{min-height:44px;font-size:16px}.puhelin .valinta input{width:20px;height:20px}.puhelin .kentta.tekstialue{font-size:16px;min-height:88px}.puhelin .liite-linkki{min-height:40px}.syotto-liitteet{display:grid;gap:4px;padding:8px 16px;border-bottom:1px solid var(--reuna-heikko)}@media(max-width:960px){.viesti-auki{grid-template-columns:minmax(0,1fr)}}table.pohjat th.luku,table.pohjat td.luku{width:56px}.pohjan-ruudukko{width:auto}.muutos .pohjan-ruudukko th,.muutos .pohjan-ruudukko td,.syotto .pohjan-ruudukko th,.syotto .pohjan-ruudukko td{padding:4px 8px;height:auto;border-bottom:0}.pohjan-ruudukko th:first-child,.pohjan-ruudukko td:first-child{padding-left:0;padding-right:16px}.pohjan-ruudukko tr.yhteensa td{border-top:1px solid var(--reuna);padding-top:6px}.pohjan-alkaen-pieni{font-weight:400;white-space:nowrap}.kentta.pohjakentta{width:56px}.kentta.pohjakentta.muutettu{box-shadow:inset 0 0 0 1px var(--ruskea)}.syotto .muutos-toiminnot{margin-top:8px}.viikonpaivavalinta{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px 12px;background:var(--tausta);border-bottom:1px solid var(--reuna-heikko)}.viikonpaiva{display:flex;flex-direction:column;align-items:center;gap:2px;height:48px;justify-content:center;border:0;border-radius:var(--kulma-iso);background:transparent;color:var(--teksti-2);font-weight:600;cursor:pointer}.viikonpaiva:active{background:var(--pellava)}.viikonpaiva.valittu{background:var(--ruskea);color:#fff}.viikonpaiva.valittu .piste.on{background:#fff}.pohjan-alkaen{padding:10px 16px 2px}.paivaryhma+.paivaryhma{border-top:1px solid var(--reuna)}.paivaryhma-otsikko{display:flex;justify-content:space-between;padding:12px 16px 0;font-size:15px;line-height:22px}.paivaryhma .maararivi{min-height:44px;padding-top:6px;padding-bottom:6px}.pohjan-ruudukko th:last-child,.pohjan-ruudukko td:last-child{padding-left:16px}.kuukaudenvalinta{display:flex;align-items:center;gap:8px}.kuukaudenvalinta h1{min-width:160px;text-align:center}.kalenterin-ruudukko{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.kuukausi{overflow:hidden}.kuukausi-otsikot,.kuukausi-paivat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.kuukausi-otsikot{border-bottom:1px solid var(--reuna)}.kuukausi-otsikot span{padding:6px 8px;font-size:12px;line-height:16px;color:var(--teksti-heikko);font-weight:500}.kalenteripaiva{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;min-height:88px;padding:6px 8px;border:0;border-right:1px solid var(--reuna-heikko);border-bottom:1px solid var(--reuna-heikko);background:transparent;text-align:left;cursor:pointer;transition:background-color 20ms ease-in}.kalenteripaiva:nth-child(7n){border-right:0}.kalenteripaiva:nth-last-child(-n+7){border-bottom:0}.kalenteripaiva:hover{background:var(--pellava)}.kalenteripaiva.tauolla{background:var(--huomio-tausta)}.kalenteripaiva.valittu{box-shadow:inset 0 0 0 2px var(--ruskea)}.kalenteripaiva:focus-visible{outline:2px solid var(--kulta);outline-offset:-2px}.kalenteripaiva.muu{opacity:.5}.kalenteri-numero{font-weight:500;color:var(--teksti-2);font-variant-numeric:tabular-nums}.kalenteripaiva.mennyt .kalenteri-numero{color:var(--teksti-heikko);font-weight:400}.kalenteripaiva.tanaan .kalenteri-numero{color:var(--ruskea);font-weight:700}.merkinta{display:block;max-width:100%;padding:0 4px;border:1px solid transparent;border-radius:var(--kulma-pieni);font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merkinta.pyha{padding:0;color:var(--ruskea);font-weight:600}.merkinta.tauko{background:var(--huomio-reuna);color:var(--huomio-teksti);font-weight:600}.merkinta.kauppa{border-color:var(--huomio-reuna);color:var(--huomio-teksti)}.merkinta.hiljainen{border:1px dashed var(--reuna);color:var(--teksti-heikko)}.paivan-merkinnat .merkintarivi{display:flex;align-items:flex-start;gap:12px;padding:10px 12px}.merkintarivi .listarivi-teksti .pieni{display:block;-webkit-line-clamp:unset}.merkinnan-toiminnot{display:flex;gap:8px}.kalenterin-toiminnot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.taukolomake{display:grid;gap:12px;padding:12px}.taukolomake .kentta{width:100%}.taukolomake-paivat{display:grid;grid-template-columns:1fr 1fr;gap:12px}.taukolomake fieldset{margin:0;padding:0;border:0}.taukolomake legend{padding:0;margin-bottom:4px}.taukolomake .valinta{font-weight:400;color:var(--teksti)}.taukolomake .hakulista{max-height:200px}@media(max-width:1080px){.kalenterin-ruudukko{grid-template-columns:minmax(0,1fr)}}.puhelin .kuukaudenvalinta{justify-content:space-between}.puhelin .kuukaudenvalinta h1{min-width:0}.puhelin .puhelin-otsikko:has(.kuukaudenvalinta){grid-template-columns:1fr}.puhelin .kuukausi-otsikot span{padding:6px 0;text-align:center;font-size:11px}.puhelin .kalenteripaiva{min-height:60px;padding:4px 2px;align-items:center;text-align:center;gap:1px}.puhelin .kalenteripaiva:hover{background:transparent}.puhelin .kalenteripaiva.tauolla:hover{background:var(--huomio-tausta)}.puhelin .kalenteripaiva:active{background:var(--pellava)}.puhelin .kalenteri-numero{font-size:15px;line-height:20px}.puhelin .kalenteripaiva .merkinta{font-size:10px;line-height:14px;padding:0 2px;letter-spacing:-.1px}.puhelin .kalenteripaiva .merkinta.pyha{padding:0}.selite{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;color:var(--teksti-heikko)}.selite li{display:flex;align-items:center;gap:6px}.selite .merkinta{display:inline-block;font-size:11px}.paivan-linkki{padding:4px 16px 16px}.puhelin .taukolomake{padding:12px 16px}.puhelin .taukolomake-haku .lista{border:1px solid var(--reuna);border-radius:var(--kulma);max-height:280px;overflow-y:auto}.puhelin .paivan-merkinnat .merkintarivi{padding:12px 16px;flex-wrap:wrap}.merkinta.kauppa{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.puhelin .kalenteripaiva .merkinta.kauppa{display:block;white-space:nowrap}.painike.ikoni:disabled{opacity:.45}.alapaneeli-painikkeet{display:flex;align-items:center;gap:4px}.laskutus-poikkeama{margin-left:8px}.laskutus-osa{display:grid;gap:4px;max-width:480px}.laskutus-osan-otsikko{display:flex;align-items:center;justify-content:space-between;gap:8px}.laskutus-osa h3{font-size:14px;line-height:20px}.laskurivit{list-style:none;margin:0;padding:0}.laskurivi{display:flex;align-items:center;gap:8px;min-height:36px;padding:2px 0;border-bottom:1px solid var(--reuna-heikko)}.laskurivi:last-child{border-bottom:0}.laskurivi-nimi{flex:1;min-width:0;overflow-wrap:anywhere}.puhelin .laskurivi{min-height:48px}.kopioi{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:64px;height:28px;padding:0 8px;border:1px solid var(--reuna);border-radius:var(--kulma-pieni);background:var(--tausta);color:var(--teksti);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color 20ms ease-in}.kopioi svg{color:var(--teksti-heikko);flex:none}.kopioi:hover{background:var(--pellava)}.kopioi:focus-visible{outline:2px solid var(--kulta);outline-offset:1px}.kopioi.numero{font-weight:600;justify-content:flex-start}.kopioi.kopioitu{border-color:var(--ruskea)}.kopioi.kopioitu svg{color:var(--ruskea)}.puhelin .kopioi{min-width:72px;height:40px;padding:0 12px;font-size:16px}.puhelin .kopioi:active{background:var(--pellava)}.laskutus-edistyminen{white-space:nowrap}.laskutus-tila{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.laskutus-tila.kopioitu{color:var(--ruskea);font-weight:600}.laskutus-tila.kesken{color:var(--teksti-2)}.laskutus-tila.kopioimatta{color:var(--teksti-heikko)}.laskutus-polku{display:grid;gap:16px}.polku-toiminnot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.polku-toiminnot .painike{gap:6px}.polku-toiminnot.levea{display:grid;gap:8px}.polku-tilaukset{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:560px}.polku-tilaus{padding:8px 12px;border:1px solid var(--reuna);border-radius:var(--kulma);background:var(--tausta)}.polku-tilaus.kuitattu{border-color:var(--ruskea)}.polku-otsikko{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.polku-otsikko .vali{flex:1}.polku-askel{min-width:20px;color:var(--teksti-heikko);font-variant-numeric:tabular-nums}.painike.pieni-painike{height:28px;padding:0 8px;gap:4px}.puhelin .painike.pieni-painike{height:40px;padding:0 12px}.puhelin .polku-tilaus{padding:12px}.puhelin .polku-tilaukset{max-width:none}.puhelin .laskutus-polku{padding:12px 16px 16px;display:grid;gap:16px}.yhteensa-rivi .luku{font-weight:600;padding-right:8px}.poikkeama{padding:0 4px;border:1px solid var(--huomio-reuna);border-radius:var(--kulma-pieni);color:var(--huomio-teksti);font-size:12px;line-height:16px;white-space:nowrap}.kopioilmoitus{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;max-width:calc(100% - 32px);padding:8px 16px;border-radius:var(--kulma-keski);background:var(--teksti-2);color:#fff;box-shadow:0 4px 16px #33251029;overflow-wrap:anywhere;text-align:center}.puhelin .kopioilmoitus{bottom:calc(76px + env(safe-area-inset-bottom))}.lisaa-lista{padding-bottom:env(safe-area-inset-bottom)}.lisaa-painike{position:relative}.lisaa-painike .merkki{top:-6px;right:-6px}.lisaa-painike.valittu{background:var(--pellava)}.lisavalikko-merkki,.lisaa-lista .maara{margin-left:auto}