@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500&display=swap');

:root{
  --rosu:#D0021B; --rosu-luminos:#ef1c34;
  --dark:#0a0a0a; --panou:#131318; --panou2:#1b1b22;
  --linie:#2a2a33; --alb:#F5F5F5; --gri:#8e8e99;
}
*{box-sizing:border-box}
body{margin:0;background:var(--dark);color:var(--alb);font-family:'Barlow',system-ui,sans-serif;font-size:15px;line-height:1.5}
h1,h2,h3,nav a,button,th,.ora,.eticheta{font-family:'Barlow Condensed','Barlow',sans-serif}
a{color:var(--rosu-luminos)}

header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  padding:14px 24px;border-bottom:2px solid var(--rosu);background:var(--panou)}
header h1{margin:0;font-size:26px;font-weight:700;letter-spacing:.5px}
nav{display:flex;gap:4px}
nav a{padding:7px 14px;color:var(--gri);text-decoration:none;font-size:17px;font-weight:600;border-radius:2px}
nav a:hover{color:var(--alb);background:var(--panou2)}
nav a.activ{color:#fff;background:var(--rosu)}

main{max-width:940px;margin:0 auto;padding:24px}
main.lat{max-width:1500px}
h2{font-size:24px;margin:0 0 4px;font-weight:600}
h3{font-size:20px;margin:28px 0 8px;font-weight:600}
h2.zi{font-size:19px;color:var(--gri);margin:24px 0 8px;border-bottom:1px solid var(--linie);padding-bottom:5px}

.alerta{padding:11px 14px;border-radius:3px;margin:0 0 16px;border-left:3px solid}
.alerta.buna{background:#12211a;border-color:#3d9970}
.alerta.rea{background:#241315;border-color:var(--rosu)}
.alerta.atentie{background:#241f12;border-color:#e8a33d;color:#e8c48d}
.gol{color:var(--gri);max-width:56ch;margin-top:28px}
.ajutor{color:var(--gri);font-size:13px;font-weight:400}

.bara{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:12px 16px;background:var(--panou);
  border:1px solid var(--linie);border-radius:3px;margin-bottom:18px}
.bara .rosu{color:var(--rosu-luminos)}

.post{display:grid;grid-template-columns:74px 96px 1fr;gap:14px;align-items:start;
  background:var(--panou);border:1px solid var(--linie);border-left:3px solid var(--rosu);
  border-radius:3px;padding:12px 14px;margin-bottom:10px}
.post.eroare{border-left-color:#e8a33d}
.ora{font-size:21px;font-weight:700}
.canal,.fixat{display:block;font-size:12px;color:var(--gri);font-weight:500;letter-spacing:.5px}
.mini{width:96px;height:96px;object-fit:cover;border-radius:2px;background:var(--panou2)}
.mini.video{display:flex;align-items:center;justify-content:center;color:var(--gri);font-size:13px}
.continut p{margin:0 0 8px;max-width:62ch}
.produs{color:var(--rosu-luminos);font-weight:500;margin-bottom:4px}
.mesaj-eroare{color:#e8c48d;font-size:14px}

.actiuni{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
button{font-size:15px;font-weight:600;padding:6px 12px;border-radius:2px;cursor:pointer;
  background:transparent;border:1px solid var(--linie);color:var(--gri)}
button:hover{border-color:var(--rosu);color:var(--alb)}
button.sters:hover{border-color:#e8a33d;color:#e8c48d}
.primar{background:var(--rosu);border-color:var(--rosu);color:#fff;font-size:18px;padding:11px 20px}
.primar:hover{background:var(--rosu-luminos);color:#fff}
.primar.mic{font-size:15px;padding:7px 14px}

input,select,textarea{background:var(--panou2);border:1px solid var(--linie);color:var(--alb);
  padding:8px 10px;border-radius:3px;font-family:inherit;font-size:14px}
input[type=file]{padding:7px}
textarea{width:100%;resize:vertical;line-height:1.55}
:focus-visible{outline:2px solid var(--rosu);outline-offset:1px}

.formular{max-width:640px}
.formular label{display:block;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:600;margin:18px 0 6px}
.formular label.inline{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:400;font-family:'Barlow',sans-serif;color:var(--gri);margin-top:8px}
.formular select,.formular input[type=datetime-local],.formular input[type=file]{width:100%}
.formular .primar{margin-top:24px}
.rand{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

table{width:100%;border-collapse:collapse;margin-top:8px}
th{text-align:left;font-size:16px;font-weight:600;color:var(--gri);border-bottom:1px solid var(--linie);padding:7px 8px}
td{padding:7px 8px;border-bottom:1px solid var(--linie);vertical-align:top}
td.scurt{color:var(--gri)}
tr.rand-eroare td{color:#e8c48d}

body.login{display:flex;align-items:center;justify-content:center;min-height:100vh}
.caseta{background:var(--panou);border:1px solid var(--linie);border-top:3px solid var(--rosu);
  padding:28px;border-radius:3px;width:100%;max-width:340px}
.caseta h1{margin:0 0 18px;font-size:26px}
.caseta label{display:block;margin:14px 0 5px;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:600}
.caseta input{width:100%}
.caseta .primar{width:100%;margin-top:22px}

@media (max-width:700px){
  .post{grid-template-columns:60px 1fr}
  .mini{display:none}
}

/* ---------- Calendar saptamanal ---------- */
.nav-sapt{color:var(--gri);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:600}
.nav-sapt:hover{color:var(--alb)}

.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:18px}
.zi-col{background:var(--panou);border:1px solid var(--linie);border-radius:3px;padding:8px;min-width:0}
.zi-col.azi{border-color:var(--rosu)}
.zi-cap{border-bottom:1px solid var(--linie);padding-bottom:6px;margin-bottom:8px}
.zi-nume{display:block;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:600}
.zi-data{display:block;color:var(--gri);font-size:13px}
.zi-col.azi .zi-nume{color:var(--rosu-luminos)}

.fara-slot{color:#4a4a57;font-size:13px;padding:8px 0}
.slot{border-radius:2px;padding:7px;margin-bottom:7px;background:var(--panou2);border-left:2px solid var(--linie)}
.slot.liber{border-left-color:#3a3a45}
.slot.expirat{opacity:.45}
.slot.plin{border-left-color:var(--rosu)}
.slot.plin.publicat{border-left-color:#3d9970}
.slot.plin.eroare{border-left-color:#e8a33d}
.slot-ora{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;line-height:1.1}
.slot-canal{display:block;font-size:11px;color:var(--gri);font-weight:500;letter-spacing:.4px}
.slot-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;margin-top:6px;background:#000}
.slot-img.vid{display:flex;align-items:center;justify-content:center;color:var(--gri);font-size:12px}
.slot-produs{color:var(--rosu-luminos);font-size:13px;font-weight:500;margin-top:5px;overflow-wrap:break-word}
.slot-text{color:var(--gri);font-size:12px;line-height:1.35;margin-top:3px;overflow-wrap:break-word}
.slot-stare{font-size:11px;color:#3d9970;margin-top:5px;letter-spacing:.3px}
.slot-stare.rea{color:#e8c48d}
.slot-gol{color:#4a4a57;font-size:12px;margin-top:4px}

@media (max-width:1000px){
  .calendar{grid-template-columns:repeat(2,1fr)}
  main{max-width:100%}
}
@media (max-width:560px){
  .calendar{grid-template-columns:1fr}
}

/* ---------- Editor de text in coada ---------- */
.editor-text{margin:8px 0}
.editor-text summary{cursor:pointer;color:var(--gri);font-size:14px;font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:.3px}
.editor-text summary:hover{color:var(--alb)}
.editor-text textarea{width:100%;max-width:62ch;margin:8px 0 6px}