:root{--navy:#34516e;--navy-d:#2b4459;--galben:#ffd23f;--linie:#d7dde4;--linie2:#e6eaef;--fundal:#eceff3;
--hover:#eef5fb;--sel:#e2eff8;--cap:#f5f7f9;--text:#1d2a36;--gri:#5d6b79;--verde:#2e8b57;--rosu:#c0392b;--portocaliu:#b7791f}
*{box-sizing:border-box}
body{margin:0;background:var(--fundal);color:var(--text);font:14px/1.45 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.bara{background:var(--navy);color:#fff;padding:12px 25px 0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 24px}
.bara-titlu{padding-bottom:10px}
.bara .nume{font-size:18px;font-weight:700}
.bara .sub{color:var(--galben);font-size:12px}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{color:#d6e0ea;text-decoration:none;font-weight:600;padding:9px 14px;border-radius:3px 3px 0 0}
.nav a:hover{background:var(--navy-d);color:#fff}
.nav a.on{background:var(--fundal);color:var(--text)}
.nav .grup{position:relative}
.nav .grup>button{background:none;border:0;color:#d6e0ea;font:inherit;font-weight:600;padding:9px 14px;border-radius:3px 3px 0 0;cursor:pointer}
.nav .grup>button:hover,.nav .grup.deschis>button{background:var(--navy-d);color:#fff}
.nav .grup.on>button{background:var(--fundal);color:var(--text)}
.nav .lista{display:none;position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--linie);border-radius:3px;min-width:230px;z-index:40}
.nav .grup.deschis .lista{display:block}
.nav .lista a{display:flex;gap:10px;padding:12px 14px;color:var(--text);border-radius:0;border-bottom:1px solid var(--linie2);font-weight:500}
.nav .lista a:last-child{border-bottom:0}
.nav .lista a:hover{background:var(--hover);color:var(--text)}
.continut{padding:25px}
@media(max-width:768px){.continut{padding:15px}.bara{padding:12px 15px 0}}
.panou{background:#fff;border:1px solid var(--linie);border-radius:4px;margin-bottom:16px}
.panou-cap{background:var(--cap);border-bottom:1px solid var(--linie);border-left:3px solid var(--navy);padding:8px 12px;
 font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--gri);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.panou-cap .spatiu{flex:1}
.panou-corp{padding:12px}
.grila{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px}
@media(max-width:900px){.grila{grid-template-columns:minmax(0,1fr)}.grila>:first-child{order:2}}
table.t{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
table.t th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--gri);text-align:left;padding:6px 8px;border-bottom:1px solid var(--linie);background:var(--cap)}
table.t td{padding:5px 8px;border-bottom:1px solid var(--linie2)}
table.t tr:hover td{background:var(--hover)}
table.t .n{text-align:right}
table.t tr.sel td{background:var(--sel)}
table.t tr.wk td{color:var(--gri)}
table.t td a{color:inherit;text-decoration:none;display:block}
.derul{overflow-x:auto}
.punct{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--linie);margin-right:6px}
.punct.v{background:var(--verde)}.punct.r{background:var(--rosu)}
input,select{font:inherit;color:var(--text);border:1px solid var(--linie);border-radius:3px;padding:5px 7px;background:#fff}
input:focus,select:focus{outline:2px solid var(--navy);outline-offset:1px}
input.q{width:78px;text-align:right}
.tb-btn{height:34px;border-radius:3px;border:1px solid var(--navy);background:var(--navy);color:#fff;font:inherit;font-weight:600;padding:0 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.tb-btn:hover{background:var(--navy-d)}
.tb-btn.alb{background:#fff;color:var(--text);border-color:var(--linie)}
.tb-btn.alb:hover{background:var(--hover)}
.rand{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.camp{display:flex;flex-direction:column;gap:3px}
.camp label{font-size:12px;color:var(--gri)}
.mesaj{padding:9px 12px;border-radius:3px;margin-bottom:14px;border:1px solid}
.mesaj.ok{background:#e8f4ec;border-color:#b9dcc6;color:#1f5e3a}
.mesaj.err{background:#fdecea;border-color:#f3c3bd;color:#8a2a1f}
.mesaj.info{background:#fff4d6;border-color:#f0d58a;color:#6b4e00}
.masa{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--navy);margin:10px 0 4px}
.fel{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px dotted var(--linie2)}
.fel span:last-child{color:var(--gri);white-space:nowrap}
.gri{color:var(--gri)}.mic{font-size:12px}
.eticheta{display:inline-block;font-size:11px;padding:1px 6px;border-radius:3px;background:#fff1d0;color:#6b4e00}
.login{max-width:360px;margin:40px auto}
.login .camp{margin-bottom:12px}.login input{width:100%}

/* Fenster für Eingabe mit dem Stift (assets/scris.js) */
.scris-fundal{position:fixed;inset:0;background:rgba(29,42,54,.45);display:none;align-items:flex-start;justify-content:center;padding:6vh 16px 0;z-index:50}
.scris-fundal.on{display:flex}
.scris{background:#fff;border-radius:4px;border-top:3px solid var(--navy);width:100%;max-width:560px;padding:18px}
.scris-cap{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gri);margin-bottom:10px}
.scris-camp{width:100%;height:110px;font-size:52px;text-align:center;border:2px solid var(--linie);border-radius:4px;color:var(--text);font-family:inherit}
.scris-camp:focus{outline:none;border-color:var(--navy)}
.scris-ajutor{color:var(--gri);font-size:13px;margin-top:8px}
.scris-eroare{color:var(--rosu);font-weight:600;min-height:20px;margin-top:4px}
.scris-butoane{display:flex;gap:10px;margin-top:10px}
.scris-butoane .tb-btn{height:46px;padding:0 20px;font-size:15px}
.sel-produs{width:100%;max-width:380px}