:root{--accent:#164b7a;--accent2:#d32f2f;--accent-soft:#eaf2f9;--bg:#f4f7fb;--panel:#fff;--panel2:#f8fafc;--text:#15202b;--muted:#68778a;--border:#dbe4ee;--shadow:0 10px 30px rgba(15,38,60,.07);--radius:16px;--sidebar:#0f2940;--sidebarText:#dbe9f5;--success:#14804a;--warning:#b7791f;--danger:#c43d3d}html[data-theme=dark]{--bg:#0d141c;--panel:#111c27;--panel2:#152331;--text:#edf4fb;--muted:#9eb0c2;--border:#263747;--shadow:0 14px 35px rgba(0,0,0,.25);--sidebar:#09121a;--sidebarText:#d9e6ef;--accent-soft:#132b3d}html[data-palette=ocean]{--accent:#087ea4;--accent2:#00a6a6;--sidebar:#063649}html[data-palette=emerald]{--accent:#117a5b;--accent2:#1fa66f;--sidebar:#0d3b2f}html[data-palette=royal]{--accent:#5b3fc2;--accent2:#8a5cf6;--sidebar:#261c53}html[data-palette=sunset]{--accent:#b84c2c;--accent2:#d9852b;--sidebar:#4b241d}html[data-palette=multi]{--accent:#4f46e5;--accent2:#e83e8c;--sidebar:#20245b}html[data-palette=multi] .stat:nth-child(2n){--stat-accent:#0f9d76}html[data-palette=multi] .stat:nth-child(3n){--stat-accent:#d97706}html[data-palette=multi] .stat:nth-child(4n){--stat-accent:#db2777}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}body{transition:background .2s,color .2s}a{color:var(--accent)}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar);color:var(--sidebarText);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:40;box-shadow:4px 0 24px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:11px;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.brand strong{display:block;font-size:17px}.brand small{display:block;opacity:.7}.close-side{margin-left:auto;display:none}.side-nav{padding:14px 10px;display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;text-decoration:none;color:var(--sidebarText);font-weight:600;opacity:.84}.side-nav a span{font-size:18px;width:22px;text-align:center}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.12);opacity:1;transform:translateX(2px)}.side-bottom{margin-top:auto;padding:15px;border-top:1px solid rgba(255,255,255,.08)}.user-mini{display:flex;gap:10px;align-items:center;margin-bottom:12px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800}.user-mini b,.user-mini small{display:block}.user-mini small{opacity:.65}.logout{color:var(--sidebarText);font-size:13px;text-decoration:none}.page-shell{margin-left:260px;min-width:0;flex:1}.topbar{height:72px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.top-left{display:flex;align-items:center;gap:12px}.topbar h1{font-size:19px;margin:0}.topbar small{color:var(--muted)}.top-actions{display:flex;gap:8px}.icon-btn,.quick-search-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;cursor:pointer;height:38px}.icon-btn{width:38px}.quick-search-btn{padding:0 10px;display:flex;align-items:center;gap:8px}.quick-search-btn kbd{font-size:11px;color:var(--muted);border:1px solid var(--border);padding:2px 5px;border-radius:5px}.menu-toggle{display:none}.wrap{max-width:1380px;margin:0 auto;padding:24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.card h1,.card h2,.card h3{margin-top:0}.grid3,.grid4{display:grid;gap:15px;margin-bottom:18px}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.stat{--stat-accent:var(--accent);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stat-accent)}.stat b{font-size:30px;display:block;line-height:1;color:var(--text);margin-bottom:8px}.stat span{color:var(--muted)}.stat small{display:block;color:var(--muted);margin-top:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:#fff!important;border:0;border-radius:10px;padding:9px 14px;text-decoration:none;cursor:pointer;font-weight:700}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn.success{background:var(--success)}.btn.ghost{background:var(--panel2);color:var(--text)!important;border:1px solid var(--border)}.btn.small{font-size:13px;padding:7px 10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}label{font-weight:650;display:flex;flex-direction:column;gap:6px;color:var(--text)}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}.checks label{display:flex;flex-direction:row;align-items:flex-start;background:var(--panel2);border:1px solid var(--border);padding:9px;border-radius:10px;font-weight:500}.checks input{width:auto}.table{overflow:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:10px 11px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{background:var(--panel2);position:sticky;top:0;z-index:2;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;cursor:grab}th.dragging{opacity:.35}tbody tr:hover td{background:color-mix(in srgb,var(--accent-soft) 55%,transparent)}tbody tr:last-child td{border-bottom:0}.table-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0}.table-search{position:relative;max-width:340px;flex:1}.table-search span{position:absolute;left:11px;top:8px;color:var(--muted)}.table-search input{padding-left:32px}.col-menu{position:relative}.col-pop{display:none;position:absolute;right:0;top:42px;width:260px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:10px;z-index:30;max-height:360px;overflow:auto}.col-pop.show{display:grid;gap:6px}.col-pop label{display:flex;flex-direction:row;align-items:center;font-weight:500;padding:5px}.col-pop input{width:auto}.col-actions{display:flex;gap:6px;border-bottom:1px solid var(--border);padding-bottom:7px;margin-bottom:4px}.col-actions button{border:0;background:none;color:var(--accent);cursor:pointer}.alert{padding:11px 13px;border-radius:10px;margin:10px 0}.alert.ok,.alert.success{background:color-mix(in srgb,var(--success) 13%,var(--panel));color:var(--success)}.alert.err{background:color-mix(in srgb,var(--danger) 13%,var(--panel));color:var(--danger)}.hidden{display:none!important}.muted{color:var(--muted)}.inline{display:flex;gap:8px;align-items:end}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;background:var(--accent-soft);color:var(--accent)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;text-decoration:none;color:var(--text);display:flex;gap:11px;align-items:center}.quick-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.quick-card i{font-style:normal;font-size:23px}.quick-card b,.quick-card small{display:block}.quick-card small{color:var(--muted);font-weight:400}.modal,.command{position:fixed;inset:0;background:rgba(2,8,23,.55);z-index:80;display:none;place-items:center;padding:20px}.modal.open,.command.open{display:grid}.modal-card,.command-box{width:min(560px,96vw);background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-card{padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:center}.setting-block{margin-top:16px}.setting-block>label{margin-bottom:7px}.segmented,.palette-grid{display:grid;gap:8px}.segmented{grid-template-columns:repeat(3,1fr)}.palette-grid{grid-template-columns:repeat(2,1fr)}.segmented button,.palette-grid button{border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:10px;padding:10px;cursor:pointer}.palette-grid button{display:flex;align-items:center;gap:8px}.palette-grid i{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2))}.command-box{padding:10px}.command-input{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border);padding:6px 8px}.command-input input{border:0;background:transparent;box-shadow:none!important}.command-input kbd{font-size:11px;color:var(--muted)}.command-list{display:grid;padding:8px}.command-list a{text-decoration:none;color:var(--text);padding:11px;border-radius:9px}.command-list a:hover{background:var(--panel2)}footer{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;color:var(--muted);padding:18px;font-size:12px}.login{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 35%),var(--bg)}.login-card{width:min(440px,92vw);background:var(--panel);padding:30px;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.18);display:grid;gap:14px;border:1px solid var(--border)}.login-card h1{margin:0}.login-card:before{content:"";width:70px;height:70px;margin:auto;background:url('logo_drhkat.png') center/contain no-repeat}.scrim{display:none}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:.22s}.page-shell{margin-left:0}.menu-toggle,.close-side{display:inline-grid;place-items:center}.side-open .sidebar{transform:none}.side-open .scrim{display:block;position:fixed;inset:0;background:#0008;z-index:35}.grid4{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{padding:0 14px}.topbar small,.quick-search-btn span,.quick-search-btn kbd{display:none}.wrap{padding:14px}.grid3,.grid4,.form-grid,.checks,.quick-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.card{padding:15px}.table-tools{align-items:stretch;flex-direction:column}.table-search{max-width:none}.col-menu>.btn{width:100%}.col-pop{left:0;right:auto;width:min(300px,88vw)}}
@media print{.sidebar,.topbar,.table-tools,footer,.modal,.command,.scrim{display:none!important}.page-shell{margin:0}.wrap{max-width:none;padding:0}.card{box-shadow:none;border:0}}

/* ===== Apparence avancée : sombre + multicolore ===== */
html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] .topbar{background:color-mix(in srgb,var(--panel) 88%,#000 12%)}
html[data-theme=dark] .card,html[data-theme=dark] .stat,html[data-theme=dark] .quick-card,html[data-theme=dark] .modal-card,html[data-theme=dark] .command-box{box-shadow:0 14px 36px rgba(0,0,0,.32)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#0e1924}
html[data-theme=dark] th{background:#152331;color:#bed0df}
html[data-theme=dark] tbody tr:hover td{background:color-mix(in srgb,var(--accent) 12%,var(--panel))}

/* palettes supplémentaires et multicolore plus visible */
html[data-palette=institutionnel]{--accent:#164b7a;--accent2:#d32f2f;--sidebar:#0f2940}
html[data-palette=blue]{--accent:#2563eb;--accent2:#38bdf8;--sidebar:#102a56}
html[data-palette=green]{--accent:#16845b;--accent2:#43b581;--sidebar:#103c2c}
html[data-palette=violet]{--accent:#7048c8;--accent2:#a855f7;--sidebar:#2f1f58}
html[data-palette=orange]{--accent:#d0641c;--accent2:#f59e0b;--sidebar:#4e2a16}
html[data-palette=multi]{--accent:#5b5bd6;--accent2:#ec4899;--sidebar:#20245b;--multi1:#2563eb;--multi2:#10b981;--multi3:#f59e0b;--multi4:#ec4899;--multi5:#8b5cf6}
html[data-palette=multi] .sidebar{background:linear-gradient(165deg,#20245b 0%,#3730a3 38%,#7c3aed 70%,#be185d 100%)}
html[data-palette=multi] .topbar{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--multi1),var(--multi2),var(--multi3),var(--multi4),var(--multi5)) 1}
html[data-palette=multi] .btn:not(.ghost){background:linear-gradient(110deg,var(--multi1),var(--multi5),var(--multi4));background-size:180% 180%;animation:crhMultiShift 8s ease infinite}
html[data-palette=multi] .avatar{background:linear-gradient(135deg,var(--multi1),var(--multi2),var(--multi3),var(--multi4))}
html[data-palette=multi] .card{border-top-color:color-mix(in srgb,var(--multi5) 50%,var(--border))}
html[data-palette=multi] .stat:nth-child(5n+1){--stat-accent:var(--multi1)}
html[data-palette=multi] .stat:nth-child(5n+2){--stat-accent:var(--multi2)}
html[data-palette=multi] .stat:nth-child(5n+3){--stat-accent:var(--multi3)}
html[data-palette=multi] .stat:nth-child(5n+4){--stat-accent:var(--multi4)}
html[data-palette=multi] .stat:nth-child(5n){--stat-accent:var(--multi5)}
@keyframes crhMultiShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* état actif dans le sélecteur d'apparence */
.segmented button.is-selected,.palette-grid button.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);font-weight:800}
.palette-grid button[data-palette=institutionnel] i{background:linear-gradient(135deg,#164b7a,#d32f2f)}
.palette-grid button[data-palette=blue] i,.palette-grid button[data-palette=ocean] i{background:linear-gradient(135deg,#2563eb,#38bdf8)}
.palette-grid button[data-palette=green] i,.palette-grid button[data-palette=emerald] i{background:linear-gradient(135deg,#16845b,#43b581)}
.palette-grid button[data-palette=violet] i,.palette-grid button[data-palette=royal] i{background:linear-gradient(135deg,#7048c8,#a855f7)}
.palette-grid button[data-palette=orange] i,.palette-grid button[data-palette=sunset] i{background:linear-gradient(135deg,#d0641c,#f59e0b)}
.palette-grid button[data-palette=multi] i{background:conic-gradient(#2563eb,#10b981,#f59e0b,#ec4899,#8b5cf6,#2563eb)}
.theme-fab{position:fixed;right:18px;top:18px;z-index:90;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:var(--shadow);cursor:pointer;font-size:20px}
@media print{html{color-scheme:light!important}html,html[data-theme=dark]{--bg:#fff;--panel:#fff;--panel2:#fff;--text:#000;--muted:#444;--border:#bbb}.theme-fab{display:none!important}}

/* ===== Login vivant DRHKAT ===== */
.login-vivant{display:block;min-height:100vh;background:var(--bg);overflow-x:hidden}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr)}.login-showcase{position:relative;display:flex;align-items:center;padding:clamp(36px,6vw,86px);overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--sidebar) 94%,#000),color-mix(in srgb,var(--accent) 84%,#111));color:#fff}.login-showcase:before,.login-showcase:after{content:"";position:absolute;border-radius:50%;filter:blur(0);opacity:.22}.login-showcase:before{width:520px;height:520px;right:-180px;top:-190px;background:radial-gradient(circle,var(--accent2),transparent 67%);animation:loginFloat 10s ease-in-out infinite}.login-showcase:after{width:430px;height:430px;left:-180px;bottom:-220px;background:radial-gradient(circle,#38bdf8,transparent 68%);animation:loginFloat 13s ease-in-out infinite reverse}.login-showcase-inner{position:relative;z-index:2;width:min(760px,100%)}.login-brandline{display:flex;gap:15px;align-items:center;margin-bottom:clamp(50px,8vh,95px)}.login-brandline img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:50%;padding:5px;box-shadow:0 12px 32px #0004}.login-brandline span,.login-brandline strong,.login-brandline small{display:block}.login-brandline span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.login-brandline strong{font-size:18px;margin-top:2px}.login-brandline small{margin-top:2px;opacity:.72}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:color-mix(in srgb,var(--accent2) 68%,#fff)}.login-hero-copy h1{font-size:clamp(32px,4.5vw,58px);line-height:1.04;letter-spacing:-.035em;max-width:720px;margin:12px 0 18px}.login-hero-copy>p{font-size:clamp(15px,1.45vw,18px);line-height:1.65;max-width:680px;opacity:.82}.mission-carousel{position:relative;min-height:126px;margin-top:34px}.mission-slide{position:absolute;inset:0;display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border:1px solid #ffffff24;background:#ffffff10;border-radius:18px;backdrop-filter:blur(12px);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .45s ease,transform .45s ease}.mission-slide.is-active{opacity:1;transform:none;pointer-events:auto}.mission-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:grid;place-items:center;font-size:21px;background:#ffffff18}.mission-slide b{display:block;font-size:16px;margin:2px 0 6px}.mission-slide p{margin:0;font-size:14px;line-height:1.55;opacity:.78}.mission-dots{display:flex;gap:8px;margin:15px 0 22px}.mission-dots button{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:#ffffff55;cursor:pointer;transition:.25s}.mission-dots button.is-active{width:27px;background:#fff}.login-chips{display:flex;gap:8px;flex-wrap:wrap}.login-chips span{font-size:12px;padding:7px 10px;border-radius:999px;background:#ffffff0f;border:1px solid #ffffff20}.login-access{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 36%),var(--bg)}.login-card-modern{width:min(460px,100%);padding:34px;border-radius:24px;gap:16px;position:relative;overflow:hidden}.login-card-modern:before{display:none}.login-card-modern:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent2));}.login-mini-logo{display:none}.login-title h2{font-size:32px;line-height:1;margin:8px 0 8px}.login-title p{margin:0;color:var(--muted);font-size:14px}.input-icon{position:relative}.input-icon>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.65}.input-icon input{padding-left:38px;padding-right:42px;height:47px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:var(--text);cursor:pointer;border-radius:8px}.password-toggle:hover{background:var(--accent-soft)}.login-submit{height:48px;margin-top:2px;justify-content:space-between;padding-inline:17px;font-size:15px}.login-submit span{font-size:20px}.login-help{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.login-help a{text-decoration:none;font-weight:700}.login-security{text-align:center;margin-top:2px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.login-footnote{font-size:11px;color:var(--muted);margin:18px 0 0}.login-vivant .theme-fab{top:auto;bottom:20px}.login-vivant html[data-palette=multi] .login-showcase,.login-vivant[data-palette=multi] .login-showcase{background:linear-gradient(145deg,#1e1b4b,#312e81 35%,#6d28d9 72%,#9d174d)}@keyframes loginFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-20px,22px,0) scale(1.05)}}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-showcase{min-height:auto;padding:30px 24px 34px}.login-brandline{margin-bottom:28px}.login-hero-copy h1{font-size:34px}.login-hero-copy>p{font-size:14px}.mission-carousel{min-height:138px}.login-access{padding:28px 18px}.login-card-modern{margin-top:-10px}.login-mini-logo{display:none}}
@media(max-width:560px){.login-showcase{padding:23px 18px 28px}.login-brandline img{width:55px;height:55px}.login-brandline strong{font-size:15px}.login-brandline span{font-size:9px}.login-hero-copy h1{font-size:28px}.login-hero-copy>p{line-height:1.55}.mission-slide{padding:14px;min-height:138px}.mission-carousel{min-height:146px;margin-top:24px}.mission-slide p{font-size:12px}.login-chips{display:none}.login-access{padding:18px 14px 28px}.login-card-modern{padding:24px 20px;border-radius:20px}.login-title h2{font-size:28px}.login-footnote{text-align:center}}
@media(prefers-reduced-motion:reduce){.login-showcase:before,.login-showcase:after{animation:none}.mission-slide{transition:none}}
.field-note{display:block;margin-top:.35rem;font-size:.78rem;color:var(--muted,#64748b)}