:root{--posliini:#F6F3EC;--pergamentti:#EDE8DC;--kuusi:#122B23;--kuusi-2:#1B3A30;--messinki:#C2A15F;--messinki-hento:#D9C89C;--muste:#161A17;--harmaa:#5E6B63;--viiva:#DDD6C6;--display:"Bricolage Grotesque",sans-serif;--body:"Instrument Sans",sans-serif;--mono:"IBM Plex Mono",monospace;--punainen:#9B3B2E}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--body);background:var(--posliini);color:var(--muste);-webkit-font-smoothing:antialiased;line-height:1.5;font-size:14.5px}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.15}h1{font-size:28px}h1,h2{font-weight:700}h2{font-size:20px}h3{font-size:16px;font-weight:600}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--harmaa)}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.nav{background:var(--kuusi);color:var(--posliini);border-bottom:1px solid rgba(246,243,236,.12)}.nav .wrap{display:flex;align-items:center;gap:26px;height:58px}.nav .brand{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.02em}.nav a{text-decoration:none;font-size:13.5px;color:rgba(246,243,236,.72);padding:4px 0;border-bottom:2px solid transparent}.nav a:hover{color:var(--posliini)}.nav a[data-active=true]{color:var(--posliini);border-bottom-color:var(--messinki)}.nav .spacer{margin-left:auto}.nav-alarivi{background:rgba(0,0,0,.18);border-top:1px solid rgba(246,243,236,.08)}.nav-alarivi .wrap{display:flex;align-items:center;gap:22px;height:42px}.nav-alarivi a{font-size:13px;color:rgba(246,243,236,.6)}.nav-alarivi a[data-active=true]{color:var(--posliini);border-bottom-color:var(--messinki)}.rivilinkki{cursor:pointer}.rivilinkki td{position:relative}.rivilinkki a:after{content:"";position:absolute;inset:0}.rivilinkki:hover{background:var(--pergamentti)}.yleiskuva-ruudukko{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px;margin-top:20px}.tilastokortti{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:14px;border:1px solid var(--viiva);background:#FFFDF8;text-decoration:none;color:inherit}.tilastokortti:hover{border-color:var(--messinki)}.tilastokortti-arvo{font-family:var(--display);font-weight:800;font-size:32px;letter-spacing:-.03em;line-height:1.05}.tilastokortti-nimi{font-size:14px;font-weight:600}.tilastokortti-selite{font-size:12.5px;color:var(--harmaa);line-height:1.5}.nav form button{background:none;border:none;color:rgba(246,243,236,.6);font-size:12.5px;cursor:pointer}.nav form button:hover{color:var(--posliini)}main{padding:34px 0 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.card{background:#FFFDF8;border:1px solid var(--viiva);border-radius:14px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:9px 18px;font-weight:600;font-size:13.5px;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--kuusi);color:var(--posliini)}.btn-primary:hover{background:var(--kuusi-2)}.btn-brass{background:var(--messinki);color:var(--kuusi)}.btn-ghost{background:transparent;border-color:var(--viiva)}.btn-ghost:hover{border-color:var(--harmaa)}.btn-danger{background:transparent;border-color:var(--viiva);color:var(--punainen)}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--harmaa)}.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--viiva);border-radius:9px;background:#FFFDF8}.field textarea{resize:vertical;min-height:74px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--messinki-hento);outline-offset:-1px}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.badge{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:100px;border:1px solid var(--viiva);white-space:nowrap}.badge[data-s=unmapped]{background:#F0EAD8;color:#7A6533;border-color:#DFD2AE}.badge[data-s=active]{background:#E3EDE6;color:#2C5E43;border-color:#C3DBCB}.badge[data-s=low]{background:#FAEEDC;color:#8A5B18;border-color:#EBD6AF}.badge[data-s=out]{background:#F5E0DC;color:#8C3325;border-color:#E5C2BB}.badge[data-s=archived]{background:#ECEAE4;color:var(--harmaa)}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--harmaa);text-align:left;font-weight:500}.tbl td,.tbl th{padding:10px 12px;border-bottom:1px solid var(--viiva)}.tbl td{vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--pergamentti)}.tbl a{text-decoration:none;font-weight:600}.tbl a:hover{text-decoration:underline}.thumb{object-fit:cover;display:block}.thumb,.thumb-empty{width:42px;height:42px;border-radius:8px;background:var(--pergamentti)}.thumb-empty{border:1px dashed var(--viiva)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filters a,.filters button{text-decoration:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:7px 13px;border-radius:100px;border:1px solid var(--viiva);color:var(--harmaa);background:none;cursor:pointer}.filters a[data-active=true],.filters button[data-active=true]{background:var(--kuusi);color:var(--posliini);border-color:var(--kuusi)}.empty{padding:44px;text-align:center}.empty,.muted{color:var(--harmaa)}.err{background:#F5E0DC;border:1px solid #e5c2bb;color:#8C3325;border-radius:9px}.err,.ok{padding:11px 14px;font-size:13px;margin-bottom:14px}.ok{background:#E3EDE6;border:1px solid #c3dbcb;color:#2C5E43;border-radius:9px}.pakkaus-otsake{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pakkaus-ruudukko{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:16px;gap:16px;margin-top:18px;align-items:start}@media (max-width:900px){.pakkaus-ruudukko{grid-template-columns:1fr}}.laatikot{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.laatikko{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-radius:11px;border:1px solid var(--viiva);background:#FFFDF8;cursor:pointer;text-align:center}.laatikko input{position:absolute;opacity:0;pointer-events:none}.laatikko[data-valittu=true]{border-color:var(--kuusi);box-shadow:0 0 0 1px var(--kuusi)}.laatikko-koodi{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em}.laatikko-nimi{font-size:11px;color:var(--harmaa);line-height:1.35}.laatikko-mitat{line-height:1.4;margin-top:3px}.laatikko-maara,.laatikko-mitat{font-family:var(--mono);font-size:10px;color:var(--harmaa)}.laatikko-maara{margin-top:4px}.pakkaus-osoite{font-size:17px;color:var(--muste);margin-top:2px}.pakkaus-tunniste{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--harmaa);margin-top:6px}.pakkaus-osio-otsake{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.kerayslista{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.keraysrivi{display:grid;grid-template-columns:26px 72px minmax(0,1fr) auto auto;align-items:center;grid-gap:14px;gap:14px;padding:10px 12px;border:1px solid var(--viiva);border-radius:12px;background:#FFFDF8;cursor:pointer}.keraysrivi input[type=checkbox]{width:26px;height:26px;accent-color:var(--kuusi);cursor:pointer}.keraysrivi[data-keratty=true]{background:var(--pergamentti);border-color:var(--kuusi)}.keraysrivi[data-keratty=true] .keraysrivi-nimi{text-decoration:line-through;color:var(--harmaa)}.keraysrivi-kuva{width:72px;height:72px;border-radius:9px;overflow:hidden;background:var(--pergamentti);display:grid;place-items:center}.keraysrivi-kuva img{width:100%;height:100%;object-fit:cover;display:block}.keraysrivi-tiedot{display:grid;grid-gap:2px;gap:2px;min-width:0}.keraysrivi-nimi{font-size:15.5px;font-weight:600;line-height:1.3}.keraysrivi-brandi{font-size:12.5px;color:var(--harmaa)}.keraysrivi-koodi{font-size:11px;color:var(--harmaa)}.keraysrivi-hylly{font-size:17px;font-weight:600;letter-spacing:.04em;white-space:nowrap;background:var(--pergamentti);border:1px solid var(--messinki-hento);color:var(--muste);border-radius:9px;padding:7px 12px;text-decoration:none}.keraysrivi-hylly.puuttuu{font-family:var(--body);font-size:12.5px;font-weight:500;letter-spacing:0;background:transparent;border-style:dashed;border-color:var(--viiva);color:var(--harmaa)}.keraysrivi-hylly.puuttuu:hover{color:var(--kuusi);border-color:var(--kuusi)}.keraysrivi-maara{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;min-width:34px;text-align:right}@media (max-width:640px){.keraysrivi{grid-template-columns:26px 60px minmax(0,1fr) auto;gap:10px;padding:10px}.keraysrivi-kuva{width:60px;height:60px}.keraysrivi-hylly{grid-column:3/5;justify-self:start}}.pakkaus-nappi{width:100%;margin-top:14px;padding:18px 24px;font-size:16px}.pakkaus-nappi:disabled{opacity:.45;cursor:not-allowed}.pakkaus-este{font-size:12.5px;color:var(--harmaa);text-align:center;margin-top:8px}.ryhmarivi td{background:var(--pergamentti);font-weight:700;font-size:13px;letter-spacing:.01em;padding-top:12px;padding-bottom:12px}.tuotelinkki{margin-left:10px;font-size:12px;font-weight:500;color:var(--harmaa);text-decoration:none;white-space:nowrap}.tuotelinkki:hover{color:var(--kuusi);text-decoration:underline}.rivitoiminnot{display:flex;gap:6px;justify-content:flex-end}.rivinappi{padding:5px 11px;font-size:12.5px}.tbl tr[data-tilattu] td{opacity:.5}.tilattu-merkki{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--kuusi)}.valmiskuvat{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-gap:8px;gap:8px;margin-bottom:16px}.valmiskuva{display:block;text-align:left;background:#FFFDF8;border:1px solid var(--viiva);border-radius:10px;padding:5px;cursor:pointer}.valmiskuva[data-valittu=true]{border-color:var(--kuusi);box-shadow:0 0 0 1px var(--kuusi)}.valmiskuva img{display:block;width:100%;aspect-ratio:1190/561;object-fit:cover;border-radius:6px}.valmiskuva span{display:block;font-size:11px;color:var(--harmaa);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}