/* Organizator Razvan — fișă de atelier: bandă de antet cu file, apoi o singură coloană de lucru.
   Antracit + portocaliu de semnalizare; roșu/verde/galben repetă marcajele din Excelul original. */
:root{
  --bg:#f2f3f5; --paper:#ffffff; --ink:#23272f; --muted:#5d6470; --line:#d9dce2; --soft:#e9ebef;
  --accent:#d97a1e; --accent-ink:#1b1206;
  --ok:#2f7d4f; --miss:#b4412f; --miss-soft:#f7e1dc;
  --m-red:#c8372d; --m-green:#1f8a4c; --m-yellow:#f2d23a; --m-yellow-soft:#fdf6cf;
  --today:#fff6ea; --ok-tile:#2f7d4f; --accent-soft:#fbe9d6;
  --f-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#16191e; --paper:#1e2228; --ink:#e7e9ed; --muted:#9aa1ad; --line:#323842; --soft:#272c33;
  --accent:#f0974a; --accent-ink:#1b1206;
  --ok:#5fbf86; --miss:#ec7b67; --miss-soft:#3d2320;
  --m-red:#ef6a5f; --m-green:#52c27f; --m-yellow:#e8c84a; --m-yellow-soft:#3a3418;
  --today:#2a241c; --ok-tile:#2b6f48; --accent-soft:#3a2a1b; color-scheme:dark}}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;margin:0;line-height:1.05;text-wrap:balance}
.eyebrow{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)}
input[type=text],input[type=password],input[type=date],select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 11px;min-width:0;width:100%}
textarea{resize:vertical;min-height:64px}
.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:10px 18px;font-weight:600}
.primary:disabled{opacity:.5;cursor:default}
.ghost{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:8px 14px;font-weight:500}
.ghost:hover{border-color:var(--accent)}
.danger{border:1px solid var(--miss);color:var(--miss);background:var(--paper);border-radius:8px;padding:7px 12px;font-size:13.5px}
.danger.solid{background:var(--miss);color:var(--paper)}
.linkbtn{border:0;background:none;padding:0;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Autentificare */
.auth{max-width:380px;margin:0 auto;padding:12vh 16px 40px;display:flex;flex-direction:column;gap:14px}
.auth h1{font-size:38px}
.lead{margin:0;color:var(--muted)}
.authform{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px}
.authform label{font-size:13px;color:var(--muted);margin-top:6px}
.authform .primary{margin-top:12px}
.msg{margin:0;padding:10px 12px;border-radius:8px;background:var(--soft)}
.msg.err{background:var(--miss-soft);color:var(--miss)}

/* Antet aplicație */
.top{position:sticky;top:0;z-index:5;background:var(--ink);color:var(--bg);padding:calc(10px + env(safe-area-inset-top,0px)) 16px 0}
.top .brand{max-width:960px;margin:0 auto;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.top .eyebrow{color:var(--accent)}
.top .name{font-family:var(--f-display);font-size:24px;font-weight:700;letter-spacing:.01em}
.tabs{max-width:960px;margin:8px auto 0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{border:0;background:none;color:inherit;opacity:.72;padding:9px 14px 11px;font-weight:500;white-space:nowrap;border-bottom:3px solid transparent}
.tabs button:hover{opacity:1}
.tabs button[aria-selected=true]{opacity:1;border-bottom-color:var(--accent)}
@media (prefers-color-scheme: dark){.top{background:#0e1013;color:var(--ink)}}

.view{max-width:960px;margin:0 auto;padding:20px 16px calc(48px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.phead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.phead h2{font-size:26px}
.phead h3{font-size:20px}
.nav{display:flex;align-items:center;gap:6px}
.nav button{border:1px solid var(--line);background:var(--paper);border-radius:8px;height:34px;min-width:34px;padding:0 11px;font-weight:500}
.nav button:hover{border-color:var(--accent)}
.nav button:disabled{opacity:.45;cursor:default}
.nav .lbl{font-family:var(--f-mono);font-size:13.5px;padding:0 4px;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Progres */
.progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bar{flex:1 1 200px;height:10px;background:var(--soft);border-radius:5px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:5px;transition:width .3s}
.pcount{font-family:var(--f-display);font-size:21px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.pcount small{font-family:var(--f-body);font-size:13px;font-weight:400;color:var(--muted)}

/* Rânduri de sarcini */
.list{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:auto 112px 1fr;align-items:start;gap:12px;padding:11px 2px;border-top:1px solid var(--line)}
.list>.row:first-child,.sub+.row{border-top:0}
.row .time{font-family:var(--f-mono);font-size:12.5px;color:var(--muted);padding-top:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.row .txt{min-width:0;padding-top:6px;overflow-wrap:anywhere}
.row .meta{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.row.done .txt>.t{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted)}
.row.y{background:var(--m-yellow-soft);border-radius:8px;padding-inline:8px}
.sub{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:16px 2px 6px;border-top:1px solid var(--line)}
.list>.sub:first-child{border-top:0;padding-top:0}
.mk{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:1px}
.mk.red{background:var(--m-red)} .mk.green{background:var(--m-green)} .mk.yellow{background:var(--m-yellow)}
.tag{display:inline-block;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:var(--soft);color:var(--muted);margin-left:6px;vertical-align:1px}
.tag.late{background:var(--miss-soft);color:var(--miss)}
@media (max-width:560px){.row{grid-template-columns:auto 1fr}.row .time{grid-column:2;grid-row:1;padding-top:0}.row .txt{grid-column:2;padding-top:0}.row .chk{grid-row:1 / span 2}}

/* Bifa */
.chk{flex:none;width:38px;height:38px;border-radius:9px;border:2px solid var(--muted);background:var(--paper);display:grid;place-items:center;padding:0;transition:background .15s,border-color .15s}
.chk svg{width:20px;height:20px;opacity:0}
.chk:hover{border-color:var(--accent)}
.chk.on{background:var(--ok);border-color:var(--ok)}
.chk.on svg{opacity:1;color:var(--paper)}
.chk.miss{border-color:var(--miss);background:var(--miss-soft)}
.chk.sm{width:30px;height:30px;border-radius:7px}
.chk.sm svg{width:16px;height:16px}
.chk[aria-busy=true]{opacity:.6}

/* Grila săptămânii */
.gridwrap{overflow-x:auto;margin:0 -6px;padding:0 6px}
table.grid{border-collapse:separate;border-spacing:0;width:100%;min-width:520px}
.grid th,.grid td{padding:7px 4px;text-align:center;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.grid th{font-family:var(--f-mono);font-size:11.5px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.grid th .d{display:block;font-size:11px;letter-spacing:0;opacity:.8}
.grid .tc{text-align:left;position:sticky;left:0;background:var(--paper);z-index:1;min-width:190px;max-width:320px;font-weight:500}
.grid td.tc{overflow-wrap:anywhere;font-size:14px}
.grid .tc .tm{display:block;font-family:var(--f-mono);font-size:11.5px;font-weight:500;color:var(--muted)}
.grid .td-today{background:var(--today)}
.grid th.td-today{color:var(--accent)}
.grid td .chk{margin:0 auto}
.grid td.na{color:var(--line)}
.grid tr:last-child td{border-bottom:0}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.sw{width:13px;height:13px;border-radius:4px;border:2px solid var(--muted);display:inline-block}
.sw.on{background:var(--ok);border-color:var(--ok)} .sw.miss{background:var(--miss-soft);border-color:var(--miss)}

/* Editor sarcini */
.erow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:12px 2px;border-top:1px solid var(--line)}
.list>.erow:first-child,.sub+.erow{border-top:0}
.erow .txt{min-width:0;overflow-wrap:anywhere}
.erow .acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.form{display:flex;flex-direction:column;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;margin:6px 0}
.form label,.form .lbl{font-size:13px;color:var(--muted)}
.field{display:flex;flex-direction:column;gap:5px}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:7px 12px;font-size:14px}
.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.dayslot{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper)}
.dayslot.off input[type=text]{display:none}
.dayslot label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);font-weight:500}
.dayslot input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
.formacts{display:flex;gap:8px;flex-wrap:wrap}
.addbar{display:flex;gap:8px;flex-wrap:wrap}

/* Cont */
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.users{display:flex;flex-direction:column}
.users .u{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.users .u:first-child{border-top:0}

.empty{padding:16px;border:2px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;max-width:calc(100% - 32px);box-shadow:0 6px 24px rgba(0,0,0,.18);z-index:20}
.toast.err{background:var(--miss);color:#fff}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
a.ghost{display:inline-block;text-decoration:none;color:var(--ink)}
@media (max-width:560px){.row{row-gap:2px}}

.erow .meta{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
@media (max-width:560px){
  table.grid{min-width:0}
  .grid .tc{min-width:0;width:150px;max-width:150px;font-size:13px}
  .grid td.tc{font-size:13px}
  .grid th,.grid td{padding:6px 2px}
}

/* ===== v5: taburi pe zile + pătrățele ===== */
.top .brand{align-items:center;justify-content:space-between}
.brandtxt{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}
.gear{border:1px solid rgba(255,255,255,.28);background:none;color:inherit;border-radius:8px;padding:6px 12px;font-size:13.5px;font-weight:500}
.gear:hover,.gear[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
.gearmenu{max-width:960px;margin:8px auto 0;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.gearmenu button{border:0;border-radius:8px;background:rgba(255,255,255,.12);color:inherit;padding:8px 14px;font-weight:500}
.gearmenu button:hover{background:var(--accent);color:var(--accent-ink)}

.tabs{gap:6px;padding:10px 0 12px;margin-top:6px}
.daytab{flex:1 0 auto;min-width:86px;display:flex;flex-direction:column;align-items:center;gap:1px;border:0;border-radius:10px;
  background:rgba(255,255,255,.08);color:inherit;padding:8px 10px;opacity:1 !important;border-bottom:0 !important}
.daytab .dn{font-family:var(--f-display);font-size:19px;font-weight:600;letter-spacing:.01em;line-height:1.1}
.daytab .dc{font-family:var(--f-mono);font-size:11.5px;opacity:.75;font-variant-numeric:tabular-nums;min-height:15px}
.daytab:hover{background:rgba(255,255,255,.16)}
.daytab.istoday .dn::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:5px;vertical-align:4px}
.daytab.late .dc{color:#ff9a8a;opacity:1}
.daytab.full .dc{color:#7fd9a3;opacity:1}
.daytab[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}
.daytab[aria-selected=true] .dc{color:var(--accent-ink);opacity:.8}
.daytab[aria-selected=true].istoday .dn::after{background:var(--accent-ink)}
.daytab.lunar{margin-left:auto}

.dayhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}
.dayhead h2{font-size:28px}
.tag.today{background:var(--accent);color:var(--accent-ink);margin-left:0}
.back{align-self:flex-start}

.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.tile{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;gap:8px;text-align:left;
  border:2px solid var(--line);background:var(--paper);border-radius:12px;padding:12px;min-width:0;
  transition:background .15s,border-color .15s,transform .08s}
.tile:hover{border-color:var(--accent)}
.tile:active{transform:scale(.98)}
.tile .ttop{display:flex;align-items:center;gap:6px;min-height:26px}
.tile .ttime{font-family:var(--f-mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.tile .tag{margin-left:0}
.tile .tbox{margin-left:auto;flex:none;width:26px;height:26px;border-radius:7px;border:2px solid var(--muted);display:grid;place-items:center;background:var(--paper)}
.tile .tbox svg{width:16px;height:16px;opacity:0;color:#fff}
.tile .ttext{font-size:15px;font-weight:500;line-height:1.35;overflow-wrap:anywhere;flex:1}
.tile .tfoot{font-size:12px;color:var(--muted)}
.tile.m-red{box-shadow:inset 4px 0 0 var(--m-red)}
.tile.m-green{box-shadow:inset 4px 0 0 var(--m-green)}
.tile.m-yellow{background:var(--m-yellow-soft)}
.tile.on{background:var(--ok-tile);border-color:var(--ok-tile);color:#fff}
.tile.on .ttime,.tile.on .tfoot{color:rgba(255,255,255,.85)}
.tile.on .tbox{background:#fff;border-color:#fff}
.tile.on .tbox svg{opacity:1;color:var(--ok-tile)}
.tile.on .tag{background:rgba(255,255,255,.2);color:#fff}
.tile.miss{border-color:var(--miss);background:var(--miss-soft)}
.tile.miss .tfoot{color:var(--miss);font-weight:600}
.tile[aria-busy=true]{opacity:.7}
.panel>.sub{border-top:0;padding:8px 0 0}
@media (max-width:560px){
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tile{padding:10px;gap:6px}
  .tile .ttext{font-size:14px}
  .daytab{min-width:70px;padding:7px 8px}
  .daytab .dn{font-size:17px}
  .daytab.lunar{margin-left:0}
  .dayhead h2{font-size:24px}
}

.daytab .dn .s{display:none}
@media (max-width:560px){
  .top .eyebrow{display:none}
  .top .name{font-size:21px}
  .brand{flex-wrap:nowrap}
  .tabs{gap:4px}
  .daytab{min-width:0;flex:1 1 0;padding:7px 2px}
  .daytab .dn .l{display:none}
  .daytab .dn .s{display:inline}
  .daytab .dc{font-size:10.5px}
}

/* pătrățel = container; bifa pe tot pătratul, „Mută” jos */
.tile{padding:0;gap:0;overflow:hidden}
.tile .tmain{flex:1;display:flex;flex-direction:column;gap:8px;text-align:left;border:0;background:none;color:inherit;padding:12px;min-width:0;width:100%}
.tile .tmove{border:0;border-top:1px solid var(--line);background:var(--soft);color:var(--ink);padding:9px 12px;font-size:13.5px;font-weight:600;text-align:left}
.tile .tmove:hover{background:var(--accent);color:var(--accent-ink)}
.tile .tmove:disabled{opacity:.5}
.tile.miss .tmove{border-top-color:var(--miss)}
@media (max-width:560px){.tile .tmain{padding:10px;gap:6px}.tile .tmove{padding:8px 10px;font-size:12.5px}}
.tile{aspect-ratio:auto;min-height:170px;overflow:visible}
.tile .tmove{border-radius:0 0 10px 10px}
@media (max-width:560px){.tile{min-height:150px}}

/* v9: adăugare rapidă + schimbare ordine */
.dayhead h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.daytools{display:flex;gap:8px;flex-wrap:wrap}
.daytools .ghost{font-size:14px;padding:8px 12px}
.daytools .ghost.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.quick{display:flex;flex-direction:column;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px}
.qhead{display:flex;flex-direction:column;gap:2px}
.qrow{display:flex;gap:8px;flex-wrap:wrap}
.qrow input{flex:1 1 260px;width:auto}
.qrow select{flex:0 1 180px;width:auto}
.tag.prov{margin-left:0;background:var(--accent-soft);color:var(--ink)}
.tile.on .tag.prov{background:rgba(255,255,255,.2);color:#fff}
.reohint{margin:0}
.tiles.reordering .tile{border-style:dashed;min-height:120px}
.tile.reo .tmain{cursor:default;gap:6px}
.tnum{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.reobar{display:flex;border-top:1px solid var(--line)}
.reobar button{flex:1;border:0;background:var(--soft);color:var(--ink);padding:10px 0;font-size:16px}
.reobar button+button{border-left:1px solid var(--line)}
.reobar button:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}
.reobar button:disabled{opacity:.3;cursor:default}
.reobar button:first-child{border-radius:0 0 0 10px}
.reobar button:last-child{border-radius:0 0 10px 0}
@media (max-width:560px){.daytools .ghost{flex:1 1 auto;font-size:13px;padding:8px 8px}.qrow .primary,.qrow .ghost{flex:1}}

/* v10: culori pătrățele */
:root{--z1:#e9f1fb;--z2:#fcf0e0;--f-crem:#fbf3e2;--f-piersica:#fde6d8;--f-roz:#fbe3ec;--f-lavanda:#ebe6fa;--f-bleu:#e0edfb;--f-menta:#ddf3e8;--f-salvie:#e8efdb;--f-galben:#fdf5c9;--f-gri:#e9ecf0;--e-rosu:#c8372d;--e-portocaliu:#e07b1f;--e-galben:#d9a800;--e-verde:#1f8a4c;--e-turcoaz:#138a8a;--e-albastru:#2f6fd1;--e-mov:#7b4fc9;--e-rozinchis:#d14d8b;--e-maro:#8a5a33;}
@media (prefers-color-scheme: dark){:root{--z1:#232a34;--z2:#2f2a22;--f-crem:#3a3426;--f-piersica:#40302a;--f-roz:#3d2a32;--f-lavanda:#312c42;--f-bleu:#26313f;--f-menta:#243a30;--f-salvie:#2f3626;--f-galben:#3b3619;--f-gri:#2c3036;--e-rosu:#ef6a5f;--e-portocaliu:#f0974a;--e-galben:#e8c84a;--e-verde:#52c27f;--e-turcoaz:#3fc1c1;--e-albastru:#6d9ef0;--e-mov:#a88bf0;--e-rozinchis:#ef7fb3;--e-maro:#c4916a;}}
.tile.z1{background:var(--z1)} .tile.z2{background:var(--z2)}
.tile.f-crem{background:var(--f-crem)}
.tile.f-piersica{background:var(--f-piersica)}
.tile.f-roz{background:var(--f-roz)}
.tile.f-lavanda{background:var(--f-lavanda)}
.tile.f-bleu{background:var(--f-bleu)}
.tile.f-menta{background:var(--f-menta)}
.tile.f-salvie{background:var(--f-salvie)}
.tile.f-galben{background:var(--f-galben)}
.tile.f-gri{background:var(--f-gri)}
.tile.e-rosu{box-shadow:inset 5px 0 0 var(--e-rosu);border-color:color-mix(in srgb,var(--e-rosu) 45%,var(--line))}
.tile.e-portocaliu{box-shadow:inset 5px 0 0 var(--e-portocaliu);border-color:color-mix(in srgb,var(--e-portocaliu) 45%,var(--line))}
.tile.e-galben{box-shadow:inset 5px 0 0 var(--e-galben);border-color:color-mix(in srgb,var(--e-galben) 45%,var(--line))}
.tile.e-verde{box-shadow:inset 5px 0 0 var(--e-verde);border-color:color-mix(in srgb,var(--e-verde) 45%,var(--line))}
.tile.e-turcoaz{box-shadow:inset 5px 0 0 var(--e-turcoaz);border-color:color-mix(in srgb,var(--e-turcoaz) 45%,var(--line))}
.tile.e-albastru{box-shadow:inset 5px 0 0 var(--e-albastru);border-color:color-mix(in srgb,var(--e-albastru) 45%,var(--line))}
.tile.e-mov{box-shadow:inset 5px 0 0 var(--e-mov);border-color:color-mix(in srgb,var(--e-mov) 45%,var(--line))}
.tile.e-rozinchis{box-shadow:inset 5px 0 0 var(--e-rozinchis);border-color:color-mix(in srgb,var(--e-rozinchis) 45%,var(--line))}
.tile.e-maro{box-shadow:inset 5px 0 0 var(--e-maro);border-color:color-mix(in srgb,var(--e-maro) 45%,var(--line))}
.mk.e-rosu{background:var(--e-rosu)}
.mk.e-portocaliu{background:var(--e-portocaliu)}
.mk.e-galben{background:var(--e-galben)}
.mk.e-verde{background:var(--e-verde)}
.mk.e-turcoaz{background:var(--e-turcoaz)}
.mk.e-albastru{background:var(--e-albastru)}
.mk.e-mov{background:var(--e-mov)}
.mk.e-rozinchis{background:var(--e-rozinchis)}
.mk.e-maro{background:var(--e-maro)}
.sw.swf.f-crem{background:var(--f-crem)}
.sw.swf.f-piersica{background:var(--f-piersica)}
.sw.swf.f-roz{background:var(--f-roz)}
.sw.swf.f-lavanda{background:var(--f-lavanda)}
.sw.swf.f-bleu{background:var(--f-bleu)}
.sw.swf.f-menta{background:var(--f-menta)}
.sw.swf.f-salvie{background:var(--f-salvie)}
.sw.swf.f-galben{background:var(--f-galben)}
.sw.swf.f-gri{background:var(--f-gri)}
.sw.swe.e-rosu{background:var(--e-rosu)}
.sw.swe.e-portocaliu{background:var(--e-portocaliu)}
.sw.swe.e-galben{background:var(--e-galben)}
.sw.swe.e-verde{background:var(--e-verde)}
.sw.swe.e-turcoaz{background:var(--e-turcoaz)}
.sw.swe.e-albastru{background:var(--e-albastru)}
.sw.swe.e-mov{background:var(--e-mov)}
.sw.swe.e-rozinchis{background:var(--e-rozinchis)}
.sw.swe.e-maro{background:var(--e-maro)}

.tile.on{background:var(--ok-tile)!important}
.tile.miss:not(.on){border-color:var(--miss)}
.qcolors{display:flex;flex-direction:column;gap:10px}
.swatches{display:flex;flex-wrap:wrap;gap:8px}
.sw.swf,.sw.swe{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);padding:0;cursor:pointer}
.sw.none{background:var(--paper);background-image:linear-gradient(135deg,transparent 45%,var(--miss) 45%,var(--miss) 55%,transparent 55%)}
.sw[aria-checked=true]{outline:3px solid var(--ink);outline-offset:2px}
.delbar{display:flex;border-top:1px solid var(--line)}
.delbar button{flex:1;border:0;background:var(--soft);color:var(--miss);padding:10px 6px;font-weight:600;font-size:13.5px}
.delbar button:hover{background:var(--miss-soft)}
.delbar.confirm .yes{background:var(--miss);color:#fff}
.delbar button:first-child{border-radius:0 0 0 10px}
.delbar button:last-child{border-radius:0 0 10px 0}
.delbar button:only-child{border-radius:0 0 10px 10px}
.daytools .delbtn.active{background:var(--miss);border-color:var(--miss);color:#fff}

.reobar button{padding:9px 0;font-size:15px;min-width:0}
@media (max-width:560px){.reobar button{font-size:14px;padding:9px 0}}

/* ===== v13: butoane colorate 3D + pătrățele 3D ===== */
.daytools{gap:10px;padding-bottom:4px}
.daytools .tb{--c1:#4f8ff0;--c2:#2f6fd1;--c3:#1d4a94;
  border:0;border-radius:11px;padding:10px 15px;color:#fff;font-weight:600;font-size:14px;letter-spacing:.01em;
  background:linear-gradient(180deg,var(--c1),var(--c2));
  box-shadow:0 4px 0 var(--c3),0 7px 14px -5px rgba(15,20,30,.45),inset 0 1px 0 rgba(255,255,255,.35);
  text-shadow:0 1px 0 rgba(0,0,0,.22);transform:translateY(0);transition:transform .08s,box-shadow .08s,filter .15s}
.daytools .tb:hover{filter:brightness(1.07)}
.daytools .tb:active,.daytools .tb.active{transform:translateY(3px);
  box-shadow:0 1px 0 var(--c3),0 2px 5px -2px rgba(15,20,30,.45),inset 0 2px 4px rgba(0,0,0,.25)}
.daytools .tb.k-perm{--c1:#5b9af3;--c2:#2f6fd1;--c3:#1d4a94}
.daytools .tb.k-prov{--c1:#f7b25c;--c2:#e07b1f;--c3:#a3530c}
.daytools .tb.k-month{--c1:#4cc283;--c2:#1f8a4c;--c3:#135e33}
.daytools .tb.k-reo{--c1:#a588ea;--c2:#7b4fc9;--c3:#53318f}
.daytools .tb.k-del{--c1:#ec7469;--c2:#c8372d;--c3:#8a2019}

.primary{background:linear-gradient(180deg,#f2a046,var(--accent));box-shadow:0 4px 0 #a3530c,0 7px 14px -5px rgba(15,20,30,.4),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .08s,box-shadow .08s;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}
.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #a3530c,0 2px 5px -2px rgba(15,20,30,.4)}
.quick .ghost,.form .ghost{box-shadow:0 3px 0 var(--line);transition:transform .08s,box-shadow .08s}
.quick .ghost:active,.form .ghost:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}

.daytab[aria-selected=true]{background:linear-gradient(180deg,#f2a046,var(--accent));box-shadow:0 4px 0 #a3530c,inset 0 1px 0 rgba(255,255,255,.35)}
.daytab{box-shadow:0 3px 0 rgba(0,0,0,.35);transition:transform .08s,box-shadow .08s}
.daytab:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.35)}

/* pătrățele în relief */
.tiles{gap:14px;padding-bottom:4px}
.tiles .tile{--depth:#c9d0da;
  border-width:1px;
  background-image:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0) 45%);
  box-shadow:var(--es,0 0 #0000),0 5px 0 var(--depth),0 12px 20px -8px rgba(20,28,40,.35);
  transform:translateY(0);transition:transform .1s,box-shadow .1s,background-color .15s}
.tiles .tile:hover{transform:translateY(-2px);box-shadow:var(--es,0 0 #0000),0 7px 0 var(--depth),0 16px 24px -8px rgba(20,28,40,.38)}
.tiles .tile:active{transform:translateY(4px);box-shadow:var(--es,0 0 #0000),0 1px 0 var(--depth),0 3px 6px -2px rgba(20,28,40,.3)}
.tiles .tile.on{--depth:#1d5434;background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 45%)}
.tiles .tile.reo:hover,.tiles .tile.reo:active{transform:none;box-shadow:var(--es,0 0 #0000),0 5px 0 var(--depth),0 12px 20px -8px rgba(20,28,40,.35)}
.tiles .tile .tbox{box-shadow:inset 0 2px 3px rgba(0,0,0,.18);background:var(--paper)}
.tiles .tile.on .tbox{box-shadow:0 2px 0 rgba(0,0,0,.25);background:#fff}
.reobar button,.delbar button{box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.reobar button:active:not(:disabled),.delbar button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}
@media (prefers-color-scheme: dark){
  .tiles .tile{--depth:#0d1014;background-image:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 45%)}
  .tiles .tile.on{--depth:#123522}
}
@media (max-width:560px){.daytools{gap:8px}.daytools .tb{flex:1 1 auto;font-size:13px;padding:9px 8px}.tiles{gap:10px}}
@media (prefers-reduced-motion:reduce){.tiles .tile:hover,.tiles .tile:active,.daytools .tb:active{transform:none}}
.tiles .tile.e-rosu{--es:inset 5px 0 0 var(--e-rosu)}
.tiles .tile.e-portocaliu{--es:inset 5px 0 0 var(--e-portocaliu)}
.tiles .tile.e-galben{--es:inset 5px 0 0 var(--e-galben)}
.tiles .tile.e-verde{--es:inset 5px 0 0 var(--e-verde)}
.tiles .tile.e-turcoaz{--es:inset 5px 0 0 var(--e-turcoaz)}
.tiles .tile.e-albastru{--es:inset 5px 0 0 var(--e-albastru)}
.tiles .tile.e-mov{--es:inset 5px 0 0 var(--e-mov)}
.tiles .tile.e-rozinchis{--es:inset 5px 0 0 var(--e-rozinchis)}
.tiles .tile.e-maro{--es:inset 5px 0 0 var(--e-maro)}

/* v14: logo */
.brandtxt{align-items:center}
.top .logo{width:44px;height:44px;border-radius:50%;display:block;flex:none;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.authlogo{width:120px;height:120px;border-radius:50%;align-self:center;box-shadow:0 8px 24px -8px rgba(0,0,0,.45)}
.auth h1{text-align:center}.auth .lead{text-align:center}
@media (max-width:560px){.top .logo{width:36px;height:36px}}
.top .logo{width:58px;height:58px}
@media (max-width:560px){.top .logo{width:46px;height:46px}}

/* v15: separator permanente / provizorii */
.sep{display:flex;align-items:center;gap:12px;margin:14px 0 4px;color:var(--muted)}
.sep::before,.sep::after{content:"";flex:1;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 10px,transparent 10px 16px);opacity:.7}
.sep span{font-family:var(--f-display);font-size:19px;font-weight:600;letter-spacing:.03em;color:var(--ink);
  background:var(--accent-soft);padding:4px 14px;border-radius:999px;box-shadow:0 3px 0 rgba(0,0,0,.08)}

/* v16: listă cu buline în pătrățel */
.ttext .thead{display:block;margin-bottom:4px}
.ttext .tlist{display:flex;flex-direction:column;gap:3px;margin:2px 0 4px}
.ttext .tli{display:block;position:relative;padding-left:16px;font-weight:500}
.ttext .tli::before{content:"";position:absolute;left:3px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.tile.on .ttext .tli::before{background:#fff}
.qrow textarea{flex:1 1 260px;width:auto;min-height:44px}

/* v17: sub-bife în listă */
.tile.haslist .tmain{flex:0 0 auto;padding-bottom:4px}
.tile .subcount{font-family:var(--f-mono);font-size:11.5px;color:var(--muted);margin-left:auto}
.tile .subcount+.tbox{margin-left:8px}
.tile.on .subcount{color:rgba(255,255,255,.85)}
.subs{display:flex;flex-direction:column;gap:2px;padding:0 12px 10px}
.chkitem{display:flex;align-items:flex-start;gap:9px;border:0;background:none;color:inherit;text-align:left;padding:5px 4px;border-radius:7px;font-size:14.5px;font-weight:500;line-height:1.3}
.chkitem:hover{background:rgba(0,0,0,.05)}
.sbox{flex:none;width:19px;height:19px;margin-top:1px;border-radius:5px;border:2px solid var(--muted);background:var(--paper);display:grid;place-items:center;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}
.sbox svg{width:13px;height:13px;opacity:0;color:#fff}
.chkitem.on .sbox{background:var(--ok-tile);border-color:var(--ok-tile);box-shadow:none}
.chkitem.on .sbox svg{opacity:1}
.chkitem.on .stxt{text-decoration:line-through;opacity:.75}
.tile.on .chkitem .sbox{background:#fff;border-color:#fff}
.tile.on .chkitem .sbox svg{color:var(--ok-tile)}
.tile.on .chkitem:hover{background:rgba(255,255,255,.12)}
.lfoot{padding:0 12px 12px}
.tile.on .lfoot{color:rgba(255,255,255,.85)}
@media (max-width:560px){.subs{padding:0 8px 8px}.chkitem{font-size:13.5px;gap:7px}}