/* Mobile-first deliberat: se foloseste de pe telefon, cu WhatsApp deschis in
   paralel. Desktop-ul e cazul secundar, nu invers. */
:root{
  --fundal:#faf9f7; --card:#fff; --text:#1a1815; --slab:#6b6560;
  --linie:#e5e1db; --accent:#8a6d3b; --accent-text:#fff;
  --ok:#2f6b45; --rau:#9b2c2c; --umbra:0 1px 3px rgba(0,0,0,.06),0 6px 20px rgba(0,0,0,.04);
}
@media (prefers-color-scheme:dark){
  :root{ --fundal:#16151a; --card:#201e26; --text:#f0ece6; --slab:#a49d95;
    --linie:#332f3b; --accent:#c9a227; --accent-text:#1a1815;
    --ok:#7fc79b; --rau:#f0908c; --umbra:0 1px 3px rgba(0,0,0,.4); }
}
*{box-sizing:border-box}
body{margin:0;background:var(--fundal);color:var(--text);
  font:16px/1.55 ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;
  -webkit-text-size-adjust:100%}
a{color:inherit}
.wrap{max-width:920px;margin:0 auto;padding:16px 16px 64px}

header.bara{display:flex;align-items:center;gap:12px;padding:14px 16px;
  border-bottom:1px solid var(--linie);background:var(--card);
  position:sticky;top:0;z-index:10}
header.bara .marca{font-weight:650;letter-spacing:-.01em;text-decoration:none}
header.bara .spatiu{flex:1}
header.bara a.mic{font-size:14px;color:var(--slab);text-decoration:none}

h1{font-size:24px;letter-spacing:-.02em;margin:20px 0 6px}
h2{font-size:15px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--slab);margin:28px 0 10px;font-weight:600}
p.sub{color:var(--slab);margin:0 0 18px}

.grid{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:560px){.grid{grid-template-columns:1fr 1fr}}

.card{display:block;background:var(--card);border:1px solid var(--linie);
  border-radius:14px;padding:14px 16px;text-decoration:none;box-shadow:var(--umbra)}
.card:active{transform:scale(.99)}
.card .nume{font-weight:600;margin-bottom:3px}
.card .nota{font-size:13.5px;color:var(--slab)}

label{display:block;font-weight:600;font-size:14px;margin:16px 0 6px}
input[type=text],input[type=password],select,textarea{
  width:100%;padding:12px 13px;border:1px solid var(--linie);border-radius:11px;
  background:var(--fundal);color:var(--text);font:inherit}
textarea{min-height:76px;resize:vertical}
input[type=file]{width:100%;padding:14px;border:1.5px dashed var(--linie);
  border-radius:11px;background:var(--fundal);color:var(--slab);font:inherit}
.ajutor{font-size:13.5px;color:var(--slab);margin-top:6px}

button,.buton{display:inline-block;width:100%;padding:14px 18px;border:0;
  border-radius:12px;background:var(--accent);color:var(--accent-text);
  font:600 16px/1 inherit;text-align:center;text-decoration:none;cursor:pointer;
  margin-top:22px}
.buton.sec{background:transparent;color:var(--text);border:1px solid var(--linie);
  font-weight:500;margin-top:10px}
button[disabled]{opacity:.55;cursor:progress}

.eroare{background:color-mix(in srgb,var(--rau) 12%,transparent);
  border:1px solid var(--rau);color:var(--rau);
  padding:11px 14px;border-radius:11px;margin:16px 0;font-size:14.5px}

.stiva{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:620px){.stiva{grid-template-columns:1fr 1fr}}
figure{margin:0;background:var(--card);border:1px solid var(--linie);
  border-radius:14px;overflow:hidden;box-shadow:var(--umbra)}
figure img{display:block;width:100%;height:auto;background:#fff}
figcaption{padding:10px 13px;font-size:13.5px;color:var(--slab);
  border-top:1px solid var(--linie)}

.fisiere{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fisiere a{padding:8px 13px;border:1px solid var(--linie);border-radius:999px;
  font-size:14px;text-decoration:none;background:var(--card)}

table{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:10px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--linie)}
th{color:var(--slab);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.scroll{overflow-x:auto}

.eticheta{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12.5px;
  font-weight:600;background:color-mix(in srgb,var(--slab) 15%,transparent);color:var(--slab)}
.eticheta.ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}