/* ============================================================================
   [MODERN-UI v1] THEME MODERN — vetro, aurora, light/dark
   ----------------------------------------------------------------------------
   Si attiva con body[data-theme="modern"]; il mode con body[data-mode="light|dark"];
   body[data-glass="off"] disattiva blur e aurora (PC lenti).

   Regole di questo file:
   - cambia superfici, bordi, raggi, ombre, font e colori del testo;
   - NON cambia geometria (padding, margin, width, height, display, flex, grid)
     per non rompere le misure fatte dal JS;
   - i colori delle barre (VAL, TM/TP/CON/WARR, slider item verde→rosa) sono
     assegnati inline dal JS e restano quelli di Original 1997;
   - gli orb sono sprite: qui si tocca solo l'ombra morbida intorno.
   Da rimuovere in blocco: basta togliere il <link> in index.html.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ---------------------------------------------------------------------------
   0. TOKEN
   ------------------------------------------------------------------------- */
body[data-theme="modern"]{
  --m-font:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif;
  --m-bg:#05070F;
  --m-label:#F5F7FF;
  --m-sec:rgba(235,238,255,.72);
  --m-ter:rgba(235,238,255,.45);
  --m-sep:rgba(255,255,255,.10);
  --m-glass:rgba(255,255,255,.055);
  --m-glass2:rgba(255,255,255,.09);
  --m-glass-solid:#11162A;
  --m-edge:rgba(255,255,255,.18);
  --m-edge2:rgba(255,255,255,.35);
  --m-log:rgba(0,0,0,.28);
  --m-blue:#4DA3FF;
  --m-cyan:#5CE1FF;
  --m-green:#3EF2A0;
  --m-orange:#FFB454;
  --m-red:#FF5E6C;
  --m-pink:#FF6BD6;
  --m-indigo:#8B7CFF;
  --m-yellow:#FFD166;
  --m-shine:linear-gradient(115deg,rgba(255,255,255,.10),transparent 28%);
  --m-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 .5px var(--m-edge),0 24px 60px -24px rgba(0,0,0,.9);
  --m-shadow-sm:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 .5px var(--m-edge),0 10px 30px -18px rgba(0,0,0,.8);
  --m-blur:blur(28px) saturate(180%);
  --m-track:rgba(255,255,255,.10);
  --m-hover:rgba(255,255,255,.06);
  --m-selbg:rgba(77,163,255,.14);
  /* variabili originali riusate dal codice */
  --border:transparent;
  --yellow:var(--m-yellow);
  --divider:var(--m-sep);
  --bg-gradient:var(--m-bg);
}
body[data-theme="modern"][data-mode="light"]{
  --m-bg:#E9EDF6;
  --m-label:#0B1020;
  --m-sec:rgba(11,16,32,.72);
  --m-ter:rgba(11,16,32,.48);
  --m-sep:rgba(11,16,32,.10);
  --m-glass:rgba(255,255,255,.55);
  --m-glass2:rgba(255,255,255,.75);
  --m-glass-solid:#F7F9FF;
  --m-edge:rgba(255,255,255,.9);
  --m-edge2:#ffffff;
  --m-log:rgba(255,255,255,.35);
  --m-blue:#0A6CFF;
  --m-cyan:#00A8D6;
  --m-green:#12B76A;
  --m-orange:#F28C1C;
  --m-red:#E5384B;
  --m-pink:#E0269E;
  --m-indigo:#5B4BFF;
  --m-yellow:#B8860B;
  --m-shine:linear-gradient(115deg,rgba(255,255,255,.55),transparent 30%);
  --m-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(11,16,32,.07),0 20px 50px -22px rgba(11,16,32,.35);
  --m-shadow-sm:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 .5px rgba(11,16,32,.07),0 10px 26px -18px rgba(11,16,32,.3);
  --m-track:rgba(11,16,32,.10);
  --m-hover:rgba(11,16,32,.05);
  --m-selbg:rgba(10,108,255,.10);
}

/* ---------------------------------------------------------------------------
   1. BASE: sfondo, aurora, font, cursore, niente text-shadow
   ------------------------------------------------------------------------- */
body[data-theme="modern"]{
  background:var(--m-bg) !important;
  color:var(--m-label);
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:optimizeLegibility !important;
  font-feature-settings:"kern" 1,"tnum" 1,"cv11" 1 !important;
}
body[data-theme="modern"]::before{
  content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;
  filter:blur(60px);opacity:.9;
  background:
    radial-gradient(38% 45% at 18% 12%,rgba(77,163,255,.32),transparent 70%),
    radial-gradient(30% 38% at 82% 18%,rgba(139,124,255,.28),transparent 70%),
    radial-gradient(34% 40% at 70% 90%,rgba(92,225,255,.18),transparent 70%),
    radial-gradient(28% 30% at 20% 85%,rgba(255,107,214,.14),transparent 70%);
  animation:m-drift 26s ease-in-out infinite alternate;
}
body[data-theme="modern"][data-mode="light"]::before{opacity:.7}
body[data-theme="modern"]::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;display:none;
  background-image:linear-gradient(var(--m-sep) 1px,transparent 1px),linear-gradient(90deg,var(--m-sep) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 10%,transparent 85%);
  mask-image:radial-gradient(90% 80% at 50% 40%,#000 10%,transparent 85%);
}
@keyframes m-drift{to{transform:translate(3%,-2%) scale(1.06)}}
body[data-theme="modern"][data-glass="off"]::before{animation:none;filter:blur(40px);opacity:.6}
@media (prefers-reduced-motion:reduce){ body[data-theme="modern"]::before{animation:none} }

/* font: batte anche gli style inline (font-family:'Reactor7') di app.js */
body[data-theme="modern"],
body[data-theme="modern"] *,
body[data-theme="modern"] .proj-row-wrap.row-slim .proj-row .stats .char-name,
body[data-theme="modern"] .slim-cod,
body[data-theme="modern"] .slim-name{
  font-family:var(--m-font) !important;
  text-shadow:none !important;
  letter-spacing:-.005em;
}
body[data-theme="modern"] #ff7-content-scroll.mail-text,
body[data-theme="modern"] #ff7-content-scroll.mail-html,
body[data-theme="modern"] #ff7-content-scroll.mail-html *{font-family:var(--m-font) !important}

/* cursore di sistema al posto della manina FF7 */
body[data-theme="modern"],body[data-theme="modern"] *{cursor:default !important}
body[data-theme="modern"] #hand{display:none !important}
body[data-theme="modern"] input,body[data-theme="modern"] textarea,body[data-theme="modern"] [contenteditable="true"]{cursor:text !important}
body[data-theme="modern"] [onclick],body[data-theme="modern"] .menu-item,body[data-theme="modern"] .ff7-tab,
body[data-theme="modern"] .ff7-smitem,body[data-theme="modern"] .ff7-dd-item,body[data-theme="modern"] .ff7-pdrop-item,
body[data-theme="modern"] .proj-row,body[data-theme="modern"] .pay-box,body[data-theme="modern"] .md-box,
body[data-theme="modern"] .item-curt-handle,body[data-theme="modern"] .settings-theme-thumb,body[data-theme="modern"] .settings-mode-btn,
body[data-theme="modern"] .pay-add-btn,body[data-theme="modern"] .modal-close-btn,body[data-theme="modern"] button,
body[data-theme="modern"] .ai-card-box,body[data-theme="modern"] .se-btn,body[data-theme="modern"] .log-ov-orb,
body[data-theme="modern"] .ic-flag-cell,body[data-theme="modern"] .it-flag-cell,body[data-theme="modern"] .ic-orb,body[data-theme="modern"] .it-orb,
body[data-theme="modern"] #ff7-back-btn,body[data-theme="modern"] #ff7-top-label,body[data-theme="modern"] #ff7-proj-switcher,
body[data-theme="modern"] .deliv-check,body[data-theme="modern"] .ff7-deliv-check,body[data-theme="modern"] .tp-summary-row,
body[data-theme="modern"] .leg-source,body[data-theme="modern"] .pay-dot,body[data-theme="modern"] #log-mail-drop{cursor:pointer !important}
body[data-theme="modern"] .pay-handle,body[data-theme="modern"] .ic-handle,body[data-theme="modern"] .it-handle{cursor:grab !important}
body[data-theme="modern"] .proj-row-resizer{cursor:col-resize !important}

/* testo selezionabile */
body[data-theme="modern"] ::selection{background:rgba(77,163,255,.35);color:inherit}

/* ---------------------------------------------------------------------------
   2. TOPBAR
   ------------------------------------------------------------------------- */
body[data-theme="modern"] .topbar{
  border:none !important;border-radius:999px;
  background:var(--m-glass) !important;
  -webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);
  box-shadow:var(--m-shadow-sm) !important;
}
body[data-theme="modern"] .tb-brand{color:var(--m-label) !important;font-weight:600;letter-spacing:-.02em}

/* ---------------------------------------------------------------------------
   3. CARD PROGETTO (.proj-row) + LOG laterale = una lastra unica
   ------------------------------------------------------------------------- */
body[data-theme="modern"] .proj-row-wrap .proj-row{
  border:none !important;border-radius:20px 0 0 20px;
  background:var(--m-glass) !important;
  -webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);
  box-shadow:var(--m-shadow) !important;
  filter:none !important;
  transition:box-shadow .2s,background .2s;
}
body[data-theme="modern"] .proj-row::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--m-shine);
}
body[data-theme="modern"] .proj-row.phase-green,
body[data-theme="modern"] .proj-row.phase-grey,
body[data-theme="modern"] .proj-row.phase-red{background:var(--m-glass) !important}
body[data-theme="modern"] .proj-row.phase-green{box-shadow:var(--m-shadow),inset 3px 0 0 var(--m-green) !important}
body[data-theme="modern"] .proj-row.phase-red{box-shadow:var(--m-shadow),inset 3px 0 0 var(--m-red) !important}
body[data-theme="modern"] .proj-row.phase-grey{opacity:.72}
body[data-theme="modern"] .proj-row:hover{filter:none !important;background:var(--m-glass2) !important}
body[data-theme="modern"] .proj-row.selected{
  outline:none !important;filter:none !important;
  box-shadow:var(--m-shadow),0 0 0 1.5px var(--m-blue),0 0 40px -8px rgba(77,163,255,.6) !important;
}
body[data-theme="modern"] .proj-row.selected .char-name{color:var(--m-label) !important}
body[data-theme="modern"] .row-div{background:transparent !important}

/* log accanto alla card: lato destro della stessa lastra */
body[data-theme="modern"] .proj-row-log{
  border:none !important;border-radius:0 20px 20px 0;
  background:var(--m-log) !important;
  -webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);
  box-shadow:var(--m-shadow) !important;
}
body[data-theme="modern"] .proj-row-resizer{background:var(--m-glass) !important}
body[data-theme="modern"] .proj-row-resizer::after{background:var(--m-edge)}
body[data-theme="modern"] .proj-row-resizer:hover::after,body[data-theme="modern"] .proj-row-resizer.active::after{background:var(--m-blue)}

/* ritratto */
body[data-theme="modern"] .portrait,body[data-theme="modern"] #ff7-portrait{
  border:none !important;border-radius:12px;
  background:var(--m-glass2) !important;
  box-shadow:0 0 0 .5px var(--m-edge) !important;
}
body[data-theme="modern"] .portrait::after,body[data-theme="modern"] #ff7-portrait::after{display:none}
body[data-theme="modern"] .p-code,body[data-theme="modern"] #ff7-port-code{color:var(--m-sec) !important;font-weight:600}
body[data-theme="modern"] .proj-row.phase-green .portrait,body[data-theme="modern"] #ff7-header-box.phase-green #ff7-portrait-el{box-shadow:0 0 0 .5px var(--m-green),0 0 14px -4px var(--m-green) !important;background:rgba(62,242,160,.08) !important}
body[data-theme="modern"] .proj-row.phase-red .portrait,body[data-theme="modern"] #ff7-header-box.phase-red #ff7-portrait-el{box-shadow:0 0 0 .5px var(--m-red),0 0 14px -4px var(--m-red) !important;background:rgba(255,94,108,.08) !important}
body[data-theme="modern"] .proj-row.phase-grey .portrait,body[data-theme="modern"] #ff7-header-box.phase-grey #ff7-portrait-el{box-shadow:0 0 0 .5px var(--m-edge) !important;background:var(--m-glass) !important}

