
*{box-sizing:border-box}
:root{--navy:#0b2f70;--blue:#1677ff;--green:#1e9b4b;--bg:#f5f8fc;--card:#fff;--text:#0e2b59;--muted:#667a99;--border:#dce6f2}
html,body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text)}
button,input{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:185px 1fr}.sidebar{background:#fff;border-right:1px solid var(--border);padding:18px 10px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.logo-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 8px 18px}.brand-logo{display:block;width:132px;max-width:100%;height:auto;object-fit:contain}.logo-subline{font-size:9px;letter-spacing:.11em;color:#238d48;font-weight:900;text-align:center}.menu{display:grid;gap:5px}.menu-item{border:0;background:transparent;padding:11px 10px;border-radius:10px;text-align:left;color:#17335f;cursor:pointer;font-weight:600}.menu-item.active,.menu-item:hover{background:#eaf3ff;color:#0667e8}
.voice-mini{margin-top:auto;border:1px solid #75d4a1;border-radius:14px;padding:14px;text-align:center;background:linear-gradient(180deg,#fff,#f6fffa)}.voice-mini-title{font-size:10px;color:#2e8b57;font-weight:900}.mini-mic{width:40px;height:40px;border-radius:50%;border:0;background:#eef6ff;margin:10px 0 6px;cursor:pointer}.voice-mini strong,.voice-mini small{display:block}.voice-mini small{margin-top:6px;color:var(--muted);font-size:11px}
.main{min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.crumb span{display:block;font-size:10px;letter-spacing:.12em;color:#7787a0;font-weight:800}.crumb strong{font-size:16px}.topbar-actions{display:flex;align-items:center;gap:10px}
.search{display:flex;border:1px solid #cfd9e6;border-radius:8px;overflow:hidden;background:#fff;width:350px}.search input{border:0;outline:0;flex:1;padding:10px 12px;font-size:12px}.search button{border:0;background:#fff;padding:0 12px}.round-btn{width:38px;height:38px;border-radius:50%;border:0;background:#eef5ff;cursor:pointer}.profile{display:flex;align-items:center;gap:9px}.profile strong,.profile small{display:block}.profile small{font-size:11px;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9f2ff;font-weight:800}
.view{display:none}.active-view{display:block}#dashboard{padding:14px 16px 24px}.control-room{background:#fff;border:1px solid var(--border);border-left:4px solid #1b9c55;border-radius:8px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.1em;font-weight:900;color:#1656a8}.control-room h1{margin:5px 0 4px;color:#157b39;font-size:26px}.control-room p{margin:0;color:#526b90;font-size:13px}
.outline-btn,.primary-btn{border-radius:7px;padding:10px 13px;font-weight:700;cursor:pointer;font-size:12px}.outline-btn{border:1px solid #bcd0ea;background:#fff;color:#086bf2}.primary-btn{border:1px solid #1677ff;background:#1677ff;color:#fff}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:14px}.right-zone{display:grid;gap:14px;align-content:start}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.kpi{padding:15px;display:flex;gap:12px;align-items:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:105px}.kpi:nth-child(4n){border-right:0}
.kpi-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900}.kpi-icon.blue{background:#e8f2ff;color:#1370ee}.kpi-icon.teal{background:#e7f9fb;color:#10a7b7}.kpi-icon.green{background:#e9f9ef;color:#20a552}.kpi-icon.violet{background:#f1e9ff;color:#8c4dde}.kpi-icon.orange{background:#fff1e6;color:#f28b2c}.kpi-icon.red{background:#ffeaea;color:#e84c4c}.kpi span{font-size:9px;color:#687c9a;font-weight:900}.kpi strong{display:block;font-size:22px;margin:4px 0}.kpi small{font-size:10px;color:#5b6f8e}
.crm-card,.voice-card,.donut-card,.activity-card{background:#fff;border:1px solid var(--border);border-radius:8px}.crm-card{margin-top:14px;padding:14px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-head h2{font-size:18px;margin:4px 0}.head-actions{display:flex;gap:8px}.tabs{display:flex;gap:8px;margin:14px 0 10px;flex-wrap:wrap}.tab{border:1px solid #d9e4f0;background:#f6f9fc;border-radius:6px;padding:8px 14px;color:#1d4f91}.tab b{margin-left:4px}.tab.active{background:#edf5ff;color:#0667e8}.tab.amber{background:#fff9e7;color:#d99300}.tab.orange{background:#fff1e8;color:#ef7d22}.tab.blue{background:#eaf4ff;color:#1677ff}.tab.green{background:#eafaf0;color:#1b9e51}.tab.mint{background:#e8fbf7;color:#119d84}
.table-wrap{overflow:auto;border:1px solid #e3ebf4;border-radius:6px}table{width:100%;border-collapse:collapse;font-size:11px;min-width:900px}th{background:#f8fafc;color:#3e5475;font-size:9px;text-align:left;padding:10px}td{padding:10px;border-top:1px solid #edf1f5;color:#445d7d}td strong{display:block;color:#123b76}td small{display:block;color:#6c7f99;margin-top:3px}.badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:10px;border:1px solid}.badge.amber{background:#fff8df;color:#d68a00}.badge.orange{background:#fff0e5;color:#ef7c1b}.badge.green{background:#e9fbef;color:#159246}.badge.blue{background:#eaf4ff;color:#1677ff}.actions button{border:1px solid #dce6f2;background:#fff;border-radius:5px;padding:6px 8px;margin-right:4px}.actions .approve{background:#0875ee;color:#fff}
.voice-card,.donut-card,.activity-card{padding:15px}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:78px}.wave span{width:3px;border-radius:3px;background:linear-gradient(#6ed6ff,#b990ff);height:18px}.wave span:nth-child(2),.wave span:nth-child(5){height:30px}#voiceOrb{width:62px;height:62px;border-radius:50%;border:2px solid #5a8cff;background:#fff;font-size:25px;margin:0 8px;cursor:pointer}.voice-card strong{display:block;text-align:center}.suggestions{display:grid;gap:7px;margin-top:10px}.suggestions button{border:1px solid #dce6f2;background:#fff;border-radius:6px;padding:8px;text-align:left;font-size:11px}.voice-card>small{display:block;color:#0875ee;margin-top:12px}
.donut-wrap{display:flex;align-items:center;gap:14px}.donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(#f6c443 0 27%,#f69a3a 27% 38%,#58a7f2 38% 78%,#6bd5b0 78% 91%,#44b883 91% 100%);display:grid;place-items:center;position:relative}.donut:before{content:'';position:absolute;width:70px;height:70px;background:#fff;border-radius:50%}.donut div{position:relative;text-align:center}.donut strong,.donut small{display:block}.legend{display:grid;gap:8px;flex:1}.legend span{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:10px}.legend i{width:7px;height:7px;border-radius:50%}.c1{background:#f6c443}.c2{background:#f69a3a}.c3{background:#58a7f2}.c4{background:#6bd5b0}
.activity-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f5}.activity-item strong,.activity-item small{display:block}.activity-item small{font-size:10px;color:#7b8ca4}.simple{padding:25px}.listening{animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.05);box-shadow:0 0 0 12px rgba(22,119,255,.1)}}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.right-zone{grid-template-columns:repeat(3,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.dashboard-grid{grid-template-columns:1fr}.right-zone{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr}.control-room,.card-head{flex-direction:column;align-items:flex-start}.search{width:220px}}

/* ===== LEAD PAGE ===== */
.lead-page{padding:28px}.lead-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lead-header h1{margin:5px 0;font-size:30px;color:#0e2b59}.lead-header p{margin:0;color:#667a99}.lead-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.lead-stat{background:#fff;border:1px solid #dce6f2;border-radius:12px;padding:20px}.lead-stat span{display:block;font-size:10px;font-weight:800;color:#667a99;margin-bottom:8px}.lead-stat strong{font-size:30px;color:#0b2f70}.lead-test-card{background:#fff;border:1px solid #dce6f2;border-left:5px solid #1e9b4b;border-radius:12px;padding:22px;display:flex;justify-content:space-between;align-items:center}.lead-test-card h3{margin:10px 0 5px;color:#0e2b59}.lead-test-card p{margin:0;color:#667a99}.lead-test-actions{display:flex;gap:10px}

/* ===== MODALE NUOVO LEAD ===== */
.crm-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,32,70,.45);z-index:9999;align-items:center;justify-content:center;padding:20px}.crm-modal.active{display:flex}.crm-modal-box{width:100%;max-width:720px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(13,45,95,.22);overflow:hidden;border:1px solid #dce6f2}.crm-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 26px 18px;border-bottom:1px solid #e6edf6}.crm-modal-header h2{margin:4px 0 5px;font-size:26px;color:#0e2b59}.crm-modal-header p{margin:0;color:#667a99}.modal-close{width:38px;height:38px;border:none;border-radius:50%;background:#f1f5fa;color:#0e2b59;font-size:24px;cursor:pointer}.modal-close:hover{background:#e3ebf6}.crm-form{padding:24px 26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.form-group label{font-size:12px;font-weight:800;color:#37547c}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #cfdae8;border-radius:10px;padding:12px 13px;font-size:14px;font-family:inherit;color:#0e2b59;background:#fff;box-sizing:border-box;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.1)}.form-group textarea{resize:vertical;min-height:95px}.crm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px 24px;border-top:1px solid #e6edf6;background:#f8fbff}

#savedLeadsList{display:flex;flex-direction:column;gap:14px;margin-top:14px}.lead-meta{font-size:12px;color:#8090a8;margin-top:6px}.lead-empty{padding:24px;border:1px dashed #cbd8e8;border-radius:12px;text-align:center;color:#6d7f98;background:#fbfdff}

@media(max-width:900px){.lead-stats{grid-template-columns:repeat(2,1fr)}.lead-header,.lead-test-card{flex-direction:column;align-items:flex-start;gap:15px}}@media(max-width:700px){.crm-modal-box{max-height:92vh;overflow-y:auto}.form-row{grid-template-columns:1fr;gap:0}}

/* ===== ASSISTENTE VOCALE V1 / SCHEDA LEAD ===== */
.lead-detail-box{max-width:760px}.lead-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:24px 26px 10px}.detail-card{border:1px solid #dce6f2;border-radius:12px;padding:16px;background:#fbfdff}.detail-card span,.lead-detail-notes>span{display:block;font-size:10px;letter-spacing:.08em;font-weight:900;color:#667a99;margin-bottom:7px}.detail-card strong{font-size:15px;color:#0e2b59;word-break:break-word}.lead-detail-notes{margin:8px 26px 22px;padding:18px;border:1px solid #dce6f2;border-left:4px solid #1e9b4b;border-radius:12px;background:#fff}.lead-detail-notes p{margin:0 0 10px;color:#385474;line-height:1.5}.lead-detail-notes small{color:#8090a8}.search input{transition:.2s}.search input:focus{background:#f8fbff}.lead-detail-modal.active{display:flex}@media(max-width:700px){.lead-detail-grid{grid-template-columns:1fr}}

/* =========================================================
   CIVITAS NEXUS AI CRM — ASSISTENTE V2
   Scheda lead evoluta + risultati assistente
   ========================================================= */
.assistant-status-panel{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid #dce6f2;
  border-radius:12px;
  background:#f8fbff;
  color:#37547c;
  font-size:12px;
  line-height:1.5;
}
.assistant-status-panel strong{color:#0e2b59;}
.lead-detail-box{max-width:900px;}
.lead-detail-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:16px 26px;
  border-bottom:1px solid #e6edf6;
  background:#fbfdff;
}
.lead-detail-toolbar button{white-space:nowrap;}
.lead-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  padding:22px 26px 10px;
}
.detail-card{
  border:1px solid #dce6f2;
  border-radius:12px;
  padding:14px;
  background:#fff;
  min-width:0;
}
.detail-card span,
.lead-detail-notes > span,
.lead-detail-timeline > span,
.lead-edit-panel label{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  color:#6a7e9c;
  margin-bottom:7px;
}
.detail-card strong{
  display:block;
  color:#0e2b59;
  font-size:14px;
  overflow-wrap:anywhere;
}
.lead-detail-notes,
.lead-detail-timeline,
.lead-edit-panel{
  margin:12px 26px 0;
  padding:16px;
  border:1px solid #dce6f2;
  border-radius:12px;
  background:#fff;
}
.lead-detail-notes p{margin:0 0 8px;color:#37547c;line-height:1.55;}
.lead-detail-notes small{color:#7b8ca7;}
.lead-timeline-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:10px 0;
  border-bottom:1px solid #eef3f8;
}
.lead-timeline-item:last-child{border-bottom:0;}
.lead-timeline-dot{
  width:10px;height:10px;border-radius:50%;background:#1e9b4b;margin-top:5px;flex:0 0 auto;
}
.lead-timeline-item strong{display:block;color:#0e2b59;font-size:13px;}
.lead-timeline-item small{display:block;color:#7b8ca7;margin-top:3px;}
.lead-edit-panel{display:none;background:#f8fbff;}
.lead-edit-panel.active{display:block;}
.lead-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.lead-edit-panel input,
.lead-edit-panel select,
.lead-edit-panel textarea{
  width:100%;box-sizing:border-box;border:1px solid #cfdae8;border-radius:9px;padding:10px 11px;font-family:inherit;color:#0e2b59;background:#fff;
}
.lead-edit-panel textarea{min-height:80px;resize:vertical;}
.lead-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;}
.crm-toast{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:12000;
  background:#0e2b59;
  color:#fff;
  border-radius:12px;
  padding:13px 16px;
  box-shadow:0 14px 36px rgba(14,43,89,.22);
  font-size:13px;
  max-width:360px;
}
.command-result-list{
  margin-top:14px;
  display:grid;
  gap:10px;
}
.command-result-card{
  border:1px solid #dce6f2;
  border-radius:12px;
  padding:13px 14px;
  background:#fff;
  cursor:pointer;
}
.command-result-card:hover{background:#f8fbff;}
.command-result-card strong{display:block;color:#0e2b59;font-size:13px;}
.command-result-card small{display:block;color:#6a7e9c;margin-top:4px;}
@media(max-width:850px){
  .lead-detail-grid{grid-template-columns:1fr 1fr;}
  .lead-edit-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .lead-detail-grid{grid-template-columns:1fr;}
  .lead-detail-toolbar{padding:14px 18px;}
  .lead-detail-notes,.lead-detail-timeline,.lead-edit-panel{margin-left:18px;margin-right:18px;}
}

/* =========================================================
   CIVITAS NEXUS AI — FUTURE INTERFACE V3
   ========================================================= */
body{
  background:
    radial-gradient(circle at 82% 9%, rgba(77,159,255,.10), transparent 24%),
    radial-gradient(circle at 20% 88%, rgba(47,210,160,.08), transparent 28%),
    var(--bg);
}

.control-room{
  position:relative;
  overflow:hidden;
  background:linear-gradient(110deg,#ffffff 0%,#f7fbff 62%,#f1fff9 100%);
  box-shadow:0 8px 26px rgba(19,71,128,.07);
}
.control-room:after{
  content:"";
  position:absolute;
  right:-50px;
  top:-85px;
  width:230px;
  height:230px;
  border-radius:50%;
  border:1px solid rgba(34,129,255,.12);
  box-shadow:0 0 0 28px rgba(34,129,255,.03),0 0 0 58px rgba(31,200,137,.025);
  pointer-events:none;
}

.kpi,.crm-card,.voice-card,.donut-card,.activity-card{
  box-shadow:0 9px 28px rgba(25,73,128,.055);
}

.voice-card-future{
  position:relative;
  overflow:hidden;
  min-height:355px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.98)),
    #fff;
  border:1px solid #d8e8f7;
  box-shadow:0 16px 38px rgba(15,72,138,.11);
}
.voice-card-future:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(65,146,255,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(65,146,255,.035) 1px, transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
  pointer-events:none;
}
.ai-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  z-index:2;
}
.ai-online{
  display:inline-flex;
  gap:6px;
  align-items:center;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#159563;
  border:1px solid #cdeee1;
  background:#effcf7;
  border-radius:999px;
  padding:5px 8px;
}
.ai-online i{
  width:6px;height:6px;border-radius:50%;background:#25c789;
  box-shadow:0 0 9px rgba(37,199,137,.8);
  animation:aiBlink 1.8s ease-in-out infinite;
}
.ai-agent-stage{
  height:165px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:700px;
  margin-top:6px;
}
.ai-grid-floor{
  position:absolute;
  width:210px;
  height:72px;
  bottom:4px;
  border-radius:50%;
  background:
    repeating-radial-gradient(ellipse at center,rgba(61,145,255,.11) 0 1px,transparent 1px 13px),
    linear-gradient(90deg,transparent 49%,rgba(53,174,223,.14) 50%,transparent 51%);
  transform:rotateX(68deg);
  filter:blur(.2px);
  opacity:.85;
}
.ai-orb{
  position:relative;
  z-index:6;
  width:88px;
  height:88px;
  border:0;
  border-radius:50%;
  cursor:pointer;
  padding:0;
  color:white;
  background:
    radial-gradient(circle at 31% 25%,rgba(255,255,255,.98) 0 5%,rgba(166,226,255,.88) 8%,transparent 18%),
    radial-gradient(circle at 38% 32%,#81e6ff 0%,#388fff 30%,#5a4ce8 58%,#113a9d 78%,#061942 100%);
  box-shadow:
    inset -15px -18px 28px rgba(2,14,70,.42),
    inset 12px 12px 22px rgba(255,255,255,.24),
    0 0 18px rgba(69,152,255,.75),
    0 0 48px rgba(54,101,255,.32),
    0 16px 28px rgba(16,57,120,.25);
  animation:aiFloat 3.3s ease-in-out infinite;
  transform-style:preserve-3d;
}
.ai-orb:before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.30);
  box-shadow:inset 0 0 16px rgba(255,255,255,.15);
}
.ai-orb-shine{
  position:absolute;
  width:26px;height:13px;
  left:16px;top:13px;
  border-radius:50%;
  background:rgba(255,255,255,.55);
  filter:blur(5px);
  transform:rotate(-24deg);
}
.ai-orb-core{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-57%);
  font-size:31px;
  text-shadow:0 0 14px rgba(255,255,255,.9);
  animation:coreSpin 7s linear infinite;
}
.ai-orb-mic{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:31px;height:31px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  border:2px solid #dcebff;
  font-size:14px;
  box-shadow:0 4px 10px rgba(20,77,139,.22);
}
.ai-orbit{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(64,145,255,.34);
  z-index:3;
  pointer-events:none;
}
.orbit-one{width:128px;height:48px;transform:rotate(-15deg);animation:orbitOne 5s linear infinite}
.orbit-two{width:48px;height:128px;transform:rotate(28deg);border-color:rgba(58,211,170,.30);animation:orbitTwo 6s linear infinite}
.orbit-three{width:145px;height:145px;border-style:dashed;border-color:rgba(113,100,244,.16);animation:orbitThree 13s linear infinite}
.ai-pulse{
  position:absolute;
  z-index:1;
  width:88px;height:88px;
  border-radius:50%;
  border:1px solid rgba(63,145,255,.30);
  animation:aiPulse 2.8s ease-out infinite;
}
.pulse-two{animation-delay:1.4s}
.ai-label{
  position:relative;
  z-index:2;
  width:max-content;
  margin:-2px auto 7px;
  padding:4px 9px;
  border-radius:999px;
  background:#eef6ff;
  color:#2263ad;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  border:1px solid #d9e9fb;
}
.voice-card-future #voiceTitle{
  position:relative;
  z-index:2;
  color:#143761;
  font-size:14px;
}
.voice-card-future .suggestions,.voice-card-future>small{position:relative;z-index:2}
.ai-orb.listening{
  animation:aiListening .8s ease-in-out infinite;
  box-shadow:0 0 22px rgba(38,215,164,.95),0 0 65px rgba(35,142,255,.60),inset -15px -18px 28px rgba(2,14,70,.35);
}
@keyframes aiFloat{0%,100%{transform:translateY(3px) rotateY(-8deg)}50%{transform:translateY(-9px) rotateY(8deg)}}
@keyframes aiPulse{0%{transform:scale(.72);opacity:.58}100%{transform:scale(2.0);opacity:0}}
@keyframes coreSpin{from{transform:translate(-50%,-57%) rotate(0deg)}to{transform:translate(-50%,-57%) rotate(360deg)}}
@keyframes orbitOne{from{transform:rotate(-15deg) rotateZ(0deg)}to{transform:rotate(-15deg) rotateZ(360deg)}}
@keyframes orbitTwo{from{transform:rotate(28deg) rotateZ(0deg)}to{transform:rotate(28deg) rotateZ(-360deg)}}
@keyframes orbitThree{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes aiBlink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes aiListening{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.07) translateY(-3px)}}

@media(max-width:850px){
  .voice-card-future{min-height:330px}
  .ai-agent-stage{height:150px}
}

/* =========================================================
   CIVITAS NEXUS AI — AGENTE CONTROL ROOM V4
   UI reale HTML/CSS, nessuna immagine di sfondo
   ========================================================= */
.agent-page{
  position:relative;
  padding:22px 24px 30px;
  min-height:calc(100vh - 68px);
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 40%,rgba(74,171,255,.16),transparent 30%),
    radial-gradient(circle at 75% 14%,rgba(58,216,188,.08),transparent 22%),
    linear-gradient(180deg,#f9fcff 0%,#f4f9ff 56%,#f8fbff 100%);
}
.agent-page:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(46,126,215,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(46,126,215,.035) 1px,transparent 1px);
  background-size:32px 32px;
}
.agent-page>*{position:relative;z-index:1}
.agent-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.agent-page-head h1{margin:4px 0 3px;font-size:31px;letter-spacing:-.03em;color:#0a2d66}
.agent-page-head p{margin:0;color:#607895;font-size:13px}
.agent-online-pill{display:flex;align-items:center;gap:8px;border:1px solid #cfe0f3;background:rgba(255,255,255,.86);border-radius:999px;padding:9px 14px;color:#173b72;font-size:12px;box-shadow:0 7px 24px rgba(31,84,143,.07)}
.agent-online-pill span,.drawer-status span{width:8px;height:8px;border-radius:50%;background:#28b978;box-shadow:0 0 0 4px rgba(40,185,120,.12),0 0 12px rgba(40,185,120,.6)}
.agent-online-pill b{font-size:9px;color:#20a365;letter-spacing:.08em}
.glass-panel{background:rgba(255,255,255,.86);border:1px solid rgba(202,220,240,.92);box-shadow:0 14px 38px rgba(34,77,127,.075);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.agent-command-strip{min-height:52px;display:flex;align-items:center;gap:12px;border:1px solid #d6e6f6;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(241,249,255,.88));border-radius:14px;padding:8px 14px;margin-bottom:14px;box-shadow:0 8px 30px rgba(30,78,138,.05)}
.agent-command-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f5ff,#d9edff);color:#197af2;font-size:18px;box-shadow:inset 0 0 0 1px rgba(38,127,240,.12)}
.agent-command-strip small{display:block;color:#7490b0;font-size:8px;font-weight:900;letter-spacing:.12em}.agent-command-strip strong{display:block;color:#183c70;font-size:12px;margin-top:2px}
.agent-live-signal{margin-left:auto;display:flex;align-items:center;gap:3px;height:26px}.agent-live-signal i{width:3px;border-radius:999px;background:#46a5ff;animation:signalWave 1.15s ease-in-out infinite}.agent-live-signal i:nth-child(1){height:8px}.agent-live-signal i:nth-child(2){height:17px;animation-delay:.1s}.agent-live-signal i:nth-child(3){height:25px;animation-delay:.2s}.agent-live-signal i:nth-child(4){height:14px;animation-delay:.3s}.agent-live-signal i:nth-child(5){height:7px;animation-delay:.4s}
@keyframes signalWave{0%,100%{transform:scaleY(.62);opacity:.45}50%{transform:scaleY(1);opacity:1}}
.agent-control-grid{display:grid;grid-template-columns:250px minmax(500px,1fr) 280px;gap:14px;align-items:stretch}
.agent-mission-card{border-radius:16px;padding:16px;min-height:540px}
.agent-panel-title{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #e6eef7;padding-bottom:13px}.agent-panel-title>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f3ff;color:#1b78eb;font-weight:900}.agent-panel-title small{display:block;color:#6b86a7;font-size:8px;font-weight:900;letter-spacing:.1em}.agent-panel-title strong{display:block;font-size:12px;color:#183d71;margin-top:3px}.agent-panel-title b{font-size:8px;background:#eaf8f0;color:#22a366;padding:5px 7px;border-radius:999px}.agent-mission-sub{font-size:11px;color:#7c90aa;margin:12px 0 9px}
.mission-flow{display:grid;gap:0}.mission-step{position:relative;width:100%;border:0;border-bottom:1px solid #edf2f7;background:transparent;display:grid;grid-template-columns:34px 1fr 22px;gap:9px;align-items:center;text-align:left;padding:13px 3px;cursor:pointer;color:#214a7f}.mission-step:before{content:"";position:absolute;left:19px;bottom:-14px;width:1px;height:26px;background:#d7e8f8}.mission-step:last-child:before{display:none}.mission-step>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ebf5ff;color:#2582ec;border:1px solid #d9eafd;z-index:1}.mission-step div strong{display:block;font-size:11px}.mission-step div small{display:block;font-size:9px;color:#7890ae;margin-top:3px}.mission-step i{font-style:normal;font-size:10px;text-align:center;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#6c8aad;border:1px solid #d6e3ef}.mission-step.done i{background:#2db77a;color:white;border-color:#2db77a}.mission-step.active>span{background:linear-gradient(145deg,#8b74f6,#6767ef);color:#fff;border-color:transparent;box-shadow:0 0 0 5px rgba(119,99,242,.08)}.mission-step.active i{color:#6c6bee;border-color:#9a94f2;animation:missionDots 1.3s infinite}.mission-step:hover{background:#f7fbff}.agent-text-link{display:block;width:100%;border:0;background:transparent;color:#1777e9;font-size:10px;padding:14px 0 2px;cursor:pointer;font-weight:700}
@keyframes missionDots{50%{transform:scale(1.12);box-shadow:0 0 0 5px rgba(106,107,238,.08)}}
.agent-neural-stage{position:relative;border-radius:18px;min-height:540px;overflow:hidden;background:radial-gradient(circle at center,rgba(71,166,255,.20) 0%,rgba(226,244,255,.80) 28%,rgba(250,253,255,.92) 65%,rgba(255,255,255,.92) 100%)}
.neural-grid-bg{position:absolute;inset:0;opacity:.32;background-image:radial-gradient(circle,#6ebdff 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 72%)}
.neural-lines{position:absolute;inset:0;pointer-events:none}.nl{position:absolute;height:1px;left:50%;top:50%;transform-origin:0 50%;background:linear-gradient(90deg,rgba(69,173,255,.85),rgba(69,173,255,.10));box-shadow:0 0 8px rgba(76,183,255,.45)}.nl:after{content:"";position:absolute;right:23%;top:-2px;width:5px;height:5px;border-radius:50%;background:#8cddff;box-shadow:0 0 10px #3db8ff;animation:nodeTravel 2.5s linear infinite}.n1{width:37%;transform:rotate(-110deg)}.n2{width:35%;transform:rotate(-156deg)}.n3{width:34%;transform:rotate(160deg)}.n4{width:36%;transform:rotate(119deg)}.n5{width:35%;transform:rotate(-57deg)}.n6{width:34%;transform:rotate(-20deg)}.n7{width:34%;transform:rotate(25deg)}.n8{width:36%;transform:rotate(60deg)}.nl:nth-child(even):after{animation-delay:1.1s}@keyframes nodeTravel{0%{right:62%;opacity:0}20%{opacity:1}80%{opacity:1}100%{right:4%;opacity:0}}
.agent-core-wrap{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:4}.agent-core{position:relative;z-index:4;width:158px;height:158px;border-radius:50%;border:1px solid rgba(183,234,255,.95);cursor:pointer;color:#fff;background:radial-gradient(circle at 40% 35%,#72e8ff 0 2%,#258eff 10%,#0b5dcc 37%,#052d78 72%,#031844 100%);box-shadow:inset -22px -27px 38px rgba(0,9,53,.58),inset 18px 15px 30px rgba(255,255,255,.14),0 0 0 7px rgba(212,246,255,.52),0 0 0 10px rgba(62,176,255,.26),0 0 32px rgba(35,158,255,.8),0 0 90px rgba(35,158,255,.34);animation:coreFloat 4s ease-in-out infinite;overflow:hidden}.agent-core:before{content:"";position:absolute;inset:13px;border-radius:50%;background-image:radial-gradient(circle,rgba(155,238,255,.9) 0 1px,transparent 1.4px);background-size:10px 10px;opacity:.55;animation:starSpin 18s linear infinite}.agent-core:after{content:"";position:absolute;inset:24px;border-radius:50%;border:1px dashed rgba(178,236,255,.42);animation:starSpin 9s linear infinite reverse}.core-logo{position:absolute;inset:0;display:grid;place-items:center;font-size:62px;font-weight:300;color:#5bc7ff;text-shadow:0 0 9px #bbf0ff,0 0 24px #3baaff;z-index:4;transform:rotate(-9deg)}
.core-logo-img{position:absolute;left:50%;top:50%;width:112px;height:auto;max-height:112px;object-fit:contain;transform:translate(-50%,-50%);z-index:5;filter:drop-shadow(0 0 5px rgba(255,255,255,.92)) drop-shadow(0 0 13px rgba(54,193,255,.72));opacity:.97;pointer-events:none}.core-glint{position:absolute;width:55px;height:21px;border-radius:50%;left:23px;top:25px;background:rgba(255,255,255,.45);filter:blur(8px);transform:rotate(-30deg)}.core-stars{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:white;box-shadow:-41px -25px 0 #7fe2ff,36px -37px 0 #fff,-53px 20px 0 #4dc8ff,48px 25px 0 #63d8ff,-13px 51px 0 #fff,12px -56px 0 #69ddff;z-index:3;animation:coreSpark 2s ease-in-out infinite}.agent-ring{position:absolute;border-radius:50%;pointer-events:none}.ring-a{width:195px;height:195px;border:1px solid rgba(99,203,255,.62);box-shadow:0 0 15px rgba(72,179,255,.25);animation:ringRotate 12s linear infinite}.ring-a:before,.ring-b:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#84e7ff;box-shadow:0 0 12px #3cbfff;left:50%;top:-4px}.ring-b{width:213px;height:88px;border:1px solid rgba(72,169,255,.55);transform:rotate(-18deg);animation:ringOrbit 8s linear infinite}.ring-c{width:188px;height:188px;border:1px dashed rgba(52,200,177,.32);transform:rotate(22deg);animation:ringRotate 18s linear infinite reverse}.agent-core-label{position:absolute;top:217px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 10px;border:1px solid #cfe7f7;background:rgba(255,255,255,.88);border-radius:999px;color:#2d6aa6;font-size:8px;font-weight:900;letter-spacing:.08em}.agent-core-label span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#30bd80;margin-right:5px;box-shadow:0 0 8px rgba(48,189,128,.7)}
@keyframes coreFloat{0%,100%{transform:translateY(3px) scale(1)}50%{transform:translateY(-7px) scale(1.025)}}@keyframes starSpin{to{transform:rotate(360deg)}}@keyframes ringRotate{to{transform:rotate(360deg)}}@keyframes ringOrbit{to{transform:rotate(342deg)}}@keyframes coreSpark{50%{opacity:.35;transform:scale(1.25)}}
.agent-node{position:absolute;z-index:6;border:0;background:transparent;display:grid;grid-template-columns:44px auto;column-gap:8px;align-items:center;text-align:left;cursor:pointer;color:#193c70;min-width:145px;padding:4px;border-radius:12px;transition:.22s}.agent-node:hover{background:rgba(255,255,255,.78);transform:translateY(-2px);box-shadow:0 10px 22px rgba(27,75,129,.08)}.agent-node>span{grid-row:1/3;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900;font-size:16px;background:linear-gradient(145deg,#59b9ff,#1776e8);border:3px solid rgba(255,255,255,.92);box-shadow:0 0 0 2px rgba(78,166,255,.22),0 0 18px rgba(56,151,255,.32)}.agent-node strong{font-size:11px;align-self:end}.agent-node small{font-size:8.5px;color:#6682a4;align-self:start}.node-sales>span,.node-marketing>span{background:linear-gradient(145deg,#72d9c9,#25a897)}.node-operations>span,.node-memory>span{background:linear-gradient(145deg,#a686ff,#6966e9)}.node-design>span{background:linear-gradient(145deg,#7baeff,#7d6fea)}.node-engineering>span{background:linear-gradient(145deg,#63d4ea,#229eb9)}.node-research{left:40%;top:5%}.node-sales{left:4%;top:25%}.node-marketing{left:3%;top:55%}.node-operations{left:9%;bottom:7%}.node-finance{right:4%;top:14%}.node-memory{right:2%;top:39%}.node-design{right:3%;top:61%}.node-engineering{right:9%;bottom:4%}
.agent-right-stack{display:grid;gap:12px;align-content:start}.agent-side-card{border-radius:15px;padding:14px}.side-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f7;padding-bottom:9px;margin-bottom:5px}.side-head h3{font-size:12px;margin:0;color:#173c72}.side-head>span{font-size:8px;color:#738ca9;font-weight:900}.live-dot{color:#25aa70!important}.live-activity{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eff3f8}.live-activity:last-child{border-bottom:0}.live-activity i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff;font-size:10px}.la-green{background:#35bd83}.la-blue{background:#419ef1}.la-violet{background:#8d78eb}.la-teal{background:#48bbb9}.live-activity strong,.live-activity small{display:block}.live-activity strong{font-size:9.5px;color:#244b7c}.live-activity small{font-size:8px;color:#7890aa;margin-top:2px}.live-activity time{font-size:7.5px;color:#91a1b5}.priority-row{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eff3f8}.priority-row:last-child{border-bottom:0}.priority-row>b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:8px}.pr-red{background:#ed5858}.pr-orange{background:#e7a23a}.pr-blue{background:#3b96e9}.pr-green{background:#37b67c}.priority-row span{font-size:9px;color:#315379}.priority-row em{font-style:normal;font-size:7.5px;padding:4px 8px;border-radius:999px;background:#fff2dd;color:#c58421}.priority-row .priority-high{background:#ffe8e8;color:#db4f4f}.priority-row .priority-low{background:#e8f8ee;color:#27995f}.perf-row{padding:7px 0}.perf-row>div{display:flex;align-items:center;justify-content:space-between;font-size:8.5px;color:#315379}.perf-row>div b{font-size:8px}.perf-row>i{display:block;height:3px;border-radius:999px;background:#eaf0f6;margin-top:5px;overflow:hidden}.perf-row>i>u{display:block;height:100%;text-decoration:none;border-radius:inherit;background:linear-gradient(90deg,#2797e8,#35b77d)}
.agent-kpi-strip{margin-top:14px;border-radius:16px;padding:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.agent-kpi-strip article{display:flex;align-items:center;gap:10px;padding:7px 14px;border-right:1px solid #e6eef6}.agent-kpi-strip article:last-child{border-right:0}.agent-kpi-strip article>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#2a80e8;font-size:15px}.agent-kpi-strip small,.agent-kpi-strip strong,.agent-kpi-strip em{display:block}.agent-kpi-strip small{font-size:7.5px;color:#738ba7;font-weight:900}.agent-kpi-strip strong{font-size:22px;color:#12539a;margin:2px 0}.agent-kpi-strip em{font-style:normal;font-size:7.5px;color:#28a76c}
.agent-detail-drawer{position:fixed;right:-380px;top:68px;width:340px;height:calc(100vh - 68px);z-index:100;background:#fff;border-left:1px solid #d9e6f3;box-shadow:-18px 0 50px rgba(21,66,115,.13);padding:28px;transition:right .35s ease}.agent-detail-drawer.active{right:0}.agent-detail-drawer h2{font-size:28px;margin:8px 0 6px;color:#0d326d}.agent-detail-drawer>p{color:#66809e;font-size:13px}.agent-drawer-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:#eef5fb;color:#173b70;font-size:22px;cursor:pointer}.drawer-status{margin:22px 0;padding:12px;border-radius:10px;background:#f2fbf6;color:#277552;font-size:11px;display:flex;align-items:center;gap:8px}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap}
.agent-core.listening{animation:agentListening .7s ease-in-out infinite;box-shadow:inset -22px -27px 38px rgba(0,9,53,.45),0 0 0 7px rgba(215,255,244,.62),0 0 0 13px rgba(52,218,164,.24),0 0 48px rgba(42,211,165,.9),0 0 110px rgba(38,168,255,.52)}@keyframes agentListening{50%{transform:scale(1.07) translateY(-3px)}}
@media(max-width:1250px){.agent-control-grid{grid-template-columns:225px 1fr}.agent-right-stack{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.agent-kpi-strip{grid-template-columns:repeat(3,1fr)}.agent-kpi-strip article{border-bottom:1px solid #e6eef6}.agent-neural-stage{min-height:520px}}
@media(max-width:920px){.agent-control-grid{grid-template-columns:1fr}.agent-mission-card{min-height:auto}.agent-right-stack{grid-template-columns:1fr}.agent-neural-stage{min-height:600px}.agent-kpi-strip{grid-template-columns:1fr 1fr}.agent-page-head{align-items:flex-start}.agent-online-pill{flex-shrink:0}}
@media(max-width:650px){.agent-page{padding:16px}.agent-page-head{flex-direction:column}.agent-neural-stage{min-height:720px}.agent-node{min-width:120px}.node-research{left:23%;top:4%}.node-sales{left:2%;top:18%}.node-marketing{left:2%;top:36%}.node-operations{left:2%;bottom:17%}.node-finance{right:2%;top:18%}.node-memory{right:2%;top:36%}.node-design{right:2%;bottom:17%}.node-engineering{right:18%;bottom:4%}.agent-core-wrap{top:56%}.agent-kpi-strip{grid-template-columns:1fr}.agent-kpi-strip article{border-right:0}.agent-detail-drawer{width:88vw}.agent-command-strip strong{font-size:10px}}

/* ===== V6.1 ACCOUNT, ACCESSO E SICUREZZA ===== */
.login-gate{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 30% 20%,rgba(38,148,255,.14),transparent 34%),radial-gradient(circle at 80% 70%,rgba(31,188,139,.10),transparent 30%),linear-gradient(135deg,#f8fbff 0%,#eef6ff 56%,#f9fcff 100%)}
.login-gate.hidden{display:none}.app.app-locked{visibility:hidden}.login-shell{width:min(480px,100%);background:rgba(255,255,255,.95);border:1px solid #d9e6f5;border-radius:26px;padding:30px;box-shadow:0 28px 80px rgba(21,66,125,.18);backdrop-filter:blur(14px)}
.login-brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef6;padding-bottom:18px;margin-bottom:22px}.login-brand img{width:150px;max-height:72px;object-fit:contain;object-position:left center}.login-brand span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#16834d}
.login-account-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f4f9ff,#f8fffc);border:1px solid #dce8f6;border-radius:16px;padding:12px 14px;margin-bottom:22px}.login-avatar,.owner-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e6f2ff,#d7e9ff);border:1px solid #c4dcfa;color:#0d3e80;font-weight:900;font-size:17px}.login-account-badge div:last-child{display:flex;flex-direction:column}.login-account-badge small{font-size:9px;letter-spacing:.12em;font-weight:900;color:#6b7f9d}.login-account-badge strong{font-size:18px;color:#0e2b59}.login-account-badge span{font-size:11px;color:#5f7596}
.login-copy h1{margin:6px 0 8px;color:#0c2c5b;font-size:28px}.login-copy p{margin:0 0 22px;color:#647895;line-height:1.5}.login-form label{display:block;font-size:11px;font-weight:900;color:#35557d;margin:14px 0 7px}.login-readonly,.password-field input,.login-confirm-wrap input{width:100%;box-sizing:border-box;border:1px solid #cedbea;background:#fff;border-radius:11px;padding:12px 13px;font-size:14px;color:#0e2b59}.login-readonly{display:flex;align-items:center;justify-content:space-between;background:#f8fbff}.login-readonly span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#13864f;background:#e7f8ef;border-radius:999px;padding:5px 8px}.password-field{display:flex;border:1px solid #cedbea;border-radius:11px;overflow:hidden;background:#fff}.password-field:focus-within{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.1)}.password-field input{border:0;border-radius:0;outline:0}.password-field button{width:46px;border:0;background:#f4f8fd;color:#31577f;cursor:pointer}.login-confirm-wrap{display:none}.login-confirm-wrap.active{display:block}.login-error{min-height:18px;color:#c83b42;font-size:11px;margin-top:8px}.login-primary{width:100%;border:0;border-radius:12px;padding:13px 16px;background:linear-gradient(135deg,#126ff2,#1399ee);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(23,112,240,.2)}.login-security{display:block;text-align:center;color:#7d8da6;margin-top:13px;font-size:10px;line-height:1.4}
.profile-button{border:0;background:transparent;cursor:pointer;font-family:inherit;padding:4px 6px;border-radius:10px;position:relative}.profile-button:hover{background:#f4f8fd}.profile-chevron{font-size:11px;color:#6d819e}.account-menu{display:none;position:absolute;top:58px;right:18px;width:250px;background:#fff;border:1px solid #dbe5f2;border-radius:15px;box-shadow:0 18px 48px rgba(17,52,102,.18);z-index:40;padding:8px}.account-menu.active{display:block}.account-menu-head{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #edf2f8;margin-bottom:5px}.account-menu-head strong,.account-menu-head small{display:block}.account-menu-head small{font-size:10px;color:#7588a4}.account-menu button{width:100%;border:0;background:#fff;text-align:left;padding:10px 11px;border-radius:9px;color:#173862;cursor:pointer;font-weight:700}.account-menu button:hover{background:#f2f7fd}.account-menu .logout-action{color:#be3c45;border-top:1px solid #edf2f8;margin-top:5px;border-radius:0 0 9px 9px}
.settings-page{padding:26px}.settings-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.settings-head h1{margin:4px 0 6px;color:#0e2b59}.settings-head p{margin:0;color:#6a7d99}.account-status-pill{display:inline-flex;align-items:center;gap:7px;background:#ecfbf4;color:#168454;border:1px solid #c9eedb;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900}.account-status-pill i{width:8px;height:8px;border-radius:50%;background:#22b873}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{background:#fff;border:1px solid #dfe8f3;border-radius:17px;padding:20px;box-shadow:0 8px 26px rgba(17,55,104,.05)}.owner-card{grid-column:1/-1;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f7fbff,#f6fffb)}.owner-avatar{width:64px;height:64px;font-size:20px}.owner-main{flex:1}.owner-main small,.settings-card-head small,.session-card small{font-size:9px;letter-spacing:.13em;font-weight:900;color:#7386a2}.owner-main h2{margin:3px 0;color:#0c2d5d}.owner-main p,.session-card p{margin:0;color:#6b7f9e}.owner-role{font-size:9px;font-weight:900;letter-spacing:.12em;color:#127c4a;background:#eaf9f1;padding:7px 9px;border-radius:999px}.settings-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.settings-card-head h3,.session-card h3{margin:4px 0;color:#12345f}.security-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef6ff}.settings-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf2f7;font-size:12px}.settings-row span{color:#6d809c}.settings-row strong{color:#17375f}.state-active{color:#168454!important}.settings-action{margin-top:16px}.permission-list{display:grid;gap:10px}.permission-list div{display:flex;align-items:center;gap:9px;color:#365576;font-size:12px}.permission-list i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e9f9f1;color:#14905a;font-weight:900}.session-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px}.danger-outline-btn,.danger-btn{border:1px solid #efc4c8;background:#fff;color:#bd3842;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.danger-btn{background:#cf414b;color:#fff;border-color:#cf414b}.danger-btn:hover{background:#b9343d}.danger-outline-btn:hover{background:#fff4f5}
.delete-lead-btn{margin-left:auto}.lead-delete-card-btn{border:1px solid #efc4c8;background:#fff;color:#bd3842;border-radius:9px;padding:10px 12px;font-weight:800;cursor:pointer}.lead-delete-card-btn:hover{background:#fff4f5}.confirm-delete-box{max-width:470px}.delete-warning-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:12px;background:#fff1f2;color:#c83d47;font-size:24px}.delete-confirm-copy{padding:24px 26px}.delete-confirm-copy h3{margin:0 0 8px;color:#17375f;font-size:22px}.delete-confirm-copy p{margin:0;color:#657b98;line-height:1.55}.delete-confirm-copy strong{color:#a82f38}.confirm-name{margin-top:12px!important;background:#f8fafc;border:1px solid #e3eaf2;border-radius:10px;padding:10px!important;color:#17375f!important;font-weight:800}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.owner-card,.session-card{grid-column:auto}.session-card,.settings-head{flex-direction:column;align-items:flex-start}.account-menu{right:8px}.login-shell{padding:22px}}

/* =========================================================
   V7 OPERATIVO - COMPONENTI FUNZIONALI
   ========================================================= */
.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:10px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;display:none;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}.round-btn{position:relative}.notification-panel{position:fixed;z-index:9998;top:74px;right:88px;width:360px;max-height:520px;overflow:auto;background:rgba(255,255,255,.98);border:1px solid #d7e4f3;border-radius:18px;box-shadow:0 24px 70px rgba(15,49,99,.22);padding:12px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.notification-panel.active{opacity:1;visibility:visible;transform:none}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 12px;border-bottom:1px solid #edf2f8;color:#0c2a5d}.notification-head button{border:0;background:#eef5ff;color:#0c2a5d;width:30px;height:30px;border-radius:9px;font-size:20px;cursor:pointer}.notification-item{width:100%;display:flex;gap:10px;text-align:left;padding:12px 8px;border:0;border-bottom:1px solid #eef3f8;background:transparent;cursor:pointer;border-radius:10px}.notification-item:hover{background:#f4f9ff}.notification-item>span{width:34px;height:34px;border-radius:10px;background:#eaf5ff;color:#0875e8;display:flex;align-items:center;justify-content:center}.notification-item div{display:flex;flex-direction:column;gap:3px}.notification-item strong{font-size:13px;color:#0c2a5d}.notification-item small{font-size:11px;color:#72819a}.notification-empty,.mini-empty{padding:18px;text-align:center;color:#7b8ba4;font-size:12px}

.dashboard-filter-panel{display:none;gap:10px;align-items:center;padding:12px 14px;border:1px solid #dce8f5;border-radius:14px;background:#f9fcff;margin:10px 0 12px}.dashboard-filter-panel.active{display:flex}.dashboard-filter-panel input,.dashboard-filter-panel select,.wide-input,.operational-toolbar select{height:40px;border:1px solid #cfdeed;border-radius:10px;background:#fff;padding:0 12px;color:#17365f;outline:none}.dashboard-filter-panel input{flex:1}.table-empty{text-align:center!important;color:#7d8aa0;padding:28px!important}.text-action{border:0;background:transparent;color:#0875e8;font-size:11px;font-weight:700;cursor:pointer}.danger-text{color:#e44949!important}.warning-text{color:#df8b14!important}

.operational-page,.lead-page{padding:22px 26px 40px!important}.operational-toolbar{display:flex;align-items:center;gap:10px;margin:16px 0 18px}.toolbar-search{display:flex;align-items:center;gap:8px;min-width:320px;flex:1;border:1px solid #cfdeed;background:#fff;border-radius:12px;padding:0 12px;height:42px}.toolbar-search span{color:#3b82f6}.toolbar-search input{border:0;outline:0;width:100%;height:100%;background:transparent;color:#12335f}.operational-list{display:flex;flex-direction:column;gap:12px}.operational-card{display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.96);border:1px solid #d9e7f5;border-radius:17px;padding:17px 18px;box-shadow:0 8px 24px rgba(24,75,132,.06);transition:.2s}.operational-card:hover{transform:translateY(-1px);box-shadow:0 13px 32px rgba(24,75,132,.09);border-color:#bfd8ef}.card-primary{min-width:240px;flex:1}.card-primary h3{margin:5px 0 5px;color:#092c63;font-size:17px}.card-primary p{margin:0 0 5px;color:#506b8d;font-size:13px}.card-primary small{color:#8090a7;font-size:11px}.card-badges{display:flex;gap:7px;align-items:center}.priority-pill{display:inline-flex;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:800}.priority-high{background:#ffeded;color:#d83d3d}.priority-medium{background:#fff3df;color:#c77910}.priority-low{background:#eaf8f1;color:#229865}.card-metrics{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;min-width:330px}.card-metrics>div{padding:10px 12px;border-radius:12px;background:#f6faff;border:1px solid #e4edf7;display:flex;flex-direction:column}.card-metrics span{font-size:9px;font-weight:800;color:#7c8da7;letter-spacing:.7px}.card-metrics strong{font-size:12px;color:#153d70;margin-top:4px}.card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.danger-ghost-btn{border:1px solid #f1cbcb;background:#fff;color:#c93d3d;border-radius:9px;padding:8px 11px;font-weight:700;cursor:pointer}.danger-ghost-btn:hover{background:#fff3f3}.empty-state{border:1px dashed #cbdced;background:#fbfdff;border-radius:18px;padding:38px;text-align:center;color:#75869e}.empty-state span{display:inline-flex;width:52px;height:52px;border-radius:50%;background:#edf6ff;align-items:center;justify-content:center;color:#1680ef;font-size:24px}.empty-state h3{color:#143b6b;margin:12px 0 5px}.empty-state p{margin:0;font-size:13px}

.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.status-strip>div{background:#fff;border:1px solid #d9e7f4;border-radius:14px;padding:12px 15px;display:flex;flex-direction:column;gap:4px}.status-strip small{font-size:9px;font-weight:800;letter-spacing:.8px;color:#7c8da5}.status-strip strong{font-size:22px;color:#0b3267}.contact-avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#e7f3ff,#dff8ee);color:#0b62c7;display:flex;align-items:center;justify-content:center;font-weight:900}.activity-type-icon,.email-icon{width:46px;height:46px;border-radius:14px;background:#eaf5ff;color:#0875e8;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}.activity-operational-card.is-complete{opacity:.74}.activity-operational-card.is-overdue{border-left:4px solid #ed5b5b}.email-operational-card .card-primary{min-width:300px}

.v7-detail{max-width:980px!important}.v7-detail .lead-detail-grid{grid-template-columns:repeat(4,1fr)!important}.lead-edit-grid{grid-template-columns:repeat(2,1fr)!important}.lead-edit-grid label,.field-label{display:block;font-size:11px;font-weight:800;color:#4d6789;margin-bottom:6px}.lead-edit-grid input,.lead-edit-grid select,.lead-edit-panel textarea,.email-compose-box input,.email-compose-box textarea{width:100%;box-sizing:border-box;border:1px solid #ceddeb;border-radius:10px;padding:10px 11px;outline:0}.lead-edit-panel textarea{resize:vertical}.small-modal{max-width:520px!important}.email-compose-box{max-width:820px!important}

.make-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:16px}.make-log-card{margin-top:16px}.wide-input{width:100%;box-sizing:border-box;margin-bottom:8px}.field-help{font-size:12px;line-height:1.5;color:#71839c;margin:8px 0 14px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.make-log-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f7}.make-log-row>div{display:flex;flex-direction:column}.make-log-row strong{font-size:12px;color:#183e6f}.make-log-row small{font-size:10px;color:#8593a8;margin-top:2px}.log-status{display:inline-flex;min-width:62px;justify-content:center;padding:5px 7px;border-radius:8px;font-size:9px;font-weight:900}.log-status.ok{background:#e7f8ef;color:#1d9a62}.log-status.error{background:#fff0f0;color:#d74848}.account-status-pill.configured{background:#eafaf2!important;color:#148252!important;border-color:#b9ead2!important}

.governance-box{max-width:850px!important}.governance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0}.governance-metric{border:1px solid #dae7f4;background:#f8fbff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}.governance-metric small{font-size:9px;color:#7c8da5;font-weight:800;letter-spacing:.8px}.governance-metric strong{font-size:20px;color:#0a3268}.governance-metric span{font-size:11px;color:#7a8ba3}

.crm-toast.error{background:#8f2020!important}.badge.red{background:#ffeded!important;color:#d64242!important}.badge.blue{background:#e8f3ff!important;color:#1870cc!important}.badge.amber{background:#fff2dc!important;color:#c87c11!important}.badge.green{background:#e8f8ef!important;color:#1b945c!important}.danger-btn{border:0;background:#d94b4b;color:#fff;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.confirm-delete-box{max-width:520px!important}.delete-warning-icon{width:52px;height:52px;border-radius:50%;background:#ffeded;color:#d54141;font-weight:900;font-size:24px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.confirm-name{font-weight:800!important;color:#173d70!important}.login-error:empty{display:none}

@media(max-width:1180px){.card-metrics{display:none}.make-grid{grid-template-columns:1fr}.v7-detail .lead-detail-grid{grid-template-columns:repeat(2,1fr)!important}.operational-toolbar{flex-wrap:wrap}.toolbar-search{min-width:240px}.governance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.operational-card{align-items:flex-start;flex-wrap:wrap}.card-actions{width:100%;justify-content:flex-start}.status-strip{grid-template-columns:repeat(2,1fr)}.governance-grid{grid-template-columns:1fr}.notification-panel{left:12px;right:12px;top:70px;width:auto}.v7-detail .lead-detail-grid,.lead-edit-grid{grid-template-columns:1fr!important}}

/* =========================================================
   V8 LOCAL SERVER · SISTEMA / BACKUP / PERFORMANCE
   ========================================================= */
.local-server-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #bce7d2;border-radius:999px;background:#f2fff8;color:#17734e;font-size:9px;font-weight:900;letter-spacing:.05em;white-space:nowrap}.local-server-badge i{width:7px;height:7px;border-radius:50%;background:#28ba79;box-shadow:0 0 0 4px rgba(40,186,121,.10)}.local-server-badge.offline{background:#fff8f5;border-color:#f4d4cc;color:#9b4939}.local-server-badge.offline i{background:#e56b55;box-shadow:none}
.nexus-system-card,.nexus-worker-card{grid-column:span 2}.system-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 14px}.system-health-grid>div,.backup-status-lines>div{border:1px solid #e4edf6;border-radius:12px;background:#f9fcff;padding:11px 12px}.system-health-grid span,.backup-status-lines span{display:block;color:#7890aa;font-size:9px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.system-health-grid strong,.backup-status-lines strong{display:block;color:#153f70;font-size:11px;word-break:break-word}.backup-status-lines{display:grid;gap:8px;margin:12px 0}.wrap-actions{flex-wrap:wrap}.performance-toggle{display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:12px;border-radius:12px;border:1px solid #dce9f4;background:#fbfdff;cursor:pointer}.performance-toggle input{margin-top:3px}.performance-toggle span{display:block}.performance-toggle strong,.performance-toggle small{display:block}.performance-toggle strong{font-size:11px;color:#174979}.performance-toggle small{margin-top:3px;color:#7d91a8;font-size:9px;line-height:1.35}.worker-state-line{display:flex;align-items:center;gap:8px;margin:10px 0 14px;padding:9px 11px;border-radius:10px;background:#f4fbff;border:1px solid #dcebf7;color:#245783}.worker-dot{width:8px;height:8px;border-radius:50%;background:#2bb979;box-shadow:0 0 0 4px rgba(43,185,121,.10)}.worker-inline{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:12px 0}.worker-inline>label{display:flex;align-items:center;gap:7px;font-size:10px;color:#496680}.worker-inline input[type=number]{width:72px;border:1px solid #d4e2ef;border-radius:9px;padding:7px 8px}.switch-line{padding:8px 10px;border:1px solid #dbe9f5;border-radius:10px;background:#fbfdff}.remote-test-box{margin-top:14px;padding-top:14px;border-top:1px solid #e7eff6}.remote-test-row{display:flex;gap:8px}.remote-test-row .wide-input{flex:1}.remote-test-result{margin:9px 0 0;padding:10px;border-radius:10px;background:#f7fbff;border:1px dashed #cddfed;color:#496680;font-size:10px;line-height:1.45}

/* Modalità leggera: mantiene l'estetica ma riduce drasticamente animazioni e GPU */
.performance-lite .agent-live-signal i,
.performance-lite .mission-step.active i,
.performance-lite .nl:after,
.performance-lite .ring-b,
.performance-lite .ring-c,
.performance-lite .core-stars,
.performance-lite .agent-core:before,
.performance-lite .agent-core:after{animation:none!important}
.performance-lite .agent-ring{box-shadow:none!important}
.performance-lite .agent-core{animation:coreFloat 9s ease-in-out infinite!important;box-shadow:inset -12px -16px 24px rgba(0,9,53,.42),0 0 0 5px rgba(212,246,255,.45),0 0 22px rgba(35,158,255,.42)!important}
.performance-lite .nl{box-shadow:none!important;opacity:.55}
.performance-lite .agent-neural-stage,.performance-lite .glass-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.performance-lite .agent-node{box-shadow:0 3px 10px rgba(31,83,125,.08)!important}
.performance-lite .core-logo-img{filter:drop-shadow(0 0 5px rgba(69,177,255,.45))!important}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.nexus-system-card,.nexus-worker-card{grid-column:span 1}.system-health-grid{grid-template-columns:1fr}.local-server-badge{display:none}}

/* =========================================================
   V8.1 RESPONSIVE · MOBILE / TABLET
   Interfaccia adattiva senza duplicare pagine o funzioni.
   ========================================================= */
.mobile-menu-button,.mobile-nav-backdrop{display:none}

@media(max-width:820px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
  body{font-size:14px}
  .app{display:block;min-height:100vh;width:100%}
  .main{width:100%;max-width:100%;overflow-x:hidden}

  /* Sidebar -> menu laterale a scomparsa */
  .sidebar{
    position:fixed!important;left:0;top:0;bottom:0;z-index:1002;
    width:min(82vw,300px);height:100vh!important;max-height:100vh;
    padding:16px 12px calc(18px + env(safe-area-inset-bottom));
    transform:translateX(-106%);transition:transform .22s ease;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    box-shadow:18px 0 48px rgba(10,43,89,.18)
  }
  .app.mobile-menu-open .sidebar{transform:translateX(0)}
  .mobile-nav-backdrop{
    display:block;position:fixed;inset:0;z-index:1001;border:0;padding:0;
    background:rgba(6,28,62,.34);opacity:0;visibility:hidden;
    transition:opacity .2s ease,visibility .2s ease
  }
  .app.mobile-menu-open .mobile-nav-backdrop{opacity:1;visibility:visible}
  .logo-wrap{padding-bottom:12px}.brand-logo{width:115px}
  .menu-item{padding:12px 11px;font-size:14px}
  .voice-mini{margin-top:18px}

  /* Header mobile: riga comandi sempre accessibile */
  .topbar{
    min-height:64px;height:auto!important;padding:8px 10px!important;gap:8px;
    display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;position:sticky;top:0;z-index:900
  }
  .mobile-menu-button{
    display:grid;width:40px;height:40px;place-items:center;border:1px solid #d7e4f2;
    border-radius:11px;background:#f7fbff;color:#0b3c77;font-size:21px;cursor:pointer
  }
  .crumb{min-width:0}.crumb span{font-size:8px}.crumb strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}
  .topbar-actions{display:flex!important;gap:6px;min-width:0;justify-content:flex-end}
  .topbar-actions .search{
    position:absolute;left:10px;right:10px;top:64px;width:auto!important;height:42px;
    z-index:3;box-shadow:0 6px 16px rgba(18,58,104,.06)
  }
  .topbar{margin-bottom:50px}
  .search input{font-size:14px;min-width:0;padding:10px}.search button{padding:0 13px}
  .round-btn{width:36px;height:36px;flex:0 0 36px}
  #topMic{display:none}
  .local-server-badge{display:none!important}
  .profile-button{padding:2px!important}.profile-button>div:first-child,.profile-chevron{display:none!important}.avatar{width:35px;height:35px}
  .account-menu{position:fixed!important;top:58px!important;right:10px!important;left:10px!important;width:auto!important;max-width:none!important}

  /* Layout generale */
  #dashboard{padding:10px 10px 24px!important}
  .simple,.lead-page,.operational-page,.agent-page{padding:14px 10px 28px!important}
  .control-room{padding:14px 15px!important;border-radius:12px}.control-room h1{font-size:21px}.control-room p{font-size:12px;line-height:1.45}
  .control-room .outline-btn{width:100%;margin-top:4px}
  .dashboard-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px;margin-top:10px}
  .right-zone{display:grid!important;grid-template-columns:1fr!important;gap:10px}

  /* KPI: 2 colonne su telefono, 1 solo su schermi molto stretti */
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:12px}
  .kpi{min-height:88px;padding:11px 10px;gap:9px;border-right:1px solid var(--border)!important}
  .kpi:nth-child(2n){border-right:0!important}.kpi-icon{width:34px;height:34px;flex:0 0 34px}.kpi strong{font-size:19px}.kpi small{font-size:9px}

  /* Cards e comandi */
  .crm-card,.voice-card,.donut-card,.activity-card{border-radius:12px}.crm-card{padding:10px;margin-top:10px}
  .card-head,.lead-header,.settings-head,.agent-page-head{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .card-head h2{font-size:17px}.head-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.head-actions .primary-btn{grid-column:1/-1}
  .tabs{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:5px;margin-right:-4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;white-space:nowrap}
  .dashboard-filter-panel.active{display:grid!important;grid-template-columns:1fr!important}.dashboard-filter-panel input,.dashboard-filter-panel select,.dashboard-filter-panel button{width:100%}

  /* Tabelle: ridotte e scorribili senza rompere il viewport */
  .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .crm-card table{min-width:620px;font-size:10px}.crm-card th:nth-child(3),.crm-card td:nth-child(3),.crm-card th:nth-child(5),.crm-card td:nth-child(5){display:none}.crm-card th,.crm-card td{padding:9px 7px}

  /* Pagine operative */
  .operational-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:12px 0!important}.toolbar-search{min-width:0!important;width:100%;height:44px}.operational-toolbar select,.operational-toolbar button{width:100%}
  .operational-card{display:flex!important;flex-direction:column;align-items:stretch!important;gap:11px!important;padding:14px!important;border-radius:14px}.card-primary{min-width:0!important;width:100%}.card-primary h3{font-size:16px}.card-metrics{display:none!important}.card-actions{width:100%!important;justify-content:flex-start!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.card-actions button{width:100%}
  .status-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.status-strip>div{padding:10px}.status-strip strong{font-size:19px}
  .lead-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.lead-stat{padding:14px}.lead-stat strong{font-size:24px}

  /* Modali: quasi full-screen e comodi al tocco */
  .crm-modal{padding:8px!important;align-items:flex-end!important}.crm-modal-box{max-height:94vh;max-height:94dvh;overflow-y:auto;border-radius:17px 17px 10px 10px!important}
  .crm-modal-header{padding:18px 16px 14px!important}.crm-modal-header h2{font-size:22px}.crm-form{padding:16px!important}.crm-modal-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom))!important;position:sticky;bottom:0;z-index:2}.crm-modal-footer button{flex:1;min-height:42px}
  .form-row,.lead-edit-grid,.v7-detail .lead-detail-grid{grid-template-columns:1fr!important}.lead-detail-grid{grid-template-columns:1fr!important;padding:15px 14px!important}.lead-detail-toolbar{padding:10px 14px!important;flex-wrap:nowrap!important;overflow-x:auto}.lead-detail-toolbar button{flex:0 0 auto}.lead-detail-notes,.lead-detail-timeline,.lead-edit-panel{margin:10px 14px!important}.v7-detail{max-width:100%!important}

  /* Assistente dashboard */
  .ai-agent-stage{height:165px!important}.suggestions button{font-size:11px;min-height:39px}.donut-wrap{justify-content:center;flex-wrap:wrap}.legend{min-width:150px}

  /* AGENTE AI: layout mobile realmente leggibile */
  .agent-page{overflow:visible!important;min-height:auto!important}
  .agent-page-head h1{font-size:25px}.agent-online-pill{padding:7px 10px}
  .agent-command-strip{padding:8px 10px;margin-bottom:10px}.agent-command-strip>div:nth-child(2){min-width:0}.agent-command-strip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}.agent-live-signal{display:none}
  .agent-control-grid{grid-template-columns:1fr!important;gap:10px}.agent-mission-card{min-height:auto!important;padding:13px}
  .agent-neural-stage{min-height:455px!important;height:455px;border-radius:16px}
  .agent-core-wrap{width:180px;height:180px;top:51%!important}.agent-core{width:128px;height:128px}.core-logo-img{width:90px;max-height:90px}.ring-a{width:158px;height:158px}.ring-b{width:172px;height:72px}.ring-c{width:152px;height:152px}.agent-core-label{top:174px;font-size:7px}
  .agent-node{min-width:0!important;width:46px;height:46px;display:block;padding:0}.agent-node>span{width:42px;height:42px;font-size:14px}.agent-node strong,.agent-node small{display:none}.node-research{left:43%;top:4%}.node-sales{left:5%;top:22%}.node-marketing{left:5%;top:54%}.node-operations{left:20%;bottom:5%}.node-finance{right:5%;top:22%}.node-memory{right:5%;top:54%}.node-design{right:20%;bottom:5%}.node-engineering{right:43%;bottom:1%}
  .agent-right-stack{grid-template-columns:1fr!important}.agent-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px}.agent-kpi-strip article{padding:9px 8px;border-bottom:1px solid #e6eef6;border-right:0}.agent-kpi-strip strong{font-size:18px}
  .agent-detail-drawer{top:0!important;right:-100vw;width:92vw!important;height:100vh!important;height:100dvh!important;padding:24px 18px!important;z-index:1300}.agent-detail-drawer.active{right:0!important}

  /* Settings / backup */
  .settings-grid,.make-grid,.governance-grid,.system-health-grid{grid-template-columns:1fr!important}.nexus-system-card,.nexus-worker-card{grid-column:span 1!important}.remote-test-row{display:grid!important;grid-template-columns:1fr!important}.remote-test-row .wide-input{width:100%}

  /* Login */
  .login-gate{padding:10px!important;align-items:center!important;overflow-y:auto}.login-shell{width:100%!important;max-width:470px!important;padding:20px 16px!important;border-radius:20px!important;max-height:96vh;max-height:96dvh;overflow-y:auto}.login-brand img{max-width:105px}.login-copy h1{font-size:25px;line-height:1.08}.login-copy p{font-size:13px;line-height:1.4}.login-primary{min-height:46px}

  .crm-toast{left:10px!important;right:10px!important;bottom:12px!important;max-width:none!important;text-align:center}
}

@media(max-width:420px){
  .kpi-grid{grid-template-columns:1fr!important}.kpi{border-right:0!important}
  .head-actions,.card-actions{grid-template-columns:1fr!important}.head-actions .primary-btn{grid-column:auto}
  .status-strip,.lead-stats,.agent-kpi-strip{grid-template-columns:1fr!important}
  .crumb span{display:none}.crumb strong{max-width:34vw}
}

/* Landscape tablet: usa più spazio senza tornare al layout desktop pesante */
@media(min-width:821px) and (max-width:1100px){
  .sidebar{width:170px}.app{grid-template-columns:170px 1fr}.topbar{padding-left:16px;padding-right:16px}.search{width:300px}
  .agent-control-grid{grid-template-columns:1fr!important}.agent-right-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* =========================================================
   V8.2 MOBILE FIX · OVERRIDE FINALE
   Corregge cache, auto-zoom iOS e overflow orizzontale globale.
   ========================================================= */
@media (max-width: 900px){
  html{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    margin:0!important;
    position:relative!important;
  }
  #crmApp,.app,.main,.view,.active-view,#dashboard,
  .dashboard-grid,.left-zone,.right-zone,.crm-card,
  .operational-page,.lead-page,.agent-page,.settings-page,
  .control-room,.kpi-grid,.status-strip,.lead-stats,
  .operational-list,.agent-control-grid,.agent-right-stack,
  .agent-kpi-strip,.settings-grid,.make-grid,.governance-grid,
  .system-health-grid{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Evita lo zoom automatico di iOS quando si tocca un campo. */
  input,select,textarea{
    font-size:16px!important;
    max-width:100%!important;
  }
  button{max-width:100%}
  img,svg,video,canvas{max-width:100%;height:auto}

  /* Menu mobile: sempre fuori dal flusso della pagina. */
  .mobile-menu-button{display:grid!important}
  .sidebar{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:82vw!important;
    max-width:300px!important;
    height:100vh!important;
    min-height:100vh!important;
    margin:0!important;
    transform:translate3d(-110%,0,0)!important;
    z-index:1202!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
  }
  .app.mobile-menu-open .sidebar{transform:translate3d(0,0,0)!important}
  .mobile-nav-backdrop{z-index:1201!important}

  /* Header compatto: nessun elemento può allargare il viewport. */
  .topbar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:8px 10px!important;
    overflow:visible!important;
  }
  .crumb{min-width:0!important;max-width:calc(100vw - 155px)!important}
  .crumb strong{display:block;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar-actions{min-width:0!important;max-width:100%!important}
  .topbar-actions .search{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
    min-width:0!important;
  }
  .search input{width:1%!important;min-width:0!important;flex:1 1 auto!important}

  /* Contenuti dashboard: niente larghezze implicite da desktop. */
  #dashboard,.simple,.lead-page,.operational-page,.agent-page{overflow-x:hidden!important}
  .control-room>*{min-width:0!important;max-width:100%!important}
  .control-room h1,.control-room p,.card-primary h3,.card-primary p{overflow-wrap:anywhere}
  .head-actions,.card-actions,.inline-actions{max-width:100%!important}

  /* Le tabelle possono scorrere SOLO nel loro contenitore. */
  .table-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .table-wrap table{width:620px!important;min-width:620px!important;max-width:none!important}

  /* Card operative e campi non possono spingere la pagina lateralmente. */
  .operational-card,.card-primary,.card-actions,.toolbar-search,
  .email-operational-card .card-primary,.remote-test-row,.wide-input{
    min-width:0!important;
    max-width:100%!important;
  }
  .email-operational-card .card-primary{width:100%!important}

  /* Modali dentro il viewport mobile. */
  .crm-modal{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}
  .crm-modal-box,.v7-detail,.email-compose-box,.small-modal,
  .confirm-delete-box,.governance-box{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Agente AI: il palco resta dentro la larghezza disponibile. */
  .agent-neural-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .agent-command-strip{width:100%!important;max-width:100%!important;min-width:0!important}
}

@media (max-width: 480px){
  /* Telefono: layout più compatto e niente effetto desktop ingrandito. */
  #dashboard{padding:8px 8px 22px!important}
  .simple,.lead-page,.operational-page,.agent-page{padding:12px 8px 24px!important}
  .topbar{padding-left:8px!important;padding-right:8px!important}
  .topbar-actions .search{left:8px!important;right:8px!important;max-width:calc(100vw - 16px)!important}
  .control-room{padding:13px!important}
  .control-room h1{font-size:20px!important;line-height:1.12!important}
  .control-room p{font-size:12px!important}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kpi{min-width:0!important;padding:10px 8px!important}
  .kpi strong{font-size:18px!important}
  .kpi small{display:none}
  .head-actions,.card-actions{grid-template-columns:1fr 1fr!important}
  .head-actions .primary-btn{grid-column:1/-1!important}
  .status-strip,.lead-stats,.agent-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width: 360px){
  .kpi-grid,.status-strip,.lead-stats,.agent-kpi-strip{grid-template-columns:1fr!important}
  .head-actions,.card-actions{grid-template-columns:1fr!important}
}


/* =========================================================
   V8.3 DESKTOP SAFETY + PHONE ONLY
   Tablet (601-900px) resta invariato rispetto alla V8.2.
   ========================================================= */
@media (min-width:901px){
  html,body{overflow-x:hidden!important}
  #crmApp.app{display:grid!important;grid-template-columns:185px minmax(0,1fr)!important;width:100%!important;max-width:100%!important}
  .sidebar{display:flex!important;position:sticky!important;left:auto!important;top:0!important;transform:none!important;width:auto!important;max-width:none!important;height:100vh!important;z-index:20!important}
  .main{display:block!important;min-width:0!important;width:auto!important;max-width:none!important;visibility:visible!important;opacity:1!important;background:#f4f8fd}
  .topbar{display:flex!important;visibility:visible!important;opacity:1!important}
  .mobile-menu-button,.mobile-nav-backdrop{display:none!important}
  .view.active-view{display:block!important;visibility:visible!important;opacity:1!important}
}

@media (max-width:600px){
  html,body{overflow-x:hidden!important;overscroll-behavior-x:none!important}
  body.nexus-phone #crmApp,body.nexus-phone .app,body.nexus-phone .main{width:100%!important;max-width:100vw!important;min-width:0!important}
  body.nexus-phone .topbar{grid-template-columns:42px minmax(0,1fr) 42px!important;padding:7px 8px!important}
  body.nexus-phone .crumb{min-width:0!important;max-width:100%!important}
  body.nexus-phone .crumb span{display:none!important}
  body.nexus-phone .crumb strong{font-size:13px!important;max-width:100%!important}
  body.nexus-phone .topbar-actions{min-width:0!important;max-width:100%!important;gap:4px!important}
  body.nexus-phone .topbar-actions .round-btn{display:none!important}
  body.nexus-phone .topbar-actions #notificationButton{display:grid!important}
  body.nexus-phone .profile-button{width:36px!important;min-width:36px!important;padding:0!important}
  body.nexus-phone .avatar{width:34px!important;height:34px!important}
  body.nexus-phone .topbar-actions .search{left:8px!important;right:8px!important;max-width:calc(100vw - 16px)!important}
  body.nexus-phone #dashboard,body.nexus-phone .simple,body.nexus-phone .lead-page,body.nexus-phone .operational-page,body.nexus-phone .agent-page{width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important}
  body.nexus-phone .control-room,body.nexus-phone .crm-card,body.nexus-phone .voice-card,body.nexus-phone .donut-card,body.nexus-phone .activity-card{width:100%!important;max-width:100%!important;min-width:0!important}
  body.nexus-phone .dashboard-grid,body.nexus-phone .left-zone,body.nexus-phone .right-zone{width:100%!important;max-width:100%!important;min-width:0!important}
  body.nexus-phone .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.nexus-phone .kpi{min-width:0!important;width:auto!important}
  body.nexus-phone .kpi>div:last-child{min-width:0!important}
  body.nexus-phone .kpi span,body.nexus-phone .kpi strong{overflow-wrap:anywhere}
  body.nexus-phone .table-wrap{max-width:calc(100vw - 36px)!important}
  body.nexus-phone .crm-card table{width:560px!important;min-width:560px!important}
  body.nexus-phone .agent-neural-stage{height:405px!important;min-height:405px!important}
  body.nexus-phone .agent-core-wrap{top:50%!important}
  body.nexus-phone .agent-right-stack,body.nexus-phone .agent-kpi-strip{min-width:0!important;max-width:100%!important}
  body.nexus-phone .login-shell{max-width:calc(100vw - 18px)!important}
}

@media (max-width:380px){
  body.nexus-phone .kpi-grid,body.nexus-phone .status-strip,body.nexus-phone .lead-stats{grid-template-columns:1fr!important}
}

/* =========================================================
   V8.4 REMOTE WORKER CONTROL CENTER
   ========================================================= */
.worker-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.worker-kpi{background:#fff;border:1px solid #dce9f6;border-radius:16px;padding:14px 16px;box-shadow:0 8px 24px rgba(24,66,112,.05);min-width:0}.worker-kpi small{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;color:#6f86a0;margin-bottom:7px}.worker-kpi strong{display:block;font-size:22px;line-height:1;color:#0e3566;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-kpi span{display:block;margin-top:7px;font-size:11px;color:#7990aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-control-center{margin-top:16px}.worker-state-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 12px;margin:14px 0;background:#f7fbff;border:1px solid #dceaf7;border-radius:12px}.worker-state-line .worker-detail{margin-left:auto;font-size:11px;color:#7288a1;max-width:55%;text-align:right}.worker-dot{width:10px;height:10px;border-radius:50%;background:#a8b6c7;box-shadow:0 0 0 4px rgba(168,182,199,.15)}.worker-dot.active{background:#20b676;box-shadow:0 0 0 4px rgba(32,182,118,.14)}.worker-dot.error{background:#e95d5d;box-shadow:0 0 0 4px rgba(233,93,93,.13)}.worker-config-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);gap:18px}.worker-config-main,.worker-config-side{min-width:0}.worker-config-side{padding-left:18px;border-left:1px solid #e2ebf4}.compact-help{display:block;margin-top:-2px}.worker-controls-row{margin-top:14px;padding-top:14px;border-top:1px solid #edf2f7;justify-content:space-between}.worker-controls-row>.inline-actions{margin-left:auto}.remote-test-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.remote-test-head small{display:block;color:#8194aa;font-size:11px;margin-top:2px}.worker-quick-commands{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.worker-quick-commands button{border:1px solid #d4e5f7;background:#f8fbff;color:#145cb5;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.worker-quick-commands button:hover{background:#eef6ff}.worker-jobs-card{margin-top:16px}.worker-jobs-list{display:grid;gap:9px}.worker-job{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e1eaf3;border-radius:14px;padding:12px 13px;background:#fff}.worker-job-main{min-width:0;flex:1}.worker-job-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.worker-job-top small{color:#7c90a7;font-size:10px}.worker-job-main>strong{display:block;color:#123864;font-size:13px;overflow-wrap:anywhere}.worker-job-main>p{margin:5px 0 0;color:#667e99;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.worker-job-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#edf3f8;color:#607890}.worker-job-status.completato{background:#e9f8f1;color:#16885b}.worker-job-status.errore{background:#fff0f0;color:#c64b4b}.worker-job-status.in_lavorazione{background:#edf5ff;color:#1673cf}.worker-job-status.in_attesa{background:#fff6e8;color:#b66f13}.worker-job-actions{display:flex;gap:7px;flex-shrink:0}.compact-btn{padding:7px 9px!important;font-size:10px!important}.make-page .wide-input{width:100%;box-sizing:border-box}

@media (max-width:900px){.worker-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.worker-config-grid{grid-template-columns:1fr}.worker-config-side{padding-left:0;border-left:0;border-top:1px solid #e2ebf4;padding-top:12px}.worker-state-line .worker-detail{max-width:100%;width:100%;margin-left:19px;text-align:left}.worker-controls-row>.inline-actions{margin-left:0}}
@media (max-width:600px){body.nexus-phone .worker-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.nexus-phone .worker-kpi{padding:10px;border-radius:12px}body.nexus-phone .worker-kpi strong{font-size:17px}body.nexus-phone .worker-job{align-items:flex-start;flex-direction:column}body.nexus-phone .worker-job-actions{width:100%}body.nexus-phone .worker-job-actions button{flex:1}body.nexus-phone .remote-test-row{display:grid;grid-template-columns:1fr}body.nexus-phone .worker-controls-row{align-items:stretch}body.nexus-phone .worker-controls-row>.inline-actions{width:100%}body.nexus-phone .worker-controls-row>.inline-actions button{flex:1}body.nexus-phone .worker-state-line .worker-detail{margin-left:0}}

/* =========================================================
   V8.5 ACTIVITY PRO · agenda commerciale professionale
   ========================================================= */
.activity-pro-status{grid-template-columns:repeat(5,minmax(0,1fr))}
.activity-pro-toolbar{grid-template-columns:minmax(260px,1fr) auto auto auto}
.activity-pro-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:-2px 0 12px;padding:0 2px;color:#647b99;font-size:10px;font-weight:700}
.activity-pro-legend span{display:flex;align-items:center;gap:6px}.activity-pro-legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.activity-pro-legend .overdue{background:#ed5b5b}.activity-pro-legend .today{background:#2a91ed}.activity-pro-legend .planned{background:#9a82e8}.activity-pro-legend .done{background:#2db879}
.activity-pro-card{align-items:flex-start}.activity-pro-primary{min-width:0;flex:1}.activity-pro-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0}.activity-pro-meta span{background:#f7faff;border:1px solid #e4edf7;border-radius:9px;padding:8px 10px;color:#49688e;font-size:10px}.activity-pro-meta b{display:block;font-size:8px;letter-spacing:.7px;color:#7e91aa;margin-bottom:3px;text-transform:uppercase}.activity-note-preview,.activity-next-preview{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;border-radius:9px;padding:8px 10px;margin:7px 0;font-size:10px}.activity-note-preview{background:#f8fafc;border:1px solid #edf1f5;color:#49617e}.activity-next-preview{background:#eef8ff;border:1px solid #d8ebfb;color:#245b8d}.activity-note-preview b,.activity-next-preview b{font-size:9px;color:#173c72}.activity-pro-actions{align-items:flex-start;max-width:250px}.activity-pro-actions button{white-space:nowrap}
.activity-next-box{margin-top:4px;padding:13px;border:1px solid #dbeaf7;border-radius:12px;background:linear-gradient(145deg,#f8fbff,#f4fbf7)}.activity-next-box>strong{display:block;margin-bottom:10px;color:#174878;font-size:12px}.activity-check{display:flex;gap:8px;align-items:flex-start;color:#4d6888;font-size:10px;line-height:1.4;margin-top:4px}.activity-check input{margin-top:2px}
.activity-pro-modal{max-width:760px}.activity-log-modal{max-width:680px}.activity-detail-modal{max-width:780px}.activity-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 18px}.activity-detail-summary>div{border:1px solid #dbe8f4;background:#f8fbff;border-radius:12px;padding:12px}.activity-detail-summary small,.activity-detail-summary strong{display:block}.activity-detail-summary small{font-size:8px;letter-spacing:.8px;color:#7d91aa;font-weight:800;margin-bottom:5px}.activity-detail-summary strong{font-size:11px;color:#173e72;line-height:1.35}.activity-note-row div small{display:block;margin-top:5px;color:#2d779f}.timeline-empty{padding:14px;border:1px dashed #ccdce9;border-radius:10px;color:#71849a;font-size:10px;background:#fbfdff}
@media(max-width:1100px){.activity-pro-status{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-pro-toolbar{grid-template-columns:1fr 1fr}.activity-pro-actions{max-width:none}}
@media(max-width:760px){.activity-pro-status{grid-template-columns:repeat(2,minmax(0,1fr))!important}.activity-pro-toolbar{grid-template-columns:1fr!important}.activity-pro-meta{grid-template-columns:1fr}.activity-note-preview,.activity-next-preview{grid-template-columns:1fr}.activity-detail-summary{grid-template-columns:1fr 1fr}.activity-pro-actions{width:100%;max-width:none}}
@media(max-width:520px){.activity-pro-status{grid-template-columns:1fr!important}.activity-detail-summary{grid-template-columns:1fr}.activity-pro-page .head-actions{width:100%}.activity-pro-page .head-actions button{flex:1}.activity-pro-actions{display:grid!important;grid-template-columns:1fr 1fr}.activity-pro-actions button{width:100%}}

/* =========================================================
   V8.6 NOTIFICATION ENGINE · PROMEMORIA PROFESSIONALI
   ========================================================= */
.activity-reminder-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:11px 14px;border:1px solid #cce8dc;border-radius:13px;background:linear-gradient(135deg,#f8fffc,#f6fbff);color:#174f4b}.activity-reminder-summary span{font-weight:800;font-size:11px;color:#178a59}.activity-reminder-summary strong{font-size:11px;color:#0d3768;background:#fff;border:1px solid #dce8f3;border-radius:999px;padding:5px 9px}.activity-reminder-summary small{color:#70879e;font-size:9px;line-height:1.35}.activity-reminder-summary.disabled{border-color:#e3e8ef;background:#fafbfc}.activity-reminder-summary.disabled span{color:#7b8794}.reminder-badge{background:#eef8ff!important;color:#126bc7!important;border:1px solid #cfe6fb!important}.activity-reminder-box{margin:2px 0 17px;padding:14px;border:1px solid #cfe6f6;border-radius:14px;background:linear-gradient(145deg,#f8fcff,#f7fffb)}.activity-reminder-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.activity-reminder-head strong,.activity-reminder-head small{display:block}.activity-reminder-head strong{font-size:12px;color:#123e70}.activity-reminder-head small{font-size:9px;color:#7189a1;margin-top:3px;line-height:1.35}.compact-switch{margin:0;white-space:nowrap}.readonly-field{min-height:42px;display:flex;align-items:center;padding:10px 12px;border:1px solid #d8e4ef;background:#f6f9fc;border-radius:10px;color:#54708e;font-size:12px}.reminder-help{display:block;color:#6d8299;font-size:9px;line-height:1.45;margin-top:-3px}.reminder-settings-modal{max-width:650px}.notification-master-toggle{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #cfe5f4;border-radius:13px;background:#f7fcff;margin-bottom:18px;cursor:pointer}.notification-master-toggle input{margin-top:3px}.notification-master-toggle span,.notification-master-toggle strong,.notification-master-toggle small{display:block}.notification-master-toggle strong{color:#123f73;font-size:12px}.notification-master-toggle small{color:#748ba2;font-size:9px;margin-top:3px;line-height:1.4}.native-reminder-status{display:flex;flex-direction:column;gap:4px;margin:4px 0 14px;padding:12px;border-radius:12px;background:#f7fbff;border:1px solid #dbeaf5;color:#456582;font-size:10px}.native-reminder-status strong{color:#174e7e}.native-reminder-status small{color:#9a4f4f}.reminder-info-box{display:grid;gap:7px;padding:13px 14px;border-radius:12px;background:#fbfdfd;border:1px solid #e1ece8;color:#5c758b;font-size:10px}.reminder-info-box strong{color:#176b50;font-size:11px}.reminder-info-box span:before{content:'✓';display:inline-block;margin-right:7px;color:#25a36d;font-weight:900}.reminder-alarm-modal{max-width:620px!important;text-align:center;padding:26px 28px 24px!important;overflow:visible!important;background:radial-gradient(circle at 50% 10%,#f2fbff 0,#fff 48%);border:1px solid #cde5f7!important}.reminder-alarm-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:-4px auto 13px;border-radius:50%;font-size:30px;background:linear-gradient(145deg,#eaf6ff,#f5fffb);border:1px solid #c7e4f7;box-shadow:0 12px 32px rgba(19,112,188,.15)}.reminder-alarm-modal h2{margin:7px 0 4px;color:#0c3465;font-size:25px}.reminder-alarm-modal>p{margin:0;color:#607a95;font-weight:700}.reminder-alarm-note{margin:16px 0 10px;padding:13px 14px;text-align:left;border-radius:12px;background:#f7faff;border:1px solid #dce8f4;color:#4c6781;font-size:11px;line-height:1.5}.reminder-alarm-time{display:inline-flex;margin:2px auto 17px;padding:7px 12px;border-radius:999px;background:#edf9f4;border:1px solid #ccebdd;color:#147a52;font-size:11px;font-weight:900}.reminder-alarm-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.success-outline-btn{border:1px solid #8bd5b5;background:#f3fcf8;color:#188456;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.success-outline-btn:hover{background:#e9f9f1}.reminder-dismiss{margin-top:14px;border:none;background:transparent;color:#7d90a5;font-size:10px;text-decoration:underline;cursor:pointer}

@media(max-width:700px){.activity-reminder-summary{align-items:flex-start;gap:7px}.activity-reminder-summary small{width:100%}.activity-reminder-head{align-items:flex-start}.reminder-alarm-modal{padding:22px 14px 18px!important}.reminder-alarm-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.reminder-alarm-actions button{width:100%;min-height:44px}.reminder-alarm-actions #reminderRegisterOutcome{grid-column:1/-1}.notification-master-toggle{padding:12px}.activity-reminder-box{padding:12px}}


/* ===== V8.7 TOPBAR CLOCK ===== */
.nexus-datetime{
  display:flex;align-items:center;gap:9px;min-width:176px;padding:7px 12px;
  border:1px solid #d8e5f3;border-radius:13px;background:linear-gradient(135deg,#f8fbff,#f3fbf7);
  box-shadow:0 5px 16px rgba(23,74,128,.06);color:#0b3267;flex:0 0 auto;
}
.nexus-date-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;
  background:#e8f3ff;color:#0b76de;font-size:16px;font-weight:900}
.nexus-date-copy{min-width:0;line-height:1.05}
.nexus-date-copy strong{display:block;font-size:17px;letter-spacing:.035em;color:#092f63;font-variant-numeric:tabular-nums}
.nexus-date-copy span{display:block;margin-top:4px;font-size:9px;line-height:1.15;text-transform:uppercase;
  letter-spacing:.055em;font-weight:800;color:#70839d;white-space:nowrap}

@media(max-width:1180px){
  .nexus-datetime{min-width:142px;padding:6px 9px;gap:7px}
  .nexus-date-icon{width:28px;height:28px}
  .nexus-date-copy strong{font-size:15px}
  .nexus-date-copy span{font-size:8px;max-width:98px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:850px){
  .nexus-datetime{min-width:118px;padding:6px 8px}
  .nexus-date-icon{display:none}
  .nexus-date-copy strong{font-size:14px}
  .nexus-date-copy span{font-size:7.5px;max-width:84px}
}
@media(max-width:650px){
  .nexus-datetime{position:absolute;top:8px;left:50%;transform:translateX(-50%);min-width:0;width:auto;
    padding:4px 8px;border-radius:10px;background:rgba(248,251,255,.96);box-shadow:none;z-index:12}
  .nexus-date-copy{text-align:center}
  .nexus-date-copy strong{font-size:13px}
  .nexus-date-copy span{display:none}
}
body.nexus-phone .nexus-datetime{position:absolute!important;top:8px!important;left:50%!important;transform:translateX(-50%)!important;
  width:auto!important;min-width:62px!important;max-width:78px!important;padding:4px 7px!important;border-radius:9px!important}
body.nexus-phone .nexus-date-copy strong{font-size:12px!important}
body.nexus-phone .nexus-date-copy span,body.nexus-phone .nexus-date-icon{display:none!important}

/* =========================================================
   V8.8 HOLOGRAPHIC CLOCK + MAKE HANDSHAKE
   ========================================================= */
.nexus-clock-3d{
  position:relative;isolation:isolate;overflow:hidden;min-width:215px;padding:7px 14px 7px 9px;gap:10px;
  border:1px solid rgba(76,158,226,.35);border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,248,255,.94) 55%,rgba(239,255,248,.9));
  box-shadow:0 9px 24px rgba(25,84,142,.10),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(44,153,230,.08);
  transform:perspective(650px) rotateX(.8deg);backdrop-filter:blur(7px)
}
.nexus-clock-3d:before{content:'';position:absolute;inset:-60% -10% auto 38%;height:130px;background:radial-gradient(circle,rgba(48,156,238,.16),transparent 64%);z-index:-1;pointer-events:none}
.nexus-clock-3d:after{content:'';position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#21a8ef,#27bd7d,transparent);opacity:.65}
.nexus-clock-orb{position:relative;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;transform:perspective(160px) rotateX(11deg) rotateY(-11deg)}
.nexus-clock-core{position:relative;z-index:3;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:900;background:radial-gradient(circle at 32% 26%,#74d9ff 0,#188cf1 38%,#0c5fc2 72%,#083e86 100%);box-shadow:0 5px 13px rgba(14,105,204,.25),inset 0 2px 5px rgba(255,255,255,.45)}
.nexus-clock-ring{position:absolute;inset:1px;border-radius:50%;border:1px solid rgba(29,153,236,.48);transform:rotateX(64deg) rotateZ(0deg)}
.nexus-clock-ring.ring-b{inset:-2px;border-color:rgba(30,185,128,.40);transform:rotateY(62deg) rotateZ(38deg)}
.nexus-clock-meta{display:flex;align-items:center;gap:5px;margin-bottom:1px;line-height:1}
.nexus-clock-meta b,.nexus-clock-meta em{font-style:normal;font-size:7px;letter-spacing:.12em;font-weight:900}
.nexus-clock-meta b{color:#12855c}.nexus-clock-meta em{color:#8a9bb0;margin-left:2px}
.nexus-live-dot{width:5px;height:5px;border-radius:50%;background:#20b879;box-shadow:0 0 0 3px rgba(32,184,121,.11)}
.nexus-clock-3d .nexus-date-copy strong{font-size:18px;letter-spacing:.055em;text-shadow:0 1px 0 #fff}
.nexus-clock-3d .nexus-date-copy span{font-size:8px;letter-spacing:.045em}
body:not(.performance-lite) .nexus-clock-ring.ring-a{animation:nexusClockOrbitA 12s linear infinite}
body:not(.performance-lite) .nexus-clock-ring.ring-b{animation:nexusClockOrbitB 15s linear infinite reverse}
@keyframes nexusClockOrbitA{to{transform:rotateX(64deg) rotateZ(360deg)}}
@keyframes nexusClockOrbitB{to{transform:rotateY(62deg) rotateZ(398deg)}}

.make-handshake-card{margin-top:16px;overflow:hidden;position:relative;background:linear-gradient(145deg,#fff,#f8fcff 58%,#f8fffb);border-color:#cee3f5}
.make-handshake-card:before{content:'';position:absolute;width:260px;height:260px;right:-90px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(28,145,235,.10),transparent 70%);pointer-events:none}
.make-handshake-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:stretch}
.make-handshake-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:7px 0 12px}
.make-handshake-flow span{min-width:120px;display:flex;flex-direction:column;padding:11px 12px;border-radius:13px;border:1px solid #d9e9f6;background:rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(24,74,126,.05)}
.make-handshake-flow span b{font-size:11px;color:#0f4e91}.make-handshake-flow span small{font-size:9px;color:#7b91a7;margin-top:3px}.make-handshake-flow>i{font-style:normal;color:#29a7e7;font-size:18px;font-weight:900}
.make-response-console{min-width:0;padding:14px 15px;border-radius:14px;background:linear-gradient(150deg,#0c2e58,#0b3d72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(8,53,103,.12);color:#fff}
.make-response-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.make-response-head span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#75d6ff}.make-response-head small{font-size:8px;color:#a9bdd2}.make-response-console>strong{display:block;margin:11px 0 8px;font-size:12px;color:#fff}.make-response-console pre{margin:0;max-height:165px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#d9eefc;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px}
.make-handshake-badge{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;border-radius:999px;padding:7px 10px;border:1px solid #dce6ee;background:#f6f8fa;color:#6f8193;font-size:8px;letter-spacing:.08em;white-space:nowrap}.make-handshake-badge i{width:7px;height:7px;border-radius:50%;background:#9eacba}.make-handshake-badge.ok{border-color:#b9ead4;background:#eefaf4;color:#17865a}.make-handshake-badge.ok i{background:#21b676;box-shadow:0 0 0 4px rgba(33,182,118,.11)}.make-handshake-badge.error{border-color:#f1c9c9;background:#fff5f5;color:#c74d4d}.make-handshake-badge.error i{background:#e35a5a}

@media(max-width:1180px){.nexus-clock-3d{min-width:180px}.make-handshake-grid{grid-template-columns:1fr}.make-response-console{min-height:150px}}
@media(max-width:850px){.nexus-clock-3d{min-width:132px}.nexus-clock-orb{width:30px;height:30px;flex-basis:30px}.nexus-clock-core{width:24px;height:24px;font-size:12px}.nexus-clock-meta{display:none}}
@media(max-width:650px){.nexus-clock-3d{min-width:65px!important;padding:4px 8px!important;transform:translateX(-50%)!important}.nexus-clock-orb{display:none}.nexus-clock-3d:before,.nexus-clock-3d:after{display:none}.make-handshake-flow{display:grid;grid-template-columns:1fr}.make-handshake-flow>i{transform:rotate(90deg);justify-self:center}.make-response-console pre{max-height:130px}}
body.nexus-phone .nexus-clock-3d{min-width:64px!important;max-width:82px!important;padding:4px 7px!important}body.nexus-phone .nexus-clock-orb{display:none!important}
@media(prefers-reduced-motion:reduce){.nexus-clock-ring{animation:none!important}}


/* ===== V8.9 · RESEARCH AI OPERATIVO ===== */
.research-ai-card{margin-top:16px;position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#f5fbff 58%,#f5fffb 100%);border-color:#c9e4f3}
.research-ai-card:before{content:'';position:absolute;width:320px;height:320px;left:-130px;bottom:-210px;border-radius:50%;background:radial-gradient(circle,rgba(47,164,240,.13),transparent 68%);pointer-events:none}
.research-ai-head{position:relative;z-index:1}.research-ai-head h3{display:flex;align-items:center;gap:8px}.research-ai-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;align-items:stretch}
.research-ai-form{padding:4px 0}.research-query-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.research-query-row .primary-btn{min-height:42px;white-space:nowrap}
.research-quick-queries{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.research-quick-queries button{border:1px solid #cfe1f1;background:#fff;color:#1760aa;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.research-quick-queries button:hover{background:#eff8ff;border-color:#85c5ee}
.research-safety-note{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:11px 12px;border-radius:12px;background:rgba(234,250,243,.78);border:1px solid #c7ebda;color:#4b6c60}.research-safety-note>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#27b978;color:#fff;font-weight:900;flex:0 0 auto}.research-safety-note p{margin:1px 0 0;font-size:10px;line-height:1.5}
.research-result-console{background:linear-gradient(145deg,#0d376b,#0b467a);border-radius:15px;padding:14px;color:#fff;box-shadow:0 12px 28px rgba(9,57,104,.13);min-height:190px}.research-result-console .make-response-head{border-color:rgba(255,255,255,.15)}.research-result-console>strong{display:block;font-size:13px;margin:12px 0 8px}.research-result-console pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Menlo,Monaco,monospace;font-size:9px;line-height:1.55;color:#dbeeff;max-height:220px;overflow:auto;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px}
.research-ai-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;border:1px solid #d6e4ef;background:#f7fafc;color:#73879a;font-size:8px;letter-spacing:.08em;white-space:nowrap}.research-ai-badge i{width:7px;height:7px;border-radius:50%;background:#9dadbb}.research-ai-badge.busy{color:#1760aa;background:#eef7ff;border-color:#bdddf4}.research-ai-badge.busy i{background:#2096e5;box-shadow:0 0 0 4px rgba(32,150,229,.12)}.research-ai-badge.ok{color:#16865a;background:#eefaf4;border-color:#b9ead4}.research-ai-badge.ok i{background:#21b676}.research-ai-badge.error{color:#c64c4c;background:#fff4f4;border-color:#f0c7c7}.research-ai-badge.error i{background:#df5858}
@media(max-width:1180px){.research-ai-grid{grid-template-columns:1fr}}
@media(max-width:650px){.research-query-row{grid-template-columns:1fr}.research-query-row .primary-btn{width:100%}.research-result-console{min-height:160px}.research-result-console pre{max-height:160px}.research-quick-queries{display:grid;grid-template-columns:1fr 1fr}.research-quick-queries button{border-radius:10px;text-align:left}}


/* ===== V9.1 LEAD RESEARCH DESK ===== */
.research-desk{position:relative;z-index:1;margin-top:18px;border-top:1px solid #d8e8f2;padding-top:18px}
.research-desk-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:12px}.research-desk-head small{font-size:8px;font-weight:900;letter-spacing:.17em;color:#446f9a}.research-desk-head h3{margin:4px 0;font-size:18px;color:#082f5e}.research-desk-head p{margin:0;color:#647d99;font-size:10px;max-width:720px}
.research-desk-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.research-filter{border:1px solid #c9dced;background:#fff;color:#41658a;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.research-filter.active{background:#0c6ed9;color:#fff;border-color:#0c6ed9;box-shadow:0 6px 14px rgba(12,110,217,.16)}
.research-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.research-kpi-row>div{background:rgba(255,255,255,.88);border:1px solid #d7e5ef;border-radius:12px;padding:11px 12px;box-shadow:0 5px 14px rgba(13,65,110,.04)}.research-kpi-row small{display:block;font-size:7px;letter-spacing:.1em;font-weight:900;color:#7289a1}.research-kpi-row strong{display:block;margin-top:3px;font-size:20px;color:#073666}
.research-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.research-result-card{background:#fff;border:1px solid #d5e4ef;border-radius:15px;padding:14px;box-shadow:0 8px 22px rgba(8,55,104,.055);min-width:0;position:relative;overflow:hidden}.research-result-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#28a6e7}.research-result-card.source:before{background:#8a9caf}.research-result-card.imported{border-color:#addfc8;background:linear-gradient(145deg,#fff,#f6fffa)}
.research-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.research-card-top>div{display:flex;gap:5px;align-items:center;min-width:0}.research-kind,.research-position{display:inline-flex;align-items:center;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.research-kind.direct{background:#ebf8ff;color:#096bb2;border:1px solid #bde3f6}.research-kind.source{background:#f2f5f7;color:#67798b;border:1px solid #d9e0e6}.research-position{background:#f8fbfd;color:#6e8295;border:1px solid #e0e8ee}.research-domain{font-size:8px;color:#6e859c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42%}
.research-result-card h4{font-size:14px;color:#092f5e;margin:10px 0 6px;line-height:1.25}.research-snippet{font-size:9px;color:#526d89;line-height:1.5;margin:0;min-height:42px}.research-classification{margin-top:10px;padding:9px 10px;background:#f7fbfe;border:1px solid #e0ecf3;border-radius:10px;display:grid;gap:3px}.research-classification b{font-size:8px;color:#355b80}.research-classification span{font-size:8px;color:#73899f}
.research-found-contacts{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.research-found-contacts span{font-size:8px;padding:6px 8px;border-radius:8px;background:#eefaf4;border:1px solid #c9ead8;color:#187751;max-width:100%;overflow:hidden;text-overflow:ellipsis}.research-verify-line{margin-top:9px;display:flex;align-items:center;gap:6px;font-size:8px;color:#788a9c}.research-verify-line i{width:7px;height:7px;border-radius:50%;background:#aab7c2}.research-verify-line.checking i{background:#1d91d8;box-shadow:0 0 0 4px rgba(29,145,216,.1)}.research-verify-line.ok i{background:#21ad72}.research-verify-line.error i{background:#d85f5f}
.research-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.research-card-actions button{min-height:32px;padding:7px 9px;font-size:8px}.source-action-btn{border:1px solid #d4dde5;background:#f7f9fb;color:#576d82;border-radius:8px;font-weight:800;cursor:pointer}.source-action-btn:hover{background:#eef3f6}
.research-empty{grid-column:1/-1;text-align:center;padding:34px 20px;border:1px dashed #cbdde9;border-radius:14px;background:rgba(255,255,255,.55);color:#72879a}.research-empty span{display:block;font-size:26px;color:#2d8fd3}.research-empty strong{display:block;color:#244d73;margin:5px 0}.research-empty p{font-size:9px;margin:0}
.research-analyze-modal{max-width:760px}.research-analyze-body{padding:18px}.research-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.research-analysis-grid>div{border:1px solid #dce8f0;border-radius:12px;padding:12px;background:#fbfdff}.research-analysis-grid small,.research-analysis-snippet small{display:block;font-size:7px;letter-spacing:.12em;font-weight:900;color:#768da3}.research-analysis-grid strong{display:block;margin:4px 0;color:#0b3c70;font-size:12px}.research-analysis-grid span{font-size:8px;color:#697f94;line-height:1.4}.research-analysis-snippet{margin-top:10px;border:1px solid #dce8f0;border-radius:12px;padding:12px;background:#f7fbfe}.research-analysis-snippet p{font-size:9px;color:#4f6a84;line-height:1.55;margin:5px 0 0}
@media(max-width:1050px){.research-kpi-row{grid-template-columns:repeat(3,1fr)}.research-result-list{grid-template-columns:1fr}}
@media(max-width:650px){.research-desk-head{display:block}.research-desk-actions{justify-content:flex-start;margin-top:10px}.research-kpi-row{grid-template-columns:repeat(2,1fr)}.research-result-list{grid-template-columns:1fr}.research-card-actions{display:grid;grid-template-columns:1fr 1fr}.research-card-actions button{width:100%}.research-analysis-grid{grid-template-columns:1fr}.research-domain{max-width:36%}}


/* ===== V9.2 · NEXUS API CONTROL CENTER ===== */
.api-control-card{margin-top:16px;background:linear-gradient(145deg,#fff 0%,#f7fbff 55%,#f6fff9 100%);border-color:#cbdfea;position:relative;overflow:hidden}.api-control-card:after{content:'';position:absolute;width:260px;height:260px;right:-120px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(30,142,224,.12),transparent 68%);pointer-events:none}.api-control-head{position:relative;z-index:1}.api-control-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.api-control-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid #d6e2eb;background:#f7fafc;color:#72869a;font-size:8px;letter-spacing:.07em}.api-control-badge i{width:7px;height:7px;border-radius:50%;background:#9daab6}.api-control-badge.ok{color:#147b56;background:#eefaf4;border-color:#bae7d2}.api-control-badge.ok i{background:#20b376}.api-control-badge.warn{color:#a76d13;background:#fff9eb;border-color:#efdcae}.api-control-badge.warn i{background:#e0a22d}.api-control-badge.error{color:#b64646;background:#fff3f3;border-color:#efc2c2}.api-control-badge.error i{background:#dc5757}
.api-kpi-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0}.api-kpi{border:1px solid #d6e4ee;border-radius:13px;background:rgba(255,255,255,.92);padding:12px 13px;box-shadow:0 6px 18px rgba(12,55,96,.045)}.api-kpi small{font-size:7px;letter-spacing:.12em;font-weight:900;color:#73889e}.api-kpi strong{display:block;font-size:22px;line-height:1.1;color:#07396d;margin:5px 0 3px}.api-kpi span{font-size:8px;color:#75899c}.api-kpi.make{border-top:3px solid #8055d5}.api-kpi.serper{border-top:3px solid #1eb37a}
.api-control-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.api-provider-card{border:1px solid #d8e5ee;border-radius:14px;background:rgba(255,255,255,.91);padding:14px}.api-provider-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.api-provider-title>div:nth-child(2){min-width:0;flex:1}.api-provider-title small{display:block;font-size:7px;letter-spacing:.12em;font-weight:900;color:#74899e}.api-provider-title h4{margin:2px 0 0;font-size:14px;color:#0b3868}.api-provider-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 6px 15px rgba(21,65,111,.12)}.api-provider-icon.make{background:linear-gradient(145deg,#6a38d0,#b34bdd)}.api-provider-icon.serper{background:linear-gradient(145deg,#0d9764,#36c48d)}.api-provider-status{border-radius:999px;padding:5px 7px;background:#f3f6f8;border:1px solid #dbe3e8;color:#6c7e8e;font-size:7px;font-weight:900;white-space:nowrap}.api-provider-status.connected{background:#eefaf4;color:#177653;border-color:#c2e8d4}.api-provider-status.estimated{background:#fff9ea;color:#9b691d;border-color:#ebd8a8}.api-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.api-inline-status{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 10px;align-items:center;margin:10px 0;padding:9px 10px;border-radius:10px;background:#f7fbfd;border:1px solid #e0eaf0}.api-inline-status span{font-size:7px;color:#7a8ea0;font-weight:800}.api-inline-status strong{font-size:8px;color:#285272;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-meter{margin-top:12px}.api-meter>div{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#536e86}.api-meter i{display:block;margin-top:6px;height:7px;border-radius:999px;background:#e8f0f4;overflow:hidden}.api-meter u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#19a86f,#42c98e);text-decoration:none;transition:width .25s ease}.api-usage-details{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.api-usage-details>div{padding:10px;border:1px solid #dde8ef;border-radius:10px;background:rgba(249,252,254,.86)}.api-usage-details small{display:block;font-size:6.5px;letter-spacing:.08em;font-weight:900;color:#8092a2}.api-usage-details strong{display:block;margin-top:3px;font-size:10px;color:#244d6f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-control-message{position:relative;z-index:1;margin-top:10px;padding:9px 11px;border-radius:10px;background:#f4f9fc;border:1px solid #dce8ef;color:#617b91;font-size:8px;line-height:1.5}.api-control-message.error{background:#fff4f4;border-color:#efc7c7;color:#a94b4b}.api-control-message.ok{background:#effaf5;border-color:#c5e8d7;color:#39745b}
@media(max-width:1100px){.api-kpi-grid{grid-template-columns:repeat(2,1fr)}.api-control-grid{grid-template-columns:1fr}.api-usage-details{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.api-kpi-grid{grid-template-columns:1fr 1fr}.api-control-head-actions{justify-content:flex-start}.api-form-grid{grid-template-columns:1fr}.api-inline-status{grid-template-columns:auto 1fr}.api-usage-details{grid-template-columns:1fr 1fr}.api-kpi strong{font-size:18px}}


/* =========================================================
   V9.3 · EXECUTIVE DASHBOARD
   Vista generale ricca, leggera e responsive.
   ========================================================= */
.dashboard-status-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.dash-status-chip{min-width:0;border:1px solid #d8e5f1;background:rgba(255,255,255,.94);border-radius:12px;padding:9px 11px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"dot label" "dot value";column-gap:8px;text-align:left;cursor:pointer;box-shadow:0 5px 16px rgba(27,69,112,.04);transition:.18s ease}.dash-status-chip:hover{transform:translateY(-1px);border-color:#b8d5f0;box-shadow:0 8px 20px rgba(27,69,112,.08)}.dash-status-chip i{grid-area:dot;width:9px;height:9px;border-radius:50%;background:#a6b4c4;align-self:center;box-shadow:0 0 0 4px rgba(166,180,196,.12)}.dash-status-chip i.ok,.dash-status-chip .serper-dot{background:#22b97a;box-shadow:0 0 0 4px rgba(34,185,122,.12)}.dash-status-chip i.warn{background:#f0a12a;box-shadow:0 0 0 4px rgba(240,161,42,.12)}.dash-status-chip i.error{background:#e85d67;box-shadow:0 0 0 4px rgba(232,93,103,.12)}.dash-status-chip span{grid-area:label;font-size:7px;font-weight:900;letter-spacing:.12em;color:#72879d}.dash-status-chip strong{grid-area:value;font-size:10px;color:#103c70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.executive-overview{margin:14px 0;background:linear-gradient(135deg,#f8fcff 0%,#f6fbff 54%,#f4fff9 100%);border:1px solid #d5e6f4;border-radius:18px;padding:15px;box-shadow:0 12px 32px rgba(24,65,108,.05);position:relative;overflow:hidden}.executive-overview:after{content:"";position:absolute;right:-90px;top:-120px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(22,121,224,.08);box-shadow:0 0 0 35px rgba(45,176,125,.03),0 0 0 70px rgba(22,121,224,.025);pointer-events:none}.executive-overview-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:12px}.executive-overview-head h2{margin:3px 0 3px;color:#0b376c;font-size:19px}.executive-overview-head p{margin:0;color:#67809b;font-size:11px}.executive-live{display:inline-flex;align-items:center;gap:6px;border:1px solid #bce9d4;background:#effcf6;color:#13875a;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.executive-live i{width:7px;height:7px;border-radius:50%;background:#1db877;box-shadow:0 0 0 4px rgba(29,184,119,.12)}.executive-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.executive-card{min-width:0;background:rgba(255,255,255,.96);border:1px solid #dbe8f3;border-radius:15px;padding:13px;cursor:pointer;box-shadow:0 6px 18px rgba(23,64,107,.045);transition:.18s ease;overflow:hidden}.executive-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,64,107,.09);border-color:#bad8f1}.executive-card.agenda{border-top:3px solid #7b65db}.executive-card.email{border-top:3px solid #29ae77}.executive-card.contacts{border-top:3px solid #268fe8}.executive-card.agent{border-top:3px solid #169d55}.executive-card.make{border-top:3px solid #8756d6}.executive-card.system{border-top:3px solid #2b789f}.exec-card-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.exec-card-head .exec-icon{width:31px;height:31px;border-radius:10px;background:#eef6ff;color:#126cca;display:grid;place-items:center;font-size:15px;font-weight:900;flex:0 0 auto}.executive-card.email .exec-icon,.executive-card.agent .exec-icon{background:#ebfaf3;color:#128358}.executive-card.make .exec-icon{background:#f2edff;color:#7043c7}.executive-card.system .exec-icon{background:#eef8fb;color:#216c91}.exec-card-head div{min-width:0;flex:1}.exec-card-head small{display:block;font-size:7px;letter-spacing:.12em;font-weight:900;color:#758ba2}.exec-card-head h3{margin:2px 0 0;color:#0d3767;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-card-head>b{font-size:9px;color:#1675d1;white-space:nowrap}.exec-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}.exec-metrics>span{min-width:0;background:#f7fbff;border:1px solid #e4edf6;border-radius:10px;padding:8px}.exec-metrics strong{display:block;color:#0c3d72;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-metrics small{display:block;color:#7b8ea4;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-mini-list{display:grid;gap:5px}.exec-mini-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;border-top:1px solid #eef3f7;padding-top:6px;min-width:0}.exec-mini-row:first-child{border-top:0;padding-top:0}.exec-mini-row>i{width:6px;height:6px;border-radius:50%;background:#4e9ee5}.exec-mini-row>i.late{background:#e45b68}.exec-mini-row>i.ok{background:#20af76}.exec-mini-row div{min-width:0}.exec-mini-row strong{display:block;font-size:9px;color:#244a72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-mini-row small{display:block;font-size:8px;color:#8597aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-mini-row>b{font-size:8px;color:#647e98;white-space:nowrap}.exec-agent-core{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#effcf6,#f3f8ff);border:1px solid #dceee5;border-radius:12px;padding:10px}.exec-agent-orb{width:37px;height:37px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#7cf0b3,#14965d 58%,#075c3a);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;box-shadow:0 0 0 5px rgba(28,177,111,.08)}.exec-agent-core>div:last-child{min-width:0}.exec-agent-core strong{display:block;font-size:10px;color:#144f3a}.exec-agent-core small{display:block;font-size:8px;line-height:1.35;color:#6e8b7f;margin-top:3px}.exec-command{margin-top:8px;display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #edf2f5;padding-top:7px}.exec-command span{font-size:8px;color:#8495a7}.exec-command strong{font-size:9px;color:#135dad;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-status-line{display:flex;align-items:center;gap:7px;border-top:1px solid #edf2f6;padding-top:8px;min-width:0}.exec-status-line i{width:7px;height:7px;border-radius:50%;background:#a7b5c4;flex:0 0 auto}.exec-status-line i.ok{background:#1fb576}.exec-status-line i.warn{background:#eaa031}.exec-status-line i.error{background:#e55764}.exec-status-line strong{font-size:9px;color:#345a7e;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-status-line span{margin-left:auto;font-size:8px;color:#7e91a4;white-space:nowrap}.dashboard-sync-note{font-size:8px;color:#8496a7}.executive-card .mini-empty{font-size:9px;padding:7px 0;color:#8a99a9}.overview-highlight{animation:nexusOverviewPulse .9s ease}@keyframes nexusOverviewPulse{0%,100%{box-shadow:0 6px 18px rgba(23,64,107,.045)}50%{box-shadow:0 0 0 4px rgba(28,127,219,.11),0 12px 24px rgba(23,64,107,.1)}}
@media(max-width:1350px){.executive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-status-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.executive-overview-head{flex-direction:column}.executive-grid{grid-template-columns:1fr}.dashboard-status-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body.nexus-phone .dashboard-status-rail{grid-template-columns:1fr 1fr;gap:6px}body.nexus-phone .dash-status-chip{padding:8px}body.nexus-phone .executive-overview{padding:10px;border-radius:14px}body.nexus-phone .executive-grid{grid-template-columns:1fr}body.nexus-phone .exec-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}body.nexus-phone .exec-metrics>span{padding:7px 5px}body.nexus-phone .exec-metrics strong{font-size:14px}body.nexus-phone .executive-live{display:none}}

/* =========================================================
   CIVITAS NEXUS AI CRM — V9.3.1 FUTURE EXECUTIVE UI
   Dashboard alignment + futuristic light control-room layer
   ========================================================= */
:root{
  --v931-navy:#082d64;
  --v931-blue:#126ef3;
  --v931-cyan:#16b8d4;
  --v931-green:#18a66a;
  --v931-violet:#7453e8;
  --v931-line:#d9e6f3;
  --v931-soft:#f4f9ff;
  --v931-shadow:0 18px 48px rgba(21,63,111,.09);
}

body{
  background:
    radial-gradient(circle at 84% 4%,rgba(63,161,255,.11),transparent 23%),
    radial-gradient(circle at 10% 92%,rgba(27,197,145,.07),transparent 28%),
    linear-gradient(180deg,#f7faff 0%,#f3f8fd 100%);
}

.app{grid-template-columns:184px minmax(0,1fr)}
.sidebar{
  padding:20px 10px 18px;
  border-right:1px solid rgba(185,206,228,.72);
  box-shadow:10px 0 34px rgba(31,70,110,.035);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
}
.logo-wrap{padding-bottom:20px}
.menu{gap:7px}
.menu-item{
  position:relative;
  padding:12px 12px;
  border-radius:13px;
  font-weight:700;
  color:#18365f;
  transition:.18s ease;
}
.menu-item.active{
  color:#0868e8;
  background:linear-gradient(135deg,#e8f2ff,#f1f7ff);
  box-shadow:inset 0 0 0 1px rgba(68,141,231,.05),0 8px 18px rgba(52,115,186,.07);
}
.menu-item.active:before{
  content:"";position:absolute;left:4px;top:50%;width:3px;height:22px;border-radius:4px;
  transform:translateY(-50%);background:linear-gradient(#1f7fff,#2bd39d);
}
.voice-mini{
  border-color:#b6ead2;
  border-radius:18px;
  background:linear-gradient(160deg,#ffffff 20%,#f2fff8 100%);
  box-shadow:0 12px 26px rgba(27,119,78,.07);
}
.mini-mic{
  background:radial-gradient(circle at 35% 28%,#fff,#e8f3ff 52%,#dbecff);
  box-shadow:0 8px 20px rgba(31,103,177,.12),inset 0 0 0 1px rgba(42,126,211,.08);
}

.topbar{
  min-height:74px;height:74px;
  padding:0 22px;
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(200,216,233,.76);
  box-shadow:0 8px 28px rgba(25,61,101,.045);
}
.crumb{min-width:135px}
.search{border-radius:12px;border-color:#cfdeee;box-shadow:0 4px 14px rgba(38,83,131,.035)}
.round-btn{box-shadow:inset 0 0 0 1px rgba(65,123,183,.07)}

/* Live 3D date / clock */
.nexus-datetime{
  min-width:186px!important;
  border-radius:16px!important;
  padding:7px 12px!important;
  gap:10px!important;
  border:1px solid rgba(134,201,245,.65)!important;
  background:
    linear-gradient(125deg,rgba(255,255,255,.96),rgba(226,246,255,.91) 58%,rgba(231,255,247,.88))!important;
  box-shadow:0 10px 28px rgba(37,126,187,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden;
}
.nexus-datetime:after{
  content:"";position:absolute;right:-24px;top:-30px;width:94px;height:94px;border-radius:50%;
  border:1px solid rgba(60,156,232,.13);box-shadow:0 0 0 15px rgba(70,174,232,.035),0 0 0 30px rgba(36,201,147,.025);
}
.nexus-clock-orb{
  width:40px!important;height:40px!important;
  filter:drop-shadow(0 7px 12px rgba(27,118,208,.20));
}
.nexus-clock-core{box-shadow:0 0 17px rgba(31,132,241,.28)}
.nexus-date-copy strong{font-size:19px!important;letter-spacing:.06em;color:#0a376d!important;text-shadow:0 1px 0 #fff}
.nexus-date-copy>span{font-size:7px!important;letter-spacing:.08em!important;color:#507191!important;font-weight:900!important}
.nexus-clock-meta{position:relative;z-index:2}

#dashboard{padding:16px 18px 30px;max-width:1680px;margin:0 auto}

/* Hero / control room */
#dashboard .control-room{
  min-height:142px;
  border:1px solid #d4e5f2;
  border-left:4px solid #16a564;
  border-radius:20px;
  padding:22px 26px;
  background:
    linear-gradient(110deg,rgba(255,255,255,.99) 0%,rgba(248,252,255,.98) 48%,rgba(229,247,255,.96) 75%,rgba(230,255,245,.91) 100%);
  box-shadow:var(--v931-shadow);
  isolation:isolate;
}
#dashboard .control-room:before{
  content:"";position:absolute;inset:0 0 0 58%;z-index:-2;
  background:
    linear-gradient(rgba(31,132,230,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,132,230,.06) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg,transparent,black 28%,black 100%);
}
#dashboard .control-room:after{
  right:-58px;top:-115px;width:360px;height:360px;
  border-color:rgba(47,144,232,.13);
  box-shadow:0 0 0 34px rgba(57,154,236,.04),0 0 0 68px rgba(40,204,151,.032),0 0 0 102px rgba(92,93,230,.022);
}
#dashboard .control-room>div:first-child{position:relative;z-index:2;max-width:750px}
#dashboard .control-room h1{
  margin:5px 0 5px;
  color:#0c2546;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.035em;
}
#dashboard .control-room p{font-size:13px;max-width:670px;color:#536e8f;line-height:1.45}
#dashboard .control-room .outline-btn{
  position:relative;z-index:2;
  padding:11px 15px;border-radius:12px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);
  box-shadow:0 8px 20px rgba(28,104,180,.08);
}
.hero-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.version-pill,.hero-system-pill{
  display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:900;letter-spacing:.09em;
}
.version-pill{background:#eaf4ff;border:1px solid #d0e4fb;color:#1261b4}
.hero-system-pill{background:#effbf6;border:1px solid #cdeede;color:#168254}
.hero-system-pill i{width:6px;height:6px;border-radius:50%;background:#20bd78;box-shadow:0 0 0 4px rgba(32,189,120,.10),0 0 9px rgba(32,189,120,.45)}

/* Status axis: always a clean horizontal control strip on desktop */
#dashboard .dashboard-status-rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;
  gap:10px!important;
  margin:12px 0 14px!important;
}
#dashboard .dash-status-chip{
  min-height:62px;
  border-radius:16px!important;
  padding:11px 13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,252,255,.95))!important;
  border:1px solid #d8e5f1!important;
  box-shadow:0 8px 22px rgba(21,67,113,.055)!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:10px!important;
}
#dashboard .dash-status-chip:hover{transform:translateY(-2px)!important;box-shadow:0 13px 27px rgba(22,72,121,.09)!important}
#dashboard .dash-status-chip i{width:10px!important;height:10px!important}
#dashboard .dash-status-chip span{font-size:8px!important;color:#72859a!important}
#dashboard .dash-status-chip strong{font-size:11px!important;color:#0e3766!important;margin-top:3px!important}

/* Main axis */
#dashboard .dashboard-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:14px!important;
  margin-top:0!important;
  align-items:start;
}
#dashboard .left-zone{min-width:0}
#dashboard .right-zone{min-width:0;display:grid;gap:14px;align-content:start}

/* KPI cockpit */
#dashboard .kpi-grid{
  border-radius:18px;
  border:1px solid #d8e5f1;
  box-shadow:0 12px 30px rgba(22,64,105,.055);
  overflow:hidden;
}
#dashboard .kpi{
  min-height:108px;
  padding:16px 15px;
  gap:12px;
  background:linear-gradient(145deg,#fff,#fbfdff);
  transition:.18s ease;
}
#dashboard .kpi:hover{background:#fff;box-shadow:inset 0 -3px 0 rgba(33,119,233,.08)}
#dashboard .kpi-icon{width:42px;height:42px;box-shadow:inset 0 0 0 1px rgba(36,105,184,.04)}
#dashboard .kpi span{font-size:8px;letter-spacing:.05em}
#dashboard .kpi strong{font-size:23px;letter-spacing:-.025em;color:#0b315f}
#dashboard .kpi small{font-size:9px}

/* Executive overview */
#dashboard .executive-overview{
  margin:14px 0;
  padding:17px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(250,253,255,.99),rgba(244,250,255,.98) 58%,rgba(244,255,250,.96));
  border:1px solid #d5e5f2;
  box-shadow:0 15px 36px rgba(22,67,112,.06);
}
#dashboard .executive-overview:before{
  content:"";position:absolute;left:-70px;bottom:-95px;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(87,131,255,.05),transparent 66%);pointer-events:none;
}
#dashboard .executive-overview-head{margin-bottom:14px}
#dashboard .executive-overview-head h2{font-size:21px;letter-spacing:-.025em}
#dashboard .executive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
#dashboard .executive-card{
  min-height:208px;
  border-radius:17px;
  padding:14px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);
  box-shadow:0 8px 22px rgba(27,72,117,.05);
}
#dashboard .executive-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(24,70,116,.10)}
#dashboard .exec-card-head .exec-icon{width:34px;height:34px;border-radius:11px}
#dashboard .exec-card-head h3{font-size:13px}
#dashboard .exec-metrics>span{border-radius:11px;background:linear-gradient(145deg,#f9fcff,#f4f9ff)}

/* Right AI cockpit */
#dashboard .voice-card-future{
  min-height:430px;
  border-radius:20px;
  border:1px solid #d6e4f2;
  background:
    radial-gradient(circle at 50% 28%,rgba(82,134,255,.10),transparent 31%),
    linear-gradient(180deg,#ffffff 0%,#f9fbff 67%,#f7f7ff 100%);
  box-shadow:0 18px 45px rgba(37,67,121,.105);
  padding:16px;
}
#dashboard .voice-card-future:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:92px;pointer-events:none;
  background:radial-gradient(circle at 50% 120%,rgba(99,79,232,.11),transparent 58%);
}
#dashboard .ai-agent-stage{height:182px}
#dashboard .ai-orb{width:96px;height:96px;box-shadow:inset -16px -18px 28px rgba(2,14,70,.40),inset 12px 12px 22px rgba(255,255,255,.28),0 0 24px rgba(69,152,255,.74),0 0 58px rgba(87,72,232,.28),0 17px 32px rgba(16,57,120,.24)}
#dashboard .suggestions button{border-radius:11px;padding:10px 11px;background:rgba(255,255,255,.88);transition:.16s ease}
#dashboard .suggestions button:hover{border-color:#b8d4f1;transform:translateX(2px);background:#fff}
#dashboard .donut-card,#dashboard .activity-card{border-radius:18px;box-shadow:0 12px 30px rgba(25,67,111,.06)}

/* CRM table beneath the executive layer */
#dashboard .crm-card{border-radius:20px;padding:16px;border-color:#d7e4f1;box-shadow:0 15px 34px rgba(24,65,108,.055)}
#dashboard .table-wrap{border-radius:12px}

/* Desktop and old-Mac Firefox tuned breakpoints */
@media(max-width:1450px){
  #dashboard .dashboard-grid{grid-template-columns:minmax(0,1fr) 290px!important}
  #dashboard .executive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #dashboard .dashboard-status-rail{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  #dashboard .kpi{min-height:101px;padding:14px 12px}
  #dashboard .kpi strong{font-size:21px}
}
@media(max-width:1220px){
  .search{width:285px}
  .nexus-datetime{min-width:170px!important}
  #dashboard .dashboard-grid{grid-template-columns:1fr!important}
  #dashboard .right-zone{grid-template-columns:repeat(3,minmax(0,1fr))}
  #dashboard .voice-card-future{min-height:350px}
}
@media(max-width:1020px){
  #dashboard .dashboard-status-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard .right-zone{grid-template-columns:1fr}
}
@media(max-width:850px){
  .app{grid-template-columns:1fr}
  #dashboard{padding:12px}
  #dashboard .control-room{min-height:unset;padding:18px;border-radius:17px;align-items:flex-start}
  #dashboard .control-room h1{font-size:25px}
  #dashboard .dashboard-status-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #dashboard .executive-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  #dashboard .dashboard-status-rail{grid-template-columns:1fr 1fr!important}
  #dashboard .dash-status-chip{min-height:55px!important;padding:9px!important}
  #dashboard .kpi-grid{grid-template-columns:1fr}
  .version-pill{display:none}
}

/* V9.3.2 · Clear Research */
.research-desk-actions .research-clear-btn{margin-left:6px;white-space:nowrap;}


/* ================================================================
   V9.3.4 PERMANENT DATABASE · ACTIVITY MODAL FIX
   Mantiene Nuova/Modifica attività interamente dentro il viewport.
   Header e footer restano sempre visibili; scorre solo il form.
   ================================================================ */
.activity-pro-modal{
  max-width:760px;
  max-height:calc(100vh - 28px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.activity-pro-modal>.crm-modal-header,
.activity-pro-modal>.crm-modal-footer{
  flex:0 0 auto;
}
.activity-pro-modal>.crm-form{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.activity-pro-modal>.crm-modal-footer{
  position:relative;
  z-index:2;
  box-shadow:0 -8px 22px rgba(13,45,95,.06);
}
@media(max-height:820px){
  .crm-modal{padding:10px;}
  .activity-pro-modal{max-height:calc(100vh - 20px);}
  .activity-pro-modal>.crm-modal-header{padding:16px 22px 12px;}
  .activity-pro-modal>.crm-form{padding:16px 22px;}
  .activity-pro-modal>.crm-modal-footer{padding:12px 22px 14px;}
}
@media(max-width:700px){
  .activity-pro-modal{max-height:calc(100vh - 16px);}
  .activity-pro-modal>.crm-form{overflow-y:auto;}
}


/* =========================================================
   V9.3.5 DASHBOARD RESTYLE · inspired by official mockup
   UI only: no changes to live data bindings
   ========================================================= */
:root{
  --nexus-ice:#f7fbff;
  --nexus-panel:#ffffff;
  --nexus-border:#dbe8f5;
  --nexus-shadow:0 18px 40px rgba(28,72,124,.08);
  --nexus-soft-shadow:0 10px 28px rgba(23,67,119,.05);
  --nexus-blue:#1d72e8;
  --nexus-cyan:#45c8ff;
  --nexus-mint:#31d1b3;
  --nexus-green:#27b96f;
  --nexus-text:#0f2d57;
  --nexus-sub:#69809b;
}
body{
  background:
    radial-gradient(circle at 0% 0%, rgba(89,190,255,.10), transparent 26%),
    radial-gradient(circle at 100% 0%, rgba(64,214,168,.10), transparent 22%),
    linear-gradient(180deg,#fbfdff 0%, #f4f9ff 100%);
  color:var(--nexus-text);
}
.sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,252,255,.96));
  backdrop-filter:blur(14px);
  border-right:1px solid rgba(206,224,239,.9);
  box-shadow:18px 0 38px rgba(27,66,113,.04);
}
.logo-wrap{padding:2px 8px 12px}
.brand-logo{filter:drop-shadow(0 10px 20px rgba(29,114,232,.10))}
.logo-subline{letter-spacing:.16em;color:#58789d;font-weight:900}
.menu{gap:6px}
.menu-item{position:relative;border:1px solid transparent;background:transparent;color:#33567d;border-radius:16px;padding:13px 14px;font-weight:700}
.menu-item:hover{background:rgba(255,255,255,.86);border-color:#e0ebf6;box-shadow:0 8px 20px rgba(28,72,124,.05)}
.menu-item.active{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(242,251,248,.98));border-color:#d9ecdf;color:#0c3667;box-shadow:0 14px 30px rgba(25,72,119,.07)}
.menu-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--nexus-mint),var(--nexus-green))}
.voice-mini{margin-top:auto;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(243,250,255,.95));border:1px solid #dbe9f4;border-radius:24px;box-shadow:var(--nexus-soft-shadow)}
.mini-mic{box-shadow:0 0 0 10px rgba(68,196,255,.08),0 0 32px rgba(61,146,255,.25)}
.topbar{height:82px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,232,245,.92);box-shadow:0 8px 28px rgba(20,54,103,.04)}
.crumb span{font-size:11px;letter-spacing:.12em;color:#6f85a1}
.crumb strong{font-size:28px;letter-spacing:-.03em;color:#123866}
.nexus-datetime{min-width:238px;background:linear-gradient(135deg,#fff,#f3f9ff);border:1px solid #d9e8f5;border-radius:24px;padding:10px 14px;box-shadow:var(--nexus-soft-shadow)}
.search{min-width:520px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,252,255,.98));border:1px solid #dbe8f5;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 8px 22px rgba(19,55,98,.04)}
.search input{background:transparent}
.round-btn,.profile-button,.local-server-badge{box-shadow:var(--nexus-soft-shadow)}
.round-btn{background:linear-gradient(135deg,#fff,#f5fbff);border:1px solid #dce9f6}
.local-server-badge{background:linear-gradient(135deg,#f6fffb,#effff7);border:1px solid #ccefdc;color:#157b54}
.profile-button{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dce8f5;border-radius:18px}
#dashboard{padding:18px 18px 28px}
#dashboard .control-room{display:grid;grid-template-columns:minmax(240px,1.02fr) minmax(340px,1.1fr) minmax(200px,.72fr);align-items:center;gap:18px;min-height:210px;padding:22px 24px;border-radius:28px;border:1px solid #d9e7f3;background:radial-gradient(circle at 0% 0%, rgba(61,146,255,.12), transparent 33%),radial-gradient(circle at 100% 0%, rgba(59,217,169,.12), transparent 28%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,251,255,.96) 52%,rgba(245,255,250,.96) 100%);box-shadow:0 24px 55px rgba(18,61,109,.08);border-left:1px solid #d9e7f3;overflow:hidden}
#dashboard .control-room:before{content:"";position:absolute;inset:auto -90px -110px auto;width:280px;height:280px;border-radius:50%;border:1px solid rgba(52,142,234,.09);box-shadow:0 0 0 24px rgba(45,202,182,.035),0 0 0 48px rgba(41,127,232,.03)}
#dashboard .control-room-copy{position:relative;z-index:2;max-width:680px}
#dashboard .control-room h1{font-size:30px;line-height:1.08;margin:4px 0 8px;color:#0d3566;letter-spacing:-.03em}
#dashboard .control-room h1 span{background:linear-gradient(90deg,#1d70e8 0%, #44c8ff 46%, #23c67a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#dashboard .control-room p{font-size:14px;line-height:1.55;max-width:700px;color:#68819a}
.control-room-scene{position:relative;min-height:156px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#0c2347 0%, #1b4e96 55%, #5fd0ff 150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 24px 46px rgba(15,49,101,.20)}
.control-room-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 35%),radial-gradient(circle at 50% 110%, rgba(127,223,255,.14), transparent 30%)}
.scene-halo{position:absolute;inset:0;background:radial-gradient(circle at 50% 15%, rgba(255,255,255,.16), transparent 35%)}
.scene-screen{position:absolute;top:18px;height:42px;border-radius:12px;background:linear-gradient(180deg,rgba(145,214,255,.16),rgba(29,90,164,.62));border:1px solid rgba(174,224,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.scene-screen.left{left:18px;width:30%}
.scene-screen.center{left:35%;width:30%}
.scene-screen.right{right:18px;width:30%}
.scene-desk{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:114px;height:36px;border-radius:999px;background:linear-gradient(180deg,#11396e,#0b2247);box-shadow:0 10px 25px rgba(0,0,0,.28)}
.scene-globe{position:absolute;left:50%;top:50%;transform:translate(-50%,-36%);width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.95), rgba(109,200,255,.92) 30%, rgba(74,121,255,.95) 62%, rgba(8,31,83,1) 100%);box-shadow:0 0 18px rgba(87,195,255,.6),0 0 35px rgba(96,144,255,.34)}
.scene-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-36%);border:1px solid rgba(190,233,255,.38);border-radius:50%}
.scene-ring.ring-a{width:76px;height:76px}
.scene-ring.ring-b{width:112px;height:112px;opacity:.65}
#dashboard .hero-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
#dashboard .version-pill,#dashboard .hero-system-pill{border-radius:999px;padding:9px 14px;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 24px rgba(17,58,102,.06)}
#dashboard .version-pill{background:#f2f7ff;border:1px solid #d8e7f4;color:#3f6185}
#dashboard .hero-system-pill{background:linear-gradient(135deg,#effdf5,#f7fff9);border:1px solid #cbeed7;color:#167e59}
#dashboard .control-room-side{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:18px;justify-self:end}
.hero-governance-orb{position:relative;width:152px;height:152px;display:grid;place-items:center}
.hero-governance-core{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #ffffff 0%, #dff6ff 14%, #8bd9ff 34%, #498aff 62%, #3168de 88%, #5c67ff 100%);box-shadow:0 0 22px rgba(74,188,255,.58), 0 0 44px rgba(47,133,255,.26), inset 0 8px 15px rgba(255,255,255,.46)}
.hero-governance-ring{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(93,170,255,.28)}
.hero-governance-ring.ring-1{width:100px;height:100px}
.hero-governance-ring.ring-2{width:132px;height:132px}
.hero-governance-ring.ring-3{width:156px;height:156px;border-color:rgba(68,206,176,.18)}
#dashboard .control-room .outline-btn{min-width:210px;justify-content:center;border-radius:16px;padding:14px 18px;background:linear-gradient(135deg,#ffffff,#f5fbff);border:1px solid #d8e6f4;color:#1a68cb}
#dashboard .dashboard-status-rail{gap:12px;margin-top:14px}
#dashboard .dash-status-chip{min-height:68px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,251,255,.96));border:1px solid #dae8f4;border-radius:18px;box-shadow:var(--nexus-soft-shadow)}
#dashboard .kpi-grid{gap:12px;border:0;background:transparent;overflow:visible;border-radius:0;margin-top:2px;grid-template-columns:repeat(4,minmax(0,1fr))}
#dashboard .kpi{min-height:118px;border:1px solid #dce9f5;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.95));box-shadow:var(--nexus-soft-shadow);transition:.2s ease;flex-direction:row;border-right:1px solid #dce9f5;border-bottom:1px solid #dce9f5}
#dashboard .kpi:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(22,67,117,.08)}
#dashboard .kpi span{font-size:8px;letter-spacing:.12em;color:#70869f}
#dashboard .kpi strong{font-size:30px;line-height:1;color:#123a69}
#dashboard .kpi small{font-size:10px;color:#6f85a0}
#dashboard .executive-overview,#dashboard .crm-card,#dashboard .voice-card-future,#dashboard .donut-card,#dashboard .activity-card{border-radius:24px;border:1px solid #dbe8f5;box-shadow:var(--nexus-shadow);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.96))}
#dashboard .executive-overview{padding:18px 18px 16px}
#dashboard .executive-card{border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dde8f4;box-shadow:0 10px 26px rgba(21,65,114,.05)}
#dashboard .executive-card .exec-card-head h3{font-size:15px}
#dashboard .crm-card{margin-top:16px;padding:16px}
#dashboard .voice-card-future{padding:16px 16px 18px;background:radial-gradient(circle at 50% 0%, rgba(88,174,255,.18), transparent 26%),radial-gradient(circle at 50% 35%, rgba(95,238,217,.10), transparent 28%),linear-gradient(180deg,#ffffff 0%, #f6fbff 100%)}
#dashboard .ai-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
#dashboard .ai-online{border-radius:999px;padding:6px 10px;background:#effcf5;border:1px solid #cfeeda;color:#17905d;font-size:9px;font-weight:900;letter-spacing:.08em}
#dashboard .ai-agent-stage{min-height:240px;padding-top:8px}
#dashboard .ai-orb{width:170px;height:170px}
#dashboard .ai-orb-core{font-size:34px}
#dashboard .ai-orb-mic{font-size:24px}
#dashboard .ai-label{font-size:10px;letter-spacing:.14em;color:#7690ab;text-align:center}
#dashboard .voice-card-future #voiceTitle{font-size:24px;line-height:1.12;letter-spacing:-.03em;color:#123b69;margin-top:8px;margin-bottom:10px}
#dashboard .suggestions{gap:8px;margin-top:14px}
#dashboard .suggestions button{border-radius:14px;padding:11px 14px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbe8f4;color:#2f557f;font-size:12px;box-shadow:0 6px 18px rgba(18,53,96,.04)}
#dashboard .suggestions button:hover{border-color:#bfdaf0;transform:translateY(-1px)}
#dashboard .voice-card-future>small{display:block;margin-top:12px;padding:10px 12px;border-radius:14px;background:#f8fbff;border:1px solid #e0eaf4;color:#4574b2;text-align:left;font-weight:700}
#dashboard .donut-card,#dashboard .activity-card{padding:16px}
#dashboard .donut-card h3,#dashboard .activity-card h3{color:#113967;letter-spacing:.01em}
#dashboard .donut-wrap{gap:12px}
#dashboard .activity-card #recentActivityList>div,#dashboard #recentActivityList .recent-item{border-radius:14px}
@media (max-width: 1450px){#dashboard .control-room{grid-template-columns:minmax(220px,.95fr) minmax(300px,1fr) minmax(190px,.66fr)}.search{min-width:360px}}
@media (max-width: 1180px){#dashboard .control-room{grid-template-columns:1fr;align-items:flex-start}#dashboard .control-room-side{justify-self:start;align-items:flex-start}#dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#dashboard .dashboard-grid{grid-template-columns:1fr}#dashboard .right-zone{grid-template-columns:1fr 1fr}}
@media (max-width: 820px){.search{min-width:0;width:100%}#dashboard .right-zone{grid-template-columns:1fr}#dashboard .kpi-grid{grid-template-columns:1fr}#dashboard .control-room{padding:18px;border-radius:22px}#dashboard .control-room h1{font-size:25px}.hero-governance-orb{width:132px;height:132px}}


/* =========================================================
   CIVITAS NEXUS AI — DASHBOARD RESTYLE V9.3.6
   Obiettivo: avvicinare la dashboard al mockup ufficiale,
   mantenendo funzioni attive e fermando le animazioni continue.
   ========================================================= */
:root{
  --nexus-bg:#f8fbff;
  --nexus-line:#dce9f5;
  --nexus-line-2:#e9f1f9;
  --nexus-shadow:0 22px 52px rgba(23,68,119,.08);
  --nexus-soft-shadow:0 10px 26px rgba(24,68,117,.06);
  --nexus-blue:#2b83ff;
  --nexus-cyan:#4fd8ff;
  --nexus-green:#22c77c;
  --nexus-aqua:#6ce3dd;
  --nexus-deep:#103967;
}
body{
  background:
    radial-gradient(circle at 82% 7%, rgba(93,163,255,.09), transparent 20%),
    radial-gradient(circle at 14% 88%, rgba(66,214,174,.07), transparent 25%),
    linear-gradient(180deg,#fafdff 0%,#f5f9fe 100%);
}
.app{grid-template-columns:182px 1fr}
.sidebar{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  border-right:1px solid var(--nexus-line);
  padding:18px 12px 18px;
}
.logo-wrap{
  padding:4px 10px 18px;
  margin-bottom:6px;
  border-bottom:1px solid #edf3f9;
}
.brand-logo{width:96px}
.logo-subline{font-size:10px;letter-spacing:.18em;color:#486e96}
.menu{gap:8px;margin-top:8px}
.menu-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:12px 14px;
  border:1px solid transparent;
  border-radius:16px;
  font-weight:700;
  color:#29486f;
  transition:.18s ease;
}
.menu-item:hover{transform:translateX(2px);background:#f6fbff;border-color:#dfeaf5;color:#176fe1}
.menu-item.active{
  background:linear-gradient(180deg,#fafdff,#f5fbff);
  border-color:#dbe8f4;
  color:#145fc2;
  box-shadow:var(--nexus-soft-shadow);
}
.menu-item.active:before{
  content:"";
  position:absolute;
  left:-12px;
  top:12px;
  bottom:12px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#19c47b,#3497ff);
}
.voice-mini{
  margin-top:auto;
  padding:18px 14px 16px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,252,255,.98));
  border:1px solid #d9e8f4;
  box-shadow:var(--nexus-soft-shadow);
}
.voice-mini-title{font-size:10px;letter-spacing:.12em;color:#67a18b}
.mini-mic{
  width:56px;height:56px;margin:14px 0 10px;border:1px solid #d7e8f5;
  background:radial-gradient(circle at 32% 28%, #ffffff 0 18%, #73e2ff 19%, #2b87ff 58%, #0d4fa6 100%);
  color:#fff;font-size:18px;
  box-shadow:inset 0 1px 8px rgba(255,255,255,.35), 0 0 0 10px rgba(76,204,255,.06), 0 0 28px rgba(65,144,255,.18);
  transition:.2s ease;
}
.voice-mini:hover .mini-mic,
.mini-mic:hover{transform:translateY(-1px) scale(1.03);box-shadow:inset 0 1px 8px rgba(255,255,255,.35), 0 0 0 12px rgba(76,204,255,.12), 0 0 36px rgba(65,144,255,.30)}
.voice-mini strong{font-size:13px;color:#113d6d}
.voice-mini small{font-size:11px;color:#6c87a4;line-height:1.45}

.topbar{
  height:76px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--nexus-line);
  padding:0 20px 0 18px;
}
.crumb strong{font-size:18px;color:#153a69}
.crumb span{font-size:10px;color:#7389a4}
.nexus-clock-3d{
  min-width:230px;
  background:linear-gradient(180deg,#ffffff,#f4fbff);
  border:1px solid #d8e7f4;
  border-radius:20px;
  box-shadow:var(--nexus-soft-shadow);
}
.search{
  width:440px;
  min-width:440px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  border:1px solid #d9e6f2;
  border-radius:18px;
  box-shadow:0 8px 18px rgba(26,72,120,.03);
}
.search input{padding:12px 15px;font-size:12px;color:#16375f}
.search button{color:#2f69b6}
.round-btn,.profile-button,.local-server-badge{
  box-shadow:0 8px 18px rgba(17,67,125,.04);
}
.round-btn{
  width:42px;height:42px;border:1px solid #d8e6f2;background:linear-gradient(180deg,#fff,#f7fbff)
}
.local-server-badge{border:1px solid #cfe9d5;background:linear-gradient(180deg,#fbfffc,#f4fff8)}
.profile-button{
  border:1px solid #d8e5f1;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border-radius:18px;
  padding:8px 12px 8px 14px;
}
.avatar{background:linear-gradient(180deg,#f8fbff,#ecf4ff);border:1px solid #d9e6f4;color:#183e6c}

#dashboard{padding:18px 18px 28px}
#dashboard .dashboard-grid{grid-template-columns:minmax(0,1fr) 304px;gap:16px;margin-top:14px}
#dashboard .right-zone{gap:16px}
#dashboard .control-room{
  min-height:224px;
  padding:18px 18px;
  gap:16px;
  border-radius:30px;
  border:1px solid var(--nexus-line);
  background:
    radial-gradient(circle at 100% 0%, rgba(94,234,216,.13), transparent 22%),
    radial-gradient(circle at 0% 0%, rgba(78,150,255,.14), transparent 22%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,252,255,.97) 55%,rgba(245,255,250,.98));
  box-shadow:0 24px 58px rgba(23,68,119,.08);
}
#dashboard .control-room:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(96,155,233,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96,155,233,.05) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent 0%, rgba(0,0,0,.15) 15%, rgba(0,0,0,.15) 85%, transparent 100%);
  pointer-events:none;
}
.control-room-scene{
  min-height:188px;
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 24%, rgba(150,220,255,.22), transparent 22%),
    linear-gradient(180deg,#0f284f 0%,#133f7f 52%,#4bafff 120%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 42px rgba(18,58,109,.22);
}
.control-room-scene:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 2%, rgba(255,255,255,.38), transparent 32%),
    radial-gradient(circle at 50% 92%, rgba(115,215,255,.16), transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.09),transparent 25%);
}
.scene-halo{
  position:absolute;left:50%;top:10px;transform:translateX(-50%);
  width:235px;height:235px;border-radius:50%;border:8px solid rgba(184,223,255,.10);
  box-shadow:0 0 0 24px rgba(113,190,255,.05),0 0 58px rgba(104,172,255,.18) inset;
}
.scene-screen{position:absolute;top:46px;width:94px;height:62px;border-radius:10px;border:1px solid rgba(166,216,255,.24);background:linear-gradient(180deg,rgba(22,65,129,.95),rgba(17,46,98,.88));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.scene-screen.left{left:14px}.scene-screen.center{left:calc(50% - 47px);top:40px;width:104px;height:66px}.scene-screen.right{right:14px}
.scene-screen:before{content:"";position:absolute;left:10px;right:10px;top:10px;height:8px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.02))}
.scene-screen:after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:18px;border-radius:8px;background:linear-gradient(135deg,rgba(77,200,255,.10),rgba(77,200,255,.01));box-shadow:0 0 0 1px rgba(100,195,255,.12) inset}
.scene-desk{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:150px;height:34px;border-radius:999px;background:linear-gradient(180deg,rgba(8,29,66,.98),rgba(15,54,110,.8));box-shadow:0 0 0 1px rgba(139,213,255,.2) inset,0 -8px 28px rgba(84,179,255,.26)}
.scene-globe{position:absolute;left:50%;top:55px;transform:translateX(-50%);width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #cff7ff 0 8%, #7ac1ff 20%, #1f72ea 53%, #1550b3 78%, #0b2f73 100%);box-shadow:0 0 20px rgba(112,202,255,.8),0 0 44px rgba(112,202,255,.28), inset -10px -12px 18px rgba(1,14,56,.35), inset 10px 12px 18px rgba(255,255,255,.15)}
.scene-ring{position:absolute;left:50%;top:84px;border:1px solid rgba(146,217,255,.28);border-radius:50%;transform:translateX(-50%)}
.scene-ring.ring-a{width:110px;height:52px}.scene-ring.ring-b{width:94px;height:94px;top:64px}
#dashboard .control-room-copy{max-width:640px}
#dashboard .control-room h1{font-size:33px;line-height:1.03;margin:3px 0 10px;color:#0b3161}
#dashboard .control-room p{font-size:13px;line-height:1.52;color:#5f7895;max-width:520px}
.hero-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.version-pill,.hero-system-pill{
  display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;border:1px solid #dbe8f4;background:rgba(255,255,255,.8);font-size:11px;font-weight:800;color:#4b6791
}
.hero-system-pill{background:linear-gradient(180deg,#fbfffc,#f2fff7);border-color:#d1ecd8;color:#1f9a5a}
.hero-system-pill i{width:8px;height:8px;border-radius:50%;background:#23c77c;box-shadow:0 0 0 4px rgba(35,199,124,.12)}
#dashboard .control-room-side{align-items:flex-end;justify-self:end;gap:16px}
.hero-governance-orb{
  width:170px;height:170px;border-radius:50%;position:relative;
  background:radial-gradient(circle at 35% 30%,#d6fffa 0 8%,#84e5d9 15%,#2f8fff 48%,#2253d8 70%,#18348f 100%);
  box-shadow:inset -14px -18px 22px rgba(8,18,94,.45), inset 12px 16px 22px rgba(255,255,255,.22), 0 0 32px rgba(71,168,255,.4), 0 0 68px rgba(52,195,173,.18);
}
.hero-governance-core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 60% 34%, rgba(255,255,255,.72), rgba(255,255,255,0) 28%),radial-gradient(circle at 30% 68%, rgba(0,255,214,.22), rgba(0,255,214,0) 32%)}
.hero-governance-ring{position:absolute;border:1px solid rgba(98,164,255,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.hero-governance-ring.ring-1{width:188px;height:72px;transform:translate(-50%,-50%) rotate(14deg)}
.hero-governance-ring.ring-2{width:216px;height:98px;transform:translate(-50%,-50%) rotate(-20deg)}
.hero-governance-ring.ring-3{width:244px;height:128px}
#dashboard .control-room .outline-btn{
  min-width:228px;height:52px;border-radius:18px;border:1px solid #d6e4f1;
  background:linear-gradient(180deg,#ffffff,#f6fbff);color:#2a71db;font-size:14px;font-weight:800;
  box-shadow:var(--nexus-soft-shadow)
}
#dashboard .control-room .outline-btn:after{content:"→";margin-left:10px;font-size:16px}

.dashboard-status-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.dash-status-chip{
  position:relative;display:flex;align-items:center;gap:12px;min-height:68px;text-align:left;
  padding:14px 42px 14px 16px;border-radius:18px;border:1px solid #dce8f4;
  background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:var(--nexus-soft-shadow);cursor:pointer
}
.dash-status-chip:hover{transform:translateY(-1px)}
.dash-status-chip i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;position:relative;flex:0 0 auto}
.dash-status-chip i:after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(25,96,175,.08)}
#dashServerDot, #dashMakeDot, .serper-dot, #dashBackupDot, #dashReminderDot{background:linear-gradient(180deg,#eff6ff,#eefcf5)}
#dashServerDot:before{content:"≣";font-size:17px;color:#2b83ff;font-weight:800}
#dashMakeDot:before{content:"✓";font-size:17px;color:#29b66a;font-weight:800}
.serper-dot:before{content:"◎";font-size:17px;color:#f1a515;font-weight:800}
#dashBackupDot:before{content:"⛨";font-size:17px;color:#2f70db;font-weight:800}
#dashReminderDot:before{content:"🔔";font-size:15px}
.dash-status-chip span{display:block;font-size:10px;letter-spacing:.14em;color:#7c90a7;font-weight:800}
.dash-status-chip strong{display:block;margin-top:3px;font-size:14px;color:#163d6c;font-weight:800}
.dash-status-chip:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#2ac775;box-shadow:0 0 0 6px rgba(42,199,117,.14)}

#dashboard .kpi-grid{
  gap:12px;
  border:0;
  overflow:visible;
  background:transparent;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
#dashboard .kpi{
  position:relative;
  min-height:138px;
  padding:14px 14px 50px;
  align-items:flex-start;
  overflow:hidden;
  border:1px solid #dce8f4;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.96));
  box-shadow:var(--nexus-soft-shadow);
}
#dashboard .kpi::before{
  content:"";
  position:absolute;
  inset:auto 18px 14px 18px;
  height:38px;
  opacity:.95;
}
#dashboard .kpi:nth-child(1)::before{
  background:
    linear-gradient(180deg,transparent 92%,rgba(90,134,214,.10) 92%),
    linear-gradient(90deg,transparent 0 8%,rgba(72,135,255,.24) 8% 9%,transparent 9% 18%,rgba(72,135,255,.24) 18% 19%,transparent 19% 29%,rgba(72,135,255,.24) 29% 30%,transparent 30% 40%,rgba(72,135,255,.24) 40% 41%,transparent 41% 51%,rgba(72,135,255,.24) 51% 52%,transparent 52% 62%,rgba(72,135,255,.24) 62% 63%,transparent 63%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 38'%3E%3Cpath fill='none' stroke='%232f83ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M2 28 L24 18 L42 22 L65 9 L89 16 L112 11 L137 13 L162 4 L186 17 L198 7'/%3E%3Cpath fill='none' stroke='%23c7d8f6' stroke-width='2' stroke-dasharray='4 4' d='M2 34 L28 27 L54 24 L80 21 L106 18 L132 17 L158 14 L184 13 L198 11'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
#dashboard .kpi:nth-child(2)::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 38'%3E%3Crect x='6' y='20' width='10' height='14' rx='3' fill='%23cdeee2'/%3E%3Crect x='30' y='10' width='10' height='24' rx='3' fill='%239be2c5'/%3E%3Crect x='54' y='15' width='10' height='19' rx='3' fill='%2373dbb0'/%3E%3Crect x='78' y='6' width='10' height='28' rx='3' fill='%2362cfa8'/%3E%3Crect x='102' y='17' width='10' height='17' rx='3' fill='%2395e5ca'/%3E%3Crect x='126' y='4' width='10' height='30' rx='3' fill='%2348d49d'/%3E%3Crect x='150' y='14' width='10' height='20' rx='3' fill='%2390dfc3'/%3E%3Crect x='174' y='8' width='10' height='26' rx='3' fill='%2356c6a5'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
#dashboard .kpi:nth-child(5)::before{
  right:14px;left:auto;bottom:14px;width:82px;height:82px;border-radius:50%;
  background:conic-gradient(#4e96ff 0 72%, #e4eef8 72% 100%);
  box-shadow:inset 0 0 0 10px #fff;
}
#dashboard .kpi:nth-child(5)::after{
  content:"";position:absolute;right:38px;bottom:38px;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(199,214,233,.6)
}
#dashboard .kpi:nth-child(6)::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 38'%3E%3Cpath fill='none' stroke='%232bc875' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M2 25 C15 25 15 15 28 15 S41 30 54 30 67 19 80 19 93 29 106 29 119 8 132 8 145 22 158 22 171 5 184 5 193 16 198 16'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
#dashboard .kpi span{font-size:9px;letter-spacing:.12em;color:#8a99ac}
#dashboard .kpi strong{font-size:22px;color:#113968;margin:6px 0 4px}
#dashboard .kpi small{font-size:10px;color:#6c85a1}
#dashboard .kpi-icon{width:42px;height:42px;border:1px solid rgba(222,232,244,.95)}

#dashboard .executive-overview,#dashboard .crm-card,#dashboard .voice-card-future,#dashboard .donut-card,#dashboard .activity-card{
  border-radius:26px;
  border:1px solid #dbe8f4;
  box-shadow:var(--nexus-shadow);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.96));
}
.executive-overview{padding:18px 16px}
.executive-overview-head h2{font-size:18px;color:#123c6a}
.executive-overview-head p{font-size:12px;color:#6d86a1}
.executive-live{height:28px;padding:0 12px;border-radius:999px;border:1px solid #d2ecd8;background:#f5fff9;color:#2aa05f;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:7px}
.executive-live i{width:8px;height:8px;border-radius:50%;background:#23c77c;box-shadow:0 0 0 4px rgba(35,199,124,.12)}
.executive-grid{gap:12px}
.executive-card{border-radius:20px;border:1px solid #dde9f5;background:linear-gradient(180deg,#ffffff,#fbfdff);padding:14px 14px 12px;box-shadow:0 10px 22px rgba(21,71,123,.04)}
.exec-card-head{margin-bottom:12px}
.exec-card-head h3{font-size:15px}
.exec-card-head small{font-size:9px}
.exec-card-head>b{font-size:10px}
.exec-metrics>span{border-radius:12px;background:linear-gradient(180deg,#ffffff,#f7fbff)}
.exec-agent-orb{width:54px;height:54px;background:radial-gradient(circle at 38% 32%,#d8fffe 0 10%,#6fe4e6 18%,#318fff 55%,#194cca 78%,#0f2e7d 100%);box-shadow:0 0 0 8px rgba(91,189,255,.08), 0 0 28px rgba(57,139,255,.22)}
.exec-agent-core{border-radius:14px}
.exec-status-line{min-height:26px}
.crm-card{padding:16px}
.card-head h2{font-size:20px;color:#103766}
.head-actions{gap:10px}
.outline-btn,.primary-btn{border-radius:14px;padding:11px 15px}
.outline-btn{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #d7e5f2;color:#166fdf}
.primary-btn{background:linear-gradient(180deg,#2e83ff,#1e71ea);border-color:#2d7bf2;box-shadow:0 12px 24px rgba(37,113,231,.18)}
.tabs{gap:10px}
.tab{border-radius:14px;padding:9px 14px;font-weight:700}
.table-wrap{border-radius:18px}
th{background:#f7fbff}

/* Right AI column */
#dashboard .voice-card-future{
  padding:16px 16px 18px;
  min-height:510px;
  background:
    radial-gradient(circle at 50% 0%, rgba(103,191,255,.17), transparent 26%),
    radial-gradient(circle at 50% 32%, rgba(92,236,216,.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.ai-card-head{margin-bottom:6px}
.ai-online{height:28px;padding:0 10px;border-radius:999px;border:1px solid #d2ecd8;background:#f5fff9;color:#2aa05f;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:6px}
.ai-online i{width:8px;height:8px;border-radius:50%;background:#23c77c;box-shadow:0 0 0 4px rgba(35,199,124,.12)}
.ai-agent-stage{height:238px;margin:14px 0 8px}
.ai-grid-floor{bottom:16px;height:48px;background:radial-gradient(circle at 50% 50%, rgba(109,174,255,.22), rgba(109,174,255,0) 67%),linear-gradient(rgba(109,174,255,.12) 1px, transparent 1px),linear-gradient(90deg, rgba(109,174,255,.12) 1px, transparent 1px);background-size:100% 100%, 22px 22px, 22px 22px;mask-image:linear-gradient(to bottom, transparent, black 24%, black 90%, transparent)}
#dashboard .ai-orb{
  width:178px;height:178px;
  border:1px solid rgba(145,211,255,.9);
  background:radial-gradient(circle at 34% 28%, #e8ffff 0 10%, #88e6ff 16%, #2e8fff 53%, #164dc9 74%, #0d2c79 100%);
  box-shadow:inset -18px -18px 26px rgba(3,13,78,.43), inset 14px 14px 22px rgba(255,255,255,.24), 0 0 28px rgba(74,160,255,.72), 0 0 86px rgba(74,160,255,.20), 0 18px 30px rgba(16,57,120,.18);
}
.ai-orb:before{background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.84), rgba(255,255,255,0) 30%), radial-gradient(circle at 66% 68%, rgba(0,255,213,.18), rgba(0,255,213,0) 34%)}
.ai-orb-core{font-size:0}
.ai-orb-mic{font-size:0}
.ai-orb::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 22px);height:calc(100% - 22px);border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 18px rgba(255,255,255,.12)}
.ai-orb-shine{background:radial-gradient(circle at 30% 23%, rgba(255,255,255,.95), rgba(255,255,255,0) 23%)}
.ai-orbit{border-color:rgba(120,188,255,.32)}
.orbit-one{width:162px;height:62px;transform:rotate(-12deg);animation-duration:5.5s}
.orbit-two{width:58px;height:164px;transform:rotate(20deg);border-color:rgba(56,216,185,.32);animation-duration:6.7s}
.orbit-three{width:196px;height:196px;border-color:rgba(121,108,241,.14);animation-duration:14s}
.ai-pulse{width:200px;height:200px;border-color:rgba(84,175,255,.18)}
.ai-label{width:max-content;max-width:100%;margin:10px auto 8px;padding:8px 14px;border-radius:999px;border:1px solid #dbe7f4;background:#f8fbff;font-size:11px;letter-spacing:.12em;font-weight:800;color:#8797a9}
#dashboard .voice-card-future #voiceTitle{font-size:18px;text-align:left;line-height:1.22;margin:2px 0 12px;color:#143968}
.voice-card-future .suggestions{gap:10px}
.voice-card-future .suggestions button{min-height:42px;border-radius:14px;border:1px solid #dbe7f3;background:linear-gradient(180deg,#ffffff,#fafcff);font-size:12px;color:#2e527a;padding:11px 14px}
.voice-card-future .suggestions button:hover{background:#f5fbff;border-color:#cfe0ef}
.voice-card-future>small{display:block;margin-top:12px;padding:14px;border-radius:16px;background:#fbfdff;border:1px solid #e1ebf4;color:#2f72c8;font-weight:700;text-align:left}

.donut-card{padding:16px}
.donut-card h3,.activity-card h3{margin:0 0 14px;font-size:14px;color:#113867;letter-spacing:.06em}
.donut-wrap{gap:18px;align-items:center}
.donut{width:156px;height:156px;box-shadow:0 12px 28px rgba(18,65,114,.05)}
.donut:before{width:92px;height:92px}
.donut div strong{font-size:28px;color:#173a69}.donut div small{font-size:12px;color:#6e86a1}
.legend span{font-size:11px;color:#385778}
.activity-card{padding:16px}
.activity-item{padding:12px 0}
.activity-item strong{font-size:12px;color:#153a69}
.activity-item small{font-size:10px}

/* Stop continuous animations: run only on hover / active listening */
.ai-orb,.ai-orb-core,.ai-orbit,.ai-pulse,.hero-governance-orb,.hero-governance-ring,.scene-globe,.scene-ring,.agent-core,.agent-core:before,.agent-core:after,.core-logo-img,.agent-live-signal i,.mission-step.active i,.nl:after{
  animation-play-state:paused !important;
}
.voice-card-future:hover .ai-orb,
.voice-card-future:hover .ai-orbit,
.voice-card-future:hover .ai-pulse,
.voice-card-future:hover .hero-governance-orb,
.voice-card-future:hover .hero-governance-ring,
.voice-card-future:hover .scene-globe,
.voice-card-future:hover .scene-ring,
.voice-card-future:hover .agent-live-signal i,
.voice-card-future:hover .mission-step.active i,
.voice-card-future:hover .nl:after,
.ai-orb:hover,
.control-room:hover .scene-globe,
.control-room:hover .scene-ring,
.control-room:hover .hero-governance-orb,
.control-room:hover .hero-governance-ring,
.agent-core:hover,
.agent-core:hover:before,
.agent-core:hover:after,
.agent-core:hover ~ .neural-lines .nl:after,
.agent-live-signal:hover i,
.mission-step.active:hover i{
  animation-play-state:running !important;
}
.listening{animation-play-state:running !important}
.ai-orb.listening,.agent-core.listening{animation-play-state:running !important}

@media (max-width:1450px){
  .search{width:380px;min-width:380px}
}
@media (max-width:1200px){
  #dashboard .dashboard-grid{grid-template-columns:1fr}
  .dashboard-status-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard .right-zone{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .search{min-width:0;width:100%}
  .dashboard-status-rail{grid-template-columns:1fr}
  #dashboard .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard .right-zone{grid-template-columns:1fr}
  #dashboard .control-room{grid-template-columns:1fr;align-items:flex-start;padding:20px}
  #dashboard .control-room-side{justify-self:start;align-items:flex-start}
}
@media (max-width:640px){
  #dashboard .kpi-grid{grid-template-columns:1fr}
  #dashboard .control-room h1{font-size:28px}
}


/* =========================================================
   V9.3.8 · LEAD DETAIL / EDIT MODAL FIX
   Correzione viewport: nessun taglio sopra/sotto, scroll interno,
   modalità modifica compatta e leggibile.
   ========================================================= */
#leadDetailModal.crm-modal{
  align-items:flex-start !important;
  justify-content:center !important;
  overflow-y:auto !important;
  padding:20px !important;
}
#leadDetailModal .lead-detail-box{
  width:min(980px, calc(100vw - 40px)) !important;
  max-width:980px !important;
  max-height:calc(100vh - 40px) !important;
  margin:0 auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  border-radius:22px !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#leadDetailModal .crm-modal-header{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 1px 0 #e8eef5;
}
#leadDetailModal .crm-modal-footer{
  position:sticky;
  bottom:0;
  z-index:18;
  background:rgba(248,251,255,.98);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 -1px 0 #e8eef5;
}
#leadDetailModal .lead-detail-toolbar{
  background:#fbfdff;
  border-bottom:1px solid #edf2f7;
}
#leadDetailModal .lead-edit-panel{
  margin:14px 20px 20px !important;
  padding:18px !important;
  border-radius:16px;
  background:linear-gradient(180deg,#fbfdff,#f7fbff);
}
#leadDetailModal .lead-edit-panel label{
  font-size:11px;
  font-weight:800;
  color:#4d6789;
}
#leadDetailModal .lead-edit-panel input,
#leadDetailModal .lead-edit-panel select,
#leadDetailModal .lead-edit-panel textarea{
  min-height:42px;
  background:#fff;
}
#leadDetailModal .lead-edit-panel textarea{min-height:110px}
#leadDetailModal .lead-edit-actions{
  position:sticky;
  bottom:0;
  z-index:5;
  margin:16px -18px -18px;
  padding:14px 18px;
  background:rgba(248,251,255,.98);
  border-top:1px solid #e7eef6;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
/* In modifica mostriamo solo intestazione + form: evita il pannello infinito. */
#leadDetailModal .lead-detail-box.editing-lead .lead-detail-toolbar,
#leadDetailModal .lead-detail-box.editing-lead .lead-detail-grid,
#leadDetailModal .lead-detail-box.editing-lead .lead-detail-notes,
#leadDetailModal .lead-detail-box.editing-lead .lead-detail-timeline,
#leadDetailModal .lead-detail-box.editing-lead > .crm-modal-footer{
  display:none !important;
}
#leadDetailModal .lead-detail-box.editing-lead .lead-edit-panel{
  display:block !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  padding:20px 24px 24px !important;
  background:#fff;
}
#leadDetailModal .lead-detail-box.editing-lead .crm-modal-header h2:after{
  content:" · Modifica";
  color:#1677ff;
  font-weight:700;
}
@media(max-width:760px){
  #leadDetailModal.crm-modal{padding:8px !important;}
  #leadDetailModal .lead-detail-box{
    width:calc(100vw - 16px) !important;
    max-height:calc(100vh - 16px) !important;
    border-radius:16px !important;
  }
  #leadDetailModal .crm-modal-header{padding:16px 16px 12px !important;}
  #leadDetailModal .crm-modal-header h2{font-size:21px !important;}
  #leadDetailModal .lead-edit-panel,
  #leadDetailModal .lead-detail-box.editing-lead .lead-edit-panel{padding:14px !important;}
  #leadDetailModal .lead-edit-grid{grid-template-columns:1fr !important;}
  #leadDetailModal .lead-edit-actions{margin:14px -14px -14px;padding:12px 14px;}
}
