*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6fb;color:#0f172a}a{color:inherit}:root{--primary:#0f766e;--primary-2:#0b5f59;--sidebar-bg:linear-gradient(180deg,#0f766e 0%,#0b4f4a 100%);--sidebar-hover:rgba(255,255,255,.10);--sidebar-active:rgba(255,255,255,.16);--sidebar-text:#fff;--sidebar-muted:rgba(255,255,255,.75);--border:#e2e8f0;--soft:#f8fafc}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e2e8f0,#f8fafc)}.login-card{width:min(460px,92vw);background:#fff;border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.12);padding:34px}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;color:var(--sidebar-text);box-shadow:16px 0 36px rgba(15,23,42,.14);overflow:hidden}.sidebar-scroll{padding:20px 16px 12px;overflow-y:auto;flex:1 1 auto;min-height:0}.sidebar-scroll::-webkit-scrollbar{width:10px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}.brand{display:flex;gap:14px;align-items:center;margin-bottom:18px;padding:12px;border-radius:20px;background:rgba(255,255,255,.10);backdrop-filter:blur(8px)}.brand h2{margin:0;font-size:18px;color:#fff;line-height:1.2}.brand small{color:var(--sidebar-muted)}.brand .logo{width:60px;height:60px;object-fit:contain;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.18);padding:6px;display:grid;place-items:center;color:#0f172a;font-weight:800}.logo-placeholder{font-size:14px}.menu-group{margin-bottom:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.menu-group summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff;font-weight:800;display:flex;justify-content:space-between;align-items:center}.menu-group summary::-webkit-details-marker{display:none}.menu-count{background:rgba(255,255,255,.14);padding:5px 8px;border-radius:999px;font-size:11px}.menu-group nav{display:flex;flex-direction:column;gap:8px;padding:0 10px 12px}.sidebar nav a,.logout-link{text-decoration:none;color:var(--sidebar-text);padding:12px 14px;border-radius:14px;font-weight:700;transition:.2s ease;display:block}.sidebar nav a:hover,.logout-link:hover{background:var(--sidebar-hover);transform:translateX(2px)}.sidebar nav a.active{background:var(--sidebar-active);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.sidebar-footer{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.12);margin-top:auto;flex:0 0 auto;background:linear-gradient(180deg,rgba(11,79,74,.02),rgba(11,79,74,.18))}.sidebar-plan{padding:0 12px 10px;color:var(--sidebar-muted);font-size:13px}.content{padding:24px 28px;overflow-x:auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:14px}.topbar h1{margin:4px 0 6px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#475569;font-weight:800}.muted{color:#64748b}.userbox{background:#fff;padding:14px 16px;border-radius:18px;border:1px solid var(--border);display:flex;flex-direction:column;gap:2px;min-width:250px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.hero{background:linear-gradient(135deg,var(--primary) 0%,#1e293b 100%);color:#fff;border-radius:28px;padding:30px;margin-bottom:22px;box-shadow:0 20px 45px rgba(15,23,42,.14)}.hero h2{margin:0 0 8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:22px}.card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.card h3,.card h4{margin-top:0}.kpi{font-size:34px;font-weight:800;color:var(--primary)}.card .subkpi{font-size:12px;color:#64748b}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.panel h3{margin-top:0}.table-wrap{background:#fff;border-radius:24px;border:1px solid var(--border);overflow:auto;box-shadow:0 10px 28px rgba(15,23,42,.04)}.table-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.table-header h3{margin:0}.filter-bar,.inline-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.btn,button{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:11px 16px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.btn.danger{background:#dc2626}.btn.small,button.small{padding:8px 12px;border-radius:10px;font-size:12px}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #eef2f7;text-align:left;white-space:nowrap;vertical-align:top}th{background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#475569}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:14px;background:#fff}textarea{min-height:110px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field-full{grid-column:1/-1}label{font-weight:700}.alert{padding:14px 18px;border-radius:14px;margin-bottom:18px}.alert.success{background:#ecfdf5;color:#166534}.alert.error{background:#fef2f2;color:#991b1b}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ecfeff;color:#155e75;font-size:12px;font-weight:700}.badge.success{background:#ecfdf5;color:#166534}.badge.warning{background:#fff7ed;color:#9a3412}.badge.danger{background:#fef2f2;color:#b91c1c}.list-clean{margin:0;padding-left:18px}.empty{padding:20px;color:#64748b}.pagination{display:flex;gap:8px;justify-content:flex-end;padding:16px 0;flex-wrap:wrap}.pagination a{display:inline-block;padding:9px 12px;background:#fff;border:1px solid #dbe4ef;border-radius:10px;text-decoration:none}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.metrics-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric-mini{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px}.metric-mini strong{display:block;font-size:26px;color:var(--primary)}.gantt{display:flex;flex-direction:column;gap:12px}.gantt-row{display:grid;grid-template-columns:180px 1fr 70px;gap:14px;align-items:center}.gantt-bar-wrap{height:16px;background:#e2e8f0;border-radius:999px;overflow:hidden}.gantt-bar{height:100%;background:linear-gradient(90deg,var(--primary),#38bdf8);border-radius:999px}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kanban-col{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:14px}.kanban-item{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px}.timeline{display:flex;flex-direction:column;gap:14px}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start}.timeline-item .date{font-weight:700;color:#334155}.small{font-size:12px}.text-right{text-align:right}.theme-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:4px}.theme-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dbe4ef;border-radius:14px;background:#fff;cursor:pointer}.theme-option input{width:auto;margin:0}.theme-swatch{width:22px;height:22px;border-radius:50%;display:inline-block;border:2px solid rgba(15,23,42,.08)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.module-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.progress-ring{font-size:28px;font-weight:800;color:var(--primary)}@media (max-width:1100px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-scroll{max-height:none}.topbar{flex-direction:column}.userbox{min-width:100%}}
.topbar-actions{display:flex;gap:14px;align-items:stretch}.notif-chip{display:inline-flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px 16px;text-decoration:none;font-weight:800;box-shadow:0 8px 25px rgba(15,23,42,.04)}.notif-chip span{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#e2e8f0;color:#0f172a}.notif-chip.has-alert{border-color:#fecaca;background:#fff7ed;color:#9a3412}.notif-chip.has-alert span{background:#dc2626;color:#fff}.segmented{display:flex;flex-wrap:wrap;gap:10px}.segment-link{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:#f8fafc;border:1px solid var(--border);text-decoration:none;font-weight:700}.segment-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}.company-cockpit{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.company-cockpit .cockpit-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.alert-list{display:flex;flex-direction:column;gap:12px}.alert-card{background:#fff;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:18px;padding:16px}.alert-card.danger{border-left-color:#dc2626}.alert-card.warning{border-left-color:#f59e0b}.alert-card.success{border-left-color:#16a34a}.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat-pill{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:16px}.stat-pill strong{display:block;font-size:28px;color:var(--primary)}

.status-pending{display:inline-block;padding:4px 10px;border-radius:999px;background:#fff7ed;color:#9a3412;font-weight:600}.approval-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.approval-form input,.approval-form select{min-width:140px}.theme-picker{gap:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.theme-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d1d5db;border-radius:12px;background:#fff}.theme-swatch{width:18px;height:18px;border-radius:999px;display:inline-block;border:1px solid rgba(0,0,0,.12)} code{background:#f3f4f6;padding:2px 6px;border-radius:6px}

.brand .logo{display:block}.login-page-split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;max-width:1240px;margin:28px auto;padding:24px}.login-showcase{background:linear-gradient(135deg,#0f766e,#0f172a);color:#fff;border-radius:24px;padding:42px;box-shadow:0 10px 40px rgba(15,23,42,.15)}.login-brand-row{display:flex;gap:16px;align-items:center;margin-bottom:20px}.login-brand-logo.app{width:280px;background:#fff;padding:10px;border-radius:20px}.login-brand-logo.company{width:90px;background:#fff;padding:10px;border-radius:20px}.login-lead{font-size:18px;line-height:1.45}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.feature-pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px;font-weight:700}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-kpi{border:1px solid #d9e2ea;border-radius:18px;padding:16px;background:#f8fafc}.mini-kpi strong{display:block}.mini-kpi span{display:block;margin-top:6px}@media(max-width:980px){.login-page-split{grid-template-columns:1fr}.login-brand-logo.app{width:220px}}


/* Login redesign V6.7 */
.login-screen-v2{min-height:100vh;background:linear-gradient(135deg,#eef2f7 0%,#f8fafc 100%);padding:32px}
.login-layout{max-width:1360px;margin:0 auto;min-height:calc(100vh - 64px);display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}
.login-panel-left,.login-panel-right{min-width:0}
.login-panel-left{background:linear-gradient(135deg,#f6fbff 0%,#eef7f5 100%);border:1px solid #dbe6ee;border-radius:30px;padding:38px 42px;box-shadow:0 18px 42px rgba(15,23,42,.08);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.login-left-top{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.login-logo-box{background:#fff;border:1px solid #dbe6ee;border-radius:22px;padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.login-logo-box.app{width:290px;height:112px}
.login-logo-box.company{width:180px;height:112px}
.login-logo-app,.login-logo-company{max-width:100%;max-height:100%;object-fit:contain;display:block}
.login-copy-block{max-width:780px}
.login-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#e6f6ff;color:#0c5a7c;font-size:13px;font-weight:800;margin-bottom:18px}
.login-copy-block h1{margin:0 0 16px;font-size:clamp(34px,4vw,58px);line-height:1.04;color:#0f172a;letter-spacing:-.03em}
.login-intro{margin:0 0 24px;font-size:21px;line-height:1.5;color:#1e293b;max-width:900px}
.login-description-card{background:#fff;border:1px solid #dbe6ee;border-radius:24px;padding:26px 28px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.login-description-card h2{margin:0 0 12px;font-size:28px;color:#0f172a}
.login-description-card p{margin:0 0 14px;font-size:18px;line-height:1.6;color:#334155}
.login-description-card ul{margin:0;padding-left:22px;display:grid;gap:10px}
.login-description-card li{font-size:17px;line-height:1.45;color:#0f172a}
.login-panel-right{display:flex;align-items:center}
.login-card-v2{width:100%;max-width:560px;margin-left:auto;border-radius:30px;padding:42px;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.1);border:1px solid #e2e8f0}
.login-card-v2 h2{margin:14px 0 10px;font-size:44px;line-height:1.05;letter-spacing:-.03em}
.login-card-v2 .muted{font-size:18px;line-height:1.45;margin-bottom:18px}
.login-card-v2 label{font-size:15px;color:#0f172a}
.login-card-v2 input{height:58px;font-size:18px;border-radius:18px}
.login-submit{width:100%;margin-top:18px;height:58px;border-radius:18px;font-size:18px;font-weight:800}
.login-mini-meta{margin-top:18px}
.mobile-download-box{margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0}
.mobile-download-title{font-size:15px;font-weight:800;color:#0f172a;margin-bottom:14px}
.store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.store-badge{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid #dbe6ee;background:#f8fafc;text-decoration:none;color:#0f172a;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.store-badge.android{justify-content:flex-start}
.store-badge.ios{justify-content:flex-end;text-align:right}
.store-badge span{display:flex;flex-direction:column}
.store-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#0f172a;color:#fff;font-size:20px;flex:0 0 auto}
.store-badge small{font-size:12px;color:#64748b}
.store-badge strong{font-size:16px}
@media (max-width:1180px){.login-layout{grid-template-columns:1fr}.login-panel-right{justify-content:center}.login-card-v2{max-width:760px;margin:0 auto}.login-copy-block h1{font-size:44px}.login-intro{font-size:19px}}
@media (max-width:760px){.login-screen-v2{padding:16px}.login-panel-left{padding:24px}.login-left-top{gap:12px}.login-logo-box.app{width:100%;max-width:270px;height:96px}.login-logo-box.company{width:140px;height:96px}.login-card-v2{padding:28px}.login-card-v2 h2{font-size:34px}.store-buttons,.mini-kpis{grid-template-columns:1fr}.store-badge.ios{justify-content:flex-start;text-align:left}}

/* V6.8 login final correction */
.login-screen-pro{min-height:100vh;background:#eef2f6;padding:36px}.login-pro-layout{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch;min-height:calc(100vh - 72px)}.login-pro-left{background:linear-gradient(135deg,#0f766e 0%,#0c4a54 52%,#0f172a 100%);border-radius:34px;padding:42px;color:#fff;box-shadow:0 20px 55px rgba(15,23,42,.18);display:flex;flex-direction:column}.login-pro-brand-row{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.login-pro-logo-card{background:#fff;border-radius:22px;padding:10px 14px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(15,23,42,.18)}.login-pro-logo-card.app-card{width:280px;height:96px}.login-pro-logo-card.company-card{width:108px;height:96px;padding:10px}.login-pro-logo{max-width:100%;max-height:100%;object-fit:contain;display:block}.login-pro-badge{display:inline-flex;align-self:flex-start;background:#e6f4f8;color:#0c5a7c;font-weight:800;font-size:14px;padding:10px 18px;border-radius:999px;margin-bottom:28px}.login-pro-copy h1{margin:0 0 18px;font-size:58px;line-height:1.02;letter-spacing:-.03em;color:#fff}.login-pro-lead{font-size:22px;line-height:1.34;font-weight:700;color:#f8fafc;max-width:780px;margin:0 0 28px}.login-pro-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.login-pro-feature-card{padding:20px 20px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);min-height:86px;display:flex;align-items:flex-start}.login-pro-feature-card strong{font-size:18px;line-height:1.2;color:#fff}.login-pro-security-card{margin-top:12px;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(15,23,42,.18));border:1px solid rgba(255,255,255,.15)}.login-pro-security-card h3{margin:0 0 10px;font-size:19px;color:#fff}.login-pro-security-card p{margin:0;font-size:17px;line-height:1.45;color:rgba(255,255,255,.82)}.login-pro-software-desc{margin-top:auto;padding-top:22px}.login-pro-software-desc h4{margin:0 0 8px;color:#fff;font-size:18px}.login-pro-software-desc p{margin:0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.5;max-width:760px}.login-pro-right{display:flex;align-items:center}.login-pro-card{width:100%;background:#fff;border-radius:34px;padding:42px 42px 38px;border:1px solid #e2e8f0;box-shadow:0 18px 45px rgba(15,23,42,.12);position:relative}.login-pro-card-topline{height:22px;border-radius:999px;background:#edfafa;margin-bottom:22px}.login-pro-card h2{margin:16px 0 14px;font-size:42px;line-height:1.06;letter-spacing:-.03em;color:#0b1637}.login-pro-card .muted{font-size:17px;line-height:1.35;color:#6b7280;margin-bottom:18px}.login-pro-card label{font-size:15px;font-weight:800;color:#0f172a}.login-pro-card input{height:54px;border-radius:18px;font-size:17px;padding:14px 18px}.login-pro-card .login-submit{height:56px;border-radius:18px;margin-top:22px;font-size:17px;font-weight:800;background:#147d74}.login-pro-card .login-submit:hover{background:#0f6d65}.store-image-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.store-image-link{display:block;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,.06)}.store-image-link img{display:block;width:100%;height:auto}.login-mini-meta .mini-kpi{background:#f8fafc}.login-mini-meta .mini-kpi strong{font-size:15px}.login-mini-meta .mini-kpi span{font-size:15px;color:#111827}.mobile-download-title{font-size:16px;font-weight:800;margin-bottom:14px}@media (max-width:1180px){.login-pro-layout{grid-template-columns:1fr}.login-pro-right{justify-content:center}.login-pro-copy h1{font-size:44px}.login-pro-lead{font-size:20px}}@media (max-width:760px){.login-screen-pro{padding:16px}.login-pro-left,.login-pro-card{padding:24px}.login-pro-brand-row{flex-wrap:wrap}.login-pro-logo-card.app-card{width:100%;max-width:260px;height:90px}.login-pro-logo-card.company-card{width:96px;height:90px}.login-pro-copy h1{font-size:34px}.login-pro-feature-grid,.store-image-row,.login-mini-meta{grid-template-columns:1fr}.login-pro-lead{font-size:18px}.login-pro-feature-card strong{font-size:17px}}


/* V7.4 mobile menu + login refinements */
.sidebar-overlay{display:none}
.sidebar-mobile-head{display:none}
.mobile-menu-toggle{display:none;border:none;background:var(--primary);color:#fff;border-radius:14px;padding:12px 14px;font-size:22px;line-height:1;box-shadow:0 8px 24px rgba(15,23,42,.12);cursor:pointer}
.topbar-mobile-actions{display:none}
.mobile-bottom-nav{display:none}
@media (max-width:980px){
  body.mobile-sidebar-open{overflow:hidden}
  .content{padding:16px 16px 88px}
  .topbar{position:sticky;top:0;z-index:15;background:#f3f6fb;padding-top:8px}
  .topbar-mobile-actions{display:block}
  .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:.2s ease;z-index:40}
  .sidebar-overlay.is-open{opacity:1;pointer-events:auto}
  .sidebar{position:fixed;left:0;top:0;height:100vh;width:min(88vw,330px);z-index:50;transform:translateX(-100%);transition:transform .22s ease;border-radius:0 24px 24px 0}
  .sidebar.is-open{transform:translateX(0)}
  .sidebar-mobile-head{display:flex;justify-content:flex-end;padding:12px 12px 0}
  .sidebar-close{border:none;background:rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:10px 12px;font-size:20px;cursor:pointer}
  .userbox{min-width:auto;width:100%}
  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:30;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.12);padding:10px}
  .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:#f8fafc;border:none;text-decoration:none;color:#0f172a;font-weight:800;font-size:12px;padding:0 6px}
  .mobile-bottom-nav a.active,.mobile-bottom-nav button.active{background:var(--primary);color:#fff}
}
.v72-brand-text{display:flex;align-items:center;font-weight:800;font-size:26px;color:#e6f4f8;white-space:nowrap}
.v72-title{white-space:nowrap;font-size:56px}
@media (max-width:1320px){.v72-title{font-size:48px}}
@media (max-width:1180px){.v72-brand-text{color:#0b6177}.v72-title{white-space:normal}}
@media (max-width:760px){.v72-card .v72-meta{display:none !important}.v72-mobile h3{display:block}.v72-store-note{display:block}.v72-card{gap:0}.v72-card .v72-badge{margin-bottom:8px}.v72-card h2{margin-bottom:10px}}


/* V7.6 desktop hardening fix */
@media (min-width: 981px) {
  body.mobile-sidebar-open { overflow: auto !important; }
  .sidebar-overlay,
  .topbar-mobile-actions,
  .mobile-bottom-nav,
  .sidebar-mobile-head,
  .mobile-menu-toggle { display: none !important; }
  .app-shell { display: grid !important; grid-template-columns: 320px minmax(0,1fr) !important; }
  .sidebar {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    height: 100vh !important;
    z-index: 1 !important;
    border-radius: 0 !important;
    box-shadow: 16px 0 36px rgba(15,23,42,.14) !important;
  }
  .sidebar.is-open { transform: none !important; }
  .content { padding: 24px 28px !important; }
}


.brand.brand-logos-only{justify-content:flex-start;align-items:center;gap:16px;padding:14px 16px}
.brand.brand-logos-only .logo{background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:16px;object-fit:contain;display:block}
.brand.brand-logos-only .logo-app{width:150px;height:auto;padding:8px}
.brand.brand-logos-only .logo-company{width:72px;height:72px;padding:6px}

@media (max-width:760px){
  .brand.brand-logos-only{padding:12px}
  .brand.brand-logos-only .logo-app{width:145px}
  .brand.brand-logos-only .logo-company{width:64px;height:64px}
}

.clean-list,.workflow-list{margin:0;padding-left:18px}
.clean-list li,.workflow-list li{margin:8px 0;line-height:1.45}
.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.page-header h1{margin:0 0 8px;font-size:30px;line-height:1.1}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width: 980px){.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column}}

.role-matrix-table th.text-center,.role-matrix-table td.text-center{text-align:center}
.matrix-check{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.matrix-check input{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}
.matrix-check span{display:none}

/* V8.0 UI refresh inspired by templates 000-003 */
:root{
  --admin-bg:#eaf3ef;
  --panel-bg:#ffffff;
  --soft-green:#f3fbf8;
  --text-strong:#103b2f;
  --text-muted:#5b6f67;
  --line-soft:#d9e8e1;
  --metric-blue:#1f67b1;
  --metric-cyan:#3a98d0;
  --metric-amber:#f4b548;
  --metric-green:#167a39;
}
body{background:var(--admin-bg);color:var(--text-strong)}
.content{background:linear-gradient(180deg,#eef6f2 0%,#e8f2ee 100%)}
.topbar{background:#fff;border:1px solid var(--line-soft);border-radius:28px;padding:20px 24px;box-shadow:0 14px 34px rgba(16,59,47,.06)}
.topbar-headline{min-width:0}
.topbar h1{font-size:38px;line-height:1.06;letter-spacing:-.03em;color:#123f33;margin:2px 0 6px}
.eyebrow{color:#15956e;letter-spacing:.16em}
.muted{color:var(--text-muted)}
.topbar-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}
.userbox{border-radius:22px;border:1px solid var(--line-soft);box-shadow:none;padding:16px 18px;background:#f8fcfa}
.notif-chip{min-height:74px;padding:14px 18px;border-radius:22px;border:1px solid var(--line-soft);background:#f7fbf9;box-shadow:none;display:flex;flex-direction:column;justify-content:center;min-width:160px}
.notif-chip-label{font-weight:800;font-size:16px}
.notif-chip-count{display:inline-grid;place-items:center;min-width:42px;height:34px;margin-top:8px;padding:0 10px;border-radius:999px;background:#dfeee8;color:#0f3b30;font-weight:900;font-size:18px}
.notif-chip.has-alert{background:#fff4e8;border-color:#ffd1a8;color:#92400e}
.notif-chip.has-alert .notif-chip-count{background:#db3a34;color:#fff}
.live-alert.is-active{animation:pulseAlert 1.15s ease-in-out infinite}
@keyframes pulseAlert{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(219,58,52,.25)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(219,58,52,0)}}

.sidebar{background:linear-gradient(180deg,#198b73 0%,#117764 48%,#0e6557 100%);box-shadow:18px 0 40px rgba(17,87,74,.18)}
.sidebar-scroll{padding:20px 18px 14px}
.brand-admin-card{display:flex;justify-content:flex-start;align-items:center;gap:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:18px}
.brand-admin-card .logo-app{width:170px;border-radius:20px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.08)}
.brand-admin-card .logo-company{width:76px;height:76px;border-radius:20px;background:#fff}
.sidebar-intro{padding:4px 10px 16px 12px;display:flex;flex-direction:column;gap:4px}
.sidebar-intro strong{font-size:17px;color:#fff;line-height:1.25}
.sidebar-intro span{font-size:13px;color:rgba(255,255,255,.82)}
.menu-group{margin-bottom:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:6px 0 0;overflow:hidden}
.menu-group summary{padding:10px 16px 14px;background:transparent;color:#eafff8}
.menu-group-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}
.menu-count{background:rgba(255,255,255,.18);padding:7px 10px;font-size:12px;font-weight:900}
.menu-group nav{padding:0 10px 12px;gap:10px}
.sidebar nav a,.logout-link{background:rgba(255,255,255,.95);color:#0d4f42;padding:15px 16px;border-radius:18px;font-weight:800;box-shadow:0 6px 14px rgba(3,32,27,.08)}
.sidebar nav a:hover,.logout-link:hover{background:#fff;transform:translateX(0) translateY(-1px)}
.sidebar nav a.active{background:#0f766e;color:#fff;box-shadow:0 12px 28px rgba(8,74,63,.22), inset 0 0 0 1px rgba(255,255,255,.08)}
.sidebar-footer{background:linear-gradient(180deg,rgba(9,70,60,.05),rgba(9,70,60,.28));border-top:1px solid rgba(255,255,255,.10)}
.sidebar-plan{color:rgba(255,255,255,.82)}
.logout-link{text-align:center}

.hero{background:#fff;color:var(--text-strong);border:1px solid var(--line-soft);border-radius:34px;padding:28px 30px;box-shadow:0 14px 34px rgba(16,59,47,.06);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(180deg,#1b8a72,#0f766e)}
.hero h2{font-size:clamp(32px,4vw,56px);line-height:1.03;letter-spacing:-.03em;color:#114237;margin:0 0 10px 0;max-width:1000px}
.hero p{font-size:18px;line-height:1.55;color:#576b64;max-width:980px}
.inline-actions .btn,.inline-actions button{border-radius:18px;padding:14px 22px;font-size:16px;box-shadow:none}
.btn,.inline-actions .btn{background:#0f766e}
.btn.secondary{background:#f3f8f6;color:#114237;border:1px solid var(--line-soft)}

.cards{gap:18px}
.cards .card{border:none;border-radius:28px;padding:24px 26px;color:#fff;box-shadow:none}
.cards .card h4,.cards .card h3{color:rgba(255,255,255,.92);font-size:17px;font-weight:600;margin-bottom:20px}
.cards .card .kpi{color:#fff;font-size:46px;line-height:1;font-weight:900;letter-spacing:-.03em}
.cards .card .subkpi{color:rgba(255,255,255,.86);font-size:14px;margin-top:10px}
.cards .card:nth-child(1){background:var(--metric-blue)}
.cards .card:nth-child(2){background:var(--metric-cyan)}
.cards .card:nth-child(3){background:var(--metric-amber);color:#3f2b00}
.cards .card:nth-child(3) h4,.cards .card:nth-child(3) .kpi,.cards .card:nth-child(3) .subkpi{color:#3f2b00}
.cards .card:nth-child(4){background:var(--metric-green)}
.cards .card:nth-child(5){background:#2e7f75}
.cards .card:nth-child(6){background:#0f5c8d}
.cards .card:nth-child(7){background:#8755d2}
.cards .card:nth-child(8){background:#d44e86}

.panel,.table-wrap,.card,.module-card,.metric-mini,.company-cockpit .cockpit-card,.stat-pill,.alert-card{border-radius:28px;border:1px solid var(--line-soft);box-shadow:0 12px 30px rgba(16,59,47,.05)}
.panel,.table-wrap,.module-card,.metric-mini,.company-cockpit .cockpit-card,.stat-pill,.alert-card,.table-header{background:#fff}
.panel h3,.table-header h3{font-size:22px;color:#123d34}
th{background:#f5fbf8;color:#507068;border-bottom:1px solid #e7f0ec}
tr:hover td{background:#fbfefd}
input,select,textarea{border:1px solid #d6e6df;border-radius:16px;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:#1b8a72;box-shadow:0 0 0 4px rgba(27,138,114,.12)}
.badge{background:#edf7f3;color:#0f6b58}
.badge.warning{background:#fff4e3;color:#9a5b00}
.badge.danger{background:#ffebee;color:#b42318}
.badge.success{background:#ecfdf3;color:#117a37}
.gantt-bar{background:linear-gradient(90deg,#1f67b1,#3a98d0)}
.alert-card{border-left-width:6px}

@media (max-width:1180px){
  .topbar{padding:18px}
  .topbar h1{font-size:32px}
}
@media (max-width:980px){
  .topbar{border-radius:24px}
  .notif-chip{min-height:64px;min-width:140px}
}
@media (max-width:760px){
  .content{padding:14px 14px 88px !important}
  .topbar h1{font-size:28px}
  .hero{padding:22px 20px}
  .hero h2{font-size:34px}
  .cards .card .kpi{font-size:38px}
  .brand-admin-card .logo-app{width:150px}
}


/* Correctif final : bouton flottant alertes rouge/blanc + validations grisées */
.floating-alert-button{position:fixed;right:22px;top:46%;z-index:1200;width:66px;height:66px;border-radius:999px;background:#fff;color:#dc2626;border:3px solid #dc2626;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 14px 34px rgba(220,38,38,.22);font-weight:900;opacity:.95}
.floating-alert-button .floating-alert-icon{font-size:30px;line-height:1;transform:translateY(-1px)}
.floating-alert-button .floating-alert-count{position:absolute;top:-12px;right:-12px;min-width:30px;height:30px;border-radius:999px;background:#dc2626;color:#fff;border:3px solid #fff;display:grid;place-items:center;font-size:14px;font-weight:900;padding:0 6px}
.floating-alert-button:not(.has-alert){display:flex;opacity:.72;animation:none}
.floating-alert-button.has-alert{animation:floatingAlertBlink .82s ease-in-out infinite}
@keyframes floatingAlertBlink{0%,100%{background:#fff;color:#dc2626;transform:scale(1);box-shadow:0 0 0 0 rgba(220,38,38,.34)}50%{background:#dc2626;color:#fff;transform:scale(1.08);box-shadow:0 0 0 14px rgba(220,38,38,0)}}
.validation-locked{display:inline-flex;align-items:center;gap:8px;border:1px solid #d1d5db;background:#f3f4f6;color:#6b7280;border-radius:12px;padding:9px 12px;font-weight:800;cursor:not-allowed;opacity:.9}
.validation-done{display:inline-flex;align-items:center;gap:8px;border:1px solid #bbf7d0;background:#ecfdf3;color:#166534;border-radius:12px;padding:9px 12px;font-weight:800;cursor:not-allowed;opacity:.9}
.validation-rejected{display:inline-flex;align-items:center;gap:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:12px;padding:9px 12px;font-weight:800;cursor:not-allowed;opacity:.9}
.client-portal-hero{background:linear-gradient(135deg,#0f766e,#198b73);color:#fff;border-radius:32px;padding:28px;box-shadow:0 16px 38px rgba(15,118,110,.18);margin-bottom:18px;position:relative;overflow:hidden}.client-portal-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.14)}.client-portal-hero h1,.client-portal-hero h2{color:#fff;margin:0 0 8px}.client-portal-hero p{color:rgba(255,255,255,.88);font-size:17px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-card{background:#fff;border:1px solid var(--line-soft);border-radius:26px;padding:22px;box-shadow:0 12px 30px rgba(16,59,47,.05)}.client-card h3{margin:0 0 12px;color:#123d34}.media-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.media-tile{border:1px solid #d9e8e1;border-radius:18px;padding:14px;background:#fbfefd}.media-tile img{width:100%;height:140px;object-fit:cover;border-radius:14px;margin-bottom:10px}@media(max-width:980px){.client-grid,.media-list{grid-template-columns:1fr}.floating-alert-button{right:14px;top:auto;bottom:104px}}

/* Espace client chantier premium SATRACO */
.client-portal-shell{display:flex;flex-direction:column;gap:18px}
.client-portal-hero-premium{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#0a6d5f 0%,#0f8b75 55%,#15a184 100%);border-radius:34px;padding:32px;box-shadow:0 24px 54px rgba(15,118,110,.22)}
.client-pill{display:inline-flex;align-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 12px;margin-bottom:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#fff}
.client-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn.light{background:#fff!important;color:#0f766e!important}.btn.ghost-light{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}.client-hero-logo{width:150px;height:110px;object-fit:contain;background:#fff;border-radius:26px;padding:14px;box-shadow:0 16px 34px rgba(0,0,0,.12)}
.client-dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px}.client-kpi-card{background:#fff;border:1px solid #d8ebe5;border-radius:26px;padding:20px;box-shadow:0 12px 28px rgba(16,59,47,.06)}.client-kpi-card span{display:block;color:#53716a;font-weight:800;margin-bottom:10px}.client-kpi-card strong{display:block;color:#073c34;font-size:28px;line-height:1.1}.client-kpi-card small{display:block;margin-top:10px;color:#6d837e}.progress-card strong{font-size:44px;color:#0f766e}
.client-main-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.client-section{overflow:hidden}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title h3{margin:0}.section-title span{background:#edf7f4;color:#0f766e;border:1px solid #d8ebe5;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px}.client-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-item{background:#f8fcfb;border:1px solid #d8ebe5;border-radius:20px;padding:12px}.gallery-item img{width:100%;height:190px;object-fit:cover;border-radius:16px;margin-bottom:10px}.gallery-item strong,.gallery-item small{display:block}.client-doc-list{display:flex;flex-direction:column;gap:12px}.client-doc-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;background:#f9fcfb;border:1px solid #d8ebe5;border-radius:20px;padding:14px}.client-doc-row>span{width:44px;height:44px;border-radius:14px;background:#e8f6f2;display:grid;place-items:center;font-size:22px}.client-doc-row p{margin:4px 0;color:#526963}.client-doc-row small{color:#6d837e}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{position:relative;background:#fbfefd;border:1px solid #d8ebe5;border-left:5px solid #0f766e;border-radius:18px;padding:14px}.timeline-item p{margin:6px 0;color:#526963}.timeline-item small{color:#6d837e}
@media(max-width:1100px){.client-dashboard-grid,.client-main-grid{grid-template-columns:1fr}.client-portal-hero-premium{align-items:flex-start}.client-hero-logo{width:120px;height:90px}.client-gallery{grid-template-columns:1fr}.client-doc-row{grid-template-columns:44px 1fr}.client-doc-row a{grid-column:2}}
@media(max-width:640px){.client-portal-hero-premium{flex-direction:column;padding:24px}.client-dashboard-grid{grid-template-columns:1fr}.client-kpi-card strong{font-size:24px}.progress-card strong{font-size:36px}}

/* Correctif espace client : sidebar dédiée client et portail ergonomique */
.sidebar-client-space .brand-admin-card{background:rgba(255,255,255,.12)}
.sidebar-client-space .client-menu-group summary{background:rgba(255,255,255,.08)}
.sidebar-client-space .sidebar nav a{display:flex;align-items:center;gap:10px;min-height:48px}
.sidebar-client-space .sidebar nav a::before{content:"•";width:18px;height:18px;border-radius:999px;background:#0f766e;color:#fff;display:inline-grid;place-items:center;font-size:14px;line-height:1;flex:0 0 18px}
.sidebar-client-space .sidebar nav a.active::before{background:#fff;color:#0f766e}
.premium-client-space{gap:22px}
.client-dashboard-grid-premium .client-kpi-card:nth-child(1){border-left:6px solid #0f766e}
.client-dashboard-grid-premium .client-kpi-card:nth-child(2){border-left:6px solid #167a39}
.client-dashboard-grid-premium .client-kpi-card:nth-child(3){border-left:6px solid #f4b548}
.client-dashboard-grid-premium .client-kpi-card:nth-child(4){border-left:6px solid #dc2626}
.client-overview-card{background:linear-gradient(135deg,#fff,#f4fbf8)}
.client-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.client-overview-grid div{border:1px solid #d8ebe5;background:#fff;border-radius:20px;padding:16px}
.client-overview-grid small{display:block;color:#607a73;font-weight:800;margin-bottom:7px}
.client-overview-grid strong{display:block;color:#073c34;font-size:18px;line-height:1.25}
.client-message-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.client-portal-shell .panel{scroll-margin-top:24px}
@media(max-width:1100px){.client-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.client-overview-grid{grid-template-columns:1fr}}

/* Vues espace client premium V2 - uniquement affichage client */
.client-premium-v2{display:flex;flex-direction:column;gap:22px}
.client-v2-hero{position:relative;display:grid;grid-template-columns:1fr 260px;gap:26px;align-items:center;min-height:260px;padding:34px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.28),transparent 32%),linear-gradient(135deg,#063c36 0%,#0f766e 52%,#12a37f 100%);box-shadow:0 24px 60px rgba(5,80,65,.24);color:#fff}
.client-v2-hero:before{content:"";position:absolute;inset:auto -90px -130px auto;width:330px;height:330px;border-radius:999px;background:rgba(255,255,255,.12)}
.client-v2-hero-copy{position:relative;z-index:1}.client-v2-pill{display:inline-flex;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.16);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:14px}.client-v2-hero h1{margin:0 0 8px;color:#fff;font-size:36px;line-height:1.08}.client-v2-hero p{margin:0;color:rgba(255,255,255,.9);font-size:17px}.client-v2-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.client-v2-actions button{cursor:pointer}.client-v2-visual{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.client-v2-ring{width:190px;height:190px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(#fff 0 70%,rgba(255,255,255,.25) 70% 100%);box-shadow:inset 0 0 0 16px rgba(255,255,255,.12),0 22px 45px rgba(0,0,0,.14)}.client-v2-ring span{display:grid;place-items:center;width:132px;height:132px;border-radius:999px;background:#fff;color:#0f766e;font-size:36px;font-weight:950}.client-v2-visual small{color:#fff;font-weight:800}
.client-v2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.client-v2-kpi{appearance:none;text-align:left;background:#fff;border:1px solid #dbece7;border-radius:24px;padding:20px;box-shadow:0 16px 36px rgba(16,59,47,.07);cursor:pointer;transition:.2s ease}.client-v2-kpi:hover,.client-v2-feature:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(16,59,47,.12)}.client-v2-kpi span{display:block;color:#607a73;font-weight:900;margin-bottom:10px}.client-v2-kpi strong{display:block;color:#073c34;font-size:25px;line-height:1.1}.client-v2-kpi small{display:block;color:#6f8580;margin-top:9px}.client-v2-kpi.alert{border-color:#fecaca;background:linear-gradient(135deg,#fff,#fff7f7)}.client-v2-kpi.alert strong{color:#dc2626}
.client-v2-main{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.client-v2-card{background:#fff;border:1px solid #dbece7;border-radius:28px;padding:22px;box-shadow:0 16px 36px rgba(16,59,47,.06)}.client-v2-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.client-v2-card-head h3{margin:0;color:#073c34}.client-v2-card-head button{border:0;background:#e8f6f2;color:#0f766e;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}.client-v2-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-v2-overview-grid div{border:1px solid #dbece7;background:linear-gradient(135deg,#fbfefd,#f5fbf8);border-radius:18px;padding:15px}.client-v2-overview-grid small{display:block;color:#607a73;font-weight:900;margin-bottom:6px}.client-v2-overview-grid strong{display:block;color:#073c34;font-size:17px;line-height:1.25}
.client-v2-gantt{display:flex;flex-direction:column;gap:14px}.gantt-v2-row{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:center}.gantt-v2-row>span{font-size:13px;font-weight:900;color:#3e5b54}.gantt-v2-track{height:22px;border-radius:999px;background:repeating-linear-gradient(90deg,#edf7f4 0,#edf7f4 24%,#d9eee8 24%,#d9eee8 25%);position:relative;overflow:hidden;border:1px solid #d9eee8}.gantt-v2-track i{position:absolute;top:3px;height:14px;border-radius:999px;background:linear-gradient(90deg,#14b88f,#0f766e);box-shadow:0 4px 10px rgba(15,118,110,.22)}.gantt-v2-track i:not(.done){background:linear-gradient(90deg,#f4b548,#f59e0b)}
.client-v2-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-v2-feature{appearance:none;text-align:left;background:#fff;border:1px solid #dbece7;border-radius:24px;padding:20px;box-shadow:0 14px 30px rgba(16,59,47,.05);cursor:pointer;transition:.2s ease}.client-v2-feature b{display:block;color:#073c34;font-size:17px;margin-bottom:8px}.client-v2-feature span{display:inline-flex;background:#edf7f4;color:#0f766e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}
.client-v2-modal{position:fixed;inset:0;z-index:5000;background:rgba(3,21,18,.62);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:24px}.client-v2-modal.open{display:flex}.client-v2-modal-box{position:relative;width:min(820px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:30px;padding:28px;box-shadow:0 34px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.42)}.client-v2-modal-box.large{width:min(1050px,96vw)}.client-v2-modal-box.gallery{width:min(1120px,96vw)}.client-v2-modal-box h2{margin:0 0 18px;color:#073c34}.client-v2-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border-radius:999px;border:0;background:#fef2f2;color:#dc2626;font-size:24px;font-weight:900;cursor:pointer}.modal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-v2-progress-large{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;margin-bottom:22px}.client-v2-progress-large strong{font-size:42px;color:#0f766e}.client-v2-progress-large div{height:28px;border-radius:999px;background:#edf7f4;overflow:hidden}.client-v2-progress-large span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#15a184,#0f766e)}.modal-gantt .gantt-v2-row{grid-template-columns:240px 1fr}.client-v2-finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.client-v2-finance-summary div{background:#f8fcfb;border:1px solid #dbece7;border-radius:18px;padding:16px}.client-v2-finance-summary small{display:block;color:#607a73;font-weight:900;margin-bottom:7px}.client-v2-finance-summary strong{color:#073c34;font-size:20px}.client-v2-gallery-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.client-v2-photo{appearance:none;border:1px solid #dbece7;background:#f8fcfb;border-radius:18px;padding:10px;cursor:pointer;text-align:left}.client-v2-photo img{width:100%;height:115px;object-fit:cover;border-radius:13px;display:block;margin-bottom:8px}.client-v2-photo span{font-size:12px;font-weight:900;color:#073c34}.client-v2-gallery-preview{background:#071d19;border-radius:24px;padding:14px;text-align:center}.client-v2-gallery-preview img{max-width:100%;max-height:520px;border-radius:18px;object-fit:contain}.client-v2-gallery-preview p{color:#fff;margin:10px 0 0;font-weight:800}
@media(max-width:1100px){.client-v2-hero,.client-v2-main{grid-template-columns:1fr}.client-v2-kpis,.client-v2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-v2-gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.client-v2-hero{padding:24px}.client-v2-hero h1{font-size:28px}.client-v2-kpis,.client-v2-feature-grid,.client-v2-overview-grid,.modal-grid,.client-v2-finance-summary{grid-template-columns:1fr}.gantt-v2-row,.modal-gantt .gantt-v2-row,.client-v2-progress-large{grid-template-columns:1fr}.client-v2-ring{width:150px;height:150px}.client-v2-ring span{width:104px;height:104px;font-size:28px}.client-v2-modal{padding:10px}.client-v2-modal-box{border-radius:22px;padding:22px}.client-v2-gallery-strip{grid-template-columns:1fr}}

/* === CLIENT PORTAL PREMIUM UI FIX V3 - scoped only to client portal === */
body:has(.client-premium-v2) .content{background:#f3f7f6;}
.client-premium-v2,.client-premium-v2 *{box-sizing:border-box;min-width:0}
.client-premium-v2{--cp-green:#0f766e;--cp-dark:#063b35;--cp-soft:#eef8f5;--cp-border:#d7e9e4;--cp-red:#dc2626;--cp-gold:#f59e0b;--cp-blue:#2563eb;display:flex;flex-direction:column;gap:22px;max-width:1440px;margin:0 auto;padding:4px 0 28px;}
.client-v2-hero{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important;gap:26px!important;align-items:center!important;min-height:260px!important;padding:34px!important;border-radius:32px!important;overflow:hidden!important;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#063b35 0%,#0f766e 58%,#0ba37e 100%)!important;box-shadow:0 22px 58px rgba(6,59,53,.22)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
.client-v2-hero:after{content:"";position:absolute;right:-70px;bottom:-95px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}.client-v2-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.client-v2-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.15);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:14px}.client-v2-pill:before{content:"●";font-size:10px;color:#86efac}.client-v2-hero h1{margin:0 0 10px!important;color:#fff!important;font-size:clamp(28px,3.6vw,44px)!important;line-height:1.05!important;letter-spacing:-.04em}.client-v2-hero p{margin:0!important;color:rgba(255,255,255,.92)!important;font-size:16px!important;line-height:1.55!important}.client-v2-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;width:100%}.client-v2-actions .btn,.client-v2-actions button{min-height:44px;border-radius:999px!important;border:1px solid rgba(255,255,255,.35)!important;padding:10px 16px!important;font-weight:900!important;cursor:pointer!important;box-shadow:none!important}.client-v2-actions .light{background:#fff!important;color:#0f766e!important}.client-v2-actions .ghost-light{background:rgba(255,255,255,.12)!important;color:#fff!important}.client-v2-visual{position:relative;z-index:1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px!important}.client-v2-ring{width:176px!important;height:176px!important;border-radius:999px!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 14px rgba(255,255,255,.13),0 22px 48px rgba(0,0,0,.17)!important}.client-v2-ring span{display:grid!important;place-items:center!important;width:122px!important;height:122px!important;border-radius:999px!important;background:#fff!important;color:#0f766e!important;font-size:34px!important;font-weight:950!important}.client-v2-visual small{color:#fff!important;font-weight:900!important}
.client-v2-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.client-v2-kpi{appearance:none!important;width:100%!important;min-height:150px!important;text-align:left!important;background:#fff!important;border:1px solid var(--cp-border)!important;border-radius:24px!important;padding:20px!important;box-shadow:0 14px 36px rgba(6,59,53,.08)!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.client-v2-kpi:hover,.client-v2-feature:hover{transform:translateY(-3px)!important;box-shadow:0 20px 42px rgba(6,59,53,.14)!important;border-color:#b8ded5!important}.client-v2-kpi span{display:block!important;color:#5b746d!important;font-weight:900!important;margin-bottom:10px!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.035em}.client-v2-kpi strong{display:block!important;color:#073c34!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.05!important;word-break:break-word}.client-v2-kpi small{display:block!important;color:#718882!important;margin-top:10px!important;line-height:1.35!important}.client-v2-kpi.alert{border-color:#fecaca!important;background:linear-gradient(135deg,#fff,#fff7f7)!important}.client-v2-kpi.alert strong{color:#dc2626!important}.client-v2-main{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr)!important;gap:18px!important}.client-v2-card{background:#fff!important;border:1px solid var(--cp-border)!important;border-radius:28px!important;padding:22px!important;box-shadow:0 14px 36px rgba(6,59,53,.07)!important;overflow:hidden}.client-v2-card-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;margin-bottom:18px!important}.client-v2-card-head h3{margin:0!important;color:#073c34!important;font-size:20px!important}.client-v2-card-head button{border:0!important;background:#e8f6f2!important;color:#0f766e!important;border-radius:999px!important;padding:10px 14px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap}.client-v2-overview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.client-v2-overview-grid div{border:1px solid var(--cp-border)!important;background:linear-gradient(135deg,#fbfefd,#f5fbf8)!important;border-radius:18px!important;padding:15px!important;overflow:hidden}.client-v2-overview-grid small{display:block!important;color:#607a73!important;font-weight:900!important;margin-bottom:6px!important}.client-v2-overview-grid strong{display:block!important;color:#073c34!important;font-size:16px!important;line-height:1.28!important;overflow-wrap:anywhere}.client-v2-gantt{display:flex!important;flex-direction:column!important;gap:14px!important}.gantt-v2-row{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;gap:14px!important;align-items:center!important}.gantt-v2-row>span{font-size:13px!important;font-weight:900!important;color:#395b53!important;line-height:1.25!important}.gantt-v2-track{height:26px!important;border-radius:999px!important;background:repeating-linear-gradient(90deg,#edf7f4 0,#edf7f4 24%,#dceee9 24%,#dceee9 25%)!important;position:relative!important;overflow:hidden!important;border:1px solid #d9eee8!important}.gantt-v2-track i{position:absolute!important;top:4px!important;height:16px!important;border-radius:999px!important;background:linear-gradient(90deg,#12b886,#0f766e)!important;box-shadow:0 5px 14px rgba(15,118,110,.24)!important}.gantt-v2-track i:not(.done){background:linear-gradient(90deg,#f7c55e,#f59e0b)!important}.client-v2-feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.client-v2-feature{appearance:none!important;width:100%!important;text-align:left!important;background:#fff!important;border:1px solid var(--cp-border)!important;border-radius:24px!important;padding:20px!important;box-shadow:0 12px 30px rgba(6,59,53,.06)!important;cursor:pointer!important;transition:.18s ease!important;min-height:116px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.client-v2-feature b{display:block!important;color:#073c34!important;font-size:17px!important;margin-bottom:12px!important;line-height:1.25}.client-v2-feature span{display:inline-flex!important;align-self:flex-start!important;background:#edf7f4!important;color:#0f766e!important;border-radius:999px!important;padding:7px 11px!important;font-size:12px!important;font-weight:900!important}
.client-v2-modal{position:fixed!important;inset:0!important;z-index:99999!important;background:rgba(3,21,18,.68)!important;backdrop-filter:blur(7px)!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important}.client-v2-modal.open{display:flex!important}.client-v2-modal-box{position:relative!important;width:min(840px,96vw)!important;max-height:88vh!important;overflow:auto!important;background:#fff!important;border-radius:30px!important;padding:30px!important;box-shadow:0 36px 96px rgba(0,0,0,.36)!important;border:1px solid rgba(255,255,255,.42)!important}.client-v2-modal-box.large{width:min(1080px,96vw)!important}.client-v2-modal-box.gallery{width:min(1160px,96vw)!important}.client-v2-modal-box h2{margin:0 52px 20px 0!important;color:#073c34!important;font-size:26px!important;line-height:1.12}.client-v2-close{position:absolute!important;right:18px!important;top:16px!important;width:42px!important;height:42px!important;border-radius:999px!important;border:0!important;background:#fff1f2!important;color:#dc2626!important;font-size:26px!important;font-weight:900!important;cursor:pointer!important;display:grid!important;place-items:center!important}.modal-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.client-v2-progress-large{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;margin-bottom:24px!important}.client-v2-progress-large strong{font-size:42px!important;color:#0f766e!important}.client-v2-progress-large div{height:30px!important;border-radius:999px!important;background:#edf7f4!important;overflow:hidden!important;border:1px solid #d7e9e4}.client-v2-progress-large span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#12b886,#0f766e)!important}.modal-gantt .gantt-v2-row{grid-template-columns:250px minmax(0,1fr)!important}.client-v2-finance-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:20px!important}.client-v2-finance-summary div{background:#f8fcfb!important;border:1px solid var(--cp-border)!important;border-radius:18px!important;padding:16px!important}.client-v2-finance-summary small{display:block!important;color:#607a73!important;font-weight:900!important;margin-bottom:7px!important}.client-v2-finance-summary strong{color:#073c34!important;font-size:20px!important;overflow-wrap:anywhere}.client-doc-list{display:flex!important;flex-direction:column!important;gap:12px!important}.client-doc-row{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;border:1px solid var(--cp-border)!important;background:#fbfefd!important;border-radius:18px!important;padding:14px!important}.client-doc-row>span{width:42px;height:42px;border-radius:14px;background:#edf7f4;display:grid;place-items:center;font-size:22px}.client-doc-row strong{color:#073c34}.client-doc-row p{margin:5px 0;color:#536f68;line-height:1.45}.client-doc-row small{color:#778c87}.client-v2-gallery-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:18px!important}.client-v2-photo{appearance:none!important;border:1px solid var(--cp-border)!important;background:#f8fcfb!important;border-radius:18px!important;padding:10px!important;cursor:pointer!important;text-align:left!important;overflow:hidden}.client-v2-photo img{width:100%!important;height:125px!important;object-fit:cover!important;border-radius:13px!important;display:block!important;margin-bottom:8px!important;background:linear-gradient(135deg,#e8f6f2,#d7e9e4)}.client-v2-photo span{font-size:12px!important;font-weight:900!important;color:#073c34!important;line-height:1.25}.client-v2-gallery-preview{background:#071d19!important;border-radius:24px!important;padding:14px!important;text-align:center!important;min-height:260px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.client-v2-gallery-preview img{max-width:100%!important;max-height:520px!important;border-radius:18px!important;object-fit:contain!important;margin:0 auto!important}.client-v2-gallery-preview img[src=""],.client-v2-gallery-preview img:not([src]){display:none!important}.client-v2-gallery-preview p{color:#fff!important;margin:10px 0 0!important;font-weight:800!important}.timeline{display:flex!important;flex-direction:column!important;gap:12px!important}.timeline-item{border:1px solid var(--cp-border)!important;background:#fbfefd!important;border-radius:18px!important;padding:16px!important}.timeline-item strong{color:#073c34!important}.timeline-item p{color:#536f68!important;line-height:1.5!important}.client-message-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.empty{padding:18px!important;background:#f8fcfb!important;border:1px dashed #bfd9d2!important;border-radius:18px!important;color:#607a73!important;text-align:center!important}.client-portal-empty-visual{min-height:220px;border-radius:24px;background:linear-gradient(135deg,#071d19,#0f766e);display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;text-align:center;padding:24px}
@media(max-width:1180px){.client-v2-hero,.client-v2-main{grid-template-columns:1fr!important}.client-v2-kpis,.client-v2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-v2-gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.client-premium-v2{gap:16px!important}.client-v2-hero{grid-template-columns:1fr!important;padding:24px!important;border-radius:24px!important}.client-v2-actions{flex-direction:column}.client-v2-actions .btn,.client-v2-actions button{width:100%}.client-v2-visual{display:none!important}.client-v2-kpis,.client-v2-feature-grid,.client-v2-overview-grid,.modal-grid,.client-v2-finance-summary{grid-template-columns:1fr!important}.gantt-v2-row,.modal-gantt .gantt-v2-row,.client-v2-progress-large{grid-template-columns:1fr!important}.client-v2-modal{padding:10px!important}.client-v2-modal-box{border-radius:22px!important;padding:22px!important}.client-v2-gallery-strip{grid-template-columns:1fr!important}.client-doc-row{grid-template-columns:42px minmax(0,1fr)!important}.client-doc-row .btn{grid-column:1/-1;width:100%;text-align:center}.client-v2-card-head{align-items:flex-start!important;flex-direction:column}.client-v2-card-head button{width:100%}}

/* ==========================================================
   CLIENT PORTAL PREMIUM V4 - interface client only
   Objectif: zéro chevauchement, grille ERP moderne, popups fiables
   ========================================================== */
body:has(.client-premium-v2) .main-content,
body:has(.client-premium-v2) .content,
body:has(.client-premium-v2) main{background:#f4f8f7!important;}
.client-premium-v2,
.client-premium-v2 *{box-sizing:border-box!important;min-width:0!important;}
.client-premium-v2{--green:#0b6b5e;--green2:#10937d;--dark:#053a34;--muted:#647973;--line:#dcebe7;--soft:#f7fbfa;--white:#fff;--red:#dc2626;--shadow:0 18px 45px rgba(5,58,52,.12);width:100%!important;max-width:1320px!important;margin:0 auto!important;padding:8px 8px 34px!important;display:flex!important;flex-direction:column!important;gap:22px!important;overflow:visible!important;}
.client-v2-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 230px!important;gap:26px!important;align-items:center!important;background:linear-gradient(135deg,#073f38 0%,#0b6b5e 52%,#13a487 100%)!important;border-radius:30px!important;padding:32px!important;color:#fff!important;box-shadow:0 22px 60px rgba(11,107,94,.24)!important;position:relative!important;overflow:hidden!important;}
.client-v2-hero:before{content:"";position:absolute;right:-110px;top:-130px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.10);}
.client-v2-hero-copy{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;gap:12px!important;}
.client-v2-pill{display:inline-flex!important;width:max-content!important;max-width:100%!important;padding:8px 13px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.24)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#fff!important;}
.client-v2-hero h1{margin:0!important;font-size:clamp(28px,4vw,48px)!important;line-height:1.04!important;color:#fff!important;font-weight:950!important;letter-spacing:-.04em!important;}
.client-v2-hero p{margin:0!important;color:rgba(255,255,255,.88)!important;font-size:15px!important;line-height:1.55!important;}
.client-v2-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:8px!important;align-items:center!important;}
.client-v2-actions .btn,.client-v2-actions button{border-radius:14px!important;min-height:44px!important;padding:0 18px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:none!important;white-space:nowrap!important;cursor:pointer!important;}
.client-v2-actions .light{background:#fff!important;color:#0b6b5e!important;}
.client-v2-actions .ghost-light{background:rgba(255,255,255,.13)!important;color:#fff!important;}
.client-v2-visual{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:26px!important;padding:20px!important;min-height:210px!important;}
.client-v2-ring{width:148px!important;height:148px!important;border-radius:50%!important;display:grid!important;place-items:center!important;position:relative!important;}
.client-v2-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#0b6b5e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
.client-v2-ring span{position:relative!important;z-index:1!important;color:#fff!important;font-size:30px!important;font-weight:950!important;}
.client-v2-visual small{color:#fff!important;font-weight:900!important;}
.client-v2-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;}
.client-v2-kpi{appearance:none!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:22px!important;padding:18px!important;min-height:135px!important;text-align:left!important;box-shadow:var(--shadow)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:9px!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease!important;overflow:hidden!important;}
.client-v2-kpi:hover{transform:translateY(-2px)!important;box-shadow:0 24px 60px rgba(5,58,52,.16)!important;}
.client-v2-kpi span{color:#607a73!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important;}
.client-v2-kpi strong{color:#083f38!important;font-size:clamp(21px,2.4vw,31px)!important;line-height:1.05!important;font-weight:950!important;overflow-wrap:anywhere!important;}
.client-v2-kpi small{color:#7b918b!important;font-weight:750!important;line-height:1.35!important;}
.client-v2-kpi.alert{border-color:#fecaca!important;background:linear-gradient(180deg,#fff 0%,#fff7f7 100%)!important;}
.client-v2-main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr)!important;gap:18px!important;align-items:stretch!important;}
.client-v2-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:26px!important;box-shadow:var(--shadow)!important;padding:22px!important;overflow:hidden!important;}
.client-v2-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;}
.client-v2-card-head h3{margin:0!important;color:#083f38!important;font-size:20px!important;font-weight:950!important;line-height:1.15!important;}
.client-v2-card-head button{appearance:none!important;border:0!important;background:#0b6b5e!important;color:#fff!important;border-radius:13px!important;padding:10px 14px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap!important;}
.client-v2-overview-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;}
.client-v2-overview-grid>div{background:#f7fbfa!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:15px!important;min-height:88px!important;display:flex!important;flex-direction:column!important;gap:7px!important;}
.client-v2-overview-grid small{color:#6f827d!important;font-size:12px!important;font-weight:900!important;}
.client-v2-overview-grid strong{color:#083f38!important;font-size:15px!important;line-height:1.32!important;overflow-wrap:anywhere!important;}
.client-v2-gantt{display:flex!important;flex-direction:column!important;gap:13px!important;width:100%!important;}
.gantt-v2-row{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;width:100%!important;}
.gantt-v2-row>span{color:#36524c!important;font-size:13px!important;font-weight:900!important;line-height:1.25!important;}
.gantt-v2-track{height:22px!important;background:#edf5f3!important;border:1px solid #d8e9e5!important;border-radius:999px!important;position:relative!important;overflow:hidden!important;}
.gantt-v2-track i{position:absolute!important;top:3px!important;bottom:3px!important;border-radius:999px!important;background:linear-gradient(90deg,#16a34a,#0b6b5e)!important;min-width:12px!important;box-shadow:0 6px 14px rgba(11,107,94,.24)!important;}
.gantt-v2-track i.done{background:linear-gradient(90deg,#22c55e,#0f766e)!important;}
.client-v2-feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.client-v2-feature{appearance:none!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:22px!important;padding:19px!important;min-height:104px!important;box-shadow:var(--shadow)!important;text-align:left!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:12px!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;}
.client-v2-feature:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#0b6b5e,#13a487);}
.client-v2-feature b{font-size:17px!important;color:#083f38!important;line-height:1.25!important;}
.client-v2-feature span{color:#667c76!important;font-weight:850!important;}
.client-v2-modal{position:fixed!important;inset:0!important;z-index:999999!important;background:rgba(2,24,21,.72)!important;backdrop-filter:blur(9px)!important;display:none!important;align-items:center!important;justify-content:center!important;padding:22px!important;}
.client-v2-modal.open{display:flex!important;}
.client-v2-modal-box{width:min(920px,96vw)!important;max-height:88vh!important;overflow:auto!important;background:#fff!important;border-radius:28px!important;padding:28px!important;box-shadow:0 42px 120px rgba(0,0,0,.42)!important;border:1px solid rgba(255,255,255,.58)!important;position:relative!important;}
.client-v2-modal-box.large{width:min(1120px,96vw)!important;}
.client-v2-modal-box.gallery{width:min(1240px,96vw)!important;}
.client-v2-modal-box h2{margin:0 56px 22px 0!important;color:#083f38!important;font-size:clamp(22px,2.5vw,30px)!important;font-weight:950!important;line-height:1.12!important;}
.client-v2-close{position:absolute!important;right:18px!important;top:16px!important;width:44px!important;height:44px!important;border-radius:50%!important;border:0!important;background:#fff1f2!important;color:#dc2626!important;font-size:28px!important;font-weight:950!important;display:grid!important;place-items:center!important;cursor:pointer!important;line-height:1!important;}
.client-v2-progress-large{display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;gap:20px!important;align-items:center!important;margin-bottom:25px!important;}
.client-v2-progress-large strong{font-size:46px!important;color:#0b6b5e!important;font-weight:950!important;}
.client-v2-progress-large>div{height:32px!important;border-radius:999px!important;background:#edf5f3!important;border:1px solid var(--line)!important;overflow:hidden!important;}
.client-v2-progress-large span{display:block!important;height:100%!important;background:linear-gradient(90deg,#22c55e,#0b6b5e)!important;border-radius:999px!important;}
.client-v2-finance-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:18px!important;}
.client-v2-finance-summary>div{background:#f7fbfa!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:17px!important;}
.client-v2-finance-summary small{display:block!important;color:#637b75!important;font-weight:950!important;margin-bottom:7px!important;}
.client-v2-finance-summary strong{display:block!important;color:#083f38!important;font-size:20px!important;font-weight:950!important;overflow-wrap:anywhere!important;}
.client-doc-list,.timeline{display:flex!important;flex-direction:column!important;gap:12px!important;}
.client-doc-row{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;border:1px solid var(--line)!important;background:#fbfefd!important;border-radius:18px!important;padding:14px!important;}
.client-doc-row>span{width:46px!important;height:46px!important;border-radius:16px!important;background:#edf8f5!important;display:grid!important;place-items:center!important;font-size:22px!important;}
.client-doc-row strong,.timeline-item strong{color:#083f38!important;font-weight:950!important;}
.client-doc-row p,.timeline-item p{margin:5px 0!important;color:#58716b!important;line-height:1.5!important;}
.client-doc-row small,.timeline-item small{color:#7f928d!important;font-weight:750!important;}
.client-doc-row .btn,.client-doc-row a.btn{border-radius:12px!important;white-space:nowrap!important;}
.timeline-item{border:1px solid var(--line)!important;background:#fbfefd!important;border-radius:18px!important;padding:16px!important;}
.client-v2-gallery-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin-bottom:18px!important;}
.client-v2-photo{appearance:none!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:10px!important;text-align:left!important;cursor:pointer!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(5,58,52,.08)!important;}
.client-v2-photo img{width:100%!important;height:145px!important;object-fit:cover!important;border-radius:14px!important;display:block!important;margin-bottom:9px!important;background:linear-gradient(135deg,#edf5f3,#dcebe7)!important;}
.client-v2-photo span{display:block!important;color:#083f38!important;font-weight:900!important;font-size:12px!important;line-height:1.28!important;}
.client-v2-gallery-preview{min-height:360px!important;background:#061d19!important;border-radius:24px!important;padding:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;}
.client-v2-gallery-preview img{display:block!important;max-width:100%!important;max-height:540px!important;object-fit:contain!important;border-radius:17px!important;background:#0b342e!important;}
.client-v2-gallery-preview img[src=""],.client-v2-gallery-preview img:not([src]){display:none!important;}
.client-v2-gallery-preview p{margin:0!important;color:#fff!important;font-weight:900!important;text-align:center!important;}
.client-portal-empty-visual{min-height:250px!important;border-radius:24px!important;background:linear-gradient(135deg,#061d19,#0b6b5e)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;flex-direction:column!important;gap:8px!important;padding:28px!important;font-size:20px!important;font-weight:950!important;}
.client-portal-empty-visual small{font-size:13px!important;color:rgba(255,255,255,.78)!important;font-weight:800!important;}
.empty{display:block!important;padding:18px!important;border-radius:18px!important;border:1px dashed #b9d8d1!important;background:#f7fbfa!important;color:#637b75!important;text-align:center!important;font-weight:850!important;}
.client-message-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:18px!important;}
@media(max-width:1180px){.client-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-v2-main{grid-template-columns:1fr!important}.client-v2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-v2-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-v2-gallery-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.client-premium-v2{padding:2px 0 28px!important;gap:16px!important}.client-v2-hero{grid-template-columns:1fr!important;padding:24px!important;border-radius:24px!important}.client-v2-visual{display:none!important}.client-v2-actions{flex-direction:column!important;align-items:stretch!important}.client-v2-actions .btn,.client-v2-actions button{width:100%!important}.client-v2-kpis,.client-v2-feature-grid,.client-v2-overview-grid,.client-v2-finance-summary,.modal-grid{grid-template-columns:1fr!important}.client-v2-card{padding:18px!important;border-radius:22px!important}.client-v2-card-head{flex-direction:column!important;align-items:flex-start!important}.client-v2-card-head button{width:100%!important}.gantt-v2-row,.modal-gantt .gantt-v2-row,.client-v2-progress-large{grid-template-columns:1fr!important}.client-v2-modal{padding:10px!important}.client-v2-modal-box{padding:22px!important;border-radius:22px!important}.client-v2-gallery-strip{grid-template-columns:1fr!important}.client-doc-row{grid-template-columns:46px minmax(0,1fr)!important}.client-doc-row .btn,.client-doc-row a.btn{grid-column:1/-1!important;width:100%!important;text-align:center!important}.client-v2-gallery-preview{min-height:260px!important}}


/* V6.3 - Bouton flottant alertes visible, centré verticalement, rouge/blanc */
.floating-alert-button{right:24px!important;top:50%!important;transform:translateY(-50%)!important;width:78px!important;height:78px!important;flex-direction:column!important;gap:2px!important;background:#fff!important;color:#dc2626!important;border-color:#dc2626!important;z-index:99999!important;}
.floating-alert-button .floating-alert-icon{font-size:28px!important;font-weight:950!important;}
.floating-alert-button:after{content:'ALERTES';font-size:10px;font-weight:950;letter-spacing:.04em;line-height:1;color:inherit;}
.floating-alert-button.has-alert{animation:floatingAlertBlinkFixed .74s ease-in-out infinite!important;}
@keyframes floatingAlertBlinkFixed{0%,100%{background:#fff;color:#dc2626;box-shadow:0 0 0 0 rgba(220,38,38,.35)}50%{background:#dc2626;color:#fff;box-shadow:0 0 0 16px rgba(220,38,38,0)}}
body.alert-sound-active .floating-alert-button{outline:4px solid rgba(220,38,38,.18)}
@media(max-width:980px){.floating-alert-button{right:14px!important;top:auto!important;bottom:105px!important;transform:none!important;width:68px!important;height:68px!important}}
.finance-situation-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.finance-filter-card{background:#fff;border:1px solid #dbece6;border-radius:24px;padding:18px;box-shadow:0 12px 32px rgba(15,118,110,.06)}.finance-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.finance-kpi{background:#fff;border:1px solid #dbece6;border-radius:24px;padding:18px;box-shadow:0 12px 32px rgba(15,118,110,.06)}.finance-kpi small{display:block;color:#667b75;font-weight:900;margin-bottom:8px}.finance-kpi strong{display:block;color:#073f37;font-size:24px;font-weight:950}.finance-kpi.encaissement{border-left:7px solid #16a34a}.finance-kpi.decaissement{border-left:7px solid #dc2626}.finance-kpi.balance{border-left:7px solid #0f766e}.finance-situation-table td,.finance-situation-table th{white-space:normal!important}.satraco-logo-company{max-width:160px;max-height:80px;object-fit:contain}@media(max-width:900px){.finance-kpi-grid{grid-template-columns:1fr}}

/* V6.4 - Correctif affichage situations DAF + bouton alertes robuste */
.finance-filter-card{margin:22px 0!important;padding:22px 24px!important;border-radius:26px!important;background:#fff!important;border:1px solid #d7e9e3!important;box-shadow:0 16px 40px rgba(15,118,110,.07)!important;}
.finance-filter-card .form-grid{display:grid!important;grid-template-columns:minmax(280px,1fr) auto!important;gap:18px!important;align-items:end!important;}
.finance-filter-card label{display:flex!important;flex-direction:column!important;gap:10px!important;font-weight:950!important;color:#073f37!important;font-size:16px!important;}
.finance-filter-card select{height:54px!important;border-radius:18px!important;border:1px solid #cfe4dc!important;background:#fff!important;padding:0 16px!important;font-size:15px!important;color:#063d35!important;}
.finance-filter-card .btn{height:54px!important;border-radius:16px!important;padding:0 24px!important;white-space:nowrap!important;}
.finance-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:18px!important;margin:20px 0 26px!important;align-items:stretch!important;}
.finance-kpi{min-height:118px!important;background:#fff!important;border:1px solid #d7e9e3!important;border-radius:26px!important;padding:20px 22px!important;box-shadow:0 16px 40px rgba(15,118,110,.07)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;overflow:hidden!important;}
.finance-kpi small{display:block!important;color:#607a72!important;font-size:13px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important;margin:0!important;line-height:1.25!important;}
.finance-kpi strong{display:block!important;color:#073f37!important;font-size:clamp(20px,2.1vw,30px)!important;font-weight:950!important;line-height:1.18!important;letter-spacing:-.02em!important;word-break:normal!important;overflow-wrap:break-word!important;}
.finance-kpi.encaissement{border-left:8px solid #16a34a!important;}
.finance-kpi.decaissement{border-left:8px solid #dc2626!important;}
.finance-kpi.balance{border-left:8px solid #0f766e!important;}
.table-wrap{background:#fff!important;border:1px solid #d7e9e3!important;border-radius:28px!important;padding:22px!important;box-shadow:0 16px 40px rgba(15,118,110,.07)!important;overflow:auto!important;}
.table-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:18px!important;}
.table-header h3{margin:0!important;font-size:24px!important;color:#073f37!important;}
.finance-situation-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:900px!important;}
.finance-situation-table th{background:#f0f8f5!important;color:#375f56!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:950!important;padding:16px!important;text-align:left!important;border-bottom:1px solid #d7e9e3!important;}
.finance-situation-table td{padding:16px!important;border-bottom:1px solid #edf4f1!important;color:#163f36!important;vertical-align:top!important;line-height:1.45!important;}
.finance-situation-table td strong{font-weight:950!important;color:#073f37!important;white-space:nowrap!important;}
.finance-situation-table tr:hover td{background:#fbfefd!important;}
.finance-situation-empty,.empty{padding:28px!important;text-align:center!important;color:#607a72!important;font-weight:800!important;}
.floating-alert-button{position:fixed!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;width:84px!important;height:84px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;background:#fff!important;color:#dc2626!important;border:3px solid #dc2626!important;border-radius:999px!important;z-index:2147483000!important;text-decoration:none!important;font-weight:950!important;box-shadow:0 18px 42px rgba(220,38,38,.28)!important;opacity:1!important;}
.floating-alert-button .floating-alert-icon{font-size:30px!important;line-height:1!important;font-weight:950!important;}
.floating-alert-button .floating-alert-count{position:absolute!important;top:-13px!important;right:-13px!important;min-width:32px!important;height:32px!important;border-radius:999px!important;background:#dc2626!important;color:#fff!important;border:3px solid #fff!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:950!important;padding:0 7px!important;}
.floating-alert-button:after{content:'ALERTES'!important;font-size:10px!important;font-weight:950!important;letter-spacing:.04em!important;color:inherit!important;}
.floating-alert-button.has-alert,.floating-alert-button.is-active{animation:floatingAlertBlinkFixedV64 .7s ease-in-out infinite!important;}
@keyframes floatingAlertBlinkFixedV64{0%,100%{background:#fff;color:#dc2626;box-shadow:0 0 0 0 rgba(220,38,38,.35),0 18px 42px rgba(220,38,38,.28)}50%{background:#dc2626;color:#fff;box-shadow:0 0 0 18px rgba(220,38,38,0),0 18px 42px rgba(220,38,38,.38)}}
body.alert-sound-active .floating-alert-button{outline:5px solid rgba(220,38,38,.18)!important;}
@media(max-width:1100px){.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.finance-filter-card .form-grid{grid-template-columns:1fr!important;}.finance-filter-card .btn{width:100%!important;}}
@media(max-width:700px){.finance-kpi-grid{grid-template-columns:1fr!important;}.floating-alert-button{right:14px!important;top:auto!important;bottom:108px!important;transform:none!important;width:70px!important;height:70px!important;}.finance-situation-table{min-width:760px!important;}.hero h2{font-size:36px!important;}}


/* V6.5 - Bouton flottant global d’alertes pour toutes les interfaces */
.floating-alert-button{display:none!important;}
.global-floating-alert{position:fixed!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2147483600!important;width:108px!important;min-height:76px!important;padding:10px 8px!important;border-radius:24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-decoration:none!important;font-family:inherit!important;font-weight:950!important;box-shadow:0 18px 40px rgba(12,94,75,.22)!important;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important;}
.global-floating-alert.no-alert{background:#0f766e!important;color:#fff!important;border:3px solid #0f766e!important;}
.global-floating-alert.has-alert{background:#fff!important;color:#dc2626!important;border:3px solid #dc2626!important;box-shadow:0 22px 48px rgba(220,38,38,.34)!important;animation:globalAlertBlink .72s ease-in-out infinite!important;}
.global-floating-alert__icon{font-size:24px!important;line-height:1!important;}
.global-floating-alert__text{display:block!important;text-align:center!important;font-size:12px!important;line-height:1.1!important;text-transform:uppercase!important;letter-spacing:.02em!important;}
.global-floating-alert__text strong{font-size:24px!important;line-height:1!important;display:block!important;}
body.global-alert-sounding .global-floating-alert{outline:6px solid rgba(220,38,38,.18)!important;}
@keyframes globalAlertBlink{0%,100%{background:#fff;color:#dc2626;transform:translateY(-50%) scale(1);}50%{background:#dc2626;color:#fff;transform:translateY(-50%) scale(1.08);}}
@media(max-width:760px){.global-floating-alert{right:12px!important;top:auto!important;bottom:98px!important;transform:none!important;width:92px!important;min-height:68px!important;border-radius:20px!important;}.global-floating-alert.has-alert{animation:globalAlertBlinkMobile .72s ease-in-out infinite!important;}@keyframes globalAlertBlinkMobile{0%,100%{background:#fff;color:#dc2626;transform:scale(1);}50%{background:#dc2626;color:#fff;transform:scale(1.08);}}}