/* testi card */
body[data-theme="modern"] .char-name,body[data-theme="modern"] #ff7-stat-name{color:var(--m-label) !important;font-weight:600;letter-spacing:-.02em}
body[data-theme="modern"] .proj-row.phase-green .char-name,body[data-theme="modern"] #ff7-header-box.phase-green #ff7-stat-name{color:var(--m-green) !important}
body[data-theme="modern"] .proj-row.phase-red .char-name,body[data-theme="modern"] #ff7-header-box.phase-red #ff7-stat-name{color:var(--m-red) !important}
body[data-theme="modern"] .proj-row.phase-grey .char-name,body[data-theme="modern"] #ff7-header-box.phase-grey #ff7-stat-name{color:var(--m-sec) !important}
body[data-theme="modern"] .lv-lbl,body[data-theme="modern"] .val-lbl,body[data-theme="modern"] .date-lbl{color:var(--m-ter) !important;font-weight:500}
body[data-theme="modern"] .lv-val,body[data-theme="modern"] .val-num,body[data-theme="modern"] .date-nums{color:var(--m-sec) !important;font-weight:500;font-variant-numeric:tabular-nums}
body[data-theme="modern"] .proj-row.phase-green .lv-val,body[data-theme="modern"] #ff7-header-box.phase-green #ff7-stat-cod{color:var(--m-green) !important}
body[data-theme="modern"] .proj-row.phase-red .lv-val,body[data-theme="modern"] #ff7-header-box.phase-red #ff7-stat-cod{color:var(--m-red) !important}
body[data-theme="modern"] .val-lbl:hover,body[data-theme="modern"] .char-name:hover,body[data-theme="modern"] .lv-val:hover,
body[data-theme="modern"] .date-nums:hover,body[data-theme="modern"] .warr-months-val:hover,body[data-theme="modern"] .val-num[onclick]:hover,
body[data-theme="modern"] .p-code:hover,body[data-theme="modern"] #ff7-port-code:hover,
body[data-theme="modern"] .date-lbl.con-penalty-btn:hover,body[data-theme="modern"] .date-lbl.warr-notes-btn:hover{color:var(--m-blue) !important}
body[data-theme="modern"] .date-reneg{text-shadow:none !important}

/* barre: track a filo, fill con i colori originali (inline dal JS) + glow leggero */
body[data-theme="modern"] .val-track,body[data-theme="modern"] .date-track{
  border:none !important;border-radius:3px !important;
  background:var(--m-track) !important;
  box-shadow:inset 0 0 0 .5px var(--m-sep);
}
body[data-theme="modern"] .val-fill,body[data-theme="modern"] .date-fill{border-radius:3px;filter:drop-shadow(0 0 3px rgba(255,255,255,.28))}

/* box pagamenti / mandays */
body[data-theme="modern"] .pay-box,body[data-theme="modern"] .md-box{
  border:none !important;border-radius:14px;
  background:var(--m-glass) !important;
  box-shadow:0 0 0 .5px var(--m-edge) !important;
}
body[data-theme="modern"] .pay-box:hover,body[data-theme="modern"] .md-box:hover{box-shadow:0 0 0 .5px var(--m-blue),0 0 16px -6px var(--m-blue) !important;border-color:transparent !important;background:var(--m-glass2) !important}
body[data-theme="modern"] .pay-box-label,body[data-theme="modern"] .md-box-label{color:var(--m-ter);border-bottom-color:transparent;text-transform:none;letter-spacing:0;font-weight:500}
body[data-theme="modern"] .np-text,body[data-theme="modern"] .md-text,body[data-theme="modern"] .md-line{color:var(--m-label)}
body[data-theme="modern"] .md-days{color:var(--m-label);font-weight:600}
body[data-theme="modern"] .md-ppl{color:var(--m-sec)}
body[data-theme="modern"] .md-type{color:var(--m-ter)}
body[data-theme="modern"] .np-text img,body[data-theme="modern"] .pay-dot img,body[data-theme="modern"] .leg-dot img,body[data-theme="modern"] .log-ov-row img{filter:drop-shadow(0 0 5px rgba(255,255,255,.35))}

/* badge stelle */
body[data-theme="modern"] .del-badge-label{color:var(--m-cyan);text-shadow:0 0 10px rgba(92,225,255,.6) !important;text-transform:none;letter-spacing:.02em;font-weight:500}

/* slim rows */
body[data-theme="modern"] .proj-row-wrap.row-slim .proj-row .stats .char-name{color:var(--m-label) !important}
body[data-theme="modern"] .slim-cod{color:var(--m-ter)}
body[data-theme="modern"] .proj-row-slim-btn{color:var(--m-ter)}
body[data-theme="modern"] .proj-row-slim-btn:hover{color:var(--m-blue)}

/* ---------------------------------------------------------------------------
   4. TENDINA ITEM sotto la card
   ------------------------------------------------------------------------- */
body[data-theme="modern"] .item-curt-handle{
  background:var(--m-glass2);border:none;border-radius:8px 8px 0 0;
  box-shadow:0 0 0 .5px var(--m-edge);color:var(--m-sec);
}
body[data-theme="modern"] .item-curt-handle:hover,body[data-theme="modern"] .proj-item-host.curt-open .item-curt-handle{color:var(--m-blue);border-color:transparent}
body[data-theme="modern"] .proj-item-host.curt-open .item-curt-host,
body[data-theme="modern"] .proj-item-host.curt-closing .item-curt-host{
  background:var(--m-glass);border:none;border-radius:0 0 20px 20px;
  -webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);
  box-shadow:var(--m-shadow);
}
body[data-theme="modern"] .proj-item-host.curt-open .proj-row-wrap .proj-row{border-radius:20px 0 0 0}
body[data-theme="modern"] .proj-item-host.curt-open .proj-row-wrap .proj-row-log{border-radius:0 20px 0 0}
body[data-theme="modern"] .ic-hdr{border-bottom-color:var(--m-sep)}
body[data-theme="modern"] .ic-hdr span,body[data-theme="modern"] .it-hdr span{color:var(--m-ter);letter-spacing:0;font-weight:500}
body[data-theme="modern"] .ic-row,body[data-theme="modern"] .it-row{border-bottom-color:var(--m-sep)}
body[data-theme="modern"] .ic-row:hover,body[data-theme="modern"] .it-row:hover{background:var(--m-hover);border-radius:8px}
body[data-theme="modern"] .ic-cell,body[data-theme="modern"] .it-cell{color:var(--m-label)}
body[data-theme="modern"] .ic-cell[contenteditable="true"]:focus,body[data-theme="modern"] .it-cell[contenteditable="true"]:focus{background:var(--m-selbg);border-radius:6px}
body[data-theme="modern"] .ic-empty,body[data-theme="modern"] .it-empty{color:var(--m-ter)}
body[data-theme="modern"] .ic-track-bg,body[data-theme="modern"] .it-track-bg{background:var(--m-track)}
body[data-theme="modern"] .ic-fill,body[data-theme="modern"] .it-fill{filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}
body[data-theme="modern"] .ic-orb,body[data-theme="modern"] .it-orb,body[data-theme="modern"] .ic-flag-cell img,body[data-theme="modern"] .it-flag-cell img{filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}
body[data-theme="modern"] .ic-slbls .lbl,body[data-theme="modern"] .it-slbl{color:var(--m-ter)}
body[data-theme="modern"] .ic-mode-btn,body[data-theme="modern"] .it-mode-btn{color:var(--m-ter)}
body[data-theme="modern"] .ic-mode-btn:hover,body[data-theme="modern"] .it-mode-btn:hover{color:var(--m-blue)}
body[data-theme="modern"] .ic-del,body[data-theme="modern"] .it-del,body[data-theme="modern"] .ic-handle,body[data-theme="modern"] .it-handle{color:var(--m-ter)}
body[data-theme="modern"] .ic-del:hover,body[data-theme="modern"] .it-del:hover{color:var(--m-red)}
body[data-theme="modern"] .ic-add,body[data-theme="modern"] .it-add{color:var(--m-blue)}

/* ---------------------------------------------------------------------------
   5. LOG (box grande e overlay)
   ------------------------------------------------------------------------- */
body[data-theme="modern"] #log-box{
  border:none !important;border-radius:18px;
  background:var(--m-log) !important;
  -webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);
  box-shadow:var(--m-shadow) !important;
}
body[data-theme="modern"] #log-box-label{color:var(--m-ter);letter-spacing:.02em;font-weight:500}
body[data-theme="modern"] .log-ov-date{color:var(--m-ter) !important;border-bottom-color:var(--m-sep);letter-spacing:0;font-weight:500}
body[data-theme="modern"] .log-ov-text{color:var(--m-label) !important}
body[data-theme="modern"] .log-ov-text.orb-green-text{color:var(--m-ter) !important}
body[data-theme="modern"] .log-ov-orb{border-color:var(--m-edge2) !important}
body[data-theme="modern"] .log-ov-orb:hover{border-color:var(--m-blue) !important}
body[data-theme="modern"] .log-ov-orb.orb-green{background:var(--m-green);border-color:var(--m-green) !important;box-shadow:0 0 8px var(--m-green)}
body[data-theme="modern"] .proj-row-log-ta{color:var(--m-sec)}
body[data-theme="modern"] #log-mail-drop{background:var(--m-glass);border-bottom-color:var(--m-sep)}
body[data-theme="modern"] #log-mail-drop.drag-over{background:var(--m-selbg);border-bottom-color:var(--m-blue)}
body[data-theme="modern"] #log-mail-drop-icon,body[data-theme="modern"] #log-mail-drop-text{color:var(--m-ter)}
body[data-theme="modern"] #log-mail-drop.drag-over #log-mail-drop-text{color:var(--m-blue)}
body[data-theme="modern"] .log-expand-btn{color:var(--m-ter) !important}
body[data-theme="modern"] .log-expand-btn:hover{color:var(--m-blue) !important}

/* ---------------------------------------------------------------------------
   6. PANNELLI DI DESTRA (menu, file panel, info, drop/AI)
   ------------------------------------------------------------------------- */
body[data-theme="modern"] .menu-panel,body[data-theme="modern"] .info-panel,body[data-theme="modern"] #ff7-file-panel{
  border:none !important;border-radius:18px;
  background:var(--m-glass) !important;
  -webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);
  box-shadow:var(--m-shadow-sm) !important;
}
body[data-theme="modern"] #menu-panel.no-selection{background:transparent !important;box-shadow:0 0 0 .5px var(--m-sep) !important}
body[data-theme="modern"] .menu-item{color:var(--m-sec);border-radius:10px;transition:color .12s,background .12s}
body[data-theme="modern"] .menu-item:hover,body[data-theme="modern"] .menu-item.hov{color:var(--m-label);background:var(--m-hover)}
body[data-theme="modern"] .menu-item.sel{color:var(--m-label);background:var(--m-selbg);font-weight:500}
body[data-theme="modern"] .menu-item.sub{color:var(--m-ter)}
body[data-theme="modern"] .menu-item.sub:hover,body[data-theme="modern"] .menu-item.sub.sel{color:var(--m-label)}
body[data-theme="modern"] .menu-item.folder-title{color:var(--m-ter);font-weight:600;letter-spacing:0;background:transparent}
body[data-theme="modern"] .se-btn{color:var(--m-sec) !important}
body[data-theme="modern"] .se-btn:hover{color:var(--m-label) !important}
body[data-theme="modern"] .menu-sortable.drag-over-above{border-top-color:var(--m-blue)}
body[data-theme="modern"] .menu-sortable.drag-over-below{border-bottom-color:var(--m-blue)}
body[data-theme="modern"] #ff7-file-title{color:var(--m-label)}
body[data-theme="modern"] #ff7-file-body{color:var(--m-sec)}
body[data-theme="modern"] .ik,body[data-theme="modern"] .comm-key{color:var(--m-ter);font-weight:500}
body[data-theme="modern"] .iv,body[data-theme="modern"] .comm-val{color:var(--m-label);font-variant-numeric:tabular-nums;font-weight:500}
body[data-theme="modern"] .iv.gold,body[data-theme="modern"] .comm-val.tot{color:var(--m-label)}
body[data-theme="modern"] .iv.cyan{color:var(--m-cyan)}
body[data-theme="modern"] .comm-val.del{color:var(--m-green)}
body[data-theme="modern"] .comm-val.act{color:var(--m-blue)}

