:root{--navy:#173a5e;--accent:#e8893a;--ink:#1f2933;--muted:#5f6b7a;--line:#dde3ea;--bg:#f4f6f9}
*{box-sizing:border-box}body{margin:0;font:15px/1.45 -apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
.top{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:var(--navy);color:#fff;padding:10px 20px}
.top a{color:#fff;text-decoration:none}.brand{font-weight:700;margin-right:12px}.top nav{display:flex;flex-wrap:wrap;gap:14px;flex:1}
.top nav a{opacity:.85}.top nav a:hover{opacity:1;text-decoration:underline}.user{font-size:13px;opacity:.85}
main{padding:20px;max-width:1300px;margin:0 auto}h1{color:var(--navy);font-size:22px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}th{background:#eef2f6;text-align:left}
th,td{padding:6px 10px;border-bottom:1px solid var(--line);font-size:14px}.r{text-align:right;white-space:nowrap}.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;text-decoration:none;color:var(--ink)}
.card .lbl{color:var(--muted);font-size:13px}.card .val{font-size:22px;font-weight:700;color:var(--navy)}
.bar{display:flex;gap:8px;align-items:center;margin-bottom:10px}.bar input{padding:7px;border:1px solid var(--line);border-radius:6px;min-width:240px}
button{background:var(--navy);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer}
.login{max-width:340px;margin:80px auto;background:#fff;padding:24px;border-radius:12px;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.login input{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;margin-top:4px}.flash{background:#fff4ea;border:1px solid #f3cfae;padding:8px 12px;border-radius:6px;margin-bottom:10px}
@media(max-width:700px){table{display:block;overflow-x:auto}}
.box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}
.copii{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.copil{padding:8px;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;align-items:center}
.copil input{width:22px;height:22px}button.mic{padding:4px 8px;font-size:12px;background:#5f6b7a}button.mare{padding:12px 20px;font-size:16px;margin:10px 0}
.alerta{background:#fdecea;border-color:#f5c2bd}h2{color:var(--navy);font-size:17px}select{max-width:340px;padding:5px}
@media print{.top,.noprint,form.bar{display:none}main{padding:0}}
.info{background:#eef5fb;border-color:#cfe0f0}.progres{height:6px;background:#e6ebf1;border-radius:3px;margin-top:6px}.progres span{display:block;height:6px;background:#2e7d4f;border-radius:3px}
.tab{padding:6px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink)}.tab.activ{background:var(--navy);color:#fff}
.eticheta{display:inline-block;font-size:12px;padding:2px 8px;border-radius:10px;background:#fff4ea;color:#8a4b1c;margin:2px}.eticheta.ok{background:#eaf6ef;color:#2e7d4f}
form.inline{display:inline}button.sugestie{background:#fff;color:var(--navy);border:1px dashed #9fb3c8;padding:3px 8px;font-size:13px;margin:2px}button.sugestie:hover{background:#eef5fb}
table.ingr td{vertical-align:top}.doua{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grila{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grila label{display:flex;flex-direction:column;font-size:13px}
.grila input{padding:6px;border:1px solid var(--line);border-radius:6px}label.check{flex-direction:row!important;gap:6px;align-items:center}.rand{margin:6px 0}.atentie{color:#b3261e;font-size:13px}
@media(max-width:800px){.doua,.grila{grid-template-columns:1fr}}
table.raport td,table.raport th{font-size:13px}tfoot th{background:#eef2f6}.semnaturi{display:flex;gap:80px;margin-top:40px}.print-only{display:none}
@media print{.print-only{display:block}table.raport td,table.raport th{font-size:10px;padding:3px 5px}}
tr.minus td{background:#fdecea}tr.plus td{background:#fff4ea}
.formular label{display:block;margin:8px 0}.formular input,.formular select{margin-left:6px;padding:5px;border:1px solid var(--line);border-radius:6px}
nav.meniu{display:flex;gap:4px;flex:1;align-items:center;flex-wrap:wrap}nav.meniu details{position:relative}
nav.meniu summary{list-style:none;cursor:pointer;padding:6px 12px;border-radius:6px;font-size:15px}nav.meniu summary::-webkit-details-marker{display:none}
nav.meniu summary::after{content:' ▾';opacity:.7}nav.meniu details[open] summary,nav.meniu summary:hover,nav.meniu a.lnk:hover{background:rgba(255,255,255,.15)}
nav.meniu a.lnk{padding:6px 12px;border-radius:6px;font-size:15px}
nav.meniu details>div{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.15);min-width:260px;z-index:10;padding:6px;display:flex;flex-direction:column}
nav.meniu details>div a{color:var(--ink);padding:9px 12px;border-radius:6px;opacity:1}nav.meniu details>div a:hover{background:#eef5fb;text-decoration:none}
.dale{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:14px 0}
.dala{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:var(--ink);display:flex;gap:12px;align-items:center;font-size:17px;font-weight:600}
.dala:hover{border-color:var(--navy);box-shadow:0 4px 14px rgba(23,58,94,.12)}.dala .ic{font-size:30px}.dala small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.alerte a{display:block;padding:10px 14px;margin:6px 0;border-radius:8px;background:#fff4ea;border:1px solid #f3cfae;color:#8a4b1c;text-decoration:none}
.alerte a.rosu{background:#fdecea;border-color:#f5c2bd;color:#b3261e}
@media(max-width:700px){nav.meniu details>div{position:fixed;left:8px;right:8px;top:auto}.top{gap:8px}}
/* selectorul de unitate (Liceu / grădinița-structură) */
details.unitate{position:relative;margin-right:12px;font-size:14px}details.unitate summary{cursor:pointer;list-style:none;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.18);font-weight:600}
details.unitate summary::-webkit-details-marker{display:none}details.unitate summary::after{content:' ▾'}
details.unitate>div{position:absolute;right:0;top:110%;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.15);z-index:20;min-width:260px}
details.unitate>div a{display:block;color:#222!important;padding:10px 14px;font-size:15px}details.unitate>div a:hover{background:#f0f4f0}
a.buton{display:inline-block;padding:6px 12px;border-radius:6px;background:#2f6b3a;color:#fff;text-decoration:none;font-size:14px}
/* --- aspect general (12.10.2026) --- */
body{font-size:16px;background:#f3f5f8}
.top{padding:12px 24px;box-shadow:0 2px 8px rgba(0,0,0,.12);position:sticky;top:0;z-index:30}
.brand{font-size:18px;letter-spacing:.2px}
main{padding:28px 24px 60px;max-width:1200px}
h1{font-size:26px;margin:4px 0 18px;font-weight:700}h2{font-size:19px;margin:28px 0 12px}h3{color:var(--navy);font-size:16px}
a{color:#1f5f99}
table{border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03)}th{font-size:13px;color:#3d4a5a;text-transform:none;font-weight:600;padding:9px 10px}
tbody tr:hover td,table tr:hover td{background:#fafbfd}
input,select,textarea{font:inherit;font-size:15px;padding:7px 9px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:#5b8fc7;box-shadow:0 0 0 3px rgba(91,143,199,.18)}
input[type=checkbox]{width:18px;height:18px;padding:0}
button{font:inherit;font-size:15px;font-weight:600;transition:background .15s}button:hover{background:#0f2a46}
button.mic{font-weight:500}button.mic:hover{background:#46515f}
.bar{flex-wrap:wrap;gap:10px}
.box{padding:16px 18px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.flash{border-radius:10px;padding:12px 16px}
.card{border-radius:12px;padding:16px}
/* pagina de start */
.alerte{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}.alerte>b{font-size:15px;color:var(--muted);font-weight:600}
.alerte a{margin:0;padding:12px 16px;font-size:15px;border-radius:10px}.alerte a:hover{filter:brightness(.98);text-decoration:underline}
.dale{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.dala{padding:20px;border-radius:14px;min-height:96px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .12s,box-shadow .12s}
.dala:hover{transform:translateY(-2px)}.dala .ic{font-size:32px;width:44px;text-align:center;flex:none}.dala small{margin-top:3px}
@media(max-width:700px){main{padding:18px 14px 40px}.top{padding:10px 14px}h1{font-size:22px}}