/* Civitas Nexus AI V3.8.20 · PANNELLO COMANDI UNICO e MENU A SINISTRA RICHIUDIBILE */
/* pulsante a tendina nell'intestazione della sala */
.hub-toggle{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:7px 14px;border-radius:12px;border:1px solid rgba(84,224,255,.45);background:linear-gradient(135deg,rgba(18,63,108,.95),rgba(9,30,56,.95));color:#eaf6ff;font:700 13px/1.1 inherit;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:border-color .2s,box-shadow .2s}
.hub-toggle:hover,.hub-toggle:focus-visible{border-color:#54e0ff;box-shadow:0 0 0 1px rgba(84,224,255,.35),0 8px 22px rgba(0,0,0,.3);outline:none}
.hub-toggle.has-hot{border-color:rgba(255,180,84,.8)}
.hub-label{white-space:nowrap}.hub-burger{display:inline-grid;gap:3px}.hub-burger i{display:block;width:15px;height:2px;border-radius:2px;background:#7fe0ff}
.hub-alert{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid rgba(160,220,255,.35);color:#cfe8fa;white-space:nowrap}
.hub-alert.hot{border-color:#ffb454;color:#ffd27a;background:rgba(255,180,84,.12)}
.hub-alert.live{border-color:#36f096;color:#7ff2d0}
.hub-caret{font-size:11px;transition:transform .2s;color:#7fe0ff}.hub-toggle.is-open .hub-caret{transform:rotate(180deg)}
/* pannello */
.cmd-hub{display:none;margin:0 18px 12px;border:1px solid rgba(84,224,255,.3);border-radius:16px;background:linear-gradient(160deg,rgba(10,32,58,.97),rgba(6,20,40,.97));box-shadow:0 14px 34px rgba(0,0,0,.35);overflow:hidden}
.cmd-hub.is-open{display:block;animation:hub-in .18s ease-out}
@keyframes hub-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hub-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(84,224,255,.15);font-size:12px;color:#a9c4dc}
.hub-close{border:1px solid rgba(160,220,255,.35);background:transparent;color:#cfe8fa;border-radius:9px;padding:5px 10px;font:600 12px inherit;cursor:pointer}.hub-close:hover{border-color:#54e0ff;color:#fff}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;padding:12px;align-items:start}
.hub-sec{border:1px solid rgba(110,200,255,.18);border-radius:12px;background:rgba(4,16,32,.55);min-width:0}
.hub-sec[open]{border-color:rgba(84,224,255,.38)}
.hub-sec>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:10px 12px;cursor:pointer;user-select:none}
.hub-sec>summary::-webkit-details-marker{display:none}
.hub-sec>summary:hover{background:rgba(84,224,255,.06)}
.hub-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#22ad58,#1b6fd1);font-size:13px;flex:0 0 auto}
.hub-sec>summary b{font-size:13px;color:#eaf6ff}.hub-sec>summary em{font-style:normal;font-size:11px;color:#8fb0cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hub-chev{margin-left:auto;font-size:11px;color:#7fe0ff;transition:transform .2s}.hub-sec[open] .hub-chev{transform:rotate(180deg)}
.hub-body{padding:2px 12px 12px}
.hub-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.hub-body .office-cmds,.hub-body .mail-strip,.hub-body .conti-strip,.hub-body .festa-strip{margin:0;border:0;background:none;padding:0;box-shadow:none;flex-wrap:wrap}
.hub-body .cmd-label{display:none}
.hub-person{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15}.hub-person small{font-size:10px;color:#8fb0cc;font-weight:500}
.hub-note{margin:8px 0 0;font-size:11px;color:#8fb0cc}
.hub-v3d{display:none}.live-section.is-3d .hub-v3d{display:flex}
:root[data-theme="light"] .cmd-hub{background:linear-gradient(160deg,#f4f9fd,#e8f2fa);border-color:rgba(32,95,144,.3)}
:root[data-theme="light"] .hub-sec{background:#fff;border-color:rgba(32,95,144,.18)}
:root[data-theme="light"] .hub-sec>summary b,:root[data-theme="light"] .hub-head{color:#09213b}
@media (max-width:700px){.hub-grid{grid-template-columns:1fr}.hub-alert{display:none}.cmd-hub{margin:0 10px 10px}}
@media (prefers-reduced-motion:reduce){.cmd-hub.is-open{animation:none}}

/* menu a sinistra: si chiude e si riapre con un clic (pulsante ☰ in alto o « nel menu); la scelta viene ricordata */
.side-close{display:none;position:absolute;top:12px;right:10px;width:30px;height:30px;border-radius:9px;border:1px solid rgba(160,220,255,.3);background:rgba(8,26,48,.8);color:#bfe9ff;font:700 15px/1 inherit;cursor:pointer;z-index:2}
.side-close:hover{border-color:#54e0ff;color:#fff}
@media (min-width:901px){
  .hamburger{display:grid!important}
  .side-close{display:grid;place-items:center}
  .sidebar{transition:transform .25s ease}
  .main{transition:margin-left .25s ease,width .25s ease}
  body.side-closed .sidebar{transform:translateX(-105%)}
  body.side-closed .main{width:100%;margin-left:0}
}
/* V3.8.21 · frecce della tastiera per spostare la persona selezionata */
.cmd-keys{display:inline-flex;align-items:center;gap:2px;margin-left:6px;font-size:11px;color:var(--muted,#9cc3dd);white-space:nowrap;cursor:help}
.cmd-keys kbd{font:700 10px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;min-width:16px;text-align:center;padding:3px 4px 2px;border:1px solid rgba(127,178,211,.55);border-bottom-width:2px;border-radius:4px;background:rgba(10,30,50,.55);color:#d8ecff}
html[data-theme="light"] .cmd-keys kbd,body.light .cmd-keys kbd{background:#f2f6fa;color:#1d3550;border-color:#9fb6c9}