/* card Drop file / AI area */
body[data-theme="modern"] .ai-card-box{
  border:none;border-radius:14px;
  background:linear-gradient(135deg,rgba(139,124,255,.55),rgba(77,163,255,.45));
  box-shadow:0 0 0 .5px rgba(255,255,255,.35) inset,0 16px 34px -18px rgba(77,163,255,.7);
  transform:none;
}
body[data-theme="modern"] .ai-card-box::before{background:radial-gradient(circle at 90% 0%,rgba(255,255,255,.35),transparent 55%)}
body[data-theme="modern"] .ai-card-box:hover{background:linear-gradient(135deg,rgba(139,124,255,.7),rgba(77,163,255,.6));box-shadow:0 0 0 .5px rgba(255,255,255,.5) inset,0 20px 40px -18px rgba(77,163,255,.9);transform:translateY(-1px)}
body[data-theme="modern"] .ai-card-box.drag-over{box-shadow:0 0 0 1.5px #fff inset,0 20px 40px -18px rgba(77,163,255,.9)}
body[data-theme="modern"] .ai-card-icon,body[data-theme="modern"] .ai-card-title{color:#fff;text-shadow:none !important;letter-spacing:.02em;font-weight:600}
body[data-theme="modern"] #ai-area-status{color:var(--m-ter)}

/* bottom bar / sys log (gia' nascosta dal css originale; se riattivata) */
body[data-theme="modern"] .bottom-bar{border:none;border-radius:999px;background:var(--m-glass);box-shadow:var(--m-shadow-sm)}
body[data-theme="modern"] #sys-log{color:var(--m-sec)}
body[data-theme="modern"] #sys-log .log-time{color:var(--m-ter)}
body[data-theme="modern"] #sys-log .log-ok{color:var(--m-green)}
body[data-theme="modern"] #sys-log .log-warn{color:var(--m-orange)}
body[data-theme="modern"] #sys-log .log-err{color:var(--m-red)}
body[data-theme="modern"] #menu-shrink-label{border:none;border-radius:999px;background:var(--m-glass-solid);box-shadow:var(--m-shadow-sm);color:var(--m-label)}

/* ---------------------------------------------------------------------------
   7. FULLSCREEN
   ------------------------------------------------------------------------- */
body[data-theme="modern"]:has(#ff7-fullscreen.open) .projects-panel{visibility:hidden}
body[data-theme="modern"] #ff7-fullscreen{background:transparent !important}
body[data-theme="modern"] #page-overlay{background:var(--m-bg)}
body[data-theme="modern"] #ff7-top-label{
  border:none;border-radius:0 0 0 16px;
  background:var(--m-glass-solid);box-shadow:var(--m-shadow-sm);color:var(--m-label) !important;letter-spacing:0;font-weight:600;
}
body[data-theme="modern"] #ff7-top-label:hover,body[data-theme="modern"] #ff7-top-label.dd-open{color:var(--m-blue) !important}
body[data-theme="modern"] #ff7-top-dropdown{border:none;border-radius:0 0 16px 16px;background:var(--m-glass-solid);box-shadow:var(--m-shadow)}
body[data-theme="modern"] .ff7-dd-item{color:var(--m-sec);letter-spacing:0;border-radius:8px}
body[data-theme="modern"] .ff7-dd-item:hover{color:var(--m-label);background:var(--m-hover)}
body[data-theme="modern"] .ff7-dd-item.dd-current{color:var(--m-label);background:var(--m-selbg)}
body[data-theme="modern"] .ff7-dd-item.dd-current::before{color:var(--m-blue)}

body[data-theme="modern"] #ff7-header-box{
  border:none !important;border-radius:22px 22px 0 0;
  background:var(--m-glass) !important;
  -webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);
  box-shadow:var(--m-shadow) !important;
  position:relative;z-index:2;
}
body[data-theme="modern"] #ff7-header-box.phase-green,body[data-theme="modern"] #ff7-header-box.phase-grey,body[data-theme="modern"] #ff7-header-box.phase-red{background:var(--m-glass) !important}
body[data-theme="modern"] #ff7-header-box.phase-green{box-shadow:var(--m-shadow),inset 3px 0 0 var(--m-green) !important}
body[data-theme="modern"] #ff7-header-box.phase-red{box-shadow:var(--m-shadow),inset 3px 0 0 var(--m-red) !important}
body[data-theme="modern"] #ff7-header-box.masterplan-mode #ff7-char-area::before{background:var(--m-glass)}
body[data-theme="modern"] #ff7-header-box::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--m-shine)}

body[data-theme="modern"] #ff7-proj-switcher{background:var(--m-glass2);border-bottom:none;border-radius:999px;box-shadow:0 0 0 .5px var(--m-edge);width:auto;margin:8px 0 0 8px}
body[data-theme="modern"] #ff7-proj-switcher:hover{background:var(--m-hover)}
body[data-theme="modern"] #ff7-proj-switcher-label{color:var(--m-sec);letter-spacing:0;font-weight:500}
body[data-theme="modern"] #ff7-proj-switcher-arrow{color:var(--m-ter)}
body[data-theme="modern"] #ff7-proj-dropdown{border:none;border-radius:14px;background:var(--m-glass-solid);box-shadow:var(--m-shadow);z-index:300}
body[data-theme="modern"] .ff7-pdrop-item{color:var(--m-sec);border-bottom-color:var(--m-sep);letter-spacing:0}
body[data-theme="modern"] .ff7-pdrop-item:hover{background:var(--m-hover);color:var(--m-label)}
body[data-theme="modern"] .ff7-pdrop-item.active{color:var(--m-label);background:var(--m-selbg)}
body[data-theme="modern"] .ff7-pdrop-cod{color:var(--m-ter)}
body[data-theme="modern"] #ff7-back-btn{filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}

body[data-theme="modern"] .ff7-smitem{color:var(--m-sec);border-radius:999px}
body[data-theme="modern"] .ff7-smitem:hover,body[data-theme="modern"] .ff7-smitem.active{color:var(--m-label);background:var(--m-hover)}
body[data-theme="modern"] .ff7-smitem.sel-arrow{color:var(--m-label);background:var(--m-selbg)}
body[data-theme="modern"] .ff7-smitem.sel-arrow::before{color:var(--m-blue)}

body[data-theme="modern"] #ff7-content-area{
  border:none !important;border-radius:0 0 22px 22px;
  background:var(--m-glass) !important;
  -webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);
  box-shadow:var(--m-shadow) !important;
  position:relative;z-index:1;
}
body[data-theme="modern"] #ff7-kom-tabs{border-bottom:none;background:transparent;box-shadow:inset 0 -.5px 0 var(--m-sep)}
body[data-theme="modern"] .ff7-tab{color:var(--m-sec);border-right:none;letter-spacing:0;border-radius:999px;transition:color .12s,background .12s}
body[data-theme="modern"] .ff7-tab::before{display:none}
body[data-theme="modern"] .ff7-tab:hover{color:var(--m-label);background:var(--m-hover)}
body[data-theme="modern"] .ff7-tab.active{color:var(--m-bg);background:var(--m-label);border-bottom:none;margin-bottom:0;font-weight:500}
body[data-theme="modern"] #ff7-content-scroll{color:var(--m-sec)}
body[data-theme="modern"] #ff7-content-scroll.mail-text,body[data-theme="modern"] #ff7-content-scroll.mail-html{background:var(--m-glass-solid);color:var(--m-label);border-top:none;border-radius:0 0 22px 22px}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-subject{color:var(--m-label)}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-from,body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-sep{color:var(--m-ter)}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-hr{border-top-color:var(--m-sep)}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-section{color:var(--m-label);border-left-color:var(--m-blue)}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-section-plain,body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-subsection,
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-k,body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-label{color:var(--m-label)}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-num,body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-li::before{color:var(--m-blue)}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-li,body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-li-sub,
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-v,body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-p,
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-dash{color:var(--m-sec)}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-pay{color:var(--m-green)}
body[data-theme="modern"] #ff7-content-scroll.mail-html .msg-tag{background:var(--m-selbg);color:var(--m-blue)}
body[data-theme="modern"] #ff7-back-link{color:var(--m-ter)}
body[data-theme="modern"] #ff7-back-link:hover{color:var(--m-blue)}
body[data-theme="modern"] #ff7-dropzone{border:1px dashed var(--m-edge2);border-radius:14px;color:var(--m-ter);letter-spacing:0}
body[data-theme="modern"] #ff7-dropzone.dz-over{border-color:var(--m-blue);color:var(--m-blue);background:var(--m-selbg)}
body[data-theme="modern"] #ff7-file-result{border:none;border-radius:12px;background:var(--m-glass);box-shadow:0 0 0 .5px var(--m-edge);color:var(--m-sec);letter-spacing:0}

