:root{--navy:#0B3A6E;--navy2:#2A5A91;--yellow:#FFE667;--gold:#F2C200;--input:#FFFBE6;--line:#C9CED6;--ink:#1F2937;--grey:#6B7280;--zebra:#F7F9FC;--green:#16A34A}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:#EEF1F5;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.page{max-width:1320px;margin:18px auto;background:#fff;padding:22px 26px 28px;box-shadow:0 2px 14px rgba(0,0,0,.08)}
.page{position:relative}
.btn-admin{position:absolute;top:6px;right:8px;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--grey);font-size:12px;font-weight:bold;text-decoration:none;z-index:2}
.btn-admin:hover{background:var(--navy);border-color:var(--navy);color:#fff}
header.top{display:grid;grid-template-columns:120px 1fr 170px;align-items:center;gap:12px;border-bottom:4px solid var(--gold);padding-bottom:10px}
header.top img.villa{height:84px}
header.top img.joma{width:150px;justify-self:end}
header.top h1{margin:0;text-align:center;color:var(--navy);font-size:24px;letter-spacing:.3px}
header.top .sub{text-align:center;font-weight:bold;font-size:13px;color:#374151;margin-top:4px}
header.top .firma{text-align:center;font-size:11px;color:var(--grey);margin-top:4px}
.form-grid{display:grid;grid-template-columns:150px 1fr 90px 260px;gap:8px 10px;align-items:center;margin:16px 0 18px}
.form-grid label.l,.form-grid .l{font-weight:bold;color:var(--navy);text-align:right;font-size:14px}
.form-grid input[type=text],.form-grid input[type=tel],.form-grid input[type=date],.form-grid input[type=password]{width:100%;font:inherit;font-size:15px;padding:7px 9px;border:0;border-bottom:1px solid #8A93A0;background:var(--input)}
.form-grid .full{grid-column:2 / 5}
.plati{grid-column:2 / 5;display:flex;gap:10px;flex-wrap:wrap}
.plati label{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--input);border:1px solid var(--line);cursor:pointer;font-size:15px;user-select:none}
.plati input{width:18px;height:18px;accent-color:var(--navy)}
.plati label:has(input:checked){background:var(--yellow);border-color:var(--gold);font-weight:bold;color:var(--navy)}
.erori{background:#FEE2E2;border:1px solid #FCA5A5;color:#991B1B;padding:10px 14px;margin:12px 0}
.ok{background:#ECFDF5;border:1px solid #6EE7B7;color:#065F46;padding:10px 14px;margin:12px 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tbl-wrap{overflow-x:auto}
table.fisa{width:100%;border-collapse:collapse;min-width:1060px}
table.fisa th,table.fisa td{border:1px solid var(--line)}
table.fisa thead th{background:var(--navy);color:#fff;font-size:12px;padding:6px 4px}
table.fisa thead tr.m th{background:var(--yellow);color:var(--navy);font-size:12px;width:44px}
table.fisa tbody tr:nth-child(even) td{background:var(--zebra)}
td.nr{text-align:center;font-weight:bold;color:var(--navy);width:34px}
td.nume{font-weight:bold;font-size:14px;padding:6px 10px;min-width:190px}
td.nume .cod,.cod-mic{display:block;font-weight:normal;font-size:11px;color:var(--grey);margin-top:4px}
td.poze{width:300px;background:#fff!important;padding:4px 6px}
.poze-box{display:flex;justify-content:center;gap:6px;height:88px;align-items:center}
.poze-box img{height:82px;width:82px;object-fit:contain;background:#F3F4F6;cursor:zoom-in}
.poze-box .na{width:82px;height:82px;display:flex;align-items:center;justify-content:center;background:#F3F4F6;color:#9CA3AF;font-size:11px}
td.pret{text-align:center;font-weight:bold;font-size:15px;width:78px;white-space:nowrap}
td.m{padding:0;background:#fff!important;width:44px}
td.m button{all:unset;display:flex;width:100%;height:92px;align-items:center;justify-content:center;cursor:pointer;font-weight:bold;font-size:18px;color:var(--navy)}
td.m button:hover{background:#FFF8D6}
td.m.on button{background:var(--yellow)}
td.m .bif{display:flex;height:92px;align-items:center;justify-content:center;font-weight:bold;font-size:18px;color:var(--navy)}
td.m.on .bif{background:var(--yellow)}
td.m.na{background:repeating-linear-gradient(45deg,#EEF0F3 0 5px,#E2E5EA 5px 10px)!important}
.form-grid .val{border-bottom:1.5px solid var(--navy);padding:4px 6px;font-weight:bold;min-height:1.6em}
.plati label.ales{background:var(--yellow);font-weight:bold}
.nr-comanda{text-align:right;font-size:14px;margin:4px 0 8px;color:var(--navy)}
.admin .thumbs-det{display:flex;gap:4px;justify-content:center;align-items:center}.admin .thumbs-det img{width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid #ddd;border-radius:4px}
.card .mini{display:flex;gap:3px;margin-top:6px;flex-wrap:wrap}.card .mini img{width:36px;height:36px;object-fit:contain;background:#fff;border:1px solid #e3e3e3;border-radius:3px}
td.cant,td.tot{text-align:center;font-weight:bold;color:var(--navy);font-size:15px;width:64px}
td.tot{width:90px}
tfoot td{background:var(--navy);color:#fff;font-weight:bold;padding:9px 10px;font-size:15px}
tfoot td.t{text-align:right}
tfoot td.y{background:var(--yellow);color:var(--navy);text-align:center;font-size:17px}
.info{margin-top:18px;border-top:2px solid var(--gold);padding-top:8px;font-size:13px;line-height:1.7}
.info b{color:var(--navy)}
.actiuni{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18px;flex-wrap:wrap}
.semn{font-weight:bold;color:var(--navy)}
.semn span{display:inline-block;width:260px;border-bottom:1px solid #8A93A0;margin-left:8px}
.btn{font:inherit;font-weight:bold;font-size:15px;padding:11px 22px;border:0;cursor:pointer;background:var(--navy);color:#fff;text-decoration:none;display:inline-block}
.btn.sec{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.btn.y{background:var(--yellow);color:var(--navy)}
.btn.g{background:var(--green);color:#fff}
.btn.r{background:#fff;color:#B91C1C;border:1px solid #B91C1C}
.btn.mic{font-size:13px;padding:7px 12px}
#zoom{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:9}
#zoom img{max-width:90vw;max-height:90vh;background:#fff}

/* ---------- admin ---------- */
.bara{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 6px}
.bara .tab{padding:9px 16px;font-weight:bold;color:var(--navy);text-decoration:none;border:1px solid var(--line);background:#fff}
.bara .tab.act{background:var(--navy);color:#fff;border-color:var(--navy)}
.bara .tab .nr-nou{background:var(--yellow);color:var(--navy);border-radius:10px;padding:1px 7px;margin-left:5px;font-size:12px}
.bara .dr{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.comut{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);background:#F9FAFB;margin:8px 0;flex-wrap:wrap}
.comut.on{background:#ECFDF5;border-color:#86EFAC}
.comut .stare{font-weight:bold}
.comutator{font:inherit;font-weight:bold;font-size:13px;display:flex;align-items:center;gap:9px;padding:6px 14px 6px 6px;border:0;border-radius:22px;cursor:pointer;background:#9CA3AF;color:#fff}
.comutator .bila{width:34px;height:20px;border-radius:10px;background:rgba(0,0,0,.25);position:relative;transition:.2s}
.comutator .bila::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}
.comutator.on{background:var(--green)}
.comutator.on .bila::after{left:16px}
.admin h2{color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:4px;margin-top:22px;font-size:19px}
.admin table.t{border-collapse:collapse;width:100%;font-size:13px}
.admin table.t th,.admin table.t td{border:1px solid var(--line);padding:5px 7px;vertical-align:middle}
.admin table.t th{background:var(--navy);color:#fff}
.admin table.t tr:nth-child(even) td{background:var(--zebra)}
.admin input.i{font:inherit;padding:5px;border:1px solid var(--line);background:var(--input);width:100%}
.admin input.cod{width:100px}
.admin input.pret{width:70px}
.admin .thumbs img{height:44px;width:44px;object-fit:contain;background:#F3F4F6;margin-right:3px;vertical-align:middle}
.admin td.num{text-align:center}
.filtre{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.filtre a{padding:5px 11px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13px;background:#fff}
.filtre a.act{background:var(--yellow);border-color:var(--gold);font-weight:bold;color:var(--navy)}
.carduri{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.card{display:block;border:1px solid var(--line);border-left:5px solid var(--navy);padding:10px 12px;text-decoration:none;color:var(--ink);background:#fff}
.card:hover{background:#FFFDF2}
.card .r1{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.card .r1 b{color:var(--navy);font-size:16px}
.card .r2{font-size:13px;color:var(--grey);margin-top:4px}
.card .r3{font-size:13px;margin-top:6px;line-height:1.45}
.card .tot{font-weight:bold;color:var(--navy);white-space:nowrap}
.st{display:inline-block;font-size:11px;font-weight:bold;padding:2px 8px;border-radius:10px;background:#E5E7EB;color:#374151}
.st-Nouă{background:var(--yellow);color:var(--navy)}
.card.s-Nouă{border-left-color:var(--gold)}
.st-Confirmată{background:#DBEAFE;color:#1E40AF}
.st-Livrată{background:#DCFCE7;color:#166534}
.card.s-Livrată{border-left-color:var(--green)}
.st-Anulată{background:#FEE2E2;color:#991B1B}
.card.s-Anulată{border-left-color:#DC2626;opacity:.65}
.det{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;font-size:15px;margin:12px 0}
.det .l{font-weight:bold;color:var(--navy)}
.inapoi{display:inline-flex;align-items:center;gap:8px;margin:14px 0 2px;padding:8px 16px 8px 10px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--navy);font-weight:bold;font-size:14px;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:.15s}
.inapoi span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--yellow);font-size:15px;line-height:1}
.inapoi:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.inapoi:hover span{background:var(--gold);color:var(--navy)}
.tel-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.btn-tel,.btn-wa{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:18px;font-size:13px;font-weight:bold;text-decoration:none;color:#fff}
button.btn-wa{border:0;font-family:inherit;cursor:pointer;line-height:inherit}
button.btn-wa:disabled{opacity:.7;cursor:wait}
.btn-pptx{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:12px;background:#C43E1C;color:#fff;font-size:11px;font-weight:bold;text-decoration:none;letter-spacing:.3px}
.btn-pptx:hover{background:#A33216}
.btn-tel{background:var(--navy)}
.btn-wa{background:#25D366}
.btn-tel:hover{background:var(--navy2)}
.btn-wa:hover{background:#1EBE5A}
.login{max-width:380px;margin:30px auto}
.login input{width:100%;font:inherit;font-size:16px;padding:10px;border:0;border-bottom:1px solid #8A93A0;background:var(--input);margin:4px 0 14px}
.login label{font-weight:bold;color:var(--navy)}
#notif-stare{font-size:13px;color:var(--grey)}

@media (max-width:760px){
  .page{padding:14px 12px;margin:0}
  header.top{grid-template-columns:70px 1fr 90px}
  header.top img.villa{height:60px}header.top img.joma{width:88px}
  header.top h1{font-size:17px}header.top .firma,header.top .sub{display:none}
  .form-grid{grid-template-columns:96px 1fr;gap:6px 8px;margin:10px 0 12px}
  .form-grid label.l,.form-grid .l{text-align:right;font-size:12.5px}
  .form-grid input[type=text],.form-grid input[type=tel],.form-grid input[type=date],.form-grid input[type=password]{font-size:16px;padding:4px 6px;min-width:0}
  .form-grid .full{grid-column:auto}
  .form-grid .l:has(+ .plati){grid-column:1 / -1;text-align:left;margin-top:4px}
  .plati{grid-column:1 / -1;flex-wrap:nowrap;gap:5px}
  .plati label{flex:1 1 0;justify-content:center;gap:4px;padding:6px 4px;font-size:12.5px;white-space:nowrap;min-width:0}
  .plati input{width:15px;height:15px;margin:0}
  td.nume{min-width:140px;font-size:13px;padding:5px 7px}
  td.poze{width:190px;padding:3px 4px}
  .poze-box{height:62px;gap:4px}
  .poze-box img,.poze-box .na{width:56px;height:56px}
  td.m{width:38px}
  td.m button,td.m .bif{height:66px;font-size:16px}
  table.fisa{min-width:860px}
  .bara .dr{margin-left:0}
  .det{grid-template-columns:1fr;gap:2px}
  .det .l{margin-top:6px}
}
@media print{
  @page{size:A4 landscape;margin:7mm}
  body{background:#fff}
  .page{box-shadow:none;margin:0;max-width:none;padding:0}
  .no-print{display:none!important}
  table.fisa{min-width:0}
  td.m button,td.m .bif{height:70px}
  table.fisa tr{break-inside:avoid;page-break-inside:avoid}
  table.fisa thead{display:table-header-group}
  .poze-box{height:70px}.poze-box img,.poze-box .na{height:66px;width:66px}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  /* antet compact la tipărire: date pe 2 rânduri x 3 coloane */
  header.top{padding-bottom:6px}header.top img.villa{height:50px}header.top img.joma{width:90px}
  .admin h2{margin:8px 0 4px;padding-bottom:3px;font-size:16px}
  .det{grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:3px 10px;font-size:12px;margin:6px 0 8px;align-items:baseline}
  .det .l{margin-top:0}
  .det .l::after{content:":"}
}
.admin td.thumbs-det-td{padding:3px;text-align:center;vertical-align:middle}