/* News Studio: console look (top bar, left menu), inherited from the newsroom app. IBM Plex, light/dark. */
  :root{ --bg:#f4f6f9; --surface:#ffffff; --surface-2:#eef1f6; --border:#d9dee7;
    --fg:#1a2230; --muted:#5e6b80; --faint:#8a96a8;
    --accent:#3d5afe; --accent-weak:#e8ecff; --accent-fg:#ffffff;
    --good:#1f9d57; --good-weak:#e2f4ea; --warn:#c67a00; --warn-weak:#fcefd6; --crit:#d53a3a; --crit-weak:#fbe6e6;
    --shadow:0 1px 2px rgba(20,30,50,.06), 0 4px 16px rgba(20,30,50,.07); color-scheme:light;
    --font:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --rail:220px; --act:330px; --top:53px;
        --panel:var(--surface); --panel2:var(--surface-2); --line:var(--border); --txt:var(--fg);
    --accent2:#9b7cff; --hot:var(--crit); --old:var(--faint); --radius:13px; }
  @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#0e1320; --surface:#161d2e; --surface-2:#1e273b; --border:#2a3448;
    --fg:#e6eaf2; --muted:#9aa6bd; --faint:#697488;
    --accent:#7c8cff; --accent-weak:#232a46; --accent-fg:#0e1320;
    --good:#4ec98a; --good-weak:#15301f; --warn:#e0a64a; --warn-weak:#332710; --crit:#f06a6a; --crit-weak:#35191a;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.4); color-scheme:dark; } }
  :root[data-theme="dark"]{ --bg:#0e1320; --surface:#161d2e; --surface-2:#1e273b; --border:#2a3448;
    --fg:#e6eaf2; --muted:#9aa6bd; --faint:#697488;
    --accent:#7c8cff; --accent-weak:#232a46; --accent-fg:#0e1320;
    --good:#4ec98a; --good-weak:#15301f; --warn:#e0a64a; --warn-weak:#332710; --crit:#f06a6a; --crit-weak:#35191a;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.4); color-scheme:dark; }

  *{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
  html,body{margin:0; padding:0;}
  body{background:var(--bg); color:var(--fg); font-family:var(--font); line-height:1.5; overflow-x:clip;}
  h1,h2,h3{text-wrap:balance; margin:0;}
  button{font-family:inherit; cursor:pointer;}
  a{color:var(--accent);}
  .mono{font-family:var(--mono); font-variant-numeric:tabular-nums;}
  .sub{color:var(--muted); font-size:12.5px;}

  .topbar{position:sticky; top:0; z-index:40; display:flex; align-items:center; gap:10px; height:var(--top); padding:0 14px;
    background:var(--surface); border-bottom:1px solid var(--border);}
  .brand{display:flex; align-items:center; gap:9px; font-weight:600; letter-spacing:-.02em; font-size:16px; color:var(--fg); text-decoration:none; white-space:nowrap;}
  .brand img{width:24px; height:24px; display:block;}
  .brand .prod{font-weight:500; color:var(--muted); font-size:13px;}
  .proj{display:flex; align-items:center; gap:7px; font-size:13px; color:var(--muted); padding:5px 10px; border:1px solid var(--border); border-radius:8px; background:var(--bg); white-space:nowrap;}
  .proj b{color:var(--fg); font-weight:600;}
  .topbar .spacer{flex:1;}
  .iconbtn{display:inline-flex; align-items:center; gap:7px; border:1px solid var(--border); background:var(--surface); color:var(--muted);
    font-size:12.5px; font-weight:600; padding:6px 11px; border-radius:8px; text-decoration:none; white-space:nowrap;}
  .iconbtn:hover{color:var(--fg);}
  .topbar form{margin:0;}
  .avatar{width:30px; height:30px; border-radius:50%; background:var(--accent-weak); color:var(--accent); display:grid; place-items:center; font-weight:700; font-size:12px; flex:0 0 auto;}
  .menu-btn{display:none;}

  .body{display:flex; align-items:flex-start;}
  .rail{width:var(--rail); flex:0 0 var(--rail); border-right:1px solid var(--border); background:var(--surface);
    position:sticky; top:var(--top); height:calc(100vh - var(--top)); padding:14px 10px; overflow-y:auto; display:flex; flex-direction:column;}
  .rail nav{display:flex; flex-direction:column; gap:2px;}
  .rail a{display:flex; align-items:center; gap:10px; padding:8px 11px; border-radius:8px; color:var(--muted); text-decoration:none; font-size:13.5px; font-weight:500;}
  .rail a .ic{width:20px; text-align:center; opacity:.85; font-family:var(--mono); font-size:11.5px;}
  .rail a:hover{background:var(--surface-2); color:var(--fg);}
  .rail a.active{background:var(--accent-weak); color:var(--accent); font-weight:600;}
  /* meniul acordeon: titlurile secțiunilor sunt importante (bold, mari); o singură secțiune deschisă, cea a paginii
     curente din oficiu; intrările ei sunt indentate */
  .rail-sus{display:flex; align-items:center; gap:6px;} .rail-sus a{flex:1;}
  .restrange{border:1px solid var(--border); background:var(--surface); color:var(--muted); border-radius:8px; width:32px; height:32px; font-size:16px;}
  .restrange:hover{color:var(--fg); border-color:var(--faint);}
  .grup{border-top:1px solid var(--border); margin-top:6px;}
  .rail a.blocat{opacity:.55;}
  .rail .cap{display:flex; align-items:center; gap:8px; width:100%; border:0; background:transparent; cursor:pointer; text-align:left;
    font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--fg); padding:12px 11px 8px; font-family:inherit;}
  .rail .cap:hover{color:var(--accent);}
  .rail .cap .nr{font-size:11px; font-weight:600; color:var(--faint); letter-spacing:0;}
  .rail .cap .sag{margin-left:auto; width:8px; height:8px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted); transform:rotate(-45deg); transition:transform .15s;}
  .grup.deschis .cap .sag{transform:rotate(45deg);}
  .grup .sub{display:none; padding-bottom:6px;} .grup.deschis .sub{display:flex; flex-direction:column; gap:2px;}
  .grup .sub a{margin-left:12px;}
  .rail .railhint{margin-top:auto; font-size:11.5px; color:var(--faint); padding:8px 11px; line-height:1.45;}
  .rail .rail-user{display:none;}
  .scrim{display:none;}

  .work{flex:1; min-width:0; padding:22px clamp(16px,3vw,34px) 60px;}
  main{display:block;}

  .help{position:relative; background:var(--surface); border:1px solid var(--border); border-left:3px solid var(--warn); border-radius:12px;
    padding:12px 16px; margin-bottom:20px; box-shadow:var(--shadow); font-size:13.5px;}
  .help .hclose{float:right; border:0; background:transparent; color:var(--faint); font-size:12.5px; font-weight:600; margin-left:10px;}
  .help .hclose:hover{color:var(--fg);}
  html[data-help="off"] .help{display:none;}

  .page-head{display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:20px;}
  .page-head h1{font-size:22px; letter-spacing:-.02em;}
  .page-head p{margin:4px 0 0; color:var(--muted); font-size:13.5px;}
  .page-head .spacer{flex:1;}

  .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--border); background:var(--surface); color:var(--fg);
    padding:9px 15px; border-radius:9px; font-size:13.5px; font-weight:600; text-decoration:none; font-family:inherit; cursor:pointer;}
  .btn:hover{border-color:var(--faint);}
  .btn.primary,.btn-principal{background:var(--accent); color:var(--accent-fg); border-color:var(--accent);}
  .btn.primary:hover,.btn-principal:hover{filter:brightness(1.06);}
  .btn-mare{width:100%; padding:12px 18px; font-size:15px; border-radius:11px;}

  .pill{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; padding:3px 9px; border-radius:100px; white-space:nowrap;}
  .pill::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor;}
  .pill.good{color:var(--good); background:var(--good-weak);} .pill.warn{color:var(--warn); background:var(--warn-weak);}
  .pill.crit{color:var(--crit); background:var(--crit-weak);} .pill.busy{color:var(--accent); background:var(--accent-weak);}
  .pill.mut{color:var(--muted); background:var(--surface-2);}

  .card{background:var(--surface); border:1px solid var(--border); border-radius:13px; box-shadow:var(--shadow);}
  .note{display:flex; gap:9px; align-items:flex-start; font-size:13px; background:var(--warn-weak); color:var(--warn); padding:10px 12px; border-radius:9px;}
  .note.good{background:var(--good-weak); color:var(--good);} .note.crit{background:var(--crit-weak); color:var(--crit);}
  .note.accent{background:var(--accent-weak); color:var(--fg);}

  /* telefon: meniul din stânga devine sertar, deschis din ☰ */
  @media (max-width:880px){
    .menu-btn{display:inline-flex;}
    .proj,.topbar .nume-sus,.brand .prod{display:none;}
    .rail{position:fixed; top:0; left:0; z-index:60; height:100vh; width:min(280px,84vw); transform:translateX(-100%); transition:transform .2s ease; box-shadow:var(--shadow);}
    .rail.open{transform:none;}
    .rail .rail-user{display:block; border-top:1px solid var(--border); margin-top:12px; padding-top:12px;}
    .scrim{position:fixed; inset:0; z-index:55; background:rgba(10,15,25,.45);}
    .scrim.open{display:block;}
  }
  @media (prefers-reduced-motion:reduce){ .rail{transition:none;} }

  .centru{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px 16px;}
  .auth{width:100%; max-width:400px; padding:28px 24px; display:flex; flex-direction:column; gap:14px; text-align:center;}
  .auth .logo{display:flex; justify-content:center;} .auth .logo img{width:56px; height:56px;}
  .auth h1{font-size:22px; letter-spacing:-.02em;}
  .auth .sub{color:var(--muted); font-size:14px; margin:0 0 6px;}
  .auth .nota{color:var(--muted); font-size:12.5px; margin:4px 0 0; line-height:1.5;}
  .auth .sep{display:flex; align-items:center; gap:10px; color:var(--faint); font-size:12px;}
  .auth .sep::before,.auth .sep::after{content:""; flex:1; height:1px; background:var(--border);}
  .auth form{margin:0;}
  .stare{font-size:40px; line-height:1;}

  /* News Studio */
  a.avatar{text-decoration:none;}
  .auth a.logo{display:flex; justify-content:center;} .auth a.logo img{width:56px; height:56px;}
  .rail-nume{padding:0 11px 8px;} .rail-iesire{margin:0 6px;}
  .panou{padding:18px 20px; max-width:760px;} .panou h3{font-size:16px; margin-bottom:6px;} .panou p{margin:6px 0 0;}
  .date{display:grid; grid-template-columns:max-content 1fr; gap:8px 18px; margin:0 0 14px; font-size:14px;}
  .date dt{color:var(--muted);} .date dd{margin:0; font-weight:500; overflow-wrap:anywhere;}

  .formular{display:flex; flex-direction:column; gap:12px; text-align:left;}
  .formular label{display:flex; flex-direction:column; gap:5px; font-size:13px; font-weight:600; color:var(--muted);}
  .formular input{border:1px solid var(--border); border-radius:10px; padding:10px 12px; font-size:16px; font-family:inherit;
    color:var(--fg); background:var(--surface); outline:none; width:100%;}
  .formular input:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-weak);}
  .formular input[aria-invalid="true"]{border-color:var(--crit);}
  .formular .doua{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
  @media(max-width:420px){ .formular .doua{grid-template-columns:1fr;} }
  .eroare-camp{color:var(--crit); font-weight:500; font-size:12.5px;}
  .indiciu{color:var(--faint); font-weight:400; font-size:12px;}
  .formular .hp{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
  .auth .note{text-align:left;}
  .auth{max-width:440px;}