:root{
  --bg:#071f27;--bg2:#0a2a34;--panel:#0d3440;--panel2:#103b48;--line:#1d5360;
  --text:#f7fbfc;--muted:#9ec0c8;--gold:#d9a84e;--gold2:#f2c86e;--ok:#55d38b;
  --warn:#ffb44a;--danger:#ff6262;--blue:#5ca8ff;--purple:#b780ff;--shadow:0 20px 55px rgba(0,0,0,.28);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(135deg,#04171d,#0b2c36);color:var(--text)}
button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#062631,#041b22);border-right:1px solid rgba(255,255,255,.06);padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 24px}.brand-mark{font-family:Georgia,serif;font-size:42px;color:var(--gold2);line-height:1}.brand strong{display:block;letter-spacing:.18em;font-size:14px}.brand span{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:4px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#eaf5f7;padding:12px 14px;border-radius:12px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer}.nav-item:hover{background:rgba(255,255,255,.05)}.nav-item.active{background:linear-gradient(90deg,rgba(217,168,78,.95),rgba(217,168,78,.78));color:#071f27;font-weight:800}.nav-item span{width:22px;text-align:center}.sidebar-footer{margin-top:auto;padding:20px 10px 5px;color:var(--muted)}.signature{font-family:Georgia,serif;font-style:italic;color:#fff;font-size:21px;line-height:1.3;margin-bottom:16px}.main{min-width:0}.topbar{padding:24px 28px 8px;display:flex;align-items:center;gap:18px;justify-content:space-between}.topbar h1{margin:0;font-size:26px}.topbar p{margin:4px 0 0;color:var(--muted)}.top-actions{display:flex;gap:10px}.primary,.ghost,.small-btn{border-radius:11px;border:1px solid transparent;padding:10px 14px;cursor:pointer;font-weight:750}.primary{background:var(--gold);color:#08252e}.primary:hover{background:var(--gold2)}.ghost{background:transparent;border-color:var(--line);color:#d8ebef}.ghost:hover{background:rgba(255,255,255,.05)}.small-btn{padding:7px 10px;background:#164653;color:#fff}.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:26px}.content{padding:12px 28px 32px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.kpi{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.kpi .label{font-size:11px;color:#c4dde2;text-transform:uppercase;letter-spacing:.06em}.kpi .value{font-size:29px;font-weight:850;margin-top:7px}.kpi .delta{font-size:12px;margin-top:3px;color:var(--ok)}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;gap:14px;margin-top:14px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.card.wide{grid-column:span 2}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.card-head h3{font-size:16px;margin:0}.card-head button{background:none;border:0;color:var(--gold2);cursor:pointer}.list{display:grid}.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.row:last-child{border-bottom:0}.dot{width:10px;height:10px;border-radius:50%}.dot.identity{background:#f3c741}.dot.iris{background:#ff9448}.dot.photo{background:#659cff}.dot.pregnancy{background:#b17cff}.dot.print{background:#52d18a}.dot.selfie{background:#ff6565}.row .maintext{font-weight:750}.row .subtext{color:var(--muted);font-size:12px;margin-top:3px}.tag{font-size:11px;padding:4px 8px;border-radius:999px;background:#163f4c;color:#d9edf0;border:1px solid #285968}.tag.danger{background:rgba(255,98,98,.18);color:#ffaaaa;border-color:rgba(255,98,98,.32)}.tag.warn{background:rgba(255,180,74,.17);color:#ffd493;border-color:rgba(255,180,74,.3)}.tag.ok{background:rgba(85,211,139,.15);color:#98efba;border-color:rgba(85,211,139,.28)}.check{width:20px;height:20px;border-radius:6px;border:1px solid #6e9da6;display:grid;place-items:center;cursor:pointer}.check.done{background:var(--ok);color:#052016;border-color:var(--ok)}.mini-footer{padding:11px 16px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:center}.mini-footer button{background:none;border:0;color:#fff;font-weight:700;cursor:pointer}.section-title{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px}.section-title h2{margin:0;font-size:20px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow:auto;padding-bottom:4px}.column{background:#092833;border:1px solid #174754;border-radius:15px;min-height:320px}.column h3{font-size:13px;margin:0;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#cde0e4}.ticket{margin:10px;background:#123945;border:1px solid #21525f;border-radius:12px;padding:12px}.ticket strong{display:block}.ticket small{color:var(--muted)}.ticket .actions{display:flex;gap:6px;margin-top:10px}.ticket button{border:0;border-radius:8px;background:#1a4a57;color:#fff;padding:6px 8px;cursor:pointer}.table-card{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.table th{color:#a9c7ce;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.empty{padding:28px;text-align:center;color:var(--muted)}.site-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.site-card{padding:18px}.site-card .big{font-size:34px;font-weight:850;margin:8px 0}.spark{height:44px;margin-top:10px;border-radius:9px;background:linear-gradient(180deg,rgba(92,168,255,.18),rgba(92,168,255,.02));position:relative;overflow:hidden}.spark:after{content:"";position:absolute;inset:26px -8px auto -8px;height:2px;background:linear-gradient(90deg,transparent,#75b8ff 10%,#75b8ff 90%,transparent);transform:rotate(-4deg)}.form-grid{display:grid;gap:13px}.form-row{display:grid;gap:7px}.form-row label{font-size:12px;color:#bbd2d8}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid #2b5a65;background:#0a2d37;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.form-row textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:20px;z-index:100}.modal-backdrop.hidden{display:none}.modal{width:min(560px,100%);background:#0a2b35;border:1px solid #2b5c67;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.5);padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h2{margin:0}.icon-btn{background:none;border:0;color:#fff;font-size:26px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-card{padding:18px}.setting-card h3{margin-top:0}.status-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.status-line:last-child{border-bottom:0}.muted{color:var(--muted)}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.site-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:245px;transition:.25s}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:18px 16px 8px;align-items:flex-start}.topbar h1{font-size:20px}.top-actions .ghost{display:none}.content{padding:10px 16px 28px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.card.wide{grid-column:auto}.site-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.primary{padding:9px 11px}.top-actions{margin-left:auto}.topbar>div:nth-child(2){min-width:0}.topbar p{font-size:12px}.row{padding:10px 12px}.kpi .value{font-size:24px}}
@media(max-width:430px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:12px}.kpi .value{font-size:21px}.kpi .label{font-size:9px}.top-actions .primary{font-size:0}.top-actions .primary:after{content:"+";font-size:20px}.section-title{align-items:flex-start;gap:10px}.toolbar{justify-content:flex-end}}


