/* Stil inspirat de macOS 27: sticlă rafinată, bară laterală până la margine, pictograme colorate, colțuri strânse. Fără stiluri inline (CSP). */
:root{color-scheme:light dark;
  --bg:#ffffff;--list:#f6f6f8;--ink:#1d1d1f;--ink2:#6e6e73;--sep:rgba(60,60,67,.14);--fill:rgba(120,120,128,.14);--fill2:rgba(120,120,128,.08);
  --panel:#ffffff;--acc:#007aff;--red:#ff3b30;--grn:#28a745;--shadow:0 10px 40px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.12);
  --r:9px;--tint:53%;--tb:56px;--side:244px}
@media(prefers-color-scheme:dark){:root{--bg:#1c1c1e;--list:#222225;--ink:#f5f5f7;--ink2:#a1a1a8;--sep:rgba(255,255,255,.12);--fill:rgba(160,160,170,.2);--fill2:rgba(160,160,170,.1);
  --panel:#2a2a2d;--acc:#0a84ff;--red:#ff453a;--grn:#30d158;--shadow:0 14px 48px rgba(0,0,0,.6),0 0 0 .5px rgba(255,255,255,.14)}}
html.text-large{font-size:118%}
.g0{--tint:18%}.g1{--tint:25%}.g2{--tint:32%}.g3{--tint:39%}.g4{--tint:46%}.g5{--tint:53%}.g6{--tint:60%}.g7{--tint:67%}.g8{--tint:74%}.g9{--tint:81%}.g10{--tint:88%}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--ink);background:var(--bg);font:.9375rem/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum"}
button,input{font:inherit;color:inherit}
a{color:var(--acc)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 55%,transparent);outline-offset:1px}
.skip{position:absolute;left:-999px;top:0;background:var(--panel);padding:.5rem 1rem;z-index:60}.skip:focus{left:0}
.wall{position:fixed;inset:0;z-index:0;background:radial-gradient(70% 60% at 10% 10%,#ffcf8a 0,transparent 60%),radial-gradient(60% 60% at 90% 15%,#8fb8ff 0,transparent 60%),radial-gradient(70% 70% at 60% 100%,#c9a5ff 0,transparent 60%),#e8e6f0}
@media(prefers-color-scheme:dark){.wall{background:radial-gradient(70% 60% at 10% 10%,#6a3d1a 0,transparent 60%),radial-gradient(60% 60% at 90% 15%,#1b3b78 0,transparent 60%),radial-gradient(70% 70% at 60% 100%,#4a2a7a 0,transparent 60%),#14131a}}
.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--side) 1fr;height:100vh}
.sidebar,.toolbar,.pop,.glass{background:color-mix(in srgb,var(--panel) var(--tint),transparent);-webkit-backdrop-filter:blur(34px) saturate(1.9);backdrop-filter:blur(34px) saturate(1.9)}
.sidebar{display:flex;flex-direction:column;gap:14px;padding:14px 10px;border-right:.5px solid var(--sep);overflow:auto}
.org{display:flex;gap:10px;align-items:center;padding:4px 8px 8px}.org b{display:block;font-size:.8125rem;line-height:1.2}.org small{color:var(--ink2);font-size:.75rem}
.orgmark{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:linear-gradient(#ffd24a,#f5a800);color:#2a1d00;font-weight:800;font-size:.75rem;box-shadow:inset 0 .5px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.25)}
.orgmark.big{width:52px;height:52px;font-size:1rem;border-radius:13px;margin-bottom:10px}
.grp{margin:0 0 4px}.grp h3{margin:10px 10px 4px;font-size:.6875rem;font-weight:600;color:var(--ink2);letter-spacing:.02em}
.si{display:flex;align-items:center;gap:10px;padding:5px 10px;min-height:32px;border-radius:var(--r);color:var(--ink);text-decoration:none;font-size:.84rem}
a.si:hover{background:var(--fill2)}.si[aria-current=page]{background:var(--fill)}
.si.soon{color:var(--ink2);cursor:not-allowed}.si.soon .ic{opacity:.5}
.ic{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:6px;background:var(--c,#8e8e93);box-shadow:inset 0 .5px 0 rgba(255,255,255,.35),0 .5px 1px rgba(0,0,0,.25)}
.ic svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.c-ora{--c:#ff9500}.c-blu{--c:#007aff}.c-ind{--c:#5e5ce6}.c-red{--c:#ff3b30}.c-teal{--c:#30b0c7}.c-grn{--c:#34c759}.c-brn{--c:#a2845e}.c-gry{--c:#8e8e93}.c-sky{--c:#32ade6}.c-pur{--c:#bf5af2}.c-slate{--c:#636366}
.main{position:relative;min-width:0;height:100vh;overflow:auto;background:var(--bg)}
.toolbar{position:sticky;top:0;z-index:10;height:var(--tb);margin-bottom:calc(var(--tb) * -1);display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:.5px solid var(--sep)}
.ttl{display:flex;flex-direction:column;line-height:1.15}.ttl-t{font-size:1rem;font-weight:650}.ttl-s{font-size:.75rem;color:var(--ink2)}
.sp{flex:1}.who{color:var(--ink2);font-size:.84rem;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(#8e8e93,#636366);color:#fff;font-size:.6875rem;font-weight:700}
.toolbar form{margin:0}
.tbtn{border:0;background:none;width:34px;height:32px;border-radius:var(--r);display:grid;place-items:center;cursor:pointer;color:var(--ink)}.tbtn:hover{background:var(--fill)}
.tbtn svg{width:17px;height:17px;fill:none;stroke:var(--ink2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.menu-toggle{display:none;font-size:1.2rem}
.btn{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:var(--r);border:0;background:var(--fill);font-size:.84rem;font-weight:600;cursor:pointer;text-decoration:none;color:var(--ink)}
.btn:hover{filter:brightness(.95)}.btn.primary{background:var(--acc);color:#fff;box-shadow:inset 0 .5px 0 rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.2)}
.content{padding:calc(var(--tb) + 26px) 36px 48px;max-width:960px;outline:none}
.content h1{margin:0 0 6px;font-size:1.75rem;line-height:1.15;font-weight:700;letter-spacing:-.02em}
.content h2{margin:0 0 8px;font-size:1.1rem}
.lead{margin:0 0 22px;color:var(--ink2);font-size:1rem;max-width:60ch}.muted{color:var(--ink2)}
.card{background:var(--list);border:.5px solid var(--sep);border-radius:12px;padding:20px}
.card.narrow{max-width:26rem;width:100%}.card.glass{border-color:var(--sep);box-shadow:var(--shadow)}
.steps{list-style:none;margin:0 0 12px;padding:0;border-top:.5px solid var(--sep)}.steps li{padding:9px 0;border-bottom:.5px solid var(--sep)}.steps b{display:inline-block;min-width:2.4rem;color:var(--ink2);font-variant-numeric:tabular-nums}
main.plain{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:20px}
.pop{position:fixed;z-index:30;top:62px;right:16px;width:300px;padding:16px;border-radius:14px;box-shadow:var(--shadow)}
.pop[hidden]{display:none}.pop h2{margin:0 0 10px;font-size:.95rem}.pop label{display:block;font-size:.8rem;color:var(--ink2);margin-bottom:6px}
.sl{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--ink2)}.sl input{flex:1;accent-color:var(--acc)}
.pop .chk{display:flex;gap:8px;align-items:center;margin:14px 0 0;color:var(--ink);font-size:.84rem}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:24}.scrim[hidden]{display:none}
@media(max-width:1000px){:root{--side:62px}.org div,.lbl,.grp h3{display:none}.si{justify-content:center;padding:5px}.org{justify-content:center;padding:4px 0 8px}.who{display:none}.content{padding-left:20px;padding-right:20px}}
@media(max-width:640px){:root{--side:0px}.app{grid-template-columns:1fr}.menu-toggle{display:grid}.avatar{display:none}
  .sidebar{position:fixed;z-index:30;top:0;bottom:0;left:0;width:250px;transform:translateX(-100%);transition:transform .15s}
  .sidebar .org div,.sidebar .lbl,.sidebar .grp h3{display:revert}.sidebar .si{justify-content:flex-start;padding:5px 10px}
  body.menu-open .sidebar{transform:none}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
/* ---- ecrane de lucru: listă + detalii ---- */
.content.split{max-width:none;padding:0;height:100vh;overflow:hidden}
.split-in{display:grid;grid-template-columns:minmax(300px,380px) 1fr;height:100%}
.lcol{background:var(--list);border-right:.5px solid var(--sep);overflow:auto;padding:calc(var(--tb) + 12px) 10px 24px;display:flex;flex-direction:column;gap:10px}
.dcol{overflow:auto;padding:calc(var(--tb) + 26px) 36px 48px;max-width:900px}
.seg{display:flex;background:var(--fill);border-radius:var(--r);padding:2px}
.seg a{flex:1;text-align:center;padding:4px 8px;border-radius:7px;font-size:.8125rem;font-weight:550;color:var(--ink);text-decoration:none}
.seg a[aria-selected=true]{background:var(--panel);box-shadow:0 .5px 2px rgba(0,0,0,.25),0 0 0 .5px rgba(0,0,0,.06)}
.lsearch{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.lsearch input[type=search]{flex:1;min-width:120px;height:30px;border:0;border-radius:var(--r);background:var(--fill);padding:0 10px;outline:none;font-size:.84rem}
.btn.wide{justify-content:center}
.rows{display:flex;flex-direction:column;gap:2px}
.rows .row{display:grid;grid-template-columns:1fr auto;gap:1px 10px;padding:8px 10px;border-radius:var(--r);color:var(--ink);text-decoration:none}
.rows .row:hover{background:var(--fill2)}.rows .row[aria-selected=true]{background:var(--acc);color:#fff}
.rows .row .t{font-weight:600;font-size:.84rem}.rows .row .sub{grid-column:1 / -1;font-size:.78rem;color:var(--ink2)}.rows .row[aria-selected=true] .sub{color:rgba(255,255,255,.82)}
.pill{display:inline-block;font-size:.72rem;font-weight:650;padding:2px 9px;border-radius:999px;background:var(--fill);color:var(--ink)}
.pill.grn{background:color-mix(in srgb,var(--grn) 18%,transparent);color:var(--grn)}.pill.org{background:color-mix(in srgb,#ff9500 20%,transparent);color:#b36b00}
.pill.red{background:color-mix(in srgb,var(--red) 18%,transparent);color:var(--red)}.pill.blu{background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc)}
.rows .row[aria-selected=true] .pill{background:rgba(255,255,255,.25);color:#fff}
.pad{padding:8px 10px}
.empty{display:grid;place-items:center;height:50%;color:var(--ink2);text-align:center}
.detail h2{margin:8px 0 4px;font-size:1.7rem;line-height:1.15;font-weight:700;letter-spacing:-.02em}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;align-items:flex-start}
form.inl{display:inline;margin:0}
.btn.danger,.btn.danger summary{color:var(--red)}
details.confirm{display:inline-block}details.confirm summary{list-style:none;cursor:pointer}details.confirm summary::-webkit-details-marker{display:none}
details.confirm form{margin:8px 0 0;padding:10px;border-radius:var(--r);background:var(--fill2);max-width:320px}details.confirm p{margin:0 0 8px;font-size:.84rem}
.sec{margin:0 0 22px}.sec h3{margin:0 0 6px;font-size:.75rem;font-weight:600;color:var(--ink2);letter-spacing:.02em}
dl{margin:0;border-top:.5px solid var(--sep)}dl div{display:flex;gap:16px;padding:8px 0;border-bottom:.5px solid var(--sep)}dt{width:170px;flex:none;color:var(--ink2)}dd{margin:0;font-weight:500;min-width:0;overflow-wrap:anywhere}
.form{max-width:520px}.form h2{margin:0 0 14px;font-size:1.3rem}.fld{margin:0 0 12px;display:flex;flex-direction:column;gap:4px}
.fld label{font-size:.8125rem;color:var(--ink2)}.req{color:var(--red)}
.fld input[type=text],.fld input[type=number],.fld input[type=date],.fld select,.fld textarea{height:34px;border:.5px solid var(--sep);border-radius:var(--r);background:var(--bg);padding:0 10px;font:inherit}
.fld textarea{height:auto;padding:8px 10px}.fld small{font-size:.75rem}
.chk{display:flex;gap:8px;align-items:center}
.alert{background:color-mix(in srgb,var(--red) 14%,transparent);border-radius:var(--r);padding:8px 12px;margin:0 0 12px;color:var(--red)}.alert p{margin:2px 0}
@media(max-width:1000px){.split-in{grid-template-columns:minmax(260px,320px) 1fr}.dcol{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.split-in{grid-template-columns:1fr}.lcol{max-height:42vh;border-right:0;border-bottom:.5px solid var(--sep)}.content.split{height:auto;overflow:auto}.dcol{padding-top:20px}}

.seg.flt{flex-wrap:wrap}.seg.flt a{flex:1 1 auto;font-size:.75rem;padding:3px 8px}.seg.flt a[aria-current=true]{background:var(--panel);box-shadow:0 .5px 2px rgba(0,0,0,.25),0 0 0 .5px rgba(0,0,0,.06)}
.fld input[type=datetime-local]{height:34px;border:.5px solid var(--sep);border-radius:var(--r);background:var(--bg);padding:0 10px;font:inherit}
.notice{background:color-mix(in srgb,var(--grn) 16%,transparent);border-radius:var(--r);padding:8px 12px;margin:0 0 12px;color:var(--grn);font-weight:600}
.fld input[type=number]{height:34px;border:.5px solid var(--sep);border-radius:var(--r);background:var(--bg);padding:0 10px;font:inherit}
pre.json{background:var(--list);border:.5px solid var(--sep);border-radius:var(--r);padding:10px 12px;overflow:auto;font:.78rem/1.45 ui-monospace,Menlo,monospace;max-height:340px}

/* ---- harta flotei ---- */
.map{width:100%;height:min(60vh,520px);border-radius:12px;border:.5px solid var(--sep);background:var(--fill2);margin:0 0 8px}
.plist{list-style:none;margin:0;padding:0}.plist li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:.5px solid var(--sep)}
.plist li:last-child{border-bottom:0}.plist li div{display:grid;gap:2px}

/* ---- Acasă (Control Tower) ---- */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0 0 16px}
.tile{display:grid;gap:8px;padding:14px;border-radius:14px;background:var(--list);border:.5px solid var(--sep);color:var(--ink);text-decoration:none}
.tile:hover{background:var(--fill2)}.tile b{font-size:2rem;line-height:1;letter-spacing:-.02em}.tile .pill{justify-self:start}
.alerts{margin:0 0 16px}