/* deliverables */
body[data-theme="modern"] .deliv-section-title,body[data-theme="modern"] .ff7-deliv-title{color:var(--m-label);letter-spacing:0;font-weight:600}
body[data-theme="modern"] .ff7-deliv-header{border-bottom-color:var(--m-sep)}
body[data-theme="modern"] .deliv-import-btn,body[data-theme="modern"] .ff7-deliv-import{color:var(--m-ter);letter-spacing:0}
body[data-theme="modern"] .deliv-import-btn:hover,body[data-theme="modern"] .ff7-deliv-import:hover{color:var(--m-blue)}
body[data-theme="modern"] .deliv-item,body[data-theme="modern"] .ff7-deliv-item{border-bottom-color:var(--m-sep)}
body[data-theme="modern"] .deliv-check,body[data-theme="modern"] .ff7-deliv-check{border:none;border-radius:5px;background:var(--m-glass2);box-shadow:0 0 0 .5px var(--m-edge2)}
body[data-theme="modern"] .deliv-check.done,body[data-theme="modern"] .ff7-deliv-check.done{background:var(--m-green);box-shadow:0 0 10px -2px var(--m-green);color:#052}
body[data-theme="modern"] .deliv-check.done::after{color:#052}
body[data-theme="modern"] .deliv-name,body[data-theme="modern"] .ff7-deliv-name{color:var(--m-label)}
body[data-theme="modern"] .deliv-name.done,body[data-theme="modern"] .ff7-deliv-name.done{color:var(--m-ter)}
body[data-theme="modern"] .deliv-date,body[data-theme="modern"] .ff7-deliv-date{color:var(--m-ter)}
body[data-theme="modern"] .deliv-date.urgent,body[data-theme="modern"] .ff7-deliv-date.deliv-date-urgent{color:var(--m-orange)}
body[data-theme="modern"] .deliv-date.overdue,body[data-theme="modern"] .ff7-deliv-date.deliv-date-overdue{color:var(--m-red)}
body[data-theme="modern"] .deliv-del,body[data-theme="modern"] .ff7-deliv-del{color:var(--m-ter)}
body[data-theme="modern"] .deliv-del:hover,body[data-theme="modern"] .ff7-deliv-del:hover{color:var(--m-red)}
body[data-theme="modern"] .deliv-add-btn,body[data-theme="modern"] .ff7-deliv-add-btn{color:var(--m-blue)}
body[data-theme="modern"] .ff7-deliv-tp-import-btn{border:none;border-radius:999px;background:var(--m-glass2);box-shadow:0 0 0 .5px var(--m-edge);color:var(--m-label);letter-spacing:0}
body[data-theme="modern"] .ff7-deliv-tp-import-btn:hover{background:var(--m-label);color:var(--m-bg)}
body[data-theme="modern"] .tp-summary-row{border:none;border-radius:10px;background:var(--m-glass);box-shadow:0 0 0 .5px var(--m-edge)}
body[data-theme="modern"] .tp-summary-row:hover{background:var(--m-glass2)}
body[data-theme="modern"] .tp-summary-pct-track{background:var(--m-track)}
body[data-theme="modern"] .tp-summary-label,body[data-theme="modern"] .tp-summary-pct-val{color:var(--m-sec)}

/* ---------------------------------------------------------------------------
   8. INPUT (deliverables, pagamenti, settings, generici)
   ------------------------------------------------------------------------- */
body[data-theme="modern"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body[data-theme="modern"] textarea,body[data-theme="modern"] select,
body[data-theme="modern"] .deliv-new-input,body[data-theme="modern"] .deliv-new-date,
body[data-theme="modern"] .ff7-deliv-inp-name,body[data-theme="modern"] .ff7-deliv-inp-date,
body[data-theme="modern"] .pay-text-edit,body[data-theme="modern"] .pay-date-edit,body[data-theme="modern"] .pay-amount-edit{
  background:var(--m-glass2) !important;border:none !important;border-radius:8px !important;
  box-shadow:0 0 0 .5px var(--m-edge) !important;color:var(--m-label) !important;
  transition:box-shadow .15s,background .15s;
}
body[data-theme="modern"] input:focus,body[data-theme="modern"] textarea:focus,body[data-theme="modern"] select:focus,
body[data-theme="modern"] .pay-text-edit:focus,body[data-theme="modern"] .pay-date-edit:focus,body[data-theme="modern"] .pay-amount-edit:focus{
  box-shadow:0 0 0 1.5px var(--m-blue),0 0 18px -6px var(--m-blue) !important;outline:none !important;
}
body[data-theme="modern"] input::placeholder,body[data-theme="modern"] textarea::placeholder{color:var(--m-ter) !important}
body[data-theme="modern"] .proj-row-log-ta{background:transparent !important;box-shadow:none !important}

/* ---------------------------------------------------------------------------
   9. MODALI (payments, mandays, tp file, preview, settings, budget, deliverables import, cruise, AI chat)
   ------------------------------------------------------------------------- */
body[data-theme="modern"] .modal-ov,body[data-theme="modern"] #tp-file-modal,body[data-theme="modern"] #budget-modal,
body[data-theme="modern"] #deliv-import-modal,body[data-theme="modern"] #ff7-preview-popup,body[data-theme="modern"] #settings-modal,
body[data-theme="modern"] #ai-chat-modal,body[data-theme="modern"] #cruise-modal{
  background:rgba(0,0,0,.45) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
}
body[data-theme="modern"][data-mode="light"] .modal-ov,body[data-theme="modern"][data-mode="light"] #tp-file-modal,
body[data-theme="modern"][data-mode="light"] #budget-modal,body[data-theme="modern"][data-mode="light"] #deliv-import-modal,
body[data-theme="modern"][data-mode="light"] #ff7-preview-popup,body[data-theme="modern"][data-mode="light"] #settings-modal,
body[data-theme="modern"][data-mode="light"] #ai-chat-modal,body[data-theme="modern"][data-mode="light"] #cruise-modal{background:rgba(11,16,32,.22) !important}

body[data-theme="modern"] .modal-box,body[data-theme="modern"] #tp-file-modal-box,body[data-theme="modern"] #ff7-preview-inner,
body[data-theme="modern"] #settings-modal > div,body[data-theme="modern"] #budget-modal > div,body[data-theme="modern"] #deliv-import-modal > div,
body[data-theme="modern"] #ai-chat-modal > div,body[data-theme="modern"] .cc-box{
  background:var(--m-glass-solid) !important;border:none !important;border-radius:24px !important;
  box-shadow:0 0 0 .5px var(--m-edge2) inset,0 1px 0 rgba(255,255,255,.12) inset,0 40px 90px -30px rgba(0,0,0,.85) !important;
  color:var(--m-label);
}
body[data-theme="modern"] .modal-title,body[data-theme="modern"] #tp-file-modal-title,body[data-theme="modern"] #modal-md-title{color:var(--m-label);letter-spacing:-.02em;font-weight:600}
body[data-theme="modern"] .modal-legend{background:transparent}
body[data-theme="modern"] .leg-item{color:var(--m-sec)}
body[data-theme="modern"] .leg-source{border-radius:999px;background:var(--m-glass);border:none;box-shadow:0 0 0 .5px var(--m-edge)}
body[data-theme="modern"] .leg-source:hover{background:var(--m-glass2)}
body[data-theme="modern"] .leg-source.leg-selected{box-shadow:0 0 0 1.5px var(--m-blue),0 0 14px -4px var(--m-blue);background:var(--m-selbg)}
body[data-theme="modern"] .pay-row{border-radius:12px}
body[data-theme="modern"] .pay-row:hover{background:var(--m-hover)}
body[data-theme="modern"] .pay-row.drag-over-top{border-top-color:var(--m-blue)}
body[data-theme="modern"] .pay-row.drag-over-bot{border-bottom-color:var(--m-blue)}
body[data-theme="modern"] .pay-text{color:var(--m-label)}
body[data-theme="modern"] .pay-handle,body[data-theme="modern"] .pay-del,body[data-theme="modern"] .pay-note-toggle,body[data-theme="modern"] .pay-note-icon{color:var(--m-ter)}
body[data-theme="modern"] .pay-handle:hover,body[data-theme="modern"] .pay-note-toggle:hover{color:var(--m-blue)}
body[data-theme="modern"] .pay-del:hover{color:var(--m-red)}
body[data-theme="modern"] .pay-add-btn{border:none;border-radius:999px;background:var(--m-glass);box-shadow:0 0 0 .5px var(--m-edge);color:var(--m-sec);letter-spacing:0}
body[data-theme="modern"] .pay-add-btn:hover{color:var(--m-label);background:var(--m-glass2);border-color:transparent}
body[data-theme="modern"] .pay-dot-target.drag-over{filter:drop-shadow(0 0 6px var(--m-blue))}
body[data-theme="modern"] .modal-close-btn{background:var(--m-label) !important;color:var(--m-bg) !important;border:none !important;border-radius:999px;box-shadow:none !important;font-weight:500}
body[data-theme="modern"] .modal-close-btn:hover{opacity:.9;border-color:transparent}
body[data-theme="modern"] #tp-file-modal-hdr{border-bottom-color:var(--m-sep)}
body[data-theme="modern"] #tp-file-modal-close,body[data-theme="modern"] #ff7-preview-close{color:var(--m-ter)}
body[data-theme="modern"] #tp-file-modal-close:hover{color:var(--m-label)}
body[data-theme="modern"] #ff7-preview-close:hover{color:var(--m-red)}
body[data-theme="modern"] #ff7-preview-header{border-bottom-color:var(--m-sep);color:var(--m-sec);letter-spacing:0}
body[data-theme="modern"] .tp-modal-table th{color:var(--m-ter);background:var(--m-glass-solid);border-bottom-color:var(--m-sep);letter-spacing:0;font-weight:500}
body[data-theme="modern"] .tp-modal-table td{color:var(--m-label);border-bottom-color:var(--m-sep)}
body[data-theme="modern"] .tp-modal-table tr.tp-row-done td{color:var(--m-ter)}
body[data-theme="modern"] .tp-modal-date-cell{color:var(--m-sec)}
body[data-theme="modern"] .tp-modal-date-cell:hover{color:var(--m-label)}
body[data-theme="modern"] .tp-modal-date-cell.auto-set{color:var(--m-green)}
body[data-theme="modern"] .tp-modal-date-cell.auto-final{color:var(--m-indigo)}
body[data-theme="modern"] #settings-modal input:focus,body[data-theme="modern"] #settings-modal textarea:focus{border-color:transparent !important}

/* cruise control */
body[data-theme="modern"] .cc-hdr{border-bottom-color:var(--m-sep)}
body[data-theme="modern"] .cc-card{border:none;background:var(--m-glass);box-shadow:0 0 0 .5px var(--m-edge);border-radius:16px}
body[data-theme="modern"] .cc-card:hover{background:var(--m-glass2);border-color:transparent}
body[data-theme="modern"] .cc-card-hdr{border-bottom-color:var(--m-sep)}
body[data-theme="modern"] .cc-lbl{color:var(--m-ter);text-transform:none;letter-spacing:0}
body[data-theme="modern"] .cc-close:hover{background:var(--m-hover)}

/* AI */
body[data-theme="modern"] .ai-mode-btn{border:none;border-radius:999px;background:var(--m-glass);box-shadow:0 0 0 .5px var(--m-edge);color:var(--m-sec);letter-spacing:0}
body[data-theme="modern"] .ai-mode-btn:hover{color:var(--m-label);background:var(--m-glass2)}
body[data-theme="modern"] .ai-mode-active{background:var(--m-selbg);color:var(--m-label);box-shadow:0 0 0 .5px var(--m-blue)}
body[data-theme="modern"] .ai-result-table th{color:var(--m-ter);border-bottom-color:var(--m-sep);text-transform:none;letter-spacing:0}
body[data-theme="modern"] .ai-result-table td{color:var(--m-label);border-bottom-color:var(--m-sep)}
body[data-theme="modern"] .ai-result-table .td-eur{color:var(--m-label)}
body[data-theme="modern"] .ai-result-total{border-top-color:var(--m-sep)}
body[data-theme="modern"] .ai-result-btn{border:none;border-radius:999px;background:var(--m-glass);box-shadow:0 0 0 .5px var(--m-edge);color:var(--m-sec)}
body[data-theme="modern"] .ai-result-btn:hover{color:var(--m-label);background:var(--m-glass2)}
body[data-theme="modern"] #ai-drop-zone.drag-over{border-color:var(--m-blue);color:var(--m-blue);background:var(--m-selbg)}

/* ---------------------------------------------------------------------------
   10. SCROLLBAR
   ------------------------------------------------------------------------- */
body[data-theme="modern"] ::-webkit-scrollbar{width:10px;height:10px;background:transparent}
body[data-theme="modern"] ::-webkit-scrollbar-track,body[data-theme="modern"] ::-webkit-scrollbar-track-piece{background:transparent;border:none;box-shadow:none}
body[data-theme="modern"] ::-webkit-scrollbar-thumb,body[data-theme="modern"] ::-webkit-scrollbar-thumb:horizontal{
  background:rgba(255,255,255,.18);border:2px solid transparent;border-radius:999px;box-shadow:none;background-clip:padding-box;min-height:30px;
}
body[data-theme="modern"][data-mode="light"] ::-webkit-scrollbar-thumb,body[data-theme="modern"][data-mode="light"] ::-webkit-scrollbar-thumb:horizontal{background:rgba(11,16,32,.22);background-clip:padding-box}
body[data-theme="modern"] ::-webkit-scrollbar-thumb:hover,body[data-theme="modern"] ::-webkit-scrollbar-thumb:horizontal:hover{background:rgba(255,255,255,.32);background-clip:padding-box}
body[data-theme="modern"] ::-webkit-scrollbar-thumb:active,body[data-theme="modern"] ::-webkit-scrollbar-thumb:horizontal:active{background:rgba(255,255,255,.4);background-clip:padding-box}
body[data-theme="modern"] *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
body[data-theme="modern"][data-mode="light"] *{scrollbar-color:rgba(11,16,32,.25) transparent}

/* ---------------------------------------------------------------------------
   11. GLASS OFF: niente blur (PC lenti). Le superfici diventano quasi opache.
   ------------------------------------------------------------------------- */
body[data-theme="modern"][data-glass="off"]{--m-glass:rgba(17,22,42,.92);--m-glass2:rgba(24,30,54,.96);--m-log:rgba(8,10,20,.96)}
body[data-theme="modern"][data-glass="off"][data-mode="light"]{--m-glass:rgba(247,249,255,.94);--m-glass2:rgba(255,255,255,.98);--m-log:rgba(255,255,255,.9)}
body[data-theme="modern"][data-glass="off"] .proj-row,body[data-theme="modern"][data-glass="off"] .proj-row-log,
body[data-theme="modern"][data-glass="off"] .menu-panel,body[data-theme="modern"][data-glass="off"] .info-panel,
body[data-theme="modern"][data-glass="off"] #ff7-file-panel,body[data-theme="modern"][data-glass="off"] #log-box,
body[data-theme="modern"][data-glass="off"] #ff7-header-box,body[data-theme="modern"][data-glass="off"] #ff7-content-area,
body[data-theme="modern"][data-glass="off"] .topbar,body[data-theme="modern"][data-glass="off"] .item-curt-host,
body[data-theme="modern"][data-glass="off"] .modal-ov,body[data-theme="modern"][data-glass="off"] #tp-file-modal,
body[data-theme="modern"][data-glass="off"] #settings-modal,body[data-theme="modern"][data-glass="off"] #ai-chat-modal,
body[data-theme="modern"][data-glass="off"] #cruise-modal,body[data-theme="modern"][data-glass="off"] #ff7-preview-popup{
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}
body[data-theme="modern"][data-glass="off"]::after{display:none}

/* ---------------------------------------------------------------------------
   12. STACKING: il backdrop-filter crea stacking context; i dropdown restano sopra
   ------------------------------------------------------------------------- */
body[data-theme="modern"] #ff7-top-wrapper,body[data-theme="modern"] #ff7-top-dropdown{z-index:600}
body[data-theme="modern"] .right-side{position:sticky;z-index:5}

/* ---------------------------------------------------------------------------
   13. RIFINITURE (post-render)
   ------------------------------------------------------------------------- */