/* Caisse & CA — V1.1 */
.cash-shell{display:grid;gap:14px}.cash-header{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.cash-date-wrap{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.cash-date{background:#0a2d37;color:#fff;border:1px solid #2b5a65;border-radius:10px;padding:9px 11px}.cash-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:14px}.cash-card{padding:17px}.cash-card h3{margin:0 0 4px}.cash-card .hint{color:var(--muted);font-size:12px;margin:0 0 14px}.cash-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cash-field{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055)}.cash-field:last-child{border-bottom:0}.cash-field label{font-size:13px}.cash-input{width:100%;text-align:right;background:#082b35;color:#fff;border:1px solid #285866;border-radius:9px;padding:9px 10px;font-weight:750}.cash-input:disabled{opacity:.75;background:#092630}.cash-total{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:14px 0 4px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.cash-total strong{font-size:27px}.cash-total small{color:var(--muted)}.cash-check{border-radius:13px;padding:14px;margin-top:13px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:rgba(85,211,139,.08);border:1px solid rgba(85,211,139,.22)}.cash-check.bad{background:rgba(255,98,98,.09);border-color:rgba(255,98,98,.28)}.cash-check .cash-diff{font-size:23px;font-weight:850}.cash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cash-kpi{background:#092a34;border:1px solid #1c4b58;border-radius:13px;padding:13px}.cash-kpi span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.cash-kpi strong{display:block;font-size:21px;margin-top:5px}.cash-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.cash-status{display:flex;align-items:center;gap:8px}.cash-note{border-left:3px solid var(--gold);padding:10px 12px;background:rgba(217,168,78,.08);color:#dcecef;font-size:12px;border-radius:0 9px 9px 0}.cash-history .table td,.cash-history .table th{white-space:nowrap}.cash-history .table td:first-child{font-weight:750}.cash-history .table tr.selected{background:rgba(217,168,78,.08)}.cash-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-block{background:#092a34;border:1px solid #1b4a56;border-radius:12px;padding:13px}.summary-block h4{margin:0 0 9px}.summary-line{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}.summary-line strong{font-size:13px}.denom-grid{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:8px}.denom{background:#092a34;border:1px solid #1b4a56;border-radius:10px;padding:9px}.denom label{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.denom input{width:100%;background:#082b35;color:#fff;border:1px solid #285866;border-radius:8px;padding:8px}.count-result{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.count-result>div{background:#092a34;border-radius:10px;padding:10px}.count-result span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.count-result strong{display:block;margin-top:4px}.cash-warning{background:rgba(255,180,74,.09);border:1px solid rgba(255,180,74,.25);border-radius:12px;padding:13px;color:#f4dfbe;font-size:12px}.audit-list{max-height:220px;overflow:auto}.audit-item{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.audit-item:last-child{border-bottom:0}.audit-item strong{font-size:12px}.audit-item div{font-size:11px;color:var(--muted);margin-top:2px}.quarter-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.quarter-tools select{background:#0a2d37;color:#fff;border:1px solid #2b5a65;border-radius:9px;padding:8px 9px}.cash-category-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.category-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #285866;border-radius:999px;font-size:11px}.category-chip button{background:none;border:0;color:#ffaaaa;cursor:pointer;padding:0}.locked-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:11px;background:rgba(92,168,255,.09);border:1px solid rgba(92,168,255,.25);font-size:12px}.cash-print-only{display:none}
@media(max-width:1150px){.cash-grid{grid-template-columns:1fr}.cash-kpis{grid-template-columns:repeat(2,1fr)}.cash-summary{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.cash-fields{grid-template-columns:1fr}.cash-field{grid-template-columns:minmax(0,1fr) 105px}.cash-summary{grid-template-columns:1fr}.denom-grid{grid-template-columns:repeat(3,1fr)}.cash-actions{justify-content:stretch}.cash-actions button{flex:1}.cash-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.cash-field{grid-template-columns:minmax(0,1fr) 92px}.denom-grid{grid-template-columns:repeat(2,1fr)}.count-result{grid-template-columns:1fr}.cash-kpi strong{font-size:18px}}
/* Cockpit AS V2 server additions */
:root{--bg:#061e26;--panel:#0a303a;--panel2:#0d3a45;--gold:#d7a947;--text:#f3f6f6;--muted:#9fb5b9;--danger:#ff7676;--ok:#62d49a;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box}.hidden{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.loading{padding:40px;color:var(--muted)}
.sidebar-footer a{color:var(--gold);text-decoration:none}.sidebar-footer{display:grid;gap:8px}.nav-item span{width:25px;text-align:center}
.brand-big{width:68px;height:68px;border-radius:22px;background:var(--gold);color:#062a33;display:grid;place-items:center;font-weight:900;font-size:26px;margin:auto}
.login-body,.install-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#124e59 0,transparent 32%),var(--bg)}
.login-card,.install-card{width:min(500px,100%);background:rgba(10,48,58,.96);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-card{text-align:center}.login-card .form-stack{text-align:left}.install-card{width:min(720px,100%)}
.form-stack{display:grid;gap:14px}.form-stack h3{margin:18px 0 0}.form-stack label,.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:13px}.form-stack input,.form-stack select,.form-grid input,.form-grid select,.form-grid textarea,.cash-input,.input{width:100%;background:#082832;border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--text);font:inherit}.form-grid textarea{min-height:95px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.wide{width:100%;justify-content:center}.success-box,.error-box{padding:13px 15px;border-radius:13px;margin:16px 0}.success-box{background:rgba(98,212,154,.12);border:1px solid rgba(98,212,154,.35)}.error-box{background:rgba(255,118,118,.12);border:1px solid rgba(255,118,118,.35)}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kpi{background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:18px}.kpi span{display:block;color:var(--muted);font-size:13px}.kpi strong{display:block;font-size:28px;margin-top:6px}.kpi .small{font-size:14px;color:var(--muted);font-weight:500}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}.section-title h2{font-size:17px;margin:0}.panel-list{display:grid;gap:8px}.row-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px}.row-card .grow{flex:1}.row-card .meta{font-size:12px;color:var(--muted);margin-top:3px}.dot{width:10px;height:10px;border-radius:999px;background:var(--gold);flex:0 0 auto}.dot.urgent{background:var(--danger)}.dot.ok{background:var(--ok)}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar input,.toolbar select{background:#082832;border:1px solid var(--line);border-radius:11px;color:var(--text);padding:9px 10px}.tag{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.tag.ok{color:var(--ok)}.tag.warn{color:#ffd27b}.tag.bad{color:var(--danger)}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:13px;overflow:auto;padding-bottom:8px}.kanban-col{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:16px;padding:10px;min-height:300px}.kanban-col h3{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kanban-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px;margin:8px 0}.kanban-card strong{display:block}.kanban-card p{font-size:12px;color:var(--muted)}
.checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px}.checkitem{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.03);padding:9px;border-radius:10px}.checkitem input{accent-color:var(--gold)}
.cash-layout{display:grid;gap:15px}.cash-section{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.cash-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.cash-field label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.cash-sums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.cash-sum{padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.cash-sum span{display:block;color:var(--muted);font-size:12px}.cash-sum strong{font-size:21px}.cash-check{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px;border-radius:12px;background:rgba(98,212,154,.09);border:1px solid rgba(98,212,154,.25)}.cash-check.bad{background:rgba(255,118,118,.09);border-color:rgba(255,118,118,.3)}.cash-note{width:100%;min-height:70px}.denom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.denom-grid label{font-size:11px;color:var(--muted)}.locked-banner{padding:12px 14px;border-radius:13px;background:rgba(215,169,71,.1);border:1px solid rgba(215,169,71,.32);margin-bottom:12px}.quarter-result{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.site-card .visits{font-size:32px;font-weight:800}.site-card .site-error{color:var(--danger);font-size:12px}
.rule-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;margin:9px 0}.switch{position:relative;width:44px;height:24px}.switch input{display:none}.switch i{position:absolute;inset:0;border-radius:999px;background:#36515a}.switch i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s}.switch input:checked+i{background:var(--gold)}.switch input:checked+i:after{transform:translateX(20px)}
.settings-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#04171d;border:1px solid var(--line);padding:10px;border-radius:10px;overflow:auto}.muted{color:var(--muted)}.empty{padding:25px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:13px}.danger{color:var(--danger)}
.toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;border-radius:12px;background:#123e47;border:1px solid var(--line);z-index:9999;box-shadow:0 12px 35px rgba(0,0,0,.3)}
@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.cash-sums{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.grid-4{grid-template-columns:1fr 1fr}.cash-sums{grid-template-columns:1fr 1fr}.quarter-result{grid-template-columns:1fr}.row-card{align-items:flex-start}.top-actions .ghost{display:none}.kanban{grid-template-columns:repeat(4,82vw)}.login-card,.install-card{padding:22px;border-radius:20px}}
.history-alert{margin-top:14px;padding:12px;border-radius:13px;background:rgba(255,180,74,.08);border:1px solid rgba(255,180,74,.28)}
.mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.mini-stats span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:12px}
.account-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.account-line:last-child{border-bottom:0}.stripe-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.stripe-row:last-child{border-bottom:0}.stripe-amount{text-align:right;white-space:nowrap}.stripe-amount small{display:block;color:var(--muted);margin-top:3px}.settings-code{overflow-wrap:anywhere}.card input[type=file]{max-width:100%}
@media(max-width:700px){.stripe-row{align-items:flex-start}.stripe-amount{font-size:.92rem}.account-line{gap:8px}}
.task-check{width:24px;height:24px;min-width:24px;border-radius:7px;border:1px solid #6e9da6;background:#0b303a;color:#06241e;display:grid;place-items:center;cursor:pointer;font-weight:900;padding:0;line-height:1}.task-check:hover{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(217,168,78,.12)}.task-check.done{background:var(--ok);border-color:var(--ok);color:#052016}.task-check:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}

.app-version{margin-top:4px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;line-height:1.35;color:rgba(158,192,200,.72);letter-spacing:.04em}

/* V2.6.3 — nom client dans les réservations Fotostudio */
.reservation-client{margin-top:4px;font-weight:700;color:var(--gold,#e3b244);font-size:.98rem}

/* =========================================================
   V2.6.6 — passe mobile globale + tâches + comptage physique
   ========================================================= */
.content{padding:12px 28px 32px;min-width:0}
.sidebar-scrim{display:none}
.task-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.modal-actions{justify-content:flex-end}
.physical-count-card .section-title{margin-top:0}
.physical-count-card .denom-grid .cash-input{min-height:44px}

@media(max-width:860px){
  html,body{max-width:100%;overflow-x:hidden}
  body.sidebar-open{overflow:hidden}
  .app-shell{display:block;min-height:100dvh}
  .main{width:100%;min-width:0}
  .sidebar{
    position:fixed;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh;
    transform:translateX(-105%);left:auto;transition:transform .22s ease;
    padding:calc(18px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));
    box-shadow:18px 0 55px rgba(0,0,0,.45);z-index:60;overflow-y:auto
  }
  .sidebar.open{transform:translateX(0);left:auto}
  .sidebar-scrim{position:fixed;inset:0;display:block;border:0;background:rgba(0,0,0,.56);z-index:55;padding:0}
  .sidebar-scrim.hidden{display:none!important}
  .brand{padding-bottom:16px}
  .sidebar nav{gap:4px}
  .nav-item{min-height:45px;padding:10px 12px}
  .sidebar-footer{padding-bottom:max(6px,env(safe-area-inset-bottom))}

  .topbar{
    position:sticky;top:0;z-index:40;
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
    padding:max(11px,env(safe-area-inset-top)) 12px 10px;gap:10px;
    background:rgba(6,30,38,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)
  }
  .mobile-menu{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#0a303a;font-size:23px;padding:0}
  .topbar h1{font-size:19px;line-height:1.12;overflow-wrap:anywhere}
  .topbar p{font-size:11px;line-height:1.3;max-height:2.7em;overflow:hidden}
  .top-actions{gap:6px;margin-left:0;align-items:center}
  .top-actions .ghost{display:none}
  .top-actions .primary{min-height:44px;padding:9px 11px;white-space:nowrap}
  .content{padding:12px 12px calc(26px + env(safe-area-inset-bottom));width:100%;max-width:100%;overflow-x:hidden}

  .grid-2,.grid-3,.settings-grid,.dashboard-grid{grid-template-columns:1fr!important}
  .grid-4,.kpi-grid,.cash-sums,.cash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .site-grid{grid-template-columns:1fr!important}
  .card{max-width:100%;min-width:0}
  .card h2,.card h3{overflow-wrap:anywhere}
  .kpi{padding:13px;min-width:0}
  .kpi strong,.kpi .value{font-size:22px;overflow-wrap:anywhere}
  .kpi span,.kpi .small{font-size:11px}

  .section-title{align-items:flex-start;flex-wrap:wrap;gap:9px;margin:16px 0 9px}
  .section-title h2{font-size:18px;line-height:1.2;min-width:0}
  .section-title>.toolbar{width:100%}
  .toolbar{gap:7px;align-items:stretch;max-width:100%}
  .toolbar>button,.toolbar>a.small-btn{min-height:42px}
  .toolbar>input,.toolbar>select{min-height:42px;max-width:100%}
  .toolbar label{min-width:0;max-width:100%}

  .row-card{max-width:100%;min-width:0;flex-wrap:wrap;padding:11px;gap:9px;align-items:flex-start}
  .row-card .grow{min-width:0;overflow-wrap:anywhere}
  .row-card .meta{line-height:1.35;overflow-wrap:anywhere}
  .row-card>a.small-btn,.row-card>button.small-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center}

  .task-row{display:grid;grid-template-columns:28px 10px minmax(0,1fr);align-items:start;gap:9px}
  .task-row .task-check{grid-column:1;grid-row:1}
  .task-row>.dot{grid-column:2;grid-row:1;margin-top:7px}
  .task-row .task-main{grid-column:3;grid-row:1;min-width:0}
  .task-row .task-main strong{display:block;overflow-wrap:anywhere}
  .task-row .task-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;width:100%;padding-top:2px}
  .task-row .task-actions .small-btn{min-height:40px;padding:8px 12px}
  #archiveDoneTasks{width:100%;min-height:44px}

  .reservation-row{display:grid;grid-template-columns:12px minmax(0,1fr);gap:9px 10px;align-items:start}
  .reservation-row>.dot{grid-column:1;grid-row:1;margin-top:7px}
  .reservation-row>.grow{grid-column:2;grid-row:1}
  .reservation-row>.tag{grid-column:2;grid-row:2;justify-self:start}
  .reservation-row>a.small-btn{grid-column:2;grid-row:3;justify-self:stretch;width:100%;min-height:42px}
  .reservation-client{font-size:.94rem}

  .kanban{display:grid;grid-template-columns:1fr!important;overflow:visible;gap:12px}
  .kanban-col{min-height:0}
  .board{grid-template-columns:1fr!important;overflow:visible}
  .column{min-height:0}

  .checklist{grid-template-columns:1fr 1fr}
  .checkitem{min-height:44px}
  .rule-card{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .rule-card>.small-btn{grid-column:1/-1;justify-self:end;min-height:40px}

  .form-grid{grid-template-columns:1fr!important}
  .form-grid .span-2{grid-column:1!important}
  .form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.input,.cash-input{min-height:44px;font-size:16px}
  .form-stack textarea,.form-grid textarea{min-height:110px}
  .form-actions,.modal-actions{width:100%;justify-content:stretch}
  .form-actions button,.modal-actions button{flex:1;min-height:44px}

  .modal-backdrop{align-items:end;padding:0;overflow:hidden}
  .modal{width:100%;max-width:none;max-height:92dvh;overflow:auto;border-radius:20px 20px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom))}
  .modal-head{position:sticky;top:-18px;z-index:2;background:#0a2b35;padding:14px 0 10px;margin-top:-4px}
  .modal-head h2{font-size:20px}

  .cash-layout{gap:11px}
  .cash-section{padding:13px;border-radius:15px}
  .cash-fields{grid-template-columns:1fr!important}
  .cash-field{grid-template-columns:minmax(0,1fr) 105px!important;gap:8px}
  .cash-sums{gap:8px}
  .cash-sum{padding:11px;min-width:0}
  .cash-sum strong{font-size:18px;overflow-wrap:anywhere}
  .denom-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}
  .quarter-result{grid-template-columns:1fr!important}
  .physical-count-card .section-title>.tag{width:auto}
  .cash-check{gap:8px;align-items:flex-start}

  .account-line,.stripe-row{align-items:flex-start;gap:7px;flex-wrap:wrap}
  .account-line>strong,.stripe-amount{margin-left:auto;text-align:right}
  .stripe-amount{white-space:normal}
  .settings-code{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}
  .mini-stats{gap:6px}

  .table-card{overflow:visible}
  .table{font-size:12px}
  .table th,.table td{white-space:normal;padding:9px 8px}
  .toast{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;justify-content:space-between}
}

@media(max-width:520px){
  .topbar{grid-template-columns:44px minmax(0,1fr) auto}
  .top-actions .primary{font-size:0;width:44px;height:44px;padding:0;display:grid;place-items:center}
  .top-actions .primary:after{content:"+";font-size:25px;line-height:1}
  .grid-4,.kpi-grid,.cash-sums,.cash-kpis{grid-template-columns:1fr 1fr!important}
  .kpi{padding:11px}
  .kpi strong,.kpi .value{font-size:19px}
  .section-title h2{font-size:17px}
  .section-title>button,.section-title>.ghost,.section-title>.primary{width:100%;min-height:44px}
  .toolbar{width:100%}
  .toolbar>button{flex:1 1 130px}
  .cash-field{grid-template-columns:minmax(0,1fr) 92px!important}
  .denom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .checklist{grid-template-columns:1fr}
  .task-row .task-actions{display:grid;grid-template-columns:1fr 48px}
  .task-row .task-actions .small-btn{width:100%}
  .reservation-row>.tag{max-width:100%;white-space:normal}
  .primary,.ghost,.small-btn{border-radius:10px}
}

/* =========================================================
   V2.6.7 — intégration Fotostudio complète
   ========================================================= */
.reservation-main{min-width:0}
.reservation-headline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reservation-headline strong{min-width:0;overflow-wrap:anywhere}
.reservation-activity{color:var(--gold2);border-color:rgba(217,168,78,.28);background:rgba(217,168,78,.08)}
.reservation-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.reservation-actions .small-btn{white-space:nowrap}

@media(max-width:860px){
  .reservation-row .reservation-main{grid-column:2;grid-row:1;min-width:0}
  .reservation-row .reservation-actions{grid-column:2;grid-row:2;justify-content:flex-start;width:100%}
  .reservation-row .reservation-actions .small-btn{min-height:42px}
  .reservation-headline{align-items:flex-start}
  .reservation-activity{white-space:normal}
}
@media(max-width:520px){
  .reservation-row .reservation-actions{display:grid;grid-template-columns:1fr;width:100%}
  .reservation-row .reservation-actions .tag{justify-self:start;max-width:100%;white-space:normal}
  .reservation-row .reservation-actions .small-btn{width:100%;justify-content:center}
}

/* =========================================================
   V2.6.8 — logo Cockpit AS + planning calendrier
   ========================================================= */
.brand{gap:11px}
.brand-logo{width:52px;height:52px;object-fit:cover;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.24);flex:0 0 auto}
.login-logo{display:block;width:112px;height:112px;object-fit:cover;border-radius:28px;margin:0 auto 14px;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.mobile-menu{overflow:hidden;position:relative}
.mobile-menu img{display:none;width:34px;height:34px;object-fit:cover;border-radius:9px}
.mobile-menu-bars{line-height:1}

.calendar-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:12px;margin:4px 0 12px}
.calendar-nav,.calendar-view-switch{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.calendar-nav .ghost{min-width:42px}
.calendar-title{margin:0;text-align:center;font-size:22px;line-height:1.2;text-transform:none}
.calendar-view-switch{justify-content:flex-end}
.calendar-view-switch button{padding:9px 12px}
.calendar-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.calendar-legend{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}
.calendar-legend span{display:inline-flex;align-items:center;gap:6px}
.calendar-legend i,.calendar-agenda-dot{display:inline-block;width:10px;height:10px;border-radius:999px;flex:0 0 auto}
.calendar-legend i.calendar-event-photo,.calendar-agenda-dot.calendar-event-photo{background:#659cff}
.calendar-legend i.calendar-event-viewing,.calendar-agenda-dot.calendar-event-viewing{background:#b780ff}
.calendar-legend i.calendar-event-identity,.calendar-agenda-dot.calendar-event-identity{background:#f3c741}
.calendar-legend i.calendar-event-selfie,.calendar-agenda-dot.calendar-event-selfie{background:#ff6565}
.calendar-legend i.calendar-event-personal,.calendar-agenda-dot.calendar-event-personal{background:#55d38b}
.calendar-legend i.calendar-event-other,.calendar-agenda-dot.calendar-event-other{background:#7aa2aa}

.calendar-month{overflow:hidden}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:rgba(255,255,255,.035);border-bottom:1px solid var(--line)}
.calendar-weekdays>div{padding:10px 8px;text-align:center;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-right:1px solid rgba(255,255,255,.05)}
.calendar-weekdays>div:last-child{border-right:0}
.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-day{min-height:132px;padding:8px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.012);min-width:0}
.calendar-day:nth-child(7n){border-right:0}
.calendar-day:nth-last-child(-n+7){border-bottom:0}
.calendar-day.outside{background:rgba(0,0,0,.08);opacity:.55}
.calendar-day.today{background:rgba(217,168,78,.08);box-shadow:inset 0 0 0 1px rgba(217,168,78,.42)}
.calendar-day-number{width:30px;height:30px;border:0;border-radius:10px;background:transparent;color:var(--text);font-weight:850;cursor:pointer;padding:0}
.calendar-day.today .calendar-day-number{background:var(--gold);color:#08252e}
.calendar-day-events{display:grid;gap:5px;margin-top:4px;min-width:0}
.calendar-event{width:100%;min-width:0;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:8px;padding:6px 7px;text-align:left;color:#fff;cursor:pointer;overflow:hidden}
.calendar-event:hover{filter:brightness(1.08)}
.calendar-event-time{font-size:10px;font-weight:900;opacity:.88;flex:0 0 auto}
.calendar-event-title{font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.calendar-event-photo{background:rgba(101,156,255,.20);border-color:rgba(101,156,255,.38)}
.calendar-event-viewing{background:rgba(183,128,255,.20);border-color:rgba(183,128,255,.38)}
.calendar-event-identity{background:rgba(243,199,65,.18);border-color:rgba(243,199,65,.35);color:#fff8dd}
.calendar-event-selfie{background:rgba(255,101,101,.18);border-color:rgba(255,101,101,.35)}
.calendar-event-personal{background:rgba(85,211,139,.16);border-color:rgba(85,211,139,.32)}
.calendar-event-other{background:rgba(122,162,170,.16);border-color:rgba(122,162,170,.30)}
.calendar-more{border:0;background:transparent;color:var(--gold2);font-size:10px;font-weight:800;text-align:left;padding:2px 4px;cursor:pointer}

.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden}
.calendar-week-day{min-height:420px;border-right:1px solid rgba(255,255,255,.07);min-width:0;background:rgba(255,255,255,.012)}
.calendar-week-day:last-child{border-right:0}
.calendar-week-day.today{background:rgba(217,168,78,.07)}
.calendar-week-head{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:var(--text);padding:10px;cursor:pointer}
.calendar-week-head span{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:800}
.calendar-week-head strong{font-size:20px}
.calendar-week-day.today .calendar-week-head strong{color:var(--gold2)}
.calendar-week-events{display:grid;gap:7px;padding:8px}
.calendar-day-empty{padding:22px 8px;text-align:center;color:rgba(158,192,200,.5)}

.calendar-agenda{overflow:hidden}
.calendar-agenda-day{display:grid;grid-template-columns:190px minmax(0,1fr);border-bottom:1px solid rgba(255,255,255,.07)}
.calendar-agenda-day:last-child{border-bottom:0}
.calendar-agenda-date{padding:16px;color:var(--gold2);text-transform:capitalize}
.calendar-agenda-events{display:grid;border-left:1px solid rgba(255,255,255,.07)}
.calendar-agenda-event{display:grid;grid-template-columns:58px 12px minmax(0,1fr);align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text);text-align:left;padding:12px 14px;cursor:pointer}
.calendar-agenda-event:last-child{border-bottom:0}
.calendar-agenda-event:hover{background:rgba(255,255,255,.035)}
.calendar-agenda-time{font-weight:850;color:#d8ebef}
.calendar-agenda-main{display:grid;gap:3px;min-width:0}
.calendar-agenda-main strong{overflow-wrap:anywhere}
.calendar-agenda-main small{color:var(--muted);overflow-wrap:anywhere}
.calendar-event-detail{display:grid;gap:10px}
.calendar-event-detail>div:not(.calendar-detail-time){display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px}
.calendar-event-detail strong{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.calendar-detail-time{font-size:18px;font-weight:850;color:var(--gold2);padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}

@media(max-width:980px){
  .calendar-toolbar{grid-template-columns:1fr auto;grid-template-areas:"title title" "nav views"}
  .calendar-title{grid-area:title;text-align:left}
  .calendar-nav{grid-area:nav}
  .calendar-view-switch{grid-area:views}
  .calendar-day{min-height:112px;padding:6px}
  .calendar-event{padding:5px}
  .calendar-event-title{font-size:10px}
  .calendar-event-time{font-size:9px}
}

@media(max-width:860px){
  .brand-logo{width:46px;height:46px;border-radius:12px}
  .mobile-menu{display:grid!important;grid-template-columns:1fr;place-items:center}
  .mobile-menu img{display:block}
  .mobile-menu-bars{position:absolute;right:1px;bottom:0;width:16px;height:16px;border-radius:999px;background:var(--gold);color:#08252e;font-size:11px;font-weight:900;display:grid;place-items:center;line-height:1}
  .calendar-actions{align-items:stretch}
  .calendar-actions>.toolbar{width:100%}
  .calendar-actions>.toolbar button{flex:1 1 180px}
  .calendar-week{grid-template-columns:1fr;overflow:visible}
  .calendar-week-day{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .calendar-week-day:last-child{border-bottom:0}
  .calendar-week-head{flex-direction:row;justify-content:space-between;padding:10px 12px}
  .calendar-week-head strong{font-size:17px}
  .calendar-week-events{padding:8px 10px 12px}
  .calendar-agenda-day{grid-template-columns:1fr}
  .calendar-agenda-date{padding:12px 13px 8px}
  .calendar-agenda-events{border-left:0}
}

@media(max-width:620px){
  .calendar-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:9px}
  .calendar-title{font-size:19px;order:1}
  .calendar-nav{order:2;display:grid;grid-template-columns:44px minmax(0,1fr) 44px}
  .calendar-nav button{min-height:42px;padding:8px}
  .calendar-view-switch{order:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .calendar-view-switch button{padding:8px 4px;font-size:11px;min-width:0}
  .calendar-legend{font-size:10px;gap:7px 10px}
  .calendar-month-grid,.calendar-weekdays{grid-template-columns:repeat(7,minmax(0,1fr))}
  .calendar-weekdays>div{padding:7px 1px;font-size:9px;letter-spacing:0}
  .calendar-day{min-height:72px;padding:3px}
  .calendar-day-number{width:24px;height:24px;border-radius:8px;font-size:11px}
  .calendar-day-events{display:flex;gap:3px;flex-wrap:wrap;align-content:flex-start;margin-top:3px}
  .calendar-event.compact{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:999px;font-size:0;box-shadow:none}
  .calendar-event.compact .calendar-event-time,.calendar-event.compact .calendar-event-title{display:none}
  .calendar-event.compact.calendar-event-photo{background:#659cff}
  .calendar-event.compact.calendar-event-viewing{background:#b780ff}
  .calendar-event.compact.calendar-event-identity{background:#f3c741}
  .calendar-event.compact.calendar-event-selfie{background:#ff6565}
  .calendar-event.compact.calendar-event-personal{background:#55d38b}
  .calendar-event.compact.calendar-event-other{background:#7aa2aa}
  .calendar-more{font-size:8px;padding:0;width:100%}
  .calendar-agenda-event{grid-template-columns:50px 10px minmax(0,1fr);gap:8px;padding:11px 10px}
  .calendar-agenda-time{font-size:12px}
  .calendar-agenda-main strong{font-size:13px}
  .calendar-agenda-main small{font-size:10px}
  .calendar-event-detail>div:not(.calendar-detail-time){grid-template-columns:1fr;gap:3px}
  .login-logo{width:96px;height:96px;border-radius:24px}
}

/* === V2.6.9 — Demandes intelligentes === */
.request-validation-home{border-color:rgba(217,168,78,.34);background:linear-gradient(180deg,rgba(217,168,78,.07),rgba(255,255,255,.015))}
.request-validation-title{gap:12px;align-items:flex-start}
.request-validation-title h2{margin-bottom:3px}
.request-pending-row{align-items:center;gap:11px;border-left:3px solid rgba(85,211,139,.65)}
.request-pending-row.request-warning{border-left-color:#f3c741;background:rgba(243,199,65,.055)}
.request-pending-row.request-overdue{border-left-color:#ff6565;background:rgba(255,101,101,.065)}
.request-source-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.065);font-size:17px;flex:0 0 auto}
.request-source-icon.big{width:46px;height:46px;border-radius:14px;font-size:23px}
.request-title{min-width:0;display:grid;gap:4px}
.request-title strong{overflow-wrap:anywhere}
.request-card-head{display:flex;align-items:flex-start;gap:11px;min-width:0}
.request-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.request-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.request-toolbar .mini-stats{margin:0}
.smart-inbox{display:grid;gap:10px;margin-bottom:16px}
.inbox-candidate{padding:14px}
.inbox-candidate .message-preview{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;color:#d6e9ed;line-height:1.45;max-height:130px;overflow:hidden}
.inbox-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.request-list{display:grid;gap:10px}
.smart-request{display:grid;gap:11px;border-left:3px solid rgba(101,156,255,.48)}
.smart-request.request-warning{border-left-color:#f3c741}
.smart-request.request-overdue{border-left-color:#ff6565}
.smart-request.request-resolved{opacity:.68;border-left-color:rgba(122,162,170,.35)}
.request-detail{display:grid;gap:10px}
.request-detail>div{min-width:0}
.original-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.13);line-height:1.5;max-height:300px;overflow:auto}
.ai-box{padding:14px;border:1px solid rgba(217,168,78,.34);border-radius:14px;background:rgba(217,168,78,.055)}
.ai-box h3{margin-top:0}
.ai-review{padding:10px 12px;border-radius:10px;background:rgba(243,199,65,.10);border:1px solid rgba(243,199,65,.25);margin:8px 0;overflow-wrap:anywhere}
.ai-context{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.request-draft{width:100%;min-height:210px;resize:vertical;line-height:1.5}
.request-detail-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sensitive-code{user-select:all;overflow-wrap:anywhere}
.smart-settings-grid .card{min-width:0}
.smart-settings-grid textarea{min-height:110px}
.compact-fields{gap:10px}

@media(max-width:860px){
  .request-toolbar{align-items:stretch}
  .request-toolbar>.toolbar{width:100%}
  .request-card-head{align-items:flex-start}
  .request-card-actions{width:100%;justify-content:flex-start}
  .smart-settings-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .request-validation-title{display:grid;grid-template-columns:1fr}
  .request-pending-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start}
  .request-pending-row>.tag,.request-pending-row>.small-btn{grid-column:2}
  .request-source-icon{width:32px;height:32px}
  .request-toolbar .mini-stats{display:grid;grid-template-columns:1fr;width:100%}
  .inbox-actions,.request-card-actions,.request-detail-actions{display:grid;grid-template-columns:1fr;width:100%}
  .inbox-actions button,.request-card-actions button,.request-detail-actions button{width:100%}
  .smart-request{padding:13px}
  .request-card-head{display:grid;grid-template-columns:40px minmax(0,1fr)}
  .request-source-icon.big{width:40px;height:40px;border-radius:12px;font-size:20px}
  .request-draft{min-height:250px}
  .compact-fields{grid-template-columns:1fr!important}
  .smart-settings-grid .mini-stats{display:grid;grid-template-columns:1fr}
}

/* =========================================================
   V2.7.2 — Accueil visuel + calendrier clair + diagnostics
   ========================================================= */
.home-kpis{margin-bottom:16px}.home-kpi{position:relative;overflow:hidden;border-width:1px}.home-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:18px 0 0 18px}.home-kpi-blue{background:linear-gradient(145deg,rgba(101,156,255,.16),rgba(12,62,74,.92));border-color:rgba(101,156,255,.28)}.home-kpi-blue:before{background:#659cff}.home-kpi-gold{background:linear-gradient(145deg,rgba(227,178,68,.18),rgba(12,62,74,.92));border-color:rgba(227,178,68,.30)}.home-kpi-gold:before{background:#e3b244}.home-kpi-violet{background:linear-gradient(145deg,rgba(183,128,255,.16),rgba(12,62,74,.92));border-color:rgba(183,128,255,.28)}.home-kpi-violet:before{background:#b780ff}.home-kpi-coral{background:linear-gradient(145deg,rgba(255,101,101,.14),rgba(12,62,74,.92));border-color:rgba(255,101,101,.26)}.home-kpi-coral:before{background:#ff7b72}
.home-block{border:1px solid var(--line);border-radius:18px;padding:0 14px 14px;margin-bottom:14px;box-shadow:0 10px 28px rgba(0,0,0,.10)}.home-block .section-title{margin-top:14px}.home-block .panel-list{background:transparent;border:0;padding:0}.home-block-requests{background:linear-gradient(145deg,rgba(217,168,78,.11),rgba(12,61,73,.55));border-color:rgba(217,168,78,.34)}.home-block-planning{background:linear-gradient(145deg,rgba(101,156,255,.10),rgba(12,61,73,.48));border-color:rgba(101,156,255,.24)}.home-block-tasks{background:linear-gradient(145deg,rgba(85,211,139,.09),rgba(12,61,73,.48));border-color:rgba(85,211,139,.22)}.home-block-production{background:linear-gradient(145deg,rgba(183,128,255,.09),rgba(12,61,73,.48));border-color:rgba(183,128,255,.22)}.home-block-selfie{background:linear-gradient(145deg,rgba(255,140,95,.09),rgba(12,61,73,.48));border-color:rgba(255,140,95,.22)}.home-block-stock{background:linear-gradient(145deg,rgba(243,199,65,.10),rgba(12,61,73,.48));border-color:rgba(243,199,65,.25)}.home-empty{background:rgba(5,35,43,.26)}

/* Calendrier : contenu clair dans le Cockpit sombre */
.calendar-month,.calendar-week,.calendar-agenda{background:#f7f4ec!important;color:#17323a;border-color:#d9dfdd!important;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.calendar-weekdays{background:#ebe8df!important;border-bottom-color:#d5d9d7!important}.calendar-weekdays>div{color:#5d6d72!important;border-right-color:#d5d9d7!important}
.calendar-day{background:#fffdf8!important;border-right-color:#dde2df!important;border-bottom-color:#dde2df!important}.calendar-day.outside{background:#f0eee7!important;opacity:.72}.calendar-day.today{background:#fff7dd!important;box-shadow:inset 0 0 0 2px rgba(217,168,78,.58)}.calendar-day-number{color:#17323a!important}.calendar-day.today .calendar-day-number{color:#08252e!important}
.calendar-event{color:#17323a!important;font-weight:700}.calendar-event-photo{background:#dce8ff!important;border-color:#9dbdff!important}.calendar-event-viewing{background:#eadcff!important;border-color:#c6a3ff!important}.calendar-event-identity{background:#fff0b9!important;border-color:#e8ca62!important;color:#4a3c00!important}.calendar-event-selfie{background:#ffdede!important;border-color:#ffabab!important}.calendar-event-personal{background:#d9f4e5!important;border-color:#9eddb9!important}.calendar-event-other{background:#e0eaec!important;border-color:#b7cbd0!important}.calendar-event-time{color:#4d6268!important}.calendar-more{color:#7c5a00!important}
.calendar-week-day{background:#fffdf8!important;border-right-color:#dde2df!important}.calendar-week-day.today{background:#fff7dd!important}.calendar-week-head{background:#ebe8df!important;color:#17323a!important;border-bottom-color:#d5d9d7!important}.calendar-week-head span{color:#607177!important}.calendar-day-empty{color:#819095!important}.calendar-agenda-day{border-bottom-color:#dde2df!important}.calendar-agenda-date{color:#7a5b00!important}.calendar-agenda-events{border-left-color:#dde2df!important}.calendar-agenda-event{color:#17323a!important;border-bottom-color:#e4e7e5!important}.calendar-agenda-event:hover{background:#eeece5!important}.calendar-agenda-time{color:#274a55!important}.calendar-agenda-main small{color:#68787d!important}

.fs-tool-details{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.025)}.fs-tool-details summary{cursor:pointer;font-weight:750;color:var(--gold2)}.fs-tool-list{display:grid;gap:8px;margin-top:10px;max-height:330px;overflow:auto}.fs-tool-list>div{display:grid;gap:2px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.035)}.fs-tool-list strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fs-tool-list span{font-size:11px;color:var(--muted)}
@media(max-width:860px){.home-block{padding:0 10px 10px}.home-main-grid{gap:10px}.calendar-month,.calendar-week,.calendar-agenda{border-radius:14px}.calendar-month .calendar-event.compact{color:transparent!important}}

/* V2.7.3 — Sauvegardes & restauration */
.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.backup-home-alert{margin-bottom:14px}
.backup-health-grid{margin-bottom:15px}
.backup-main-actions{margin:4px 0 14px;flex-wrap:wrap}
.backup-help{margin-top:12px;line-height:1.55}
.backup-run{margin-bottom:12px}
.backup-artifacts{margin-top:10px}
.backup-artifacts .row-card{align-items:center;gap:10px}
.backup-artifacts .small-btn{white-space:nowrap}
.backup-history code,.backup-help code{font-size:.9em}
@media(max-width:760px){
  .backup-main-actions>*{width:100%}
  .backup-artifacts .row-card{align-items:flex-start;flex-wrap:wrap}
  .backup-artifacts .grow{flex-basis:100%}
  .backup-artifacts .small-btn,.backup-artifacts .button-link{flex:1 1 140px;text-align:center}
}

/* V2.7.7 — saisie explicite des horaires de rendez-vous */
.appointment-datetime-block{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.025)}
.appointment-datetime-title{font-weight:800;color:var(--text);margin-bottom:10px}
.appointment-datetime-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}
.appointment-time-parts{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.appointment-time-parts>span{font-weight:800;color:var(--muted);text-align:center}
@media(max-width:700px){.appointment-datetime-grid{grid-template-columns:1fr}.appointment-time-parts{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}


/* V2.7.9 — Réglages et Sauvegardes repliables */
.accordion-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.accordion-controls>span{font-size:13px;font-weight:800;color:#cfe4e8;text-transform:uppercase;letter-spacing:.04em}
.accordion-card{padding:0!important;overflow:hidden}
.accordion-toggle{width:100%;border:0;background:transparent;color:#fff;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;font:inherit;font-weight:850}
.accordion-toggle:hover{background:rgba(255,255,255,.035)}
.accordion-title{font-size:18px;line-height:1.25;min-width:0}
.accordion-chevron{font-size:24px;line-height:1;color:var(--gold2);transition:transform .18s ease;flex:0 0 auto}
.accordion-card.is-open>.accordion-toggle{border-bottom:1px solid rgba(255,255,255,.07)}
.accordion-card.is-open>.accordion-toggle .accordion-chevron{transform:rotate(180deg)}
.accordion-panel{padding:2px 18px 18px}
.accordion-panel[hidden]{display:none!important}
.accordion-panel>.section-title{margin-top:10px}
section.accordion-card{display:block;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
section.accordion-card .backup-history{margin-top:8px}
@media(max-width:700px){.accordion-controls{align-items:flex-start;flex-direction:column}.accordion-controls .toolbar{width:100%;justify-content:stretch}.accordion-controls button{flex:1}.accordion-toggle{padding:15px 14px}.accordion-title{font-size:16px}.accordion-panel{padding:2px 14px 14px}}


/* V2.8.2 — Accordéons dans les grilles : chaque carte garde sa propre hauteur.
   Sans ceci, CSS Grid étire les cartes voisines à la hauteur de la rubrique ouverte. */
.accordion-card{align-self:start;height:auto}
.grid-2>.accordion-card,.grid-3>.accordion-card,.settings-grid>.accordion-card,.smart-settings-grid>.accordion-card{align-self:start}


/* V2.8.3 — jauge d'activité des sauvegardes longues */
.backup-progress{margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(20,73,86,.92),rgba(8,42,52,.92));box-shadow:var(--shadow)}
.backup-progress-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:10px}
.backup-progress-head span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.backup-progress-track{height:11px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08);margin-bottom:9px}
.backup-progress-bar{height:100%;width:34%;border-radius:999px;background:var(--gold);animation:backup-progress-sweep 1.2s ease-in-out infinite;transform:translateX(-110%)}
.backup-progress.done .backup-progress-bar{animation:none;width:100%;transform:none;background:var(--ok)}
.backup-progress.error{border-color:rgba(255,98,98,.5)}
.backup-progress.error .backup-progress-bar{animation:none;width:100%;transform:none;background:#ff6262}
#backupFullNow:disabled{opacity:.6;cursor:wait}
@keyframes backup-progress-sweep{0%{transform:translateX(-115%)}55%{transform:translateX(155%)}100%{transform:translateX(315%)}}


/* V2.8.4 — Jauge globale de sauvegarde, visible depuis Réglages ET Sauvegardes */
.backup-global-overlay{position:fixed;inset:0;z-index:5000;background:rgba(1,18,23,.78);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}
.backup-global-card{width:min(620px,94vw);background:linear-gradient(180deg,#0d4654,#082e39);border:1px solid #2b6470;border-radius:22px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.55);text-align:center}
.backup-global-card h2{margin:8px 0 18px;font-size:26px}
.backup-global-icon{font-size:42px}
.backup-global-track{height:14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.09);margin:10px 0 16px}
.backup-global-bar{height:100%;width:32%;border-radius:999px;background:var(--gold);animation:backup-global-sweep 1.15s ease-in-out infinite;transform:translateX(-120%)}
.backup-global-meta{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;color:#d9ecef;text-align:left}
.backup-global-meta strong{white-space:nowrap;color:var(--gold2);font-variant-numeric:tabular-nums}
.backup-global-card p{margin:14px 0 0;color:var(--muted);font-size:13px}
.backup-global-overlay.done .backup-global-bar{animation:none;width:100%;transform:none;background:var(--ok)}
.backup-global-overlay.error .backup-global-bar{animation:none;width:100%;transform:none;background:#ff6262}
.backup-global-overlay.error .backup-global-card{border-color:rgba(255,98,98,.55)}
@keyframes backup-global-sweep{0%{transform:translateX(-120%)}55%{transform:translateX(165%)}100%{transform:translateX(330%)}}
@media(max-width:700px){.backup-global-card{padding:22px 18px}.backup-global-meta{display:grid;gap:8px}.backup-global-card h2{font-size:22px}}


/* V2.8.6 — progression serveur détaillée en direct */
.backup-global-card-live{width:min(760px,95vw);max-height:88vh;overflow:auto}
.backup-live-stage{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--gold2);margin:0 0 10px}
.backup-live-percent{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 12px}
.backup-live-percent strong:first-child{font-size:18px;color:var(--gold2)}
.backup-global-message{text-align:left;font-size:17px;line-height:1.35;color:#eefafa;margin:0 0 14px}
.backup-live-log{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.16);border-radius:14px;padding:7px;max-height:260px;overflow:auto;text-align:left}
.backup-live-row{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:9px 10px;border-radius:10px;color:var(--muted)}
.backup-live-row+.backup-live-row{border-top:1px solid rgba(255,255,255,.06)}
.backup-live-row.current{background:rgba(226,177,67,.10);color:#fff}
.backup-live-row strong{display:block;font-size:13px;color:#fff;margin-bottom:2px}
.backup-live-row span:not(.backup-live-time){display:block;font-size:12px;line-height:1.35}
.backup-live-time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--gold2);padding-top:2px}
.backup-live-empty{padding:14px;color:var(--muted);font-size:13px}
.backup-global-card-live .backup-global-bar{transition:width .35s ease}
@media(max-width:700px){
  .backup-global-card-live{max-height:92vh}
  .backup-live-row{grid-template-columns:52px 1fr;padding:8px}
  .backup-global-message{font-size:15px}
}


/* =========================================================
   V2.8.14 — Demandes : mobile + actualisation
   ========================================================= */
.request-toolbar{padding:14px 16px}
.request-stats{display:flex;align-items:stretch;gap:10px;flex:1 1 520px;min-width:0}
.request-stat{display:flex;align-items:baseline;gap:6px;min-width:0;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.request-stat strong{font-size:20px;line-height:1;color:var(--gold2);flex:0 0 auto}
.request-stat span{font-size:12px;color:var(--muted);line-height:1.25}
.request-toolbar-actions{margin-left:auto;align-items:center}
.request-toolbar-actions button{white-space:nowrap}

.smart-request{
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:start;
  padding:14px;
}
.smart-request>.request-source-icon{grid-column:1}
.smart-request>.grow{grid-column:2;min-width:0}
.smart-request>.request-card-actions{grid-column:3;align-self:start}
.request-card-head{flex-wrap:wrap;align-items:center;gap:6px 7px}
.request-card-head>strong{min-width:0;overflow-wrap:anywhere;margin-right:3px}
.smart-request .request-title{margin-top:6px;overflow-wrap:anywhere}
.smart-request .meta{overflow-wrap:anywhere}

@media(max-width:760px){
  .request-toolbar{display:grid;grid-template-columns:1fr;gap:10px}
  .request-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .request-stat{display:grid;align-content:start;gap:4px;padding:9px 8px}
  .request-stat strong{font-size:19px}
  .request-stat span{font-size:10px}
  .request-toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
  .request-toolbar-actions button{width:100%;min-width:0;padding:9px 6px;font-size:11px;white-space:normal;line-height:1.2}
}
@media(max-width:620px){
  .smart-request{grid-template-columns:40px minmax(0,1fr);gap:10px 9px;padding:12px}
  .smart-request>.request-source-icon{grid-column:1;grid-row:1}
  .smart-request>.grow{grid-column:2;grid-row:1;min-width:0}
  .smart-request>.request-card-actions{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}
  .smart-request>.request-card-actions .tag{justify-self:start;max-width:100%;white-space:normal}
  .smart-request>.request-card-actions .small-btn{width:auto;min-width:88px}
  .request-card-head{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;gap:5px 6px}
  .request-card-head>strong{flex:1 1 100%;font-size:15px;line-height:1.25}
  .request-card-head .tag{font-size:10px;padding:3px 6px}
  .request-title{font-size:13px;line-height:1.35}
  .smart-request .meta{font-size:11px;line-height:1.35}
}
@media(max-width:390px){
  .request-stats{grid-template-columns:1fr}
  .request-stat{grid-template-columns:28px minmax(0,1fr);align-items:center}
  .request-stat strong{font-size:18px}
  .request-toolbar-actions{grid-template-columns:1fr 1fr}
  .request-toolbar-actions #entityAdd{grid-column:1 / -1}
}


/* =========================================================
   V2.8.18 — Demandes confort + pull-to-refresh
   ========================================================= */
.modal.request-modal{width:min(1120px,calc(100vw - 44px));max-height:92dvh;overflow:auto;padding:20px}
.request-workspace{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.35fr);gap:16px;align-items:start}
.request-workspace-client,.request-workspace-ai{min-width:0}
.request-workspace-client{display:grid;gap:12px;padding:4px}
.request-workspace-client h3{font-size:22px;margin:4px 0 0}
.request-workspace-client .original-message{max-height:48dvh}
.request-workspace-client .request-status-field{display:grid;gap:7px}
.request-workspace-ai{margin:0;min-height:100%}
.request-draft-preview{min-height:230px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#082832;line-height:1.58;overflow-wrap:anywhere}
.request-preview-text{font-size:14px}
.request-booking-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.request-booking-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:11px;background:var(--gold);color:#08252e!important;text-decoration:none;font-weight:850}
.request-booking-btn:hover{background:var(--gold2)}
.request-edit-row{display:flex;justify-content:flex-end;margin-top:8px}
.request-modal .request-detail-actions{position:sticky;bottom:-20px;z-index:3;background:rgba(10,43,53,.96);backdrop-filter:blur(10px);padding:12px 0 2px;border-top:1px solid rgba(255,255,255,.08)}

.pull-refresh-indicator{
  position:fixed;left:50%;top:0;z-index:120;transform:translate(-50%,-70px);
  padding:9px 14px;border-radius:0 0 12px 12px;background:#123e47;color:#dceef1;
  border:1px solid var(--line);border-top:0;font-size:12px;font-weight:750;
  opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;
  box-shadow:0 8px 22px rgba(0,0,0,.25)
}
.pull-refresh-indicator.show{opacity:1;transition:opacity .1s ease}
.pull-refresh-indicator.refreshing{color:var(--gold2)}

@media(max-width:860px){
  .request-refresh-desktop{display:none!important}
  .modal.request-modal{width:100%;max-width:none;max-height:94dvh;padding:18px 14px calc(18px + env(safe-area-inset-bottom))}
  .request-workspace{grid-template-columns:1fr;gap:12px}
  .request-workspace-client .original-message{max-height:none}
  .request-workspace-ai{padding:12px}
  .request-draft-preview{min-height:180px}
  .request-modal .request-detail-actions{position:static;padding-top:10px}
}


/* V2.8.20 — Matomo + consolidation */
.matomo-sites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.matomo-site-card{min-width:0}.matomo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 15px}
.matomo-kpis>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:4px}
.matomo-kpis span{font-size:11px;color:var(--muted)}.matomo-kpis strong{font-size:25px}.matomo-kpis small{font-size:10px;color:var(--muted)}
.matomo-trend{font-size:10px!important;font-weight:800}.matomo-trend.up{color:#63dda9}.matomo-trend.down{color:#ff7b80}.matomo-trend.neutral{color:var(--muted)}
.matomo-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.matomo-panels section{min-width:0;padding:11px;border-radius:12px;background:rgba(5,32,40,.46);border:1px solid rgba(255,255,255,.055)}
.matomo-panels h3{font-size:12px;margin:0 0 8px}.matomo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:11px}
.matomo-row:last-child{border-bottom:0}.matomo-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.matomo-row strong{font-size:11px}.empty.compact{padding:7px;font-size:10px}.matomo-note{margin-top:15px}
.calendar-sync-health{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px}
@media(max-width:920px){.matomo-sites-grid{grid-template-columns:1fr}}
@media(max-width:620px){.matomo-kpis{gap:6px}.matomo-kpis>div{padding:9px 7px}.matomo-kpis strong{font-size:20px}.matomo-panels{grid-template-columns:1fr}.calendar-sync-health{align-items:flex-start;flex-direction:column}}

/* V2.8.21 — sauvegardes : option miroir distincte des petites cases de checklist */
.backup-option-check{display:flex!important;align-items:flex-start!important;gap:10px!important;width:auto!important;height:auto!important;min-height:0!important;padding:4px 0;color:var(--text)!important;cursor:pointer}
.backup-option-check input{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:1px 0 0;padding:0;accent-color:var(--gold)}
.backup-option-check>span{display:block;min-width:0;line-height:1.38}

/* V2.8.23 — Mes sites : périodes et direct */
.matomo-period-toolbar{flex-wrap:wrap;justify-content:flex-end}
.matomo-custom-range{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:0 0 15px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.matomo-custom-range label{display:grid;gap:5px;color:var(--muted);font-size:12px}.matomo-custom-range input{min-width:155px}
.matomo-live-tag{white-space:nowrap}.matomo-live-kpi{border-color:rgba(99,221,169,.35)!important;background:rgba(99,221,169,.06)!important}
.matomo-live-kpi strong{color:#8fe8bd}.history-alert.compact{padding:9px 11px;margin:0 0 10px;font-size:11px}
@media(max-width:700px){.matomo-heading{align-items:flex-start;flex-direction:column}.matomo-period-toolbar{justify-content:flex-start;width:100%}.matomo-period-toolbar button{flex:1 1 auto}.matomo-custom-range{align-items:stretch}.matomo-custom-range label,.matomo-custom-range input,.matomo-custom-range button{width:100%}}

/* V2.8.25 — réglages email : ne pas réutiliser .check (réservé aux checklists). */
.setting-checkbox{
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:100%;
  min-height:0;
  padding:4px 0;
  color:#d8ebef;
  line-height:1.35;
}
.setting-checkbox input[type="checkbox"]{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:2px 0 0;
  accent-color:var(--gold);
}
.setting-checkbox>span{min-width:0}
@media(max-width:800px){
  .setting-checkbox{font-size:14px}
}


/* V2.8.31 — Base IA structurée */
.knowledge-list{display:grid;gap:10px;margin-top:14px}
.knowledge-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.025)}
.knowledge-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.knowledge-card-head strong{font-size:16px}
.knowledge-card-preview{margin:10px 0 12px;color:var(--muted);line-height:1.45}
.knowledge-editor{display:grid;gap:16px}
.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.knowledge-grid .span-2{grid-column:1/-1}
.knowledge-doc-box{border:1px dashed rgba(224,171,72,.6);border-radius:16px;padding:14px;display:grid;gap:10px;background:rgba(224,171,72,.05)}
.knowledge-editor-actions{justify-content:flex-end}
.knowledge-learn-btn{margin-left:auto}
.legacy-knowledge{margin-top:14px}
.legacy-knowledge summary{cursor:pointer;color:var(--muted)}
.knowledge-modal{width:min(980px,94vw);max-height:94vh}
@media(max-width:800px){
  .knowledge-grid{grid-template-columns:1fr}
  .knowledge-grid .span-2{grid-column:auto}
  .knowledge-card-head{flex-direction:column}
  .knowledge-learn-btn{margin-left:0}
}


/* V2.8.32 — parcours Base IA : analyser → vérifier → enregistrer */
.knowledge-source-flow{display:grid;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.018)}
.knowledge-step{display:flex;align-items:flex-start;gap:10px;padding:4px 2px}
.knowledge-step-num{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:rgba(224,171,72,.14);border:1px solid rgba(224,171,72,.45);font-weight:800;color:var(--gold,#e0ab48)}
.knowledge-step strong{display:block;margin:2px 0 3px}
.knowledge-source-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.knowledge-verify{border:1px solid rgba(224,171,72,.4);border-radius:12px;padding:11px 12px;background:rgba(224,171,72,.05)}
#knowledgeSave:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}
@media(max-width:720px){.knowledge-source-actions>*{width:100%}.knowledge-source-actions>.meta{text-align:center}.knowledge-step{align-items:flex-start}}