/* ER STUDIO 6.7 — Staff Control Room */
body.staff-dashboard-home .dash-section-heading{display:none!important}
body.staff-dashboard-home #dashContent{padding-top:4px!important}
body.staff-dashboard-home .dash-main{padding-top:28px!important}

.staff-home-v2{
  --staff-rose:#a77f83;
  --staff-rose-soft:#c8a8aa;
  --staff-steel:#7897b5;
  --staff-ice:#c7d5e1;
  --staff-line:rgba(229,235,242,.085);
  --staff-panel:linear-gradient(145deg,rgba(255,255,255,.044),rgba(255,255,255,.018));
  position:relative;
  max-width:1480px;
  margin:0 auto;
  padding:10px 2px 32px;
}
.staff-home-v2::before{
  content:"";position:absolute;inset:-70px -70px auto auto;width:520px;height:360px;pointer-events:none;
  background:radial-gradient(circle,rgba(103,141,177,.11),transparent 70%);filter:blur(28px);opacity:.7
}
.staff-home-v2::after{
  content:"";position:absolute;left:-80px;top:20px;width:420px;height:300px;pointer-events:none;
  background:radial-gradient(circle,rgba(166,119,124,.09),transparent 70%);filter:blur(34px);opacity:.7
}
.staff-home-hero{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 2px 27px;border-bottom:1px solid var(--staff-line)}
.staff-home-kicker{display:block;color:rgba(211,222,232,.42);font:600 9px/1 'JetBrains Mono',monospace;letter-spacing:.2em;text-transform:uppercase}
.staff-home-heading h2{margin:12px 0 0;color:#f6f7f8;font:650 clamp(30px,3.5vw,48px)/1 'Space Grotesk',sans-serif;letter-spacing:-.05em}
.staff-home-heading h2 span{background:linear-gradient(105deg,#f2f3f5 0%,#c5a8aa 44%,#8eabc7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.staff-home-heading p{margin-top:10px;color:rgba(218,226,234,.42);font:500 10px 'JetBrains Mono',monospace;text-transform:capitalize;letter-spacing:.04em}
.staff-home-quick{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.staff-quick-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid rgba(230,236,243,.09);border-radius:13px;background:rgba(255,255,255,.026);color:rgba(236,240,244,.68);font-size:11px;font-weight:600;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease,color .25s ease}
.staff-quick-btn:hover{transform:translateY(-2px);border-color:rgba(205,218,231,.17);background:rgba(255,255,255,.046);color:#fff}
.staff-quick-btn.primary{background:linear-gradient(105deg,rgba(151,105,102,.82),rgba(105,119,139,.88) 55%,rgba(76,122,165,.85));border-color:rgba(218,225,233,.18);color:#fff;box-shadow:0 14px 28px -22px rgba(75,119,162,.72)}
.staff-quick-btn.hidden{display:none!important}

.staff-home-dynamic{position:relative;z-index:2;padding-top:18px}
.staff-home-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.staff-kpi-card{position:relative;display:grid;grid-template-columns:45px 1fr;align-items:center;gap:13px;min-height:116px;padding:17px;text-align:left;border:1px solid var(--staff-line);border-radius:19px;background:var(--staff-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 45px -40px rgba(0,0,0,.75);overflow:hidden;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease,box-shadow .3s ease}
.staff-kpi-card::after{content:"";position:absolute;width:130px;height:130px;right:-60px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(119,153,185,.10),transparent 70%);pointer-events:none}
.staff-kpi-card:hover{transform:translateY(-3px);border-color:rgba(203,216,230,.16);background:linear-gradient(145deg,rgba(255,255,255,.057),rgba(255,255,255,.023));box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 28px 50px -39px rgba(0,0,0,.8)}
.staff-kpi-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;border:1px solid rgba(220,229,237,.09);background:linear-gradient(145deg,rgba(166,120,125,.09),rgba(103,143,181,.075));color:#b8c9d8}
.staff-kpi-copy{display:block;min-width:0}
.staff-kpi-copy small{display:block;color:rgba(211,220,229,.42);font:600 9px 'JetBrains Mono',monospace;letter-spacing:.09em;text-transform:uppercase}
.staff-kpi-copy strong{display:block;margin-top:6px;color:#f4f5f6;font:650 29px/1 'Space Grotesk',sans-serif;letter-spacing:-.045em}
.staff-kpi-copy em{display:block;margin-top:6px;color:rgba(211,221,231,.33);font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.staff-home-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;margin-top:12px}
.staff-home-panel{position:relative;min-width:0;border:1px solid var(--staff-line);border-radius:21px;background:var(--staff-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.042),0 22px 45px -40px rgba(0,0,0,.72);padding:19px;overflow:hidden}
.staff-home-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(167,127,131,.45),rgba(120,151,181,.22),transparent 70%);opacity:.45}
.staff-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}
.staff-panel-head>div>span{display:block;color:rgba(209,220,230,.36);font:600 8px 'JetBrains Mono',monospace;letter-spacing:.17em;text-transform:uppercase}
.staff-panel-head h3{margin-top:6px;color:#f1f3f5;font:600 18px 'Space Grotesk',sans-serif;letter-spacing:-.025em}
.staff-panel-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid rgba(226,233,240,.09);border-radius:10px;background:rgba(255,255,255,.025);color:rgba(236,240,244,.66);font:600 10px 'JetBrains Mono',monospace}
.staff-head-link,.staff-panel-foot button{display:inline-flex;align-items:center;gap:6px;color:rgba(192,210,226,.55);font-size:10px;background:none;border:0;padding:3px 0;transition:color .2s ease,transform .2s ease}
.staff-head-link:hover,.staff-panel-foot button:hover{color:#fff;transform:translateX(2px)}

.staff-live-state{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(114,214,168,.16);border-radius:999px;background:rgba(89,183,139,.055);color:#7ad9ad;font:600 8px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.staff-live-state i,.staff-pulse i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.staff-live-state.degraded,.staff-live-state.maintenance{color:#d9ae73;border-color:rgba(217,174,115,.17);background:rgba(217,174,115,.055)}
.staff-live-state.outage{color:#e58d95;border-color:rgba(229,141,149,.18);background:rgba(229,141,149,.055)}
.staff-pulse{display:inline-flex;align-items:center;gap:6px;color:#a6bfd5;font:600 8px 'JetBrains Mono',monospace;letter-spacing:.1em}.staff-pulse i{animation:staffPulse 1.8s ease-in-out infinite}
@keyframes staffPulse{50%{opacity:.35;transform:scale(.72)}}

.staff-week-chart{height:195px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;padding:14px 4px 0;border-bottom:1px solid rgba(228,235,241,.06)}
.staff-week-bar-wrap{height:100%;display:grid;grid-template-rows:17px 1fr 19px;gap:6px;align-items:end;text-align:center}
.staff-week-value{color:rgba(219,227,235,.36);font:600 8px 'JetBrains Mono',monospace}
.staff-week-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center;border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.005));overflow:hidden}
.staff-week-bar-track i{display:block;width:min(28px,68%);min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#ac8589 0%,#788ca4 48%,#628aac 100%);box-shadow:0 0 18px rgba(103,143,181,.11);transition:height .55s cubic-bezier(.16,1,.3,1)}
.staff-week-bar-wrap>span{color:rgba(205,215,225,.32);font:600 8px 'JetBrains Mono',monospace;text-transform:uppercase}
.staff-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;color:rgba(211,220,229,.3);font-size:9px}

.staff-task-list,.staff-project-list,.staff-timeline{display:flex;flex-direction:column}
.staff-task{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:12px 3px;border:0;border-top:1px solid rgba(229,235,241,.06);background:none;text-align:left;color:#fff;transition:padding .22s ease,background .22s ease}
.staff-task:first-child{border-top:0}.staff-task:hover{padding-left:8px;padding-right:8px;background:rgba(255,255,255,.018)}
.staff-task-dot{width:7px;height:7px;border-radius:50%;background:#7897b5;box-shadow:0 0 0 4px rgba(120,151,181,.055)}
.staff-task.urgent .staff-task-dot{background:#c28a8f;box-shadow:0 0 0 4px rgba(194,138,143,.065),0 0 14px rgba(194,138,143,.18)}
.staff-task strong{display:block;color:rgba(241,244,246,.84);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-task small{display:block;margin-top:4px;color:rgba(207,218,228,.34);font-size:9px}.staff-task>svg{color:rgba(203,215,227,.25)}

.staff-project-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.55fr) 80px;gap:14px;align-items:center;width:100%;padding:12px 3px;border:0;border-top:1px solid rgba(229,235,241,.06);background:none;text-align:left;color:#fff;transition:padding .22s ease,background .22s ease}
.staff-project-row:first-child{border-top:0}.staff-project-row:hover{padding-left:8px;padding-right:8px;background:rgba(255,255,255,.017)}
.staff-project-main{min-width:0}.staff-project-main strong{display:block;color:rgba(242,244,246,.86);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-project-main small{display:block;margin-top:5px;color:rgba(211,221,231,.32);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-project-progress span{display:block;margin-bottom:6px;color:rgba(219,228,236,.38);font:600 8px 'JetBrains Mono',monospace}.staff-project-progress>div{height:4px;border-radius:999px;background:rgba(255,255,255,.04);overflow:hidden}.staff-project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a77f83,#7594b2)}
.staff-project-row time{justify-self:end;color:rgba(213,222,231,.32);font:600 8px 'JetBrains Mono',monospace}.staff-project-row time.ops-deadline-red{color:#e48f96}.staff-project-row time.ops-deadline-orange{color:#d7ad73}.staff-project-row time.ops-deadline-green{color:#77caa2}

.staff-timeline-item{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px 3px;border-top:1px solid rgba(229,235,241,.055)}
.staff-timeline-item:first-child{border-top:0}.staff-timeline-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;border:1px solid rgba(229,235,241,.07);background:rgba(255,255,255,.018);color:var(--timeline-accent,#8eaac2)}
.staff-timeline-item strong{display:block;color:rgba(237,241,244,.75);font-size:10px;font-weight:550;line-height:1.45}.staff-timeline-item small{display:block;margin-top:4px;color:rgba(207,218,228,.28);font-size:8px}
.staff-clean-empty{min-height:104px;display:grid;place-items:center;text-align:center;color:rgba(210,220,230,.28);font-size:10px}

.staff-nav-badge{margin-left:auto;display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;border:1px solid rgba(128,163,195,.14);background:rgba(103,143,181,.08);color:#9fb8cf;font:600 8px 'JetBrains Mono',monospace}
.staff-nav-badge.hidden{display:none!important}.staff-nav-badge.urgent{color:#d79a9f;border-color:rgba(198,136,142,.19);background:rgba(177,112,119,.08)}
.sidebar-link:has(.owner-crown) .staff-nav-badge{margin-left:auto}.sidebar-link .staff-nav-badge:not(.hidden)+.owner-crown{margin-left:4px!important}

.staff-skeleton-card,.staff-skeleton-panel{border:1px solid rgba(229,235,241,.055);border-radius:19px;background:rgba(255,255,255,.018);position:relative;overflow:hidden}.staff-skeleton-card{min-height:116px;padding:18px}.staff-skeleton-card::after,.staff-skeleton-panel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);animation:staffShimmer 1.45s infinite}.staff-skeleton-card i,.staff-skeleton-card b,.staff-skeleton-card span{display:block;background:rgba(255,255,255,.035);border-radius:8px}.staff-skeleton-card i{width:42px;height:42px}.staff-skeleton-card b{width:54%;height:13px;margin-top:12px}.staff-skeleton-card span{width:72%;height:8px;margin-top:8px}.staff-skeleton-panel{min-height:210px}.staff-skeleton-panel.tall{min-height:285px}@keyframes staffShimmer{100%{transform:translateX(100%)}}

@media(max-width:1180px){
  .staff-home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .staff-home-main-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  body.staff-dashboard-home .dash-main{padding-top:calc(16px + env(safe-area-inset-top))!important}
  .staff-home-v2{padding-top:2px}.staff-home-hero{align-items:flex-start;flex-direction:column;padding-bottom:19px}.staff-home-heading h2{font-size:32px}.staff-home-quick{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-quick-btn{justify-content:center}.staff-home-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.staff-kpi-card{min-height:100px;grid-template-columns:38px 1fr;padding:13px;gap:10px}.staff-kpi-icon{width:38px;height:38px;border-radius:12px}.staff-kpi-copy strong{font-size:24px}.staff-home-panel{padding:15px}.staff-week-chart{height:170px;gap:5px}.staff-project-row{grid-template-columns:minmax(0,1fr) 105px}.staff-project-row time{display:none}
}
@media(max-width:520px){
  .staff-home-kpis{grid-template-columns:1fr 1fr}.staff-kpi-card{display:block;min-height:106px}.staff-kpi-icon{width:34px;height:34px;margin-bottom:10px}.staff-kpi-copy em{display:none}.staff-kpi-copy strong{font-size:22px}.staff-home-quick{grid-template-columns:1fr 1fr}.staff-quick-btn{padding:0 9px;font-size:10px}.staff-panel-head h3{font-size:16px}.staff-week-chart{height:150px}.staff-week-value{display:none}.staff-week-bar-wrap{grid-template-rows:1fr 18px}.staff-project-row{grid-template-columns:1fr}.staff-project-progress{margin-top:4px}.staff-home-weekly .staff-live-state{display:none}
}
@media(prefers-reduced-motion:reduce){.staff-pulse i,.staff-skeleton-card::after,.staff-skeleton-panel::after{animation:none!important}.staff-kpi-card,.staff-quick-btn,.staff-task,.staff-project-row{transition:none!important}}
/* Indicatore attivo sidebar, sempre nello stile ER Studio */
body.dashboard-mode .sidebar-link{position:relative}
body.dashboard-mode .sidebar-link-active::before{content:"";position:absolute;left:-1px;top:20%;bottom:20%;width:2px;border-radius:999px;background:linear-gradient(180deg,#aa7f84,#7197ba);box-shadow:0 0 13px rgba(113,151,186,.2)}