/* etichette stat: Inter e' piu' larga di Reactor7 nei 34px riservati → corpo 11px */
body[data-theme="modern"] .lv-lbl,body[data-theme="modern"] .val-lbl,body[data-theme="modern"] .date-lbl{font-size:11px !important;letter-spacing:.02em;line-height:1.5}
body[data-theme="modern"] .date-lbl sub{color:var(--m-ter) !important;font-size:8px !important}
body[data-theme="modern"] .ik{font-size:12px}
/* label LOG nei box log (inline color:#fff nel JS) */
body[data-theme="modern"] [id^="log-box-label"]{color:var(--m-ter) !important;letter-spacing:.02em !important;opacity:1 !important;font-weight:500}
/* voci menu: alcune hanno color inline dal JS → forza */
body[data-theme="modern"] .menu-item{color:var(--m-sec) !important}
body[data-theme="modern"] .menu-item:hover,body[data-theme="modern"] .menu-item.hov,body[data-theme="modern"] .menu-item.sel{color:var(--m-label) !important}
body[data-theme="modern"] .menu-item.folder-title{color:var(--m-ter) !important}
/* LIGHT: testo bianco inline dal JS diventa scuro (esclusi elementi con sfondo colorato) */
body[data-theme="modern"][data-mode="light"] [style*="color:#fff"]:not(.ai-card-title):not(.ai-card-icon):not(.modal-close-btn):not([style*="background:#"]):not([style*="background:linear"]):not([style*="background:rgba(0"]),
body[data-theme="modern"][data-mode="light"] [style*="color: #fff"]:not([style*="background:#"]):not([style*="background:linear"]),
body[data-theme="modern"][data-mode="light"] [style*="color:white"]:not([style*="background:#"]):not([style*="background:linear"]),
body[data-theme="modern"][data-mode="light"] [style*="color:#e0eaff"],
body[data-theme="modern"][data-mode="light"] [style*="color:#c8d8ff"],
body[data-theme="modern"][data-mode="light"] [style*="color:#a0b8ff"],
body[data-theme="modern"][data-mode="light"] [style*="color:#c0d0ff"]{color:var(--m-label) !important}
body[data-theme="modern"][data-mode="light"] [style*="color:#8090b8"],
body[data-theme="modern"][data-mode="light"] [style*="color:#7ec8e3"],
body[data-theme="modern"][data-mode="light"] [style*="color:#6080c0"]{color:var(--m-sec) !important}
body[data-theme="modern"] .new-proj-btn{background:var(--m-label) !important;color:var(--m-bg) !important;border:none !important;border-radius:999px !important;box-shadow:0 10px 24px -12px rgba(0,0,0,.6) !important;font-weight:600;letter-spacing:0 !important;text-transform:none}
body[data-theme="modern"] .new-proj-btn:hover{opacity:.92}

/* fullscreen: sfondo con aurora statica (il fullscreen copre la pagina) */
body[data-theme="modern"] #ff7-fullscreen{
  background:
    radial-gradient(38% 45% at 18% 12%,rgba(77,163,255,.22),transparent 70%),
    radial-gradient(30% 38% at 82% 18%,rgba(139,124,255,.20),transparent 70%),
    radial-gradient(34% 40% at 70% 90%,rgba(92,225,255,.12),transparent 70%),
    var(--m-bg) !important;
}
body[data-theme="modern"] #ff7-port-code,body[data-theme="modern"] .p-code{font-size:12px !important;letter-spacing:0}
/* sezioni della vista EXPAND ALL (#ff7-sec-*: background inline blu) */
body[data-theme="modern"] [id^="ff7-sec-"]{background:transparent !important;border-bottom:.5px solid var(--m-sep) !important}
body[data-theme="modern"] [id^="ff7-sec-"] > div:first-child{color:var(--m-ter) !important;letter-spacing:.04em !important;border-bottom-color:transparent !important;font-weight:500}
body[data-theme="modern"] .ff7-sec-inner{color:var(--m-sec) !important}
body[data-theme="modern"] .ff7-sec-dz{border-color:var(--m-edge2) !important;border-radius:12px;color:var(--m-ter) !important}
body[data-theme="modern"] #ff7-content-scroll [style*="color:#808898"]{color:var(--m-ter) !important}

/* ---------------------------------------------------------------------------
   14. SCALA TIPOGRAFICA COMPATTA
   Reactor7 e' un pixel font stretto: Inter alla stessa dimensione sembra
   "zoommato". Qui ogni classe di testo scende di ~2px. Solo font-size/line-height.
   ------------------------------------------------------------------------- */
body[data-theme="modern"]{font-size:13px}
body[data-theme="modern"] .tb-brand{font-size:14px !important}
body[data-theme="modern"] .char-name{font-size:14px !important;margin-bottom:3px}
body[data-theme="modern"] #ff7-stat-name{font-size:16px !important}
body[data-theme="modern"] .lv-val,body[data-theme="modern"] .val-num,body[data-theme="modern"] .date-nums,body[data-theme="modern"] .warr-months-val{font-size:12.5px !important}
body[data-theme="modern"] .lv-lbl,body[data-theme="modern"] .val-lbl,body[data-theme="modern"] .date-lbl{font-size:10px !important}
body[data-theme="modern"] .p-code,body[data-theme="modern"] #ff7-port-code{font-size:11px !important}
body[data-theme="modern"] .pay-box-label,body[data-theme="modern"] .md-box-label{font-size:10.5px !important}
body[data-theme="modern"] .np-text,body[data-theme="modern"] .md-line,body[data-theme="modern"] .md-text{font-size:12.5px !important}
body[data-theme="modern"] .md-type{font-size:10px !important}
body[data-theme="modern"] .del-badge-label{font-size:10px !important}
body[data-theme="modern"] .log-ov-text{font-size:12.5px !important;line-height:1.45}
body[data-theme="modern"] .log-ov-date{font-size:9.5px !important}
body[data-theme="modern"] .proj-row-log-ta{font-size:12px !important}
body[data-theme="modern"] [id^="log-box-label"],body[data-theme="modern"] #log-box-label{font-size:10.5px !important}
body[data-theme="modern"] .menu-item{font-size:13.5px !important}
body[data-theme="modern"] .menu-item.sub{font-size:12.5px !important}
body[data-theme="modern"] .menu-item.folder-title{font-size:12px !important}
body[data-theme="modern"] .se-btn{font-size:13.5px !important}
body[data-theme="modern"] .ik,body[data-theme="modern"] .comm-key{font-size:11.5px !important}
body[data-theme="modern"] .iv,body[data-theme="modern"] .comm-val{font-size:12.5px !important}
body[data-theme="modern"] .ai-card-title{font-size:11px !important}
body[data-theme="modern"] .new-proj-btn{font-size:12.5px !important}
body[data-theme="modern"] .slim-cod,body[data-theme="modern"] .slim-name,body[data-theme="modern"] .proj-row-wrap.row-slim .proj-row .stats .char-name{font-size:13.5px !important}
body[data-theme="modern"] .ff7-tab{font-size:13px !important}
body[data-theme="modern"] .ff7-smitem{font-size:13px !important}
body[data-theme="modern"] .ff7-smitem.sel-arrow{font-size:13.5px !important}
body[data-theme="modern"] .ff7-dd-item{font-size:13px !important}
body[data-theme="modern"] #ff7-top-label{font-size:14px !important}
body[data-theme="modern"] #ff7-proj-switcher-label{font-size:12px !important}
body[data-theme="modern"] .ff7-pdrop-item{font-size:12.5px !important}
body[data-theme="modern"] #ff7-content-scroll,body[data-theme="modern"] .ff7-sec-inner{font-size:13px !important;line-height:1.7 !important}
body[data-theme="modern"] #ff7-dropzone,body[data-theme="modern"] #ff7-dropzone-label,body[data-theme="modern"] .ff7-sec-dz{font-size:14px !important}
body[data-theme="modern"] .ff7-deliv-title{font-size:12.5px !important}
body[data-theme="modern"] .ff7-deliv-name,body[data-theme="modern"] .deliv-name{font-size:13px !important}
body[data-theme="modern"] .ff7-deliv-date,body[data-theme="modern"] .deliv-date{font-size:11.5px !important}
body[data-theme="modern"] .ff7-deliv-tp-import-btn{font-size:13px !important}
body[data-theme="modern"] .ic-cell,body[data-theme="modern"] .it-cell{font-size:12px !important}
body[data-theme="modern"] .ic-hdr span,body[data-theme="modern"] .it-hdr span{font-size:9.5px !important}
body[data-theme="modern"] .modal-title{font-size:15px !important}
body[data-theme="modern"] .pay-text,body[data-theme="modern"] .pay-text-edit{font-size:13px !important}
body[data-theme="modern"] .pay-date-edit,body[data-theme="modern"] .pay-amount-edit{font-size:12px !important}
body[data-theme="modern"] .leg-item{font-size:10.5px !important}
body[data-theme="modern"] .tp-modal-table{font-size:12px !important}
body[data-theme="modern"] input,body[data-theme="modern"] textarea,body[data-theme="modern"] select{font-size:12.5px}
body[data-theme="modern"] #settings-modal{font-size:12px}

/* ---------------------------------------------------------------------------
   15. [MODERN-UI v2 · ORBIT] Home Modern: #m-home (indice + orbita + colonna log + dock)
   Le card sono i nodi originali (.proj-item-host) spostati nell'orbita.
   ------------------------------------------------------------------------- */
body[data-theme="modern"]{--m-mono:"JetBrains Mono","Cascadia Mono","Consolas",monospace;--c-b:77,163,255;--c-g:62,242,160;--c-r:255,94,108;--c-k:150,160,180}
body[data-theme="modern"][data-mode="light"]{--c-b:10,108,255;--c-g:18,183,106;--c-r:229,56,75;--c-k:110,120,140}
body[data-theme="modern"].m-home-on .topbar,body[data-theme="modern"].m-home-on .main-area{display:none !important}
body[data-theme="modern"] #m-home{position:fixed;inset:0;z-index:400;display:grid;grid-template-rows:auto 1fr;padding:12px 18px 0;overflow:hidden}
body[data-theme="modern"] #m-home svg,body[data-theme="modern"] .m-dock svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
body[data-theme="modern"] .m-hud{display:flex;align-items:center;gap:12px;font-family:var(--m-mono) !important;font-size:11px;color:var(--m-ter);letter-spacing:.06em;text-transform:uppercase;padding:0 4px}
body[data-theme="modern"] .m-hud b{color:var(--m-label);font-family:var(--m-font) !important;text-transform:none;font-size:14px;letter-spacing:-.02em;font-weight:700}
body[data-theme="modern"] .m-st{margin-left:auto;display:flex;gap:16px}
body[data-theme="modern"] .m-st i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;box-shadow:0 0 8px currentColor;background:currentColor}
body[data-theme="modern"] .m-st .b{color:rgb(var(--c-b))}body[data-theme="modern"] .m-st .g{color:rgb(var(--c-g))}body[data-theme="modern"] .m-st .r{color:rgb(var(--c-r))}body[data-theme="modern"] .m-st .k{color:rgb(var(--c-k))}
body[data-theme="modern"] .m-body{display:grid;grid-template-columns:132px 1fr;gap:8px;min-height:0;padding:8px 0 74px}
/* indice: codice + cliente + descrizione */
body[data-theme="modern"] .m-idx{display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:auto;scrollbar-width:none;min-height:0}
body[data-theme="modern"] .m-idx::-webkit-scrollbar{display:none}
body[data-theme="modern"] .m-idx div{--t:var(--c-b);padding:5px 8px 5px 10px;border-left:2px solid rgba(var(--t),.35);color:var(--m-ter);transition:all .25s;border-radius:0 10px 10px 0;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer !important;line-height:1.25}
body[data-theme="modern"] .m-idx div b{font-family:var(--m-mono) !important;font-size:10.5px;display:block;color:rgb(var(--t));font-weight:700;margin-right:7px;letter-spacing:-.02em}
body[data-theme="modern"] .m-idx div span{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;color:var(--m-sec);font-weight:500}
body[data-theme="modern"] .m-idx div small{display:block;font-size:10.5px;color:var(--m-ter);overflow:hidden;text-overflow:ellipsis}
body[data-theme="modern"] .m-idx div.g{--t:var(--c-g)}body[data-theme="modern"] .m-idx div.r{--t:var(--c-r)}body[data-theme="modern"] .m-idx div.k{--t:var(--c-k)}
body[data-theme="modern"] .m-idx div.on{border-left-color:rgb(var(--t));background:linear-gradient(90deg,rgba(var(--t),.26),transparent);padding-left:12px}
body[data-theme="modern"] .m-idx div.on span{color:var(--m-label)}
body[data-theme="modern"] .m-idx div:hover{background:var(--m-hover)}
/* orbita */
body[data-theme="modern"] .m-orbit{position:relative;perspective:1600px;perspective-origin:50% 50%;overflow:hidden;min-height:0}
body[data-theme="modern"] .m-scene{position:absolute;inset:0;transform-style:flat;transition:transform .26s cubic-bezier(.32,0,.18,1);will-change:transform}
body[data-theme="modern"] .m-orbit.m-panning{cursor:grabbing !important}body[data-theme="modern"] .m-orbit.m-panning .m-scene{transition:none}
body[data-theme="modern"] .m-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--m-ter)}
body[data-theme="modern"] .m-card{position:absolute;left:calc(50% - 40px);top:50%;width:min(1180px,calc(100% - 130px));margin-left:calc(min(1180px,calc(100% - 130px)) / -2);transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .55s}
body[data-theme="modern"] .m-card.hid{pointer-events:none}
body[data-theme="modern"] .m-card:not(.p0) .m-side{opacity:0;pointer-events:none}
body[data-theme="modern"] .m-card .proj-row-resizer{display:none !important}
body[data-theme="modern"] .m-card .proj-row-wrap{display:flex;align-items:stretch}
body[data-theme="modern"] .m-card .proj-row-log{display:flex !important;width:300px !important;min-width:300px;max-width:300px;flex:none !important;height:auto !important;max-height:none !important;align-self:stretch;margin-left:10px;border-radius:20px !important;background:rgba(0,0,0,.34) !important;box-shadow:0 0 0 .5px var(--m-edge) !important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}
body[data-theme="modern"] .m-card .proj-row-log .proj-row-log-ta{height:100% !important;max-height:none !important}
body[data-theme="modern"] .m-card .log-expand-btn,body[data-theme="modern"] .m-drawer .log-expand-btn{
 color:var(--m-label) !important;font-size:13px !important;width:24px;height:24px;display:flex;align-items:center;justify-content:center;
 border-radius:8px;background:var(--m-glass-solid);box-shadow:0 0 0 .5px var(--m-edge);z-index:6 !important;top:5px !important;left:5px !important}
