/* Civitas Nexus AI CRM V2.0 · Profilo Direttore, home grafica, cielo per ora del giorno */
/* Barra in alto: il tuo avatar */
.profile-btn{border:0;border-left:1px solid var(--stroke);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:0}
.profile-btn:hover .profile-name{color:var(--cyan)}
.profile-avatar.me{width:40px;height:40px;border-radius:12px;overflow:hidden;display:grid;place-items:center;padding:0;box-shadow:0 0 0 2px rgba(48,230,161,.45),0 0 14px rgba(48,230,161,.25)}
.me-avatar{display:grid;place-items:center;overflow:hidden;flex:none}
.profile-avatar.me .employee-svg{width:46px;height:46px;margin-top:10px}
/* Saluto */
.me-hero{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:24px 26px;margin-bottom:18px;border:1px solid var(--stroke-2);border-radius:22px;overflow:hidden;background:linear-gradient(120deg,rgba(17,52,86,.92),rgba(7,22,44,.96) 55%,rgba(10,42,58,.92))}
.me-hero-glow{position:absolute;inset:-40% -10% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--green) 18%,transparent),transparent 65%);pointer-events:none;animation:hero-breathe 8s ease-in-out infinite;top:-60%;right:-8%}
@keyframes hero-breathe{50%{transform:scale(1.08);opacity:.75}}
.me-avatar.hero{width:118px;height:118px;border-radius:30px;position:relative;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 0 7px color-mix(in srgb,var(--cyan) 22%,transparent),0 18px 40px rgba(0,0,0,.35)}
.me-avatar.hero .employee-svg{width:128px;height:128px;margin-top:30px}
.me-hero h1{margin:4px 0 6px;font-size:clamp(26px,3vw,38px)}
.me-hero .lede{margin:0}
.me-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.me-hero-side{position:relative;display:grid;justify-items:center;gap:6px;min-width:210px}
.me-clock{font-size:44px;font-weight:850;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;background:linear-gradient(100deg,var(--blue),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
.me-date{font-size:12px;color:var(--secondary);text-transform:capitalize}
.me-ring{position:relative;width:104px;height:104px;margin-top:4px}
.me-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.me-ring circle{fill:none;stroke-width:9}
.ring-bg{stroke:rgba(255,255,255,.08)}
.ring-fg{stroke:var(--green);stroke-linecap:round;filter:drop-shadow(0 0 6px var(--green));transition:stroke-dasharray .6s}
.me-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.me-ring b{font-size:24px;line-height:1}
.me-ring span{font-size:9px;color:var(--secondary);max-width:70px}
.me-mini{display:flex;gap:6px}
.me-mini span{font-size:10px;color:var(--secondary);background:rgba(255,255,255,.05);border-radius:9px;padding:5px 8px;text-align:center}
.me-mini b{display:block;font-size:15px;color:var(--ink)}
.me-mini .warn b{color:#ffd88a}.me-mini .bad b{color:#ff9a8a}
/* Dialog profilo */
.me-preview{display:flex;align-items:center;gap:14px;padding:12px;border:1px dashed var(--stroke-2);border-radius:14px;margin-bottom:6px}
.me-preview strong{font-size:16px}
.me-preview div div{font-size:12px;color:var(--secondary)}
.me-avatar.xl{width:72px;height:72px;border-radius:20px}
.me-avatar.xl .employee-svg{width:80px;height:80px;margin-top:18px}
.me-badge{display:inline-block;margin-top:5px;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;color:#9ff5cf;background:rgba(48,230,161,.12);border:1px solid rgba(48,230,161,.3)}
/* Schede reparto */
.dept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dept-card{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;padding:16px;border-radius:18px;border:1px solid var(--stroke);background:linear-gradient(145deg,rgba(20,58,92,.8),rgba(8,26,48,.92));color:var(--ink);font:inherit;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.dept-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cyan) 60%,transparent);box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 24px color-mix(in srgb,var(--cyan) 18%,transparent)}
.dept-card.has-late{border-color:rgba(255,100,80,.4)}
.dept-glow{position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 20%,transparent),transparent 70%);pointer-events:none}
.dept-top{display:flex;align-items:center;gap:10px}
.dept-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--cyan) 14%,transparent);color:var(--cyan);flex:none}
.dept-name{min-width:0;flex:1}.dept-name strong{display:block;font-size:14px}.dept-name em{display:block;font-style:normal;font-size:11px;color:var(--secondary)}
.dept-here{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#9ff5cf;padding:3px 8px;border-radius:999px;background:rgba(48,230,161,.1);border:1px solid rgba(48,230,161,.3)}
.dept-here i{width:7px;height:7px;border-radius:50%;background:#36f096;box-shadow:0 0 6px #36f096}
.dept-here.off{color:#ffd88a;background:rgba(255,190,70,.08);border-color:rgba(255,190,70,.3)}.dept-here.off i{background:#f2a72a;box-shadow:none}
.dept-faces{display:flex}
.dept-face{width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;margin-right:-8px;border:2px solid #0b2340;box-shadow:0 0 0 1px rgba(54,240,150,.45)}
.dept-face .employee-svg{width:42px;height:42px;margin-top:10px}
.dept-face.away{filter:grayscale(1) brightness(.55);box-shadow:none}
.dept-now{font-size:11px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:16px}
.dept-now b{color:var(--green)}
.dept-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}
.dept-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--blue),var(--green));box-shadow:0 0 10px var(--green)}
.dept-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.dept-foot .bad{color:#ff9a8a;font-weight:700}
/* Cielo della sala per ora del giorno */
.rm-sky-day,.rm-sky-dusk,.rm-sun,.rm-moon,.rm-stars{opacity:0;transition:opacity 1.2s}
[data-daypart="day"] .rm-sky-day,[data-daypart="day"] .rm-sun{opacity:1}
[data-daypart="dusk"] .rm-sky-dusk{opacity:1}
[data-daypart="dusk"] .rm-sun{opacity:.85;transform:translateY(150px)}
[data-daypart="night"] .rm-moon,[data-daypart="night"] .rm-stars{opacity:1}
[data-daypart="day"] .rm-win{opacity:.12!important;animation:none}
[data-daypart="day"] .rm-back rect[fill="#071a33"]{fill:#2a5a86}
[data-daypart="dusk"] .rm-back rect[fill="#071a33"]{fill:#2b2550}
.rm-star{animation:rm-twinkle 4s ease-in-out infinite}
.rm-sun circle:first-child{animation:hero-breathe 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
:root[data-theme="light"] .me-hero{background:linear-gradient(120deg,#ffffff,#eaf4fb)}
:root[data-theme="light"] .dept-card{background:#fff}
@media(max-width:1200px){.dept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.me-hero{grid-template-columns:auto 1fr}.me-hero-side{grid-column:1/-1;grid-template-columns:auto auto auto auto;align-items:center;justify-content:start;justify-items:start}}
@media(max-width:620px){.me-hero{grid-template-columns:1fr;padding:18px;gap:14px}.me-avatar.hero{width:84px;height:84px;border-radius:22px}.me-avatar.hero .employee-svg{width:92px;height:92px;margin-top:22px}.me-hero-side{grid-template-columns:1fr 1fr}.me-clock{font-size:34px}.dept-grid{grid-template-columns:1fr}.profile-btn{display:none}}
@supports not (color:color-mix(in srgb,red 50%,blue)){.dept-icon{background:rgba(35,220,249,.12)}.dept-glow,.me-hero-glow{background:radial-gradient(circle,rgba(48,230,161,.16),transparent 65%)}.me-avatar.hero{box-shadow:0 0 0 7px rgba(35,220,249,.2),0 18px 40px rgba(0,0,0,.35)}}