/* QUARZEO V10 — visual system + ZEO living interface */
:root{
  --qz10-navy:#071d31;--qz10-navy2:#0b2f4a;--qz10-cyan:#20c9e9;--qz10-blue:#2487ff;
  --qz10-ice:#f4f9fc;--qz10-card:#fff;--qz10-line:#dfeaf0;--qz10-text:#12354a;--qz10-muted:#6e8492;
  --qz10-good:#20b77a;--qz10-warn:#f4a338;--qz10-danger:#e75c68;--qz10-violet:#7a6ff0;
  --qz10-shadow:0 18px 55px rgba(9,42,65,.09);--qz10-radius:22px;
}
body.qz-v9{background:linear-gradient(180deg,#eef7fb 0,#f8fbfd 34%,#f4f8fb 100%)!important;color:var(--qz10-text)}
.qz-v9 .sidebar{background:linear-gradient(180deg,#071d31 0%,#0a2b43 58%,#071d31 100%)!important;border-right:1px solid rgba(255,255,255,.07)!important;box-shadow:18px 0 45px rgba(3,24,40,.12)!important}
.qz-v9 .qz9-brand b{font-size:18px!important;letter-spacing:.07em!important;color:#fff!important}.qz-v9 .qz9-brand small{color:#63d7ee!important}
.qz-v9 .roleCard{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important}
.qz-v9 .sidebar nav button,.qz-v9 .sidebar nav a{border-radius:13px!important;color:#d8e8ef!important}.qz-v9 .sidebar nav .active{background:linear-gradient(135deg,rgba(30,203,235,.22),rgba(31,132,255,.16))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(77,222,244,.26)!important}
.qz-v9 .workspace{background:transparent!important}.qz-v9 .topbar{background:rgba(248,252,254,.82)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(206,224,233,.76)!important}
.qz-v9 .content{padding:24px 28px 110px!important}.qz-v9 .qz9-home{max-width:1500px;margin:0 auto}
.qz-v9 .qz9-hero{position:relative;overflow:hidden;display:grid!important;grid-template-columns:150px 1fr auto!important;align-items:center!important;gap:24px!important;min-height:190px!important;padding:28px 32px!important;border:1px solid rgba(103,210,235,.28)!important;border-radius:28px!important;background:radial-gradient(circle at 12% 5%,rgba(49,216,241,.24),transparent 30%),linear-gradient(135deg,#08243a 0%,#0b3857 54%,#0b5270 100%)!important;color:#fff!important;box-shadow:0 26px 70px rgba(7,40,63,.18)!important}
.qz-v9 .qz9-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;top:-180px;border:1px solid rgba(82,220,242,.22);box-shadow:0 0 0 42px rgba(82,220,242,.035),0 0 0 90px rgba(82,220,242,.025)}
.qz-v9 .qz9-hero h2{font-size:clamp(25px,2.4vw,38px)!important;letter-spacing:-.035em!important;max-width:800px;margin:7px 0 9px!important}.qz-v9 .qz9-hero p{max-width:770px;color:#c9dde8!important;font-size:14px!important}.qz-v9 .qz9-kicker{color:#53d8ef!important;letter-spacing:.16em!important;font-weight:900!important}
.qz-v9 .qz9-grid{gap:16px!important;margin-top:17px!important}.qz-v9 .qz9-module,.qz-v9 .qz9-panel,.qz-v9 .qz9-zeo-active{border:1px solid var(--qz10-line)!important;border-radius:var(--qz10-radius)!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--qz10-shadow)!important}
.qz-v9 .qz9-module{position:relative;overflow:hidden;min-height:124px;padding:19px 20px!important;transition:.2s transform,.2s box-shadow}.qz-v9 .qz9-module:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(9,42,65,.13)!important}.qz-v9 .qz9-module:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--qz10-cyan)}.qz-v9 .qz9-module.orange:before{background:var(--qz10-warn)}.qz-v9 .qz9-module.green:before{background:var(--qz10-good)}.qz-v9 .qz9-module.violet:before{background:var(--qz10-violet)}.qz-v9 .qz9-module strong{font-size:30px!important;letter-spacing:-.04em!important}.qz-v9 .qz9-module span{color:#647d8c!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.1em;font-size:10px!important}.qz-v9 .qz9-module p{color:var(--qz10-muted)!important}
.qz-v9 .qz9-panel{padding:21px!important}.qz-v9 .qz9-panel-head{padding-bottom:13px;border-bottom:1px solid #edf2f5}.qz-v9 .qz9-row{border:1px solid #e7eef2!important;border-radius:15px!important;background:#fbfdfe!important;padding:14px 15px!important;transition:.2s}.qz-v9 .qz9-row:hover{border-color:#bfe9f2!important;background:#fff!important;transform:translateX(2px)}
.qz-v9 .qz9-btn{border-radius:12px!important;font-weight:850!important}.qz-v9 .qz9-btn.primary{background:linear-gradient(135deg,#0b4363,#117796)!important;box-shadow:0 9px 22px rgba(10,78,108,.16)!important}
.qz-v9 .qz9-zeo-active{display:grid!important;grid-template-columns:128px 1fr!important;align-items:center!important;gap:18px!important;padding:22px!important;background:radial-gradient(circle at 10% 10%,rgba(37,205,234,.14),transparent 42%),#fff!important}.qz-v9 .qz9-zeo-active b{color:#0b8fac!important}.qz-v9 .qz9-zeo-active h3{font-size:22px!important;margin:4px 0!important}.qz-v9 .qz9-zeo-active p{color:var(--qz10-muted)!important}
/* ZEO living form */
.qz10-zeo{display:inline-grid;place-items:center;position:relative;width:132px;height:118px;filter:drop-shadow(0 20px 26px rgba(4,38,60,.20))}.qz10-zeo svg{width:100%;height:100%;overflow:visible}.qz10-zeo .z-shell{transform-origin:50% 62%;animation:qz10Float 3.2s ease-in-out infinite}.qz10-zeo .z-eye{filter:drop-shadow(0 0 5px #3fe2f4)}.qz10-zeo[data-state="urgent"] .z-ring,.qz10-zeo[data-state="attention"] .z-ring{stroke:#ff9b55}.qz10-zeo[data-state="urgent"] .z-core{fill:#e75c68}.qz10-zeo[data-state="insight"] .z-core{fill:#7a6ff0}.qz10-zeo[data-state="verified"] .z-core{fill:#20b77a}.qz10-zeo[data-state="mail"] .z-core{fill:#2487ff}.qz10-zeo[data-state="appointment"] .z-core{fill:#20c9e9}
.qz10-zeo[data-form="orb"]{width:72px;height:72px}.qz10-zeo[data-form="focus"]{transform:scale(1.04)}.qz10-zeo[data-form="alert"] .z-shell{animation:qz10Pulse 1.8s ease-in-out infinite}.qz10-zeo[data-form="guide"]{width:160px;height:138px}
@keyframes qz10Float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes qz10Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.qz9-zeo-dock{right:24px!important;bottom:78px!important}.qz9-zeo-button{width:72px!important;height:72px!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#eaf6fa)!important;border:1px solid #cfeaf1!important;box-shadow:0 20px 45px rgba(5,42,66,.24)!important}.qz9-zeo-button .qz10-zeo{width:64px;height:64px}.qz9-zeo-panel{width:min(390px,calc(100vw - 28px))!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;border:1px solid #d7e8ef!important;box-shadow:0 28px 80px rgba(4,35,55,.25)!important}.qz9-zeo-head{background:linear-gradient(135deg,#08283f,#0d4d6b)!important;border-radius:23px 23px 0 0!important;color:#fff!important}.qz9-zeo-head .qz10-zeo{width:74px;height:68px}.qz9-zeo-status{background:#f2f9fb!important;border-color:#dbeef3!important}.qz9-zeo-status b{color:#087f9c!important}
.qz9-footbar{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:16px!important;width:min(760px,calc(100vw - 40px));justify-content:center!important;border:1px solid rgba(196,221,231,.95)!important;border-radius:18px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(7,42,63,.16)!important}.qz9-footbar strong{color:#6a7f8d!important}
.qz10-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:24px 2px 12px}.qz10-section-title h3{font-size:20px;margin:0}.qz10-section-title p{margin:3px 0 0;color:var(--qz10-muted);font-size:12px}.qz10-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qz10-signal{border:1px solid var(--qz10-line);border-radius:18px;background:#fff;padding:17px;box-shadow:0 12px 35px rgba(8,42,64,.07)}.qz10-signal header{display:flex;justify-content:space-between;gap:10px;align-items:center}.qz10-signal b{font-size:13px}.qz10-signal p{font-size:12px;color:var(--qz10-muted);line-height:1.5}.qz10-level{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;padding:6px 8px;border-radius:999px;background:#eef8fb;color:#11849f}.qz10-level.warn{background:#fff3e2;color:#a96508}.qz10-level.danger{background:#fff0f1;color:#bf3e4c}
@media(max-width:980px){.qz-v9 .qz9-hero{grid-template-columns:105px 1fr!important}.qz10-signal-grid{grid-template-columns:1fr}.qz-v9 .content{padding:18px 16px 105px!important}}@media(max-width:650px){.qz-v9 .qz9-hero{grid-template-columns:1fr!important;text-align:left}.qz-v9 .qz9-hero>div:first-child{display:none}.qz-v9 .qz9-zeo-active{grid-template-columns:86px 1fr!important}.qz9-footbar strong{display:none}}