body[data-theme="modern"] .m-card .log-expand-btn:hover,body[data-theme="modern"] .m-drawer .log-expand-btn:hover{background:var(--m-label);color:var(--m-bg) !important}
body[data-theme="modern"] .m-card .log-overlay{padding-top:4px}
/* striscia opaca sotto la freccia di espansione: il testo non ci passa sotto */
body[data-theme="modern"] .m-card .proj-row-log::before{content:"";position:absolute;left:0;right:0;top:0;height:32px;z-index:5;pointer-events:none;
 background:linear-gradient(var(--m-glass-solid) 62%,transparent)}
body[data-theme="modern"] .m-card .proj-row-wrap.row-slim .proj-row-log::before{height:22px}
body[data-theme="modern"] .m-card:not(.p0) .proj-row-log{opacity:.85}
body[data-theme="modern"] .m-card .proj-row-wrap{margin:0}
body[data-theme="modern"] .m-card .proj-item-host{width:100%}
/* card: vetro tinto dalla fase, testo bianco */
body[data-theme="modern"] .m-card .proj-row{--t:var(--c-b);border-radius:24px !important;color:#fff;flex:1 1 auto;min-width:0;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
 background:linear-gradient(120deg,rgba(var(--t),.62) 0%,rgba(var(--t),.30) 45%,rgba(var(--t),.12) 100%) !important;
 box-shadow:0 0 0 1px rgba(var(--t),.75),inset 0 1px 0 rgba(255,255,255,.22) !important}
body[data-theme="modern"] .m-card .proj-row.phase-green{--t:var(--c-g)}body[data-theme="modern"] .m-card .proj-row.phase-red{--t:var(--c-r)}body[data-theme="modern"] .m-card .proj-row.phase-grey{--t:var(--c-k);opacity:1}
body[data-theme="modern"][data-mode="light"] .m-card .proj-row{background:linear-gradient(120deg,rgba(var(--t),.80) 0%,rgba(var(--t),.48) 45%,rgba(var(--t),.22) 100%) !important}
body[data-theme="modern"] .m-card .proj-row:hover{background:linear-gradient(120deg,rgba(var(--t),.66) 0%,rgba(var(--t),.34) 45%,rgba(var(--t),.16) 100%) !important}
body[data-theme="modern"] .m-card.p0 .proj-row{box-shadow:0 0 0 1px rgba(var(--t),.85),inset 0 1px 0 rgba(255,255,255,.22),0 20px 50px -28px rgba(var(--t),.55) !important}
body[data-theme="modern"] .m-card .proj-row::before{background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 30%)}
body[data-theme="modern"] .m-card .proj-row .char-name,body[data-theme="modern"] .m-card .proj-row.phase-green .char-name,body[data-theme="modern"] .m-card .proj-row.phase-red .char-name,body[data-theme="modern"] .m-card .proj-row.phase-grey .char-name{color:#fff !important;font-size:16px !important}
body[data-theme="modern"] .m-card .proj-row .lv-lbl,body[data-theme="modern"] .m-card .proj-row .val-lbl,body[data-theme="modern"] .m-card .proj-row .date-lbl,body[data-theme="modern"] .m-card .proj-row .date-lbl sub,
body[data-theme="modern"] .m-card .proj-row .pay-box-label,body[data-theme="modern"] .m-card .proj-row .md-box-label,body[data-theme="modern"] .m-card .proj-row .md-type{color:rgba(255,255,255,.7) !important}
body[data-theme="modern"] .m-card .proj-row .lv-val,body[data-theme="modern"] .m-card .proj-row .val-num,body[data-theme="modern"] .m-card .proj-row .date-nums,body[data-theme="modern"] .m-card .proj-row .warr-months-val,
body[data-theme="modern"] .m-card .proj-row .np-text,body[data-theme="modern"] .m-card .proj-row .md-line,body[data-theme="modern"] .m-card .proj-row .md-days,body[data-theme="modern"] .m-card .proj-row .md-ppl,body[data-theme="modern"] .m-card .proj-row .p-code,
body[data-theme="modern"] .m-card .proj-row.phase-green .lv-val,body[data-theme="modern"] .m-card .proj-row.phase-red .lv-val{color:#fff !important}
body[data-theme="modern"] .m-card .proj-row .val-lbl:hover,body[data-theme="modern"] .m-card .proj-row .char-name:hover,body[data-theme="modern"] .m-card .proj-row .date-nums:hover,body[data-theme="modern"] .m-card .proj-row .lv-val:hover{color:var(--m-orange) !important}
body[data-theme="modern"] .m-card .proj-row .portrait{background:rgba(0,0,0,.28) !important;box-shadow:0 0 0 .5px rgba(255,255,255,.35) !important}
body[data-theme="modern"] .m-card .proj-row .pay-box,body[data-theme="modern"] .m-card .proj-row .md-box{background:rgba(0,0,0,.26) !important;box-shadow:0 0 0 .5px rgba(255,255,255,.28) !important}
body[data-theme="modern"] .m-card .proj-row .pay-box:hover,body[data-theme="modern"] .m-card .proj-row .md-box:hover{background:rgba(0,0,0,.36) !important;box-shadow:0 0 0 .5px #fff !important}
body[data-theme="modern"] .m-card .proj-row .val-track,body[data-theme="modern"] .m-card .proj-row .date-track{background:rgba(0,0,0,.32) !important;box-shadow:none}
body[data-theme="modern"] .m-card .proj-row .del-badge-label{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6) !important}
body[data-theme="modern"] .m-card .proj-row .row-div{display:none}
/* tendina item sotto la card in orbita */
body[data-theme="modern"] .m-card .item-curt-handle{background:rgba(0,0,0,.3);box-shadow:0 0 0 .5px rgba(255,255,255,.3);color:#fff}
body[data-theme="modern"] .m-card .proj-item-host.curt-open .item-curt-host,body[data-theme="modern"] .m-card .proj-item-host.curt-closing .item-curt-host{background:var(--m-glass-solid);border-radius:0 0 20px 20px;box-shadow:var(--m-shadow)}
body[data-theme="modern"] .m-card .proj-item-host.curt-open .proj-row-wrap .proj-row{border-radius:24px 24px 0 0 !important}
/* pulsanti laterali della card a fuoco: LOG · ITEMS · DETAILS */
body[data-theme="modern"] .m-side{position:absolute;left:100%;top:0;margin-left:12px;display:flex;flex-direction:column;gap:6px;transition:opacity .3s;z-index:3}
body[data-theme="modern"] .m-side div{display:flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 10px;border-radius:12px;background:var(--m-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 .5px var(--m-edge);color:var(--m-sec);cursor:pointer !important;transition:background .15s,color .15s;font-family:var(--m-mono) !important;font-size:10.5px;letter-spacing:.08em;white-space:nowrap}
body[data-theme="modern"] .m-side div:hover{background:var(--m-label);color:var(--m-bg)}
body[data-theme="modern"] .m-side svg{width:15px;height:15px}
body[data-theme="modern"] .m-side div.on{background:var(--m-label);color:var(--m-bg)}
body[data-theme="modern"] .m-drawer-open .m-side div span{display:none}
body[data-theme="modern"] .m-drawer-open .m-side div{width:36px;padding:0;justify-content:center}
/* tendine laterali (LOG / ITEMS / DETAILS) affiancate alla card a fuoco, a tutta altezza */
body[data-theme="modern"] .m-drawers{position:absolute;top:0;bottom:0;display:flex;gap:12px;align-items:stretch;z-index:20}
body[data-theme="modern"] .m-drawer{width:380px;display:flex;flex-direction:column;border-radius:20px;background:var(--m-glass-solid);box-shadow:var(--m-shadow);overflow:hidden;animation:m-drawer-in .22s ease-out;min-height:0}
body[data-theme="modern"] .m-drawer-items{width:min(640px,50vw)}
body[data-theme="modern"] .m-drawer-details{width:min(1080px,70vw)}
@keyframes m-drawer-in{from{opacity:0}to{opacity:1}}
body[data-theme="modern"] .m-drawer-hd{display:flex;align-items:center;gap:10px;padding:10px 14px 8px 12px;font-family:var(--m-mono) !important;font-size:10.5px;letter-spacing:.1em;color:var(--m-ter);border-bottom:.5px solid var(--m-sep);flex:none}
body[data-theme="modern"] .m-drawer-x{cursor:pointer !important;display:flex;filter:drop-shadow(0 0 6px rgba(255,94,108,.7))}
body[data-theme="modern"] .m-drawer-x img{width:18px;height:18px}
body[data-theme="modern"] .m-drawer-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;position:relative}
body[data-theme="modern"] .m-drawer .proj-row-log.m-in-drawer{display:flex !important;width:100% !important;height:100% !important;max-height:none !important;min-height:0 !important;flex:1 1 auto !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none}
body[data-theme="modern"] .m-drawer .proj-row-log.m-in-drawer .proj-row-log-ta{height:100% !important;max-height:none !important}
body[data-theme="modern"] .m-drawer .item-curt-host.m-in-drawer{display:block !important;height:auto !important;max-height:none !important;overflow:auto !important;background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important}
body[data-theme="modern"] .m-drawer .item-curt-host.m-in-drawer .item-curt-inner{transform:none !important}
/* dettaglio dentro la tendina: da fixed a riempimento del corpo tendina */
body[data-theme="modern"] #ff7-fullscreen.m-in-drawer{position:absolute !important;inset:0 !important;left:0 !important;right:0 !important;width:100% !important;height:100% !important;transform:none !important;box-shadow:none !important;transition:opacity .2s !important;border-radius:20px;overflow:hidden}
body[data-theme="modern"] #ff7-fullscreen.m-in-drawer #ff7-top-wrapper{position:absolute}
body[data-theme="modern"] #ff7-fullscreen.m-in-drawer #ff7-content-scroll{padding-bottom:16px}
body[data-theme="modern"] .m-card .item-curt-handle{display:none !important}
/* dock + toast */
body[data-theme="modern"] .m-dock{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:550;display:flex;gap:4px;padding:6px;border-radius:999px;background:var(--m-glass);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 0 0 .5px var(--m-edge),0 20px 40px -20px rgba(0,0,0,.8);pointer-events:auto}
body[data-theme="modern"] .m-dock div{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 14px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--m-sec);cursor:pointer !important;transition:background .15s,color .15s;user-select:none}
body[data-theme="modern"] .m-dock div:hover{background:var(--m-hover);color:var(--m-label)}
body[data-theme="modern"] .m-dock .on{background:var(--m-label);color:var(--m-bg)}
body[data-theme="modern"] .m-dock .ai{background:linear-gradient(135deg,rgba(139,124,255,.7),rgba(77,163,255,.6));color:#fff}
body[data-theme="modern"] .m-toast{position:fixed;left:50%;bottom:68px;transform:translate(-50%,8px);opacity:0;transition:opacity .25s,transform .25s;z-index:551;padding:6px 14px;border-radius:999px;background:var(--m-glass-solid);box-shadow:0 0 0 .5px var(--m-edge);font-size:11.5px;color:var(--m-sec);pointer-events:none;white-space:nowrap}
body[data-theme="modern"] .m-toast.show{opacity:1;transform:translate(-50%,0)}
body[data-theme="modern"] .m-toast b{margin-right:6px;color:var(--m-ter)}
body[data-theme="modern"] .m-toast b.log-ok{color:var(--m-green)}body[data-theme="modern"] .m-toast b.log-warn{color:var(--m-orange)}body[data-theme="modern"] .m-toast b.log-err{color:var(--m-red)}
/* dettaglio progetto = "tendina" agganciata a destra della card: la scena scorre a sinistra,
   la card resta parzialmente visibile; click sulla scena (o sull'orb rosso) chiude la tendina */
body[data-theme="modern"] #ff7-fullscreen{left:auto !important;right:0 !important;width:min(1100px,66vw) !important;transform:translateX(100%);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .2s;z-index:500;box-shadow:-30px 0 80px -20px rgba(0,0,0,.7);border-radius:24px 0 0 24px;overflow:hidden}
body[data-theme="modern"] #ff7-fullscreen.visible{transform:translateX(0)}
body[data-theme="modern"] #ff7-fullscreen.hiding{transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}
body[data-theme="modern"] #ff7-content-scroll{padding-bottom:70px}
body[data-theme="modern"] #m-home{transition:transform .5s cubic-bezier(.4,0,.2,1),filter .4s}
body[data-theme="modern"].m-fs-open #m-home{transform:translateX(-24vw);filter:brightness(.75);cursor:pointer !important}
body[data-theme="modern"].m-fs-open .m-body{grid-template-columns:210px 1fr 0px}
body[data-theme="modern"].m-fs-open .m-logcol{opacity:0}
body[data-theme="modern"].m-fs-open .m-side{opacity:0;pointer-events:none}
body[data-theme="modern"].m-fs-open .projects-panel{visibility:visible}

/* light: ombre piu' leggere sulle card in orbita */
body[data-theme="modern"][data-mode="light"] .m-card .proj-row{box-shadow:0 0 0 1px rgba(var(--t),.75),inset 0 1px 0 rgba(255,255,255,.5),0 14px 34px -22px rgba(var(--t),.45) !important}
body[data-theme="modern"][data-mode="light"] .m-card .proj-row.selected{box-shadow:0 0 0 1.5px #0B1020,0 0 0 1px rgba(var(--t),.75),0 14px 34px -22px rgba(var(--t),.5) !important}
body[data-theme="modern"] .m-card:not(.p0) .proj-row{box-shadow:0 0 0 1px rgba(var(--t),.55) !important}

/* cruise control: pannello che scorre da destra */
body[data-theme="modern"] #cruise-modal{justify-content:flex-end !important;align-items:stretch !important;background:rgba(0,0,0,.35) !important}
body[data-theme="modern"] .cc-box{width:min(1100px,82vw) !important;max-width:none !important;height:100% !important;max-height:none !important;border-radius:24px 0 0 24px !important;animation:m-slide-in .45s cubic-bezier(.4,0,.2,1)}
@keyframes m-slide-in{from{transform:translateX(60px);opacity:0}to{transform:none;opacity:1}}
/* dock: New project centrale */
body[data-theme="modern"] .m-dock .new{background:var(--m-label);color:var(--m-bg);font-weight:600;padding:9px 18px}
body[data-theme="modern"] .m-dock .new:hover{background:var(--m-label);color:var(--m-bg);opacity:.9}

/* Master plan: si apre sopra le card, a tutta larghezza (non e' una tendina della card) */
body[data-theme="modern"]:has(#ff7-header-box.masterplan-mode) #ff7-fullscreen:not(.m-in-drawer){left:0 !important;right:0 !important;width:100% !important}
body[data-theme="modern"] svg text{font-family:'Reactor7','VT323',monospace !important;letter-spacing:0}
/* Cruise control modernizzato: scorre da destra, orb rosso in alto a sinistra, contenuto scrollabile */
body[data-theme="modern"] .cc-box{width:min(1000px,80vw) !important;height:auto !important;max-height:calc(100vh - 48px) !important;margin:24px 0;overflow:auto !important;border-radius:24px 0 0 24px !important;font-family:var(--m-font) !important}
body[data-theme="modern"] .cc-hdr{background:transparent !important;border-bottom:.5px solid var(--m-sep);padding:14px 18px !important}
body[data-theme="modern"] .cc-hdr > div:first-child span:first-child{display:none}
body[data-theme="modern"] .cc-hdr > div:first-child span{color:var(--m-label) !important;letter-spacing:0 !important;font-weight:600;font-size:15px !important}
body[data-theme="modern"] .cc-close{order:-1;font-size:0 !important;width:22px;height:22px;padding:0 !important;border:none !important;background:var(--m-orb-red) center/contain no-repeat !important;filter:drop-shadow(0 0 6px rgba(255,94,108,.7));margin-right:6px}
body[data-theme="modern"] .cc-card-hdr{cursor:pointer !important}
body[data-theme="modern"] .cc-card-hdr:hover{background:var(--m-hover)}
body[data-theme="modern"] .cc-card-hdr span{color:var(--m-label) !important;letter-spacing:0 !important}
body[data-theme="modern"] .cc-card-hdr span:last-child{color:var(--m-blue) !important}
body[data-theme="modern"] .cc-card > div:not(.cc-card-hdr){background:transparent !important}
body[data-theme="modern"] .cc-box [style*="color:#a0b8ff"],body[data-theme="modern"] .cc-box [style*="color:#8090b8"]{color:var(--m-sec) !important}
body[data-theme="modern"] .cc-box [style*="color:#e0eaff"],body[data-theme="modern"] .cc-box [style*="color:#fff"]{color:var(--m-label) !important}

/* log espanso in loco */
body[data-theme="modern"] .m-card .proj-row-wrap,body[data-theme="modern"] .m-card .proj-item-host{overflow:visible !important}
body[data-theme="modern"] .m-card .proj-row-log.m-tall{position:absolute;z-index:40;margin-left:0;transition:top .35s cubic-bezier(.3,0,.2,1),height .35s cubic-bezier(.3,0,.2,1)}
body[data-theme="modern"] .m-card.m-log-tall .proj-row-wrap{padding-right:310px}
/* master plan: pannello a destra (non a tutto schermo), dock nascosto, testi SVG nitidi */
body[data-theme="modern"]:has(#ff7-header-box.masterplan-mode) #ff7-fullscreen:not(.m-in-drawer){left:auto !important;right:0 !important;width:min(1400px,86vw) !important;border-radius:24px 0 0 24px;overflow:hidden}
body[data-theme="modern"].m-fs-overlay .m-dock,body[data-theme="modern"].m-fs-overlay .m-toast{display:none !important}
body[data-theme="modern"] svg text{-webkit-font-smoothing:none !important;-moz-osx-font-smoothing:auto !important;text-rendering:optimizeSpeed !important}
/* cruise control: niente blur sotto, tessere moderne */
body[data-theme="modern"] #cruise-modal{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(0,0,0,.25) !important}
body[data-theme="modern"] .cc-box{background:var(--m-glass-solid) !important;box-shadow:0 0 0 .5px var(--m-edge2) inset,-30px 0 80px -20px rgba(0,0,0,.7) !important;border:none !important;padding:0 8px 8px}
body[data-theme="modern"] .cc-card{background:var(--m-glass) !important;border:none !important;border-radius:16px !important;box-shadow:0 0 0 .5px var(--m-edge) !important;margin:10px 8px !important;overflow:hidden}
body[data-theme="modern"] .cc-card > div:not(.cc-card-hdr){background:transparent !important;gap:0 !important}
body[data-theme="modern"] .cc-card-hdr{background:rgba(0,0,0,.18) !important;border-bottom:.5px solid var(--m-sep) !important;padding:10px 14px !important}
body[data-theme="modern"] .cc-card-hdr span:first-child{font-family:var(--m-mono) !important;font-weight:700;color:var(--m-blue) !important}
body[data-theme="modern"] .cc-card-hdr span:last-child{font-size:0 !important;width:26px;height:26px;border-radius:999px;background:var(--m-label);position:relative;flex:none}
body[data-theme="modern"] .cc-card-hdr span:last-child::after{content:"→";font-size:13px;color:var(--m-bg);position:absolute;inset:0;display:grid;place-items:center;font-weight:700}
body[data-theme="modern"] .cc-lbl{font-family:var(--m-mono) !important;font-size:9.5px !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--m-ter) !important}
body[data-theme="modern"] .cc-box img{filter:drop-shadow(0 0 5px rgba(255,255,255,.35))}

/* HUD: pulsanti EXPAND ALL / TM / TP adottati dalla topbar */
body[data-theme="modern"] .m-tools{display:flex;gap:6px;margin-left:16px}
body[data-theme="modern"] .m-tools button,body[data-theme="modern"] .m-tools .tmtp-filter-btn,body[data-theme="modern"] .m-tools #item-curt-master-btn{border:none !important;border-radius:999px !important;background:var(--m-glass) !important;box-shadow:0 0 0 .5px var(--m-edge) !important;color:var(--m-sec) !important;font-family:var(--m-mono) !important;font-size:10.5px !important;letter-spacing:.06em !important;padding:5px 10px !important;text-transform:none !important;cursor:pointer !important}
body[data-theme="modern"] .m-tools .tmtp-filter-btn.active,body[data-theme="modern"] .m-tools .tmtp-filter-btn.on,body[data-theme="modern"] .m-tools .tmtp-filter-btn[aria-pressed="true"]{background:var(--m-label) !important;color:var(--m-bg) !important}
/* dettaglio: barra sezioni rapida */
body[data-theme="modern"] .m-secbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px !important;border-bottom:.5px solid var(--m-sep)}
body[data-theme="modern"] .m-sec{font-family:var(--m-font) !important;font-size:11.5px;letter-spacing:0;padding:5px 11px;border-radius:999px;color:var(--m-sec);cursor:pointer !important;background:var(--m-glass);box-shadow:0 0 0 .5px var(--m-edge)}
body[data-theme="modern"] .m-sec:hover{color:var(--m-label);background:var(--m-glass2)}
body[data-theme="modern"] .m-sec.on{background:var(--m-label);color:var(--m-bg);font-weight:600}
body[data-theme="modern"] .m-card.m-init{transition:none !important}

/* pay-box / md-box: larghezza limitata, testo troncato, altezza costante
   (con testi lunghi o molte righe MDO il box cresceva e mangiava le barre date) */
body[data-theme="modern"] .m-card .pay-box{flex:0 1 360px !important;width:auto !important;max-width:360px !important;min-width:220px !important;overflow:hidden}
body[data-theme="modern"] .m-card .md-box{flex:0 0 auto !important;max-width:200px !important;overflow:hidden}
body[data-theme="modern"] .m-card .proj-row .stats > div:first-child{flex:1 1 auto;min-width:0}
body[data-theme="modern"] .m-card .np-text,body[data-theme="modern"] .m-card .md-line,body[data-theme="modern"] .m-card .md-text{white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;min-width:0}
body[data-theme="modern"] .m-card .pay-box > div,body[data-theme="modern"] .m-card .md-box > div{min-width:0}
body[data-theme="modern"] .m-card .pay-box .mdo-tabs,body[data-theme="modern"] .m-card .pay-box [class*="mdo"]{flex-wrap:nowrap;overflow:hidden}

/* avvio: evita il lampo della home originale prima che l'orbita sia montata */
html.m-booting body[data-theme="modern"] .topbar,html.m-booting body[data-theme="modern"] .main-area{opacity:0 !important;pointer-events:none}
/* la tendina item in tendina laterale non deve avere altezza animata */
body[data-theme="modern"] .m-drawer .item-curt-host.m-in-drawer{transition:none !important}
body[data-theme="modern"] .m-card .proj-item-host:not(.curt-open) > .item-curt-host{height:0 !important;overflow:hidden !important}

/* ---------------------------------------------------------------------------
   16. DETTAGLIO (proposta A): rail verticale + sezioni distinte
   ------------------------------------------------------------------------- */
body[data-theme="modern"] .m-drawer-details{display:flex;flex-direction:row}
body[data-theme="modern"] .m-rail{width:186px;flex:none;border-right:.5px solid var(--m-sep);padding:10px 8px;display:flex;flex-direction:column;gap:2px;background:rgba(0,0,0,.2);overflow:auto}
body[data-theme="modern"][data-mode="light"] .m-rail{background:rgba(11,16,32,.05)}
body[data-theme="modern"] .m-rail-top{display:flex;align-items:center;gap:10px;padding:4px 6px 12px;font-family:var(--m-mono) !important;font-size:10.5px;letter-spacing:.1em;color:var(--m-ter)}
body[data-theme="modern"] .m-rail-x{cursor:pointer !important;display:flex;filter:drop-shadow(0 0 6px rgba(255,94,108,.7))}
body[data-theme="modern"] .m-rail-x img{width:18px;height:18px}
body[data-theme="modern"] .m-rail-s{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;color:var(--m-sec);font-size:12.5px;cursor:pointer !important;white-space:nowrap;overflow:hidden}
body[data-theme="modern"] .m-rail-s svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
body[data-theme="modern"] .m-rail-s:hover{background:var(--m-hover);color:var(--m-label)}
body[data-theme="modern"] .m-rail-s.on{background:var(--m-label);color:var(--m-bg);font-weight:600}
body[data-theme="modern"] .m-drawer-details .m-drawer-body{border-radius:0}
/* sezioni della vista EXPAND ALL: riquadri distinti */
body[data-theme="modern"] #ff7-content-scroll{padding:14px 16px 70px !important;display:flex;flex-direction:column;gap:14px}
body[data-theme="modern"] [id^="ff7-sec-"]{border:none !important;border-radius:16px;background:rgba(255,255,255,.035) !important;box-shadow:0 0 0 .5px var(--m-sep);overflow:hidden}
body[data-theme="modern"][data-mode="light"] [id^="ff7-sec-"]{background:rgba(255,255,255,.5) !important}
body[data-theme="modern"] [id^="ff7-sec-"] > div:first-child{background:rgba(0,0,0,.24) !important;border-bottom:.5px solid var(--m-sep) !important;padding:9px 16px !important;font-family:var(--m-mono) !important;font-size:10px !important;letter-spacing:.12em !important;color:var(--m-ter) !important}
body[data-theme="modern"][data-mode="light"] [id^="ff7-sec-"] > div:first-child{background:rgba(11,16,32,.06) !important}
body[data-theme="modern"] [id^="ff7-sec-"] > div:not(:first-child){padding:14px 16px}
body[data-theme="modern"] [id^="ff7-sec-"].m-sec-on{box-shadow:0 0 0 .5px var(--m-sep),inset 3px 0 0 var(--m-blue)}
/* ---------------------------------------------------------------------------
   17. SPLASH di avvio: anello materia
   ------------------------------------------------------------------------- */
body[data-theme="modern"] #m-splash{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:var(--m-bg);transition:opacity .4s}
body[data-theme="modern"] #m-splash.out{opacity:0;pointer-events:none}
body[data-theme="modern"] .m-splash-core{position:relative;width:130px;height:130px;display:grid;place-items:center}
body[data-theme="modern"] .m-splash-ring3{position:absolute;inset:0;border-radius:50%;
 background:conic-gradient(from 0deg,transparent 0 68%,rgba(92,225,255,.18) 74%,var(--m-cyan) 100%);
 -webkit-mask:radial-gradient(circle,transparent 56px,#000 57px);mask:radial-gradient(circle,transparent 56px,#000 57px);
 animation:m-spin 1.5s linear infinite;filter:drop-shadow(0 0 10px rgba(92,225,255,.5))}
@keyframes m-spin{to{transform:rotate(360deg)}}
body[data-theme="modern"] .m-splash-dot{width:36px;height:36px;border-radius:50%;
 background:radial-gradient(circle at 34% 30%,#d9f4ff,var(--m-cyan) 55%,#08506a 100%);
 box-shadow:0 0 28px -2px rgba(92,225,255,.9),inset 0 0 12px rgba(255,255,255,.4);
 animation:m-breathe 2.4s ease-in-out infinite}
@keyframes m-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
body[data-theme="modern"] .m-splash-txt{font-family:var(--m-mono) !important;font-size:13px;letter-spacing:.42em;color:var(--m-sec);text-indent:.42em}
@media (prefers-reduced-motion:reduce){body[data-theme="modern"] .m-splash-ring3,body[data-theme="modern"] .m-splash-dot{animation:none}}

/* progetti chiusi e compressi (row-slim): log ridotto ma visibile, niente tasti laterali */
body[data-theme="modern"] .m-card .proj-row-wrap.row-slim{align-items:flex-start}
body[data-theme="modern"] .m-card .proj-row-wrap.row-slim .proj-row-log{display:flex !important;height:auto !important;min-height:64px !important;max-height:64px !important;align-self:flex-start}
body[data-theme="modern"] .m-card .proj-row-wrap.row-slim .proj-row-log .log-overlay{font-size:11px;padding-top:2px}
body[data-theme="modern"] .m-card .proj-row-wrap.row-slim .log-expand-btn{width:20px;height:20px;font-size:11px !important;top:3px !important;left:3px !important}
body[data-theme="modern"] .m-card:has(.proj-row-wrap.row-slim) .m-side{display:none !important}

/* i tasti ITEMS / DETAILS restano visibili anche sui progetti chiusi/compressi */
body[data-theme="modern"] .m-card .m-side{top:50%;transform:translateY(-50%);visibility:visible !important;display:flex !important}
body[data-theme="modern"] .m-card.p0 .m-side{opacity:1}
body[data-theme="modern"] .m-card .proj-item-host,body[data-theme="modern"] .m-card .proj-row-wrap{overflow:visible !important}

/* autoscroll stile Excel (click rotella) */
body[data-theme="modern"].m-autoscroll,body[data-theme="modern"].m-autoscroll *{cursor:all-scroll !important}
body[data-theme="modern"] .m-auto-dot{position:fixed;z-index:800;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);box-shadow:0 0 0 1px var(--m-edge),0 0 18px -4px var(--m-blue)}
body[data-theme="modern"] .m-auto-dot::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--m-blue);box-shadow:0 0 10px var(--m-blue)}

/* chiusura finestre: sempre l'orb rosso (mai la X) */
body[data-theme="modern"] .modal-close-btn,
body[data-theme="modern"] #tp-file-modal-close,
body[data-theme="modern"] #ff7-preview-close,
body[data-theme="modern"] #lh-close,
body[data-theme="modern"] .cc-close,
body[data-theme="modern"] [onclick*="closeAiChat"],
body[data-theme="modern"] [onclick*="closePreviewPopup"],
body[data-theme="modern"] [onclick*="closeCruise"],
body[data-theme="modern"] [onclick*="closeSettings"],
body[data-theme="modern"] [onclick*="classList.remove('open')"],
body[data-theme="modern"] [onclick*="classList.remove(&quot;open&quot;)"],
body[data-theme="modern"] [onclick*="style.display='none'"],
body[data-theme="modern"] [onclick*="remove()"][title*="hiud"],
body[data-theme="modern"] [id$="-close"],body[data-theme="modern"] [id^="close-"],
body[data-theme="modern"] [class$="-close"],body[data-theme="modern"] [class*="close-btn"],
body[data-theme="modern"] [onclick*="classList.remove('open')"].modal-close-btn{
 font-size:0 !important;line-height:0 !important;width:22px !important;height:22px !important;min-width:22px;padding:0 !important;
 border:none !important;background:var(--m-orb-red) center/contain no-repeat !important;box-shadow:none !important;
 filter:drop-shadow(0 0 6px rgba(255,94,108,.7));cursor:pointer !important;flex:none;border-radius:50%}
body[data-theme="modern"] [onclick*="closeAiChat"]:hover,body[data-theme="modern"] [id$="-close"]:hover,
body[data-theme="modern"] .modal-close-btn:hover,body[data-theme="modern"] #tp-file-modal-close:hover,
body[data-theme="modern"] #ff7-preview-close:hover,body[data-theme="modern"] #lh-close:hover,
body[data-theme="modern"] .cc-close:hover{filter:drop-shadow(0 0 10px rgba(255,94,108,1));transform:scale(1.08)}
/* le X di riga (elimina item, pagamento, deliverable, file) restano X: non sono chiusure di finestra */

body[data-theme="modern"] .m-drawer-details #ff7-back-btn{display:none !important}

/* nel dettaglio l'unica chiusura e' l'orb del rail: nascondo il "back" originale */
body[data-theme="modern"] .m-drawer-details #ff7-back-btn{display:none !important}
body[data-theme="modern"] .m-drawer-details #ff7-char-area > div:first-child{padding-left:0}

/* eccezioni: non sono chiusure di finestra */
body[data-theme="modern"] .pay-del,body[data-theme="modern"] .ic-del,body[data-theme="modern"] .it-del,
body[data-theme="modern"] .df-del,body[data-theme="modern"] .ff7-deliv-del,body[data-theme="modern"] .deliv-del,
body[data-theme="modern"] .vs-pay-del,body[data-theme="modern"] .m-rail-x img,body[data-theme="modern"] .m-drawer-x img{
 font-size:inherit !important;line-height:inherit !important;width:auto !important;height:auto !important;background-image:none !important}
body[data-theme="modern"] .m-rail-x img,body[data-theme="modern"] .m-drawer-x img{width:18px !important;height:18px !important}

/* orb di chiusura iniettato nelle finestre che non ne avevano uno */
body[data-theme="modern"] .m-orb-close{position:absolute;top:12px;left:14px;width:18px;height:18px;cursor:pointer !important;z-index:20;display:flex;filter:drop-shadow(0 0 6px rgba(255,94,108,.7))}
body[data-theme="modern"] .m-orb-close img{width:18px;height:18px}
body[data-theme="modern"] .m-orb-close:hover{transform:scale(1.1)}

/* ---------------------------------------------------------------------------
   18. DETTAGLIO: la testata e' la stessa card della home (vetro tinto di fase)
   ------------------------------------------------------------------------- */
body[data-theme="modern"] .m-drawer-details #ff7-header-box{--t:var(--c-b);margin:12px 14px 0;border-radius:20px !important;border:none !important;
 background:linear-gradient(120deg,rgba(var(--t),.62) 0%,rgba(var(--t),.30) 45%,rgba(var(--t),.12) 100%) !important;
 box-shadow:0 0 0 1px rgba(var(--t),.8),inset 0 1px 0 rgba(255,255,255,.22) !important;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
body[data-theme="modern"][data-mode="light"] .m-drawer-details #ff7-header-box{background:linear-gradient(120deg,rgba(var(--t),.8) 0%,rgba(var(--t),.48) 45%,rgba(var(--t),.22) 100%) !important}
body[data-theme="modern"] .m-drawer-details #ff7-header-box.phase-green{--t:var(--c-g)}
body[data-theme="modern"] .m-drawer-details #ff7-header-box.phase-red{--t:var(--c-r)}
body[data-theme="modern"] .m-drawer-details #ff7-header-box.phase-grey{--t:var(--c-k)}
body[data-theme="modern"] .m-drawer-details #ff7-header-box #ff7-stat-name,
body[data-theme="modern"] .m-drawer-details #ff7-header-box.phase-green #ff7-stat-name,
body[data-theme="modern"] .m-drawer-details #ff7-header-box.phase-red #ff7-stat-name{color:#fff !important}
body[data-theme="modern"] .m-drawer-details #ff7-header-box .lv-lbl,body[data-theme="modern"] .m-drawer-details #ff7-header-box .val-lbl,
body[data-theme="modern"] .m-drawer-details #ff7-header-box .date-lbl,body[data-theme="modern"] .m-drawer-details #ff7-header-box .date-lbl sub,
body[data-theme="modern"] .m-drawer-details #ff7-header-box .pay-box-label,body[data-theme="modern"] .m-drawer-details #ff7-header-box .md-box-label,
body[data-theme="modern"] .m-drawer-details #ff7-header-box .md-type{color:rgba(255,255,255,.72) !important}
body[data-theme="modern"] .m-drawer-details #ff7-header-box .lv-val,body[data-theme="modern"] .m-drawer-details #ff7-header-box .val-num,
body[data-theme="modern"] .m-drawer-details #ff7-header-box .date-nums,body[data-theme="modern"] .m-drawer-details #ff7-header-box .np-text,
body[data-theme="modern"] .m-drawer-details #ff7-header-box .md-line,body[data-theme="modern"] .m-drawer-details #ff7-header-box .md-days,
body[data-theme="modern"] .m-drawer-details #ff7-header-box #ff7-port-code,body[data-theme="modern"] .m-drawer-details #ff7-header-box #ff7-stat-cod{color:#fff !important}
body[data-theme="modern"] .m-drawer-details #ff7-header-box .pay-box,body[data-theme="modern"] .m-drawer-details #ff7-header-box .md-box{background:rgba(0,0,0,.26) !important;box-shadow:0 0 0 .5px rgba(255,255,255,.28) !important}
body[data-theme="modern"] .m-drawer-details #ff7-header-box .val-track,body[data-theme="modern"] .m-drawer-details #ff7-header-box .date-track{background:rgba(0,0,0,.32) !important;box-shadow:none}
body[data-theme="modern"] .m-drawer-details #ff7-header-box #ff7-portrait-el{background:rgba(0,0,0,.28) !important;box-shadow:0 0 0 .5px rgba(255,255,255,.35) !important}
body[data-theme="modern"] .m-drawer-details #ff7-header-box .del-badge-label{color:#fff !important}
body[data-theme="modern"] .m-drawer-details #ff7-proj-switcher{background:rgba(0,0,0,.28) !important;box-shadow:0 0 0 .5px rgba(255,255,255,.3) !important}
body[data-theme="modern"] .m-drawer-details #ff7-proj-switcher-label,body[data-theme="modern"] .m-drawer-details #ff7-proj-switcher-arrow{color:rgba(255,255,255,.85) !important}
body[data-theme="modern"] .m-drawer-details #ff7-top-wrapper{display:none !important}
body[data-theme="modern"] .m-drawer-details #ff7-kom-tabs{margin:10px 14px 0;border-radius:999px;padding:4px;background:var(--m-glass);box-shadow:0 0 0 .5px var(--m-edge)}