/*! Task’in — © 2026 Fandry Ekwalla. Tous droits réservés. Copie, modification et diffusion interdites sans autorisation écrite (voir LICENSE). */
/* Résultats OSC du jour : tableau par agent, saisie avec captures, import CSV. */
.dr-shell{margin:22px 0 26px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 12px 34px rgba(30,55,96,.08);overflow:hidden}
.dr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;background:linear-gradient(135deg,var(--surface),var(--surface2));border-bottom:1px solid var(--border)}
.dr-head h2{margin:5px 0 4px;color:var(--ocean-deep-ink);font-size:24px}
.dr-head p{margin:0;color:var(--text2);font-size:13px;max-width:640px}
.dr-head-actions{display:flex;gap:8px;flex-shrink:0}

/* Espace superviseur : mêmes marges que les autres onglets métier (pas de sidebar admin). */
body:not(.admin-shell-active) #daily-results-panel{margin:0;padding:6px 24px 28px}
body:not(.admin-shell-active) #daily-results-panel .dr-shell{margin:0}

/* Sélecteur Analyse / Résultats OSC (admin) */
.dr-switch{display:flex;width:max-content;gap:3px;margin-bottom:14px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface2)}
.dr-switch button{padding:6px 12px;border:0;border-radius:6px;background:transparent;color:var(--text2);cursor:pointer;font:700 12px var(--font)}
.dr-switch button.active{background:var(--surface);color:var(--ocean-deep-ink);box-shadow:0 1px 3px rgba(15,23,42,.12);cursor:default}
.dr-switch button:not(.active):hover{color:var(--ocean-ink)}

.dr-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:12px 24px;border-bottom:1px solid var(--border)}
.dr-daynav{display:flex;align-items:center;gap:6px}
.dr-daynav .form-input{width:150px;height:34px;padding:0 10px}
.dr-daynav strong{margin-left:6px;color:var(--text);font-size:13px}
.dr-icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border2);border-radius:8px;background:var(--surface);color:var(--text2);cursor:pointer;font:700 17px/1 var(--font)}
.dr-icon-btn:hover:not(:disabled){border-color:var(--ocean);color:var(--ocean-ink)}
.dr-icon-btn:disabled{opacity:.4;cursor:default}
.dr-poles{display:flex;gap:4px}
.dr-poles button{padding:6px 11px;border:1px solid var(--border2);border-radius:7px;background:var(--surface);color:var(--text2);cursor:pointer;font:700 11px var(--font)}
.dr-poles button.active,.dr-poles button:hover{border-color:var(--ocean);background:var(--ocean-dim);color:var(--ocean-deep-ink)}
.dr-progress{margin-left:auto;padding:5px 10px;border-radius:20px;background:color-mix(in srgb,var(--amber) 14%,var(--surface));color:var(--amber-ink);font-size:11px;font-weight:800}
.dr-progress.is-done{background:color-mix(in srgb,var(--green) 14%,var(--surface));color:var(--green-ink)}

.dr-table-wrap{overflow-x:auto}
.dr-table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.dr-table th{padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:10px;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}
.dr-table th small{display:block;margin-top:2px;color:var(--text3);font-size:9px;font-weight:600;letter-spacing:0;text-transform:none}
.dr-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap}
.dr-table tbody tr:hover td{background:color-mix(in srgb,var(--ocean) 4%,var(--surface))}
.dr-table tbody tr:hover td:first-child{background:color-mix(in srgb,var(--ocean) 4%,var(--surface))}
.dr-table tr.is-missing td{color:var(--text3)}
.dr-table th:first-child,.dr-table td:first-child{position:sticky;left:0;z-index:1;background:var(--surface)}
.dr-table th:first-child,.dr-table tfoot td:first-child{background:var(--surface2)}
.dr-table tfoot td{background:var(--surface2);color:var(--ocean-deep-ink);font-weight:800;border-bottom:0}
.dr-agent{display:flex;align-items:center;gap:10px;min-width:170px}
.dr-agent strong{display:block;color:var(--text);font-size:12.5px}
.dr-avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--c) 16%,var(--surface));color:var(--c);font-size:10px;font-weight:800}
.dr-pole{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:10px;background:var(--ocean-dim);color:var(--ocean-ink);font-size:9.5px;font-style:normal;font-weight:800}
.dr-pole-bo{background:color-mix(in srgb,var(--amber) 15%,var(--surface));color:var(--amber-ink)}
.dr-pole-elite{background:color-mix(in srgb,#B7791F 16%,var(--surface));color:#8A5A12}
[data-theme="dark"] .dr-pole-elite{color:#E9B95A}
.dr-pole-reconf{background:color-mix(in srgb,var(--green) 15%,var(--surface));color:var(--green-ink)}
.dr-ratio{color:var(--text2);font-weight:700}
.dr-ratio.is-low{padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--clay) 14%,var(--surface));color:var(--red-ink)}
.dr-muted{color:var(--text3);font-size:11px}
.dr-shot-btn,.dr-edit-btn{padding:5px 10px;border:1px solid var(--border2);border-radius:7px;background:var(--surface);color:var(--ocean-ink);cursor:pointer;font:700 11px var(--font)}
.dr-shot-btn:hover,.dr-edit-btn:hover{border-color:var(--ocean);background:var(--ocean-dim)}
.dr-edit-btn{border-color:color-mix(in srgb,var(--ocean) 40%,var(--border2))}
.dr-row-action{text-align:right}
.dr-row-action small{display:block;margin-top:3px;color:var(--text3);font-size:10px}
.dr-empty{padding:34px 24px;color:var(--text2);font-size:13px;text-align:center}
.dr-error{color:var(--red-ink)}

/* Fenêtres */
.dr-modal{max-width:720px}
.dr-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}
.dr-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.dr-field>span{color:var(--text2);font-size:11px;font-weight:800}
.dr-field small{color:var(--text3);font-size:10px;line-height:1.35}
.dr-field .form-input.is-invalid{border-color:var(--clay);box-shadow:0 0 0 3px color-mix(in srgb,var(--clay) 18%,transparent)}
.dr-field-wide{margin-top:14px}
.dr-field-wide textarea{resize:vertical}
.dr-shots-label{margin:16px 0 8px;color:var(--text2);font-size:11px;font-weight:800}
.dr-shots-label small{margin-left:6px;color:var(--text3);font-weight:600}
.dr-drop{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:92px;padding:10px;border:1.5px dashed var(--border2);border-radius:12px;background:var(--surface2);outline:none}
.dr-drop.is-over,.dr-drop:focus{border-color:var(--ocean);background:var(--ocean-dim)}
.dr-thumbs{display:contents}
.dr-thumb{position:relative;width:104px;height:70px;margin:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}
.dr-thumb img{width:100%;height:100%;object-fit:cover}
.dr-thumb-ph{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--surface2),var(--border),var(--surface2))}
.dr-thumb.is-loading img{opacity:.45}
.dr-thumb figcaption{position:absolute;inset:auto 0 0;padding:2px;background:rgba(15,23,42,.6);color:#fff;font-size:10px;text-align:center}
.dr-thumb button{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:rgba(15,23,42,.7);color:#fff;cursor:pointer;font:700 13px/1 var(--font)}
.dr-drop-add{display:grid;place-items:center;width:104px;height:70px;border:1px solid var(--border2);border-radius:8px;background:var(--surface);color:var(--ocean-ink);cursor:pointer;font-size:12px;font-weight:800}
.dr-drop-add:hover{border-color:var(--ocean)}
.dr-status{min-height:18px;margin-top:10px;color:var(--red-ink);font-size:12px}
.dr-delete{margin-right:auto;color:var(--red-ink)!important}
.dr-viewer{max-width:1100px;width:calc(100vw - 32px)}
.dr-viewer-list{display:grid;gap:14px}
.dr-viewer-item{display:block;border:1px solid var(--border);border-radius:10px;overflow:hidden;color:var(--text2);font-size:12px}
.dr-viewer-item img{display:block;width:100%;height:auto}
.dr-viewer-item span{display:block;padding:18px}

.dr-import-modal{max-width:760px}
.dr-import-drop{flex-direction:column;justify-content:center;gap:4px;cursor:pointer;text-align:center}
.dr-import-drop strong{color:var(--ocean-ink);font-size:13px}
.dr-import-drop small{color:var(--text3);font-size:11px}
.dr-import-file{margin:14px 0 10px;color:var(--text2);font-size:12px}
.dr-import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.dr-import-summary{margin:16px 0 8px;color:var(--text2);font-size:12px}
.dr-import-map{display:grid;gap:6px;max-height:260px;overflow-y:auto}
.dr-import-map label{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(150px,200px);align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.dr-import-map span{overflow:hidden;color:var(--text);font-size:12.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dr-import-map em{color:var(--text3);font-size:11px;font-style:normal;white-space:nowrap}

@media(max-width:760px){
  body:not(.admin-shell-active) #daily-results-panel{padding:4px 12px 20px}
  .dr-head{display:block;padding:18px 16px}
  .dr-head-actions{margin-top:12px}
  .dr-toolbar{padding:12px 16px}
  .dr-progress{margin-left:0}
  .dr-form-grid,.dr-import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dr-import-map label{grid-template-columns:minmax(0,1fr) auto}
  .dr-import-map select{grid-column:1/-1}
}
@media(max-width:460px){.dr-form-grid,.dr-import-grid{grid-template-columns:1fr}.dr-daynav strong{flex-basis:100%;margin:4px 0 0}.dr-daynav{flex-wrap:wrap}}

/* Objectifs & tendance */
.dr-modes{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface2)}
.dr-modes button{padding:6px 11px;border:0;border-radius:6px;background:transparent;color:var(--text2);cursor:pointer;font:700 11.5px var(--font);white-space:nowrap}
.dr-modes button.active{background:var(--surface);color:var(--ocean-deep-ink);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.dr-goal-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:11px 24px;border-bottom:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:12px}
.dr-policy{display:flex;align-items:center;gap:7px;font-weight:700}
.dr-policy .form-input{width:70px;height:30px;padding:0 8px}
.dr-goal-count{margin-left:auto}
.dr-up{color:var(--green-ink)}
.dr-down{color:var(--red-ink)}
.dr-goal{display:grid;gap:4px;min-width:74px}
.dr-goal span{color:var(--text2);font-size:11.5px}
.dr-goal b{color:var(--text);font-size:13px}
.dr-goal em{margin-left:5px;padding:0 5px;border-radius:5px;background:var(--ocean-dim);color:var(--ocean-ink);font-size:9px;font-style:normal;font-weight:800}
.dr-goal i{display:block;height:5px;border-radius:5px;background:var(--border);overflow:hidden}
.dr-goal u{display:block;height:100%;border-radius:inherit;background:var(--ocean)}
.dr-goal.is-good u{background:var(--green)}
.dr-goal.is-warn u{background:var(--amber)}
.dr-goal.is-alert u{background:var(--clay)}
.dr-spark-cell{color:var(--ocean-ink)}
.dr-spark{display:block}
.dr-status{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:800;white-space:nowrap}
.dr-status.is-good{background:color-mix(in srgb,var(--green) 14%,var(--surface));color:var(--green-ink)}
.dr-status.is-warn{background:color-mix(in srgb,var(--amber) 15%,var(--surface));color:var(--amber-ink)}
.dr-status.is-alert{background:color-mix(in srgb,var(--clay) 15%,var(--surface));color:var(--red-ink)}
.dr-status.is-neutral{background:var(--surface2);color:var(--text3)}
.dr-focus-mini{display:block;max-width:200px;margin-top:4px;overflow:hidden;color:var(--text3);font-size:10.5px;text-overflow:ellipsis}
.dr-table tr.is-me td{background:color-mix(in srgb,var(--ocean) 6%,var(--surface))}
.dr-goal-intro{margin:0 0 14px;color:var(--text2);font-size:13px}
.dr-goal-modal{max-width:620px}
.dr-goal-modal .dr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Carte agent : son objectif du jour */
.dr-me{margin:18px 24px 4px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--ocean) 30%,var(--border));border-radius:14px;background:linear-gradient(135deg,var(--ocean-dim),var(--surface))}
.dr-me>strong,.dr-me-head strong{color:var(--ocean-deep-ink);font-size:15px}
.dr-me p{margin:6px 0 0;color:var(--text2);font-size:13px}
.dr-me-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.dr-me-head span{color:var(--text2);font-size:12px}
.dr-me-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}
.dr-me-tile{padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}
.dr-me-tile span{display:block;color:var(--text2);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.dr-me-tile b{display:block;margin-top:4px;color:var(--ocean-deep-ink);font-size:26px;line-height:1.1}
.dr-me-tile small{color:var(--text3);font-size:11px}
.dr-me-focus{margin-top:12px;padding:10px 12px;border-left:3px solid var(--ocean);border-radius:0 9px 9px 0;background:var(--surface);color:var(--text);font-size:13px}
@media(max-width:760px){.dr-goal-strip{padding:11px 16px}.dr-goal-count{margin-left:0}.dr-me{margin:14px 16px 4px}.dr-goal-modal .dr-form-grid{grid-template-columns:1fr 1fr}}

/* Dispatch (lecture admin / superviseur) */
.dr-dispatch{max-width:190px;white-space:normal}
.dr-dispatch b{display:block;color:var(--text);font-size:12px;line-height:1.35}
.dr-dispatch small,.dr-dispatch-mini{display:block;color:var(--text3);font-size:10.5px}
.dr-dispatch-mini{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Barre « Mon dispatch client » (agent) */
.agent-dispatch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 18px;margin:14px 24px 0;padding:12px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 4px 14px rgba(30,55,96,.05)}
.agent-dispatch.hidden{display:none}
.dispatch-head{display:flex;align-items:center;gap:10px;min-width:0}
.dispatch-icon{flex-shrink:0;width:34px;height:34px;padding:7px;border-radius:10px;background:color-mix(in srgb,var(--pole,var(--ocean)) 14%,var(--surface));color:var(--pole,var(--ocean))}
.dispatch-head strong{display:block;color:var(--text);font-size:13px}
.dispatch-head span{display:block;color:var(--text2);font-size:11.5px}
.dispatch-chips{display:flex;flex-wrap:wrap;gap:6px}
.dispatch-chip{padding:6px 11px;border:1px solid var(--border2);border-radius:20px;background:var(--surface);color:var(--text2);cursor:pointer;font:700 11.5px var(--font)}
.dispatch-chip:hover{border-color:var(--pole,var(--ocean));color:var(--text)}
.dispatch-chip.active{border-color:var(--pole,var(--ocean));background:color-mix(in srgb,var(--pole,var(--ocean)) 14%,var(--surface));color:var(--text)}
.dispatch-none.active{border-color:var(--text3);background:var(--surface2)}
.dispatch-actions{display:flex;align-items:center;gap:10px}
.dispatch-actions small{max-width:190px;color:var(--text3);font-size:10.5px;line-height:1.35}
.dispatch-save{padding:7px 14px;font-size:12px}
.dispatch-save:disabled{opacity:.45;cursor:default}
.dispatch-error{grid-column:1/-1;color:var(--red-ink);font-size:12px}
@media(max-width:900px){.agent-dispatch{grid-template-columns:1fr}.dispatch-actions{justify-content:space-between}}

/* Signaler une difficulté (agent) */
.dispatch-report{padding:7px 12px;font-size:12px;white-space:nowrap}
.agent-difficulty-modal{max-width:600px}
.agent-difficulty-label{margin:4px 0 8px;color:var(--text2);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.agent-difficulty-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
.agent-difficulty-type{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer}
.agent-difficulty-type:has(input:checked){border-color:var(--ocean);background:var(--ocean-dim)}
.agent-difficulty-type input{margin-top:3px;accent-color:var(--ocean)}
.agent-difficulty-type strong{display:block;color:var(--text);font-size:12.5px}
.agent-difficulty-type small{display:block;margin-top:2px;color:var(--text3);font-size:11px;line-height:1.35}
.agent-difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.agent-difficulty-status{min-height:18px;margin:4px 0 12px;color:var(--red-ink);font-size:12px}
.agent-difficulty-status.is-ok{color:var(--green-ink)}
.agent-difficulty-history{display:grid;gap:6px}
.agent-difficulty-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface2)}
.agent-difficulty-item strong{display:block;color:var(--text);font-size:12px}
.agent-difficulty-item small{color:var(--text3);font-size:10.5px}
.agent-difficulty-item em{flex-shrink:0;padding:2px 8px;border-radius:10px;background:var(--surface);color:var(--text2);font-size:10.5px;font-style:normal;font-weight:800}
.agent-difficulty-item em.is-resolu{color:var(--green-ink)}
.agent-difficulty-item em.is-en_cours{color:var(--ocean-ink)}
.agent-difficulty-empty{color:var(--text3);font-size:12px}
@media(max-width:560px){.agent-difficulty-types,.agent-difficulty-grid{grid-template-columns:1fr}}

/* Cas complexes : typologie et synthèse (superviseur / admin) */
.sv-esc-summary{margin:4px 0 14px}
.sv-esc-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sv-esc-type{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 12px;border:1px solid var(--border);border-top:3px solid var(--t,var(--ocean));border-radius:11px;background:var(--surface);color:var(--text2);cursor:pointer;text-align:left;font-family:var(--font)}
.sv-esc-type:hover,.sv-esc-type.active{background:color-mix(in srgb,var(--t,var(--ocean)) 8%,var(--surface));border-color:var(--t,var(--ocean))}
.sv-esc-type span{font-size:11px;font-weight:800}
.sv-esc-type b{color:var(--text);font-size:22px;line-height:1.1}
.sv-esc-type small{color:var(--text3);font-size:10.5px}
.sv-esc-type-process{--t:#2563EB}
.sv-esc-type-situational{--t:#D97706}
.sv-esc-type-collaboration{--t:#7C3AED}
.sv-esc-type-unhandled_escalation{--t:#DC2626}
.sv-esc-type-other{--t:#64748B}
.sv-esc-agents{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px;color:var(--text2);font-size:12px}
.sv-esc-agents button{padding:4px 10px;border:1px solid var(--border2);border-radius:14px;background:var(--surface);color:var(--text);cursor:pointer;font:600 11.5px var(--font)}
.sv-esc-agents button b{color:var(--red-ink)}
.sv-esc-new{padding:4px 10px;border-radius:14px;background:color-mix(in srgb,var(--clay) 13%,var(--surface));color:var(--red-ink);font-weight:800}
.sv-pill.sv-pill-type{background:color-mix(in srgb,var(--t) 13%,var(--surface));color:var(--t)}
.sv-pill.sv-pill-reported{background:color-mix(in srgb,var(--clay) 13%,var(--surface));color:var(--red-ink)}
@media(max-width:900px){.sv-esc-types{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reporting hebdomadaire */
.dr-week-table td small{display:block;margin-top:2px;color:var(--text3);font-size:10.5px}
.dr-week-table td b{font-size:13px}
.dr-week-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1px;border-top:1px solid var(--border);background:var(--border)}
.dr-week-card{padding:16px 20px;background:var(--surface)}
.dr-week-card h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;color:var(--ocean-deep-ink);font-size:14px}
.dr-week-card ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.dr-week-card li{padding:8px 11px;border-left:3px solid var(--border2);border-radius:0 8px 8px 0;background:var(--surface2);color:var(--text2);font-size:12.5px}
.dr-week-card li b{color:var(--text)}
.dr-week-card li.is-alert{border-left-color:var(--clay)}
.dr-week-card li.is-warn{border-left-color:var(--amber)}
.dr-week-card textarea{width:100%;font-size:12.5px;line-height:1.5;resize:vertical}
@media(max-width:900px){.dr-week-bottom{grid-template-columns:1fr}}
@media print{
  body *{visibility:hidden}
  #daily-results-panel,#daily-results-panel *{visibility:visible}
  #daily-results-panel{position:absolute;inset:0 auto auto 0;width:100%;margin:0!important;padding:0!important}
  #daily-results-panel .dr-shell{border:0;box-shadow:none}
  #daily-results-panel button,#daily-results-panel .dr-modes,#daily-results-panel .dr-poles,#daily-results-panel .dr-switch,#daily-results-panel .dr-head-actions{display:none!important}
  #daily-results-panel .dr-table-wrap{overflow:visible}
  #daily-results-panel .dr-table td:first-child,#daily-results-panel .dr-table th:first-child{position:static}
}

/* Appels manqués */
body:not(.admin-shell-active) #missed-calls-panel{margin:0;padding:6px 24px 28px}
body:not(.admin-shell-active) #missed-calls-panel .dr-shell{margin:0}
.mc-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.mc-select{width:auto;min-width:150px;height:32px;padding:0 30px 0 10px;font-size:12px}
.mc-custom{display:flex;align-items:center;gap:6px;color:var(--text3)}
.mc-custom .form-input{width:140px;height:32px;padding:0 8px}
.mc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border);border-bottom:1px solid var(--border)}
.mc-kpis>div{padding:13px 18px;background:var(--surface);border-top:3px solid var(--ocean)}
.mc-kpis>div.is-alert{border-top-color:var(--clay)}
.mc-kpis>div.is-warn{border-top-color:var(--amber)}
.mc-kpis>div.is-good{border-top-color:var(--green)}
.mc-kpis span{display:block;color:var(--text2);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.mc-kpis b{display:block;margin-top:5px;color:var(--text);font-size:22px}
.mc-kpis .is-alert b{color:var(--red-ink)}
.mc-pending{padding:14px 24px 16px;border-bottom:1px solid var(--border)}
.mc-pending h3{margin:0 0 10px;color:var(--ocean-deep-ink);font-size:14px}
.mc-pending h3 small{margin-left:8px;color:var(--text3);font-size:11px;font-weight:600}
.mc-pending-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--clay) 35%,var(--border));border-left:4px solid var(--clay);border-radius:10px;background:var(--surface)}
.mc-pending-row strong{margin-right:8px;color:var(--text);font-size:14px}
.mc-pending-row span{color:var(--text2);font-size:12.5px}
.mc-pending-row small{display:block;margin-top:2px;color:var(--text3);font-size:11.5px}
.mc-pending-row.is-claimed{border-left-color:var(--amber);opacity:.85}
.mc-pending-row.is-mine{border-left-color:var(--ocean);background:var(--ocean-dim)}
.mc-pending-row em{color:var(--amber-ink);font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}
.mc-pending-row .btn{padding:6px 12px;font-size:12px;white-space:nowrap}
.mc-actions{display:flex;gap:6px}
.mc-notes{max-width:260px;white-space:normal!important;color:var(--text2)!important;font-size:12px}
.mc-warn{color:var(--amber-ink)!important;font-weight:700}
.mc-modal{max-width:760px}
.mc-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-bottom:1px solid var(--border)}
.mc-mini th,.mc-mini td{padding:7px 8px}
.mc-causes{display:grid;gap:9px}
.mc-causes>div{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:4px 10px}
.mc-causes span{color:var(--text);font-size:12.5px;font-weight:700}
.mc-causes span small{display:block;color:var(--text3);font-size:10.5px;font-weight:500}
.mc-causes b{color:var(--text);font-size:13px}
.mc-causes em{color:var(--text3);font-size:11px;font-style:normal;text-align:right}
.mc-causes i{grid-column:1/-1;display:block;height:5px;border-radius:5px;background:var(--border);overflow:hidden}
.mc-causes u{display:block;height:100%;background:var(--clay)}
.mc-hours{display:grid;grid-template-columns:repeat(16,1fr);align-items:end;gap:4px;height:120px;padding-bottom:2px;border-bottom:1px solid var(--border)}
.mc-hours>div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}
.mc-hours i{display:block;width:100%;border-radius:4px 4px 1px 1px;background:var(--clay)}
.mc-hours i.is-zero{background:var(--border)}
.mc-hours small{color:var(--text3);font-size:9px}
.mc-shifts{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;color:var(--text2);font-size:12px}
.mc-stats-grid ul{display:grid;gap:7px;margin:0;padding-left:18px;color:var(--text2);font-size:12.5px;line-height:1.45}
.mc-client{grid-template-columns:1fr}
@media(max-width:900px){.mc-stats-grid{grid-template-columns:1fr}.mc-pending-row{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){body:not(.admin-shell-active) #missed-calls-panel{padding:4px 12px 20px}.mc-pending{padding:12px 16px}}
.dr-pole-goals-modal{max-width:820px}
.dr-pole-goals-modal .admin-settings-card{border:0;box-shadow:none;padding:0;background:transparent}
.mc-src{margin-left:6px;padding:1px 6px;border-radius:5px;background:var(--surface2);color:var(--text3);font-size:9.5px;font-style:normal;font-weight:800;vertical-align:1px}

/* Heatmap d'activité 7h–23h (composant commun) */
.hm-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.hm-select{width:auto;min-width:0;height:30px;padding:0 28px 0 9px;font-size:11.5px}
.hm-date{width:132px;height:30px;padding:0 8px;font-size:11.5px}
.hm-scroll{overflow-x:auto}
.hm-grid{display:grid;gap:3px;min-width:640px}
.hm-row{display:grid;grid-template-columns:38px repeat(16,minmax(28px,1fr)) 48px;gap:3px;align-items:center}
.hm-compact .hm-row{grid-template-columns:38px repeat(16,minmax(22px,1fr))}
.hm-compact .hm-grid{min-width:480px}
.hm-row>b{color:var(--text2);font-size:10.5px;font-weight:800}
.hm-row>em{color:var(--text2);font-size:10.5px;font-style:normal;font-weight:800;text-align:right}
.hm-head small{color:var(--text3);font-size:9.5px;text-align:center}
.hm-head em{color:var(--text3)}
.hm-cell{display:grid;place-items:center;height:28px;border-radius:5px;background:var(--surface2);color:var(--text);font-size:10px;font-weight:700}
/* Échelle de flux : vert très pâle (très faible) → rouge intense (très fort). */
:root{--hm-1:#D6F3DC;--hm-2:#B3E39C;--hm-3:#DDA532;--hm-4:#DB6A26;--hm-5:#BC1C1C;--hm-ink-1:#14301E;--hm-ink-2:#14301E;--hm-ink-3:#2A1A00;--hm-ink-4:#1F0E00;--hm-ink-5:#FFFFFF}
:root[data-theme="dark"]{--hm-1:#1B4D34;--hm-2:#3F7F3A;--hm-3:#B08A1C;--hm-4:#E0702C;--hm-5:#FF4D4D;--hm-ink-1:#FFFFFF;--hm-ink-2:#FFFFFF;--hm-ink-3:#1A1200;--hm-ink-4:#1A0A00;--hm-ink-5:#1A0000}
.hm-l1{background:var(--hm-1);color:var(--hm-ink-1)}
.hm-l2{background:var(--hm-2);color:var(--hm-ink-2)}
.hm-l3{background:var(--hm-3);color:var(--hm-ink-3)}
.hm-l4{background:var(--hm-4);color:var(--hm-ink-4)}
.hm-l5{background:var(--hm-5);color:var(--hm-ink-5)}
.hm-total span{color:var(--text2);font-size:10px;font-weight:800;text-align:center}
.hm-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin-top:10px;color:var(--text2);font-size:11.5px}
.hm-legend{display:flex;align-items:center;gap:4px;color:var(--text3);font-size:10.5px}
.hm-legend i{width:14px;height:9px;border-radius:3px}
.admin-stat-layout.admin-stat-layout-stack{grid-template-columns:1fr}

/* Pilotage 360° */
body:not(.admin-shell-active) #pilotage-panel{margin:0;padding:6px 24px 28px}
body:not(.admin-shell-active) #pilotage-panel .dr-shell{margin:0}
.pil-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.pil-range{color:var(--text3);font-size:11.5px}
.pil-section{padding:18px 24px;border-bottom:1px solid var(--border)}
.pil-section h3{margin:0 0 12px;color:var(--ocean-deep-ink);font-size:16px}
.pil-section h3 small{margin-left:8px;color:var(--text3);font-size:11.5px;font-weight:600}
.pil-family{margin-bottom:14px}
.pil-families{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:4px 18px}
.pil-families .pil-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
@media (max-width:640px){.pil-families{grid-template-columns:1fr}}
.pil-family h4{margin:0 0 7px;color:var(--text2);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pil-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.pil-tile{padding:11px 13px;border:1px solid var(--border);border-left:3px solid var(--border2);border-radius:10px;background:var(--surface)}
.pil-tile.is-good{border-left-color:var(--green)}
.pil-tile.is-bad{border-left-color:var(--clay)}
.pil-tile span{display:block;color:var(--text2);font-size:11px;font-weight:700}
.pil-tile b{display:block;margin:3px 0 2px;color:var(--text);font-size:21px}
.pil-tile small{color:var(--text3);font-size:10.5px}
.pil-d{margin-left:4px;color:var(--text3);font-size:10.5px;font-style:normal;font-weight:800;white-space:nowrap}
.pil-d.is-good{color:var(--green-ink)}
.pil-d.is-bad{color:var(--red-ink)}
.pil-table th.pil-sort{cursor:pointer;user-select:none}
.pil-table th.is-sorted{color:var(--ocean-deep-ink)}
.pil-row{cursor:pointer}
.pil-cell.is-good{color:var(--green-ink);font-weight:800}
.pil-cell.is-bad{color:var(--red-ink);font-weight:800}
.pil-cell .pil-d{display:block;margin:2px 0 0}
.pil-custom{padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:12px}
.pil-custom-fam{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:8px 0}
.pil-custom-fam>span{min-width:110px;color:var(--text);font-weight:800}
.pil-custom-fam label{display:flex;align-items:center;gap:5px;cursor:pointer}
.pil-agent-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pil-agent-head strong{display:block;color:var(--text);font-size:16px}
.pil-agent-head small{color:var(--text2);font-size:12px}
.pil-agent-links{display:flex;gap:6px;margin-left:auto}
.pil-list{margin:0;padding-left:18px;color:var(--text2);font-size:12.5px;line-height:1.7}
.pil-list b{color:var(--text)}
@media(max-width:760px){body:not(.admin-shell-active) #pilotage-panel{padding:4px 12px 20px}.pil-section{padding:14px 16px}.pil-agent-links{margin-left:0}}

/* Vues enregistrées du pilotage */
.pil-views{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px;font-size:12px}
.pil-views>b{color:var(--text2);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-right:2px}
.pil-view{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);overflow:hidden}
.pil-view button{border:0;background:none;padding:4px 10px;font:inherit;font-weight:700;color:var(--text);cursor:pointer}
.pil-view .pil-view-x{padding:4px 8px 4px 2px;color:var(--text3);font-weight:800}
.pil-view .pil-view-x:hover{color:var(--red-ink)}
.pil-view.active{border-color:var(--ocean);background:var(--ocean-dim)}
.pil-view.active button{color:var(--ocean-deep-ink)}
.pil-view-form{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.pil-view-form .form-input{width:230px;max-width:100%;padding:5px 9px;font-size:12px}
.pil-view-form label{display:inline-flex;align-items:center;gap:4px;color:var(--text2)}

/* Notes de coaching (privées) */
.cn-box,.cn-pending{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px 14px}
.cn-pending{margin:4px 0 12px;background:var(--surface2)}
.cn-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}
.cn-head small{color:var(--text2);font-size:11.5px}
.cn-add{display:flex;gap:8px;align-items:flex-start}
.cn-add textarea{flex:1;resize:vertical;min-height:44px}
.cn-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.cn-list li{border-left:3px solid var(--bloom);background:var(--surface2);border-radius:8px;padding:8px 10px}
.cn-list li small,.cn-check small{display:block;color:var(--text2);font-size:11px;margin-bottom:2px}
.cn-list li p{margin:0 0 6px;white-space:pre-wrap;font-size:13px}
.cn-actions{display:flex;gap:6px}
.cn-empty{margin:10px 0 0}
.cn-prepare{margin-top:10px}
.cn-check{display:flex;gap:8px;align-items:flex-start;padding:6px 0;font-size:13px;border-top:1px dashed var(--border)}
.cn-check input{margin-top:3px}
.cn-review{margin:0 0 6px;font-size:12.5px;color:var(--text2)}
.cn-row td{background:var(--surface2)}
.sv-review-feedback{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.sv-review-feedback small{font-weight:400;color:var(--text2)}
.sv-share-toggle{display:flex;align-items:center;gap:6px;font-size:12.5px;margin:-2px 0 10px}
.sv-review-fb{margin-top:8px;font-size:12.5px;color:var(--text);background:var(--surface2);border-radius:8px;padding:7px 10px}
.sv-review-share-state{margin-top:6px;font-size:11.5px;color:var(--text2)}
/* Mes écoutes (agent) */
.dr-my-reviews{padding:20px 24px 22px;border-top:1px solid var(--border)}
.dr-mr-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px}
.dr-mr-head h3{margin:0;font-size:15px}
.dr-mr-head small{flex-basis:100%;color:var(--text2);font-size:12px}
.dr-mr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.dr-mr-card{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface)}
.dr-mr-card.is-new{border-color:var(--ocean);box-shadow:0 0 0 3px var(--ocean-dim)}
.dr-mr-top{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--text2)}
.dr-mr-score{font-size:20px;font-family:var(--display);white-space:nowrap}
.dr-mr-score.is-good{color:var(--green-ink)}.dr-mr-score.is-warn{color:var(--amber-ink)}.dr-mr-score.is-bad{color:var(--red-ink)}
.dr-mr-si{margin:6px 0 0;color:var(--red-ink);font-size:12.5px;font-weight:700}
.dr-mr-pillars{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dr-mr-pillars span{font-size:11.5px;background:var(--surface2);border-radius:999px;padding:3px 9px}
.dr-mr-fb{margin:10px 0 0;font-size:13px;white-space:pre-wrap}
.dr-mr-foot{margin-top:10px;display:flex;justify-content:flex-end}
.dr-mr-foot small{color:var(--green-ink);font-weight:700}
@media (max-width:640px){.cn-add{flex-direction:column}.cn-add button{align-self:flex-end}.dr-mr-list{grid-template-columns:1fr}}

/* Connexions : plage de dates libre et présence par jour */
.sessions-period{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px}
.sessions-period-label{color:var(--text2);font-size:12px}
.sessions-period [data-sessions-csv]{margin-left:auto}
.sessions-day h4 .sessions-day-sum{display:inline;margin-left:10px;text-transform:none;letter-spacing:0;font-weight:500;font-size:12px;color:var(--text2)}
.sessions-day h4 .sessions-day-sum b{color:var(--text)}
.sessions-day h4 em{margin-left:6px}
.sessions-day em.ok{color:var(--green-ink)}
@media (max-width:640px){.sessions-period [data-sessions-csv]{margin-left:0}.sessions-day h4 .sessions-day-sum{display:block;margin:4px 0 0}}

/* Exports pour le management (Reporting superviseur / Supervision admin) */
.exp-mount{margin-top:16px}
.exp-shell{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:18px 20px;display:grid;gap:14px}
.exp-head h3{margin:2px 0 4px;font-size:18px;color:var(--ocean-deep-ink)}
.exp-head p{margin:0;color:var(--text2);font-size:13px;max-width:760px}
.exp-presets{margin-top:0}
.exp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.exp-block{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface2);min-width:0}
.exp-block h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13.5px}
.exp-block h4>span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ocean);color:#fff;font-size:12px}
.exp-block h4 small{margin-left:auto;font-weight:500;color:var(--text2);font-size:11.5px}
.exp-block textarea{width:100%;resize:vertical}
.exp-dates{margin-top:8px}
.exp-note{margin:8px 0 0;color:var(--text2);font-size:12px}
.exp-agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 10px;margin-top:10px;max-height:220px;overflow:auto}
.exp-agents label,.exp-kpis label,.exp-sheets label{display:flex;align-items:center;gap:6px;font-size:12.5px;cursor:pointer}
.exp-agents .dr-pole{margin-left:2px}
.exp-links{display:flex;gap:6px;margin-top:8px}
.exp-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 16px}
.exp-kpis>div{display:grid;gap:3px;align-content:start}
.exp-kpis b{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);margin-bottom:2px}
.exp-sheets{display:grid;gap:6px}
.exp-sheets label{align-items:flex-start}
.exp-sheets label input{margin-top:3px}
.exp-sheets span{display:grid}
.exp-sheets small{color:var(--text2);font-size:11.5px}
.exp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.exp-help{flex:1 1 260px;color:var(--text2);font-size:12px}
.exp-error{margin:0;color:var(--red-ink);font-size:12.5px}
.exp-error:empty{display:none}
@media (max-width:640px){.exp-shell{padding:14px}.exp-grid{grid-template-columns:1fr}.exp-actions .btn{width:100%}}

/* Déclaration des chiffres OSC par l'agent (fin de shift) */
.dr-declare{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 24px 16px;padding:14px 16px;border:1px dashed var(--ocean);border-radius:14px;background:var(--surface)}
.dr-declare strong{display:block;font-size:14.5px}
.dr-declare small{color:var(--text2);font-size:11.5px}
.dr-declare p{margin:6px 0 0;font-size:13px}
.dr-declare.dr-sub-validated{border-style:solid;border-color:var(--green)}
.dr-declare.dr-sub-rejected{border-style:solid;border-color:var(--red)}
.dr-sub{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;background:var(--surface);color:var(--text2);white-space:nowrap;margin:0 6px 4px 0;cursor:default}
button.dr-sub{cursor:pointer;font-family:inherit}
.dr-sub-pending{border-color:var(--amber);color:var(--text);background:var(--amber-dim)}
.dr-sub-validated{border-color:var(--green);color:var(--text);background:var(--green-dim)}
.dr-sub-rejected{border-color:var(--red);color:var(--text);background:var(--red-dim)}
.dr-subs-banner{margin:0 24px 12px;padding:10px 14px;border-radius:12px;background:var(--surface2);font-size:12.5px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.dr-subs-banner.is-empty{color:var(--text2)}
.dr-subpanel{border:1px solid var(--amber);background:var(--amber-dim);border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:12.5px;color:var(--text)}
.dr-subpanel.dr-sub-validated{border-color:var(--green);background:var(--green-dim)}
.dr-subpanel.dr-sub-rejected{border-color:var(--red);background:var(--red-dim)}
.dr-subpanel-head{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:6px}
.dr-subpanel-checks{color:var(--text);font-weight:600;margin-bottom:6px}
.dr-subpanel-values{display:flex;flex-wrap:wrap;gap:6px}
.dr-subpanel-values span{background:var(--surface);border-radius:8px;padding:3px 8px}
.dr-subpanel-note{margin:8px 0 0;font-style:italic}
.dr-subpanel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dr-rules{border-left:4px solid var(--amber);background:var(--amber-dim);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:13px;color:var(--text)}
.dr-rules ol{margin:6px 0 4px 18px;padding:0}
.dr-rules small{color:var(--text2)}
.dr-field-time{max-width:320px;margin-bottom:10px}
.dr-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-top:8px}
@media (max-width:640px){.dr-declare,.dr-subs-banner{margin-left:12px;margin-right:12px}.dr-declare .btn{width:100%}}
#dr-edit-status.is-info{color:var(--text2)}

/* Tickets de retour agents */
.agent-difficulty-modal{max-width:720px}
.agent-difficulty-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--border)}
.agent-difficulty-tabs button{border:0;background:none;padding:8px 10px;font:inherit;font-size:13px;font-weight:700;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.agent-difficulty-tabs button.active{color:var(--ocean-deep-ink);border-bottom-color:var(--ocean)}
.agent-difficulty-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:9px;background:var(--ocean);color:#fff;font-size:10.5px}
.agent-difficulty-tabs b:empty{display:none}
.agent-difficulty-label>span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:var(--ocean);color:#fff;font-size:10.5px;letter-spacing:0}
.agent-difficulty-label small{font-weight:500;text-transform:none;letter-spacing:0;margin-left:4px}
.agent-ticket-objects,.agent-ticket-urgency{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.agent-ticket-wide{grid-column:1/-1}
#agent-ticket-refs [hidden]{display:none}
.form-label small{font-weight:400;color:var(--text3)}
.agent-ticket-dup{border:1px solid var(--amber);background:var(--amber-dim);border-radius:12px;padding:12px 14px;margin:2px 0 14px;font-size:13px;color:var(--text)}
.agent-ticket-dup-title{margin:6px 0 10px;font-weight:700}
.agent-ticket-dup textarea{width:100%;resize:vertical;margin-top:4px}
.agent-ticket-dup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.agent-ticket-shots{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.agent-ticket-shots figure{position:relative;width:96px;height:68px;margin:0;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface2)}
.agent-ticket-shots img{width:100%;height:100%;object-fit:cover}
.agent-ticket-shots figure.is-loading{opacity:.6}
.agent-ticket-shots figcaption{position:absolute;inset:auto 0 0;background:rgba(15,23,42,.7);color:#fff;font-size:10px;text-align:center}
.agent-ticket-shots figure button{position:absolute;top:3px;right:3px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(15,23,42,.75);color:#fff;cursor:pointer;line-height:1}
.agent-ticket-shot-add{display:grid;place-items:center;width:96px;height:68px;border:1px dashed var(--border2);border-radius:9px;color:var(--ocean-ink);font-size:12px;font-weight:700;cursor:pointer}
.agent-ticket-item{border:1px solid var(--border);border-radius:10px;background:var(--surface2);margin-bottom:8px}
.agent-ticket-item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;cursor:pointer;list-style:none}
.agent-ticket-item summary::-webkit-details-marker{display:none}
.agent-ticket-item summary strong{display:block;font-size:12.5px}
.agent-ticket-item summary small{display:block;color:var(--text3);font-size:10.5px}
.agent-ticket-item summary small.agent-ticket-last{color:var(--ocean-deep-ink);font-weight:600;margin-top:2px}
.agent-ticket-item summary em{flex-shrink:0;padding:2px 8px;border-radius:10px;background:var(--surface);color:var(--text2);font-size:10.5px;font-style:normal;font-weight:800}
.agent-ticket-item summary em.is-resolu{color:var(--green-ink)}
.agent-ticket-item summary em.is-en_cours{color:var(--ocean-ink)}
.agent-ticket-thread{padding:0 11px 11px;font-size:12.5px}
.agent-ticket-thread p{margin:6px 0;padding:7px 9px;border-radius:9px;background:var(--surface)}
.agent-ticket-thread p.is-manager{border-left:3px solid var(--ocean)}
.agent-ticket-thread p.is-agent{border-left:3px solid var(--border2)}
.agent-ticket-thread small{color:var(--text3)}
.agent-ticket-reply{display:flex;gap:8px;align-items:flex-start;margin-top:8px}
.agent-ticket-reply textarea{flex:1;resize:vertical}
/* Fiche superviseur */
.sv-ticket-line{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 8px}
.sv-ticket-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text);text-decoration:none}
a.sv-ticket-link{color:var(--ocean-deep-ink);border-color:var(--ocean)}
a.sv-ticket-link:hover{background:var(--ocean-dim)}
.sv-ticket-followers{border-color:var(--bloom)}
.sv-ticket-report{border:1px solid var(--border);border-left:4px solid var(--bloom);border-radius:12px;padding:12px 14px;margin-bottom:14px;background:var(--surface2);font-size:12.5px}
.sv-ticket-report-head{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:8px}
.sv-ticket-report-head span{color:var(--text2)}
.sv-ticket-url{margin:0 0 8px;word-break:break-all}
.sv-ticket-url a{color:var(--ocean-deep-ink)}
.sv-ticket-report dl{display:grid;grid-template-columns:120px 1fr;gap:4px 10px;margin:0}
.sv-ticket-report dt{color:var(--text2);font-weight:700}
.sv-ticket-report dd{margin:0;white-space:pre-wrap}
.sv-ticket-shots{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sv-ticket-shot{width:120px;height:80px;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:0;overflow:hidden;cursor:zoom-in;font-size:11px;color:var(--text2)}
.sv-ticket-shot img{width:100%;height:100%;object-fit:cover}
.sv-case-comment{font-size:12px;padding:6px 8px;border-bottom:1px solid var(--border)}
.sv-case-comment.is-agent{background:var(--surface2);border-left:3px solid var(--bloom)}
.sv-case-comment em{font-style:normal;font-size:10px;font-weight:800;color:var(--bloom);text-transform:uppercase}
@media (max-width:640px){.agent-difficulty-grid{grid-template-columns:1fr}.sv-ticket-report dl{grid-template-columns:1fr}.agent-ticket-reply{flex-direction:column}}
.agent-difficulty-modal [hidden]{display:none !important}

/* Activité de la journée 7h–23h : tâches, attente flux, hors shift */
.sv-tl-row{display:grid;grid-template-columns:120px 1fr 64px;gap:10px;align-items:center;margin-bottom:7px}
.sv-tl-name{font-size:12px;font-weight:600;line-height:1.2}
.sv-tl-name small{display:block;color:var(--text3);font-size:10px;font-weight:500}
.sv-tl-track{position:relative;height:18px;background:var(--surface2);border-radius:6px;overflow:hidden}
.sv-tl-seg{position:absolute;top:0;height:100%;border-radius:3px}
.sv-tl-seg.is-task{background:var(--ocean)}
.sv-tl-seg.is-wait{background:repeating-linear-gradient(135deg,var(--amber) 0 5px,color-mix(in srgb,var(--amber) 55%,transparent) 5px 10px)}
.sv-tl-seg.is-off{background:var(--border);border-radius:0}
.sv-tl-seg.is-pause{background:color-mix(in srgb,var(--text3) 55%,transparent);border-radius:3px}
.sv-tl-sum small{display:block;font-weight:500;color:var(--text3);font-size:10px}
.sv-tl-now{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);opacity:.55}
.sv-tl-sum{font-size:11.5px;font-weight:700;color:var(--text2);text-align:right;font-variant-numeric:tabular-nums}
.sv-tl-scale{font-size:10px;color:var(--text2);margin-bottom:4px}
.sv-tl-scale>div{display:flex;justify-content:space-between}
.sv-tl-scale>span:last-child{text-align:right;font-weight:700}
.sv-tl-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:var(--text2);margin-top:10px}
.sv-tl-legend i{display:inline-block;width:12px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.sv-tl-legend i.is-task{background:var(--ocean)}
.sv-tl-legend i.is-wait{background:repeating-linear-gradient(135deg,var(--amber) 0 3px,color-mix(in srgb,var(--amber) 55%,transparent) 3px 6px)}
.sv-tl-legend i.is-off{background:var(--border)}
.sv-tl-legend i.is-pause{background:color-mix(in srgb,var(--text3) 55%,transparent)}
@media (max-width:640px){.sv-tl-row{grid-template-columns:80px 1fr 48px;gap:6px}}

/* Courbe d'évolution (Stat admin, Reporting superviseur) — couleurs fixes par entité, validées clair / sombre */
:root{--trend-team:#2563EB;--trend-agent:#EB6834}
:root[data-theme="dark"]{--trend-team:#3B82F6;--trend-agent:#D95926}
.admin-stat-trend-card{margin-top:14px}
.tr-plot{position:relative}
.tr-plot svg{display:block;width:100%;height:auto}
.tr-grid{stroke:var(--border);stroke-width:1}
.tr-axis{fill:var(--text3);font-size:11px;font-family:inherit}
.tr-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.tr-line.tr-team{stroke:var(--trend-team)}
.tr-line.tr-agent{stroke:var(--trend-agent)}
.tr-end{fill:var(--text2);font-size:11.5px;font-weight:700;font-family:inherit}
.tr-peak{fill:var(--surface);stroke:var(--trend-team);stroke-width:2}
.tr-peak-label{fill:var(--text);font-size:11px;font-weight:700;font-family:inherit}
.tr-cross{stroke:var(--text3);stroke-width:1;stroke-dasharray:3 3}
.tr-dot{stroke:var(--surface);stroke-width:2}
.tr-dot.tr-team{fill:var(--trend-team)}
.tr-dot.tr-agent{fill:var(--trend-agent)}
.tr-hit{cursor:crosshair}
.tr-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:2px 0 6px;font-size:12px;color:var(--text2)}
.tr-key{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.tr-key.tr-team{background:var(--trend-team)}
.tr-key.tr-agent{background:var(--trend-agent)}
.tr-tip{position:absolute;top:0;transform:translateX(-50%);min-width:160px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 6px 18px rgba(15,23,42,.14);font-size:12px;color:var(--text);pointer-events:none;display:grid;gap:3px}
.tr-tip[hidden]{display:none}
.tr-tip small{color:var(--text3)}
.tr-foot{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;margin-top:6px;font-size:12px;color:var(--text2)}
.tr-foot details summary{cursor:pointer;color:var(--ocean-deep-ink);font-weight:700}
.tr-foot details .dr-table-wrap{max-height:260px;overflow:auto;margin-top:6px}
.sv-tl-sum small{font-weight:500;color:var(--text3);font-size:10px}

/* Agent : « Mes résultats » centré sur ses propres chiffres */
.dr-mine .dr-me{margin:18px 24px 16px}
.dr-mine-history{padding:4px 24px 18px}
.dr-mine-history h3{margin:4px 0 10px;font-size:15px}
.dr-mine-history h3 small{font-weight:500;color:var(--text2);font-size:12px;margin-left:6px}
@media (max-width:640px){.dr-mine .dr-me{margin:12px}.dr-mine-history{padding:4px 12px 14px}}

/* In SLA / out SLA : barres empilées et infobulle au survol (tous les graphiques d'activité) */
:root{--sla-in:#1F9D55;--sla-out:#E5484D}
:root[data-theme="dark"]{--sla-in:#3CCB7F;--sla-out:#FF6B6B}
.ops-bar-on{background:var(--sla-in)!important}
.ops-bar-late{background:var(--sla-out)!important}
.ops-legend-dot{background:var(--sla-in)!important}
.ops-legend-dot.late{background:var(--sla-out)!important}
.ops-legend-hint{color:var(--text3);font-style:italic}
.sla-stack{display:flex!important;flex-direction:column;justify-content:flex-end;gap:1px;overflow:hidden;background:none!important;opacity:1!important}
.sla-stack .sla-seg{display:block;width:100%;flex:none}
.sla-stack .sla-in{background:var(--sla-in);border-radius:0 0 2px 2px}
.sla-stack .sla-out{background:var(--sla-out);order:-1;border-radius:4px 4px 0 0}
.sla-stack .sla-seg:only-child,.sla-stack .sla-in[style*="height:100%"]{border-radius:4px 4px 2px 2px}
[data-sla-in]{cursor:default;outline:none}
[data-sla-in]:focus-visible{box-shadow:0 0 0 2px var(--ocean);border-radius:6px}
[data-sla-in]:hover .sla-stack{filter:brightness(1.06)}
.sla-tip{position:fixed;z-index:9999;display:grid;gap:3px;min-width:190px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 8px 22px rgba(15,23,42,.18);color:var(--text);font-size:12px;pointer-events:none}
.sla-tip[hidden]{display:none}
.sla-tip span{display:flex;align-items:center;gap:6px;color:var(--text2);padding:1px 4px;border-radius:6px}
.sla-tip span strong{color:var(--text)}
.sla-tip span.is-on{background:var(--surface2);color:var(--text);font-weight:600}
.sla-tip i{width:10px;height:10px;border-radius:2px;display:inline-block}
.sla-tip i.sla-in{background:var(--sla-in)}
.sla-tip i.sla-out{background:var(--sla-out)}
.sla-tip small{color:var(--text3);font-size:10.5px}
.ops-bar-stack .ops-bar-on{order:2;border-radius:0 0 3px 3px}
.ops-bar-stack .ops-bar-late{order:1;border-radius:3px 3px 0 0}

/* Classement : KPI au choix, tri, score global */
.lb-config{display:grid;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface)}
.lb-config-kpis{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lb-config-kpis>b{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);margin-right:4px}
.lb-kpi{display:inline-flex;align-items:baseline;gap:5px;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:4px 10px;font:inherit;font-size:12px;font-weight:700;color:var(--text2);cursor:pointer}
.lb-kpi small{font-size:10px;font-weight:600;color:var(--text3)}
.lb-kpi.active{border-color:var(--ocean);background:var(--ocean-dim);color:var(--ocean-deep-ink)}
.lb-config-sort{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text2)}
.lb-config-sort select{width:auto;padding:5px 9px;font-size:12px}
.lb-config-help{color:var(--text3);font-size:11px}
.lb-score{display:inline-grid;grid-template-columns:34px 80px;align-items:center;gap:6px}
.lb-score b{font-size:14px}
.lb-score i{display:block;height:6px;border-radius:3px;background:var(--ocean);max-width:80px}
.lb-table th{cursor:pointer;user-select:none}
@media print{.lb-config{display:none!important}}

/* Extension : bandeau (mise à jour / non détectée) et installation guidée */
.ext-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 24px 0;padding:10px 14px;border:1px solid var(--amber);border-radius:12px;background:var(--amber-dim);color:var(--text);font-size:13px}
.ext-banner>span{flex:1 1 320px}
.ext-banner .btn{padding:6px 12px;font-size:12.5px}
.ext-banner-x{border:0;background:none;font-size:18px;line-height:1;color:var(--text2);cursor:pointer;padding:2px 6px}
.ext-install{max-width:620px}
.ext-install .modal-title small{font-weight:600;color:var(--text2);font-size:12px;margin-left:6px}
.ext-install-status{margin-bottom:10px}
.ext-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text2)}
.ext-status.ok{background:var(--green-dim);border-color:var(--green);color:var(--text)}
.ext-status.warn{background:var(--amber-dim);border-color:var(--amber);color:var(--text)}
.ext-install-notes{margin:0 0 12px 18px;padding:0;font-size:12.5px;color:var(--text2)}
.ext-install-steps{margin:0;padding-left:20px;display:grid;gap:10px;font-size:13.5px;line-height:1.5}
.ext-install-steps .btn{margin-left:6px;padding:5px 12px;font-size:12.5px;text-decoration:none}
.ext-copy{display:inline-flex;align-items:center;gap:6px;margin:0 2px}
.ext-copy code{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:12px}
.ext-install-store{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:var(--ocean-dim);color:var(--text);font-size:12.5px}
@media (max-width:640px){.ext-banner{margin:10px 12px 0}}

/* Mes résultats : comparaison à la moyenne du pôle (veille) */
.dr-me-tile small { display: block; }
.dr-me-tile small em { font-style: normal; font-weight: 600; margin-left: 2px; }
.dr-me-tile small em.dr-up { color: var(--sla-in, #15803d); }
.dr-me-tile small em.dr-down { color: var(--sla-out, #b91c1c); }
.dr-me-note { margin: 10px 0 0; font-size: 12px; color: var(--text3, #64748b); }
.dr-basis { display: block; font-size: 11px; }
.team-lb-link{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:13px;color:var(--text2)}
.team-lb-link.hidden{display:none}
/* Moyennes par pôle sous chaque indicateur (FO / BO / Reconf ne sont pas comparés entre eux). */
.pil-tile span.pil-pavgs{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:6px;padding-top:6px;border-top:1px dashed var(--border);font-size:10.5px;font-weight:600;color:var(--text3,var(--text2))}
.pil-tile span.pil-pavg{display:inline-flex;gap:4px;align-items:center;font-size:11px;font-weight:700;color:var(--text)}
.pil-tile span.pil-pavg .dr-pole{margin:0}
.pil-table tfoot tr+tr td{border-top:1px solid var(--border)}
/* Top performances de la veille (anonymes). */
.dr-me-tile .dr-top{display:block;margin-top:2px;color:var(--amber-deep,#B45309)}
.dr-me-tile .dr-top strong{color:var(--text)}
.dr-top-strip{margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.dr-top-strip h4{margin:0 0 10px;font-size:13px;color:var(--text)}
.dr-top-strip h4 small{margin-left:6px;color:var(--text3);font-weight:500}
.dr-top-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.dr-top-card{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}
.dr-top-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.dr-top-card header small{color:var(--text3);font-size:11px}
.dr-top-card>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}
.dr-top-card span{display:flex;flex-direction:column}
.dr-top-card span small{color:var(--text2);font-size:10.5px;font-weight:700}
.dr-top-card span b{font-size:18px;color:var(--text)}
.dr-top-card span em{font-style:normal;color:var(--text3);font-size:10.5px}

/* ===== Agent · Mes résultats (lecture : aujourd'hui → ma semaine → mes écoutes) ===== */
.drm{padding-bottom:8px}
.drm-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px 20px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,color-mix(in srgb,var(--ocean) 9%,var(--surface)),var(--surface) 70%)}
.drm-eyebrow{display:block;color:var(--ocean-ink);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.drm-hero h2{margin:4px 0 6px;font:700 26px/1.15 var(--display);color:var(--text);letter-spacing:-.3px}
.drm-hero p{margin:0;color:var(--text2);font-size:14px;max-width:620px}
.drm-hero p b{color:var(--text)}
.drm-ring{position:relative;flex:0 0 auto;width:88px;height:88px}
.drm-ring svg{display:block}
.drm-ring-bg{fill:none;stroke:var(--surface2);stroke-width:7}
.drm-ring-fg{fill:none;stroke:var(--ocean);stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .6s ease}
.drm-ring.is-good .drm-ring-fg{stroke:var(--green)}.drm-ring.is-warn .drm-ring-fg{stroke:var(--amber,#D97706)}.drm-ring.is-alert .drm-ring-fg{stroke:var(--red,#E5484D)}
.drm-ring span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.drm-ring b{font:700 18px var(--display);color:var(--text)}
.drm-ring small{font-size:9.5px;color:var(--text3);line-height:1.1;max-width:60px}
.drm-section{padding:20px 24px 4px}
.drm-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:12px}
.drm-section-head h3{margin:0;font-size:16px;color:var(--text)}
.drm-section-head small{color:var(--text3);font-size:12px}
.drm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.drm-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden}
.drm-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c)}
.drm-card header{display:flex;align-items:center;gap:7px}
.drm-dot{width:8px;height:8px;border-radius:50%;background:var(--c)}
.drm-card-label{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text2)}
.drm-chip{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface2);color:var(--text2)}
.drm-chip.is-good{background:color-mix(in srgb,var(--green) 14%,var(--surface));color:var(--green-ink)}
.drm-chip.is-warn{background:color-mix(in srgb,#D97706 14%,var(--surface));color:var(--amber-ink,#B45309)}
.drm-chip.is-alert{background:color-mix(in srgb,#E5484D 12%,var(--surface));color:var(--red-ink,#B91C1C)}
.drm-main{display:flex;align-items:baseline;gap:6px}
.drm-main b{font:700 32px/1 var(--display);color:var(--text)}
.drm-main span{color:var(--text3);font-size:14px;font-weight:600}
.drm-bar{height:7px;border-radius:99px;background:var(--surface2);overflow:hidden}
.drm-bar i{display:block;height:100%;border-radius:99px;background:var(--c);transition:width .5s ease}
.drm-card-sub{margin:0;font-size:12px;color:var(--text2)}
.drm-card-sub em{font-style:normal;color:var(--ocean-ink);font-weight:600}
.drm-ref{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:2px 0 0;padding:9px 0 0;border-top:1px dashed var(--border)}
.drm-ref div{min-width:0}
.drm-ref dt{font-size:10px;color:var(--text3);font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drm-ref dd{margin:2px 0 0;font-size:15px;font-weight:700;color:var(--text)}
.drm-ref dd em{font-style:normal;font-size:10px;margin-left:3px}
.drm-vs{margin:0;font-size:11.5px;font-weight:600}
.drm-trend{margin-top:auto}
.drm-trend small{display:block;font-size:10px;color:var(--text3);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.drm-spark{display:block;width:100%;height:34px}
.drm-spark-empty{display:block;font-size:11.5px;color:var(--text3);padding:8px 0}
.drm-note{margin:10px 0 0;font-size:12px;color:var(--text3)}
.drm-focus{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--ocean) 30%,var(--border));border-radius:12px;background:var(--ocean-dim)}
.drm-focus b{font-size:13px;color:var(--ocean-deep-ink)}
.drm-focus p{margin:2px 0 0;font-size:13px;color:var(--text)}
.drm-empty-card{padding:16px 18px;border:1px dashed var(--border);border-radius:14px;background:var(--surface2)}
.drm-empty-card p{margin:4px 0 0;font-size:13px;color:var(--text2)}
.drm .dr-declare{margin:18px 24px 0}
.drm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}
.drm-kpi{padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.drm-kpi span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text3)}
.drm-kpi b{display:block;margin:3px 0 1px;font:700 22px var(--display);color:var(--text)}
.drm-kpi b small{font-size:13px;color:var(--text3);margin-left:2px}
.drm-kpi>small{font-size:11.5px;color:var(--text2)}
.drm-table td{vertical-align:middle}
.drm-day b{display:block;font-weight:600}
.drm-day em{font-style:normal;font-size:11px;color:var(--ocean-ink);font-weight:700}
.drm-cell{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:90px}
.drm-cell small{grid-column:1/-1;order:3;font-size:11px;color:var(--text3)}
.drm-cell i{display:block;height:5px;border-radius:99px;background:var(--surface2);overflow:hidden;max-width:80px}
.drm-cell i u{display:block;height:100%;background:var(--c);border-radius:99px}
.drm-na{color:var(--text3)}
.drm-empty-row td{color:var(--text3);font-size:12.5px}
.drm-empty-row td[colspan]{font-style:italic}
.drm-off{font-style:normal;display:inline-block;padding:2px 9px;border-radius:999px;background:var(--surface2);color:var(--text2);font-weight:600}
.drm-months{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.drm-month{position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-transform:capitalize;transition:border-color .15s,background .15s}
.drm-month:hover{border-color:var(--ocean)}
.drm-month b{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--surface2);color:var(--text);font-size:11.5px;text-align:center}
.drm-month.is-on{background:var(--ocean);border-color:var(--ocean);color:#fff}
.drm-month.is-on b{background:rgba(255,255,255,.22);color:#fff}
.drm-month i{position:absolute;top:2px;right:4px;width:8px;height:8px;border-radius:50%;background:#E5484D;border:2px solid var(--surface)}
.drm-rev-sum{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;margin-bottom:10px;font-size:13px;color:var(--text2)}
.drm-rev-sum b{color:var(--text)}
.drm-rev-sum .dr-mr-score{font-size:16px}
.drm-empty-line{margin:4px 0 8px;padding:14px;border:1px dashed var(--border);border-radius:12px;color:var(--text3);font-size:13px;text-align:center}
.dr-mr-pillars span.is-good b{color:var(--green-ink)}.dr-mr-pillars span.is-warn b{color:var(--amber-ink,#B45309)}.dr-mr-pillars span.is-bad b{color:var(--red-ink,#B91C1C)}
.drm .dr-my-reviews{padding-bottom:18px}
@media (max-width:640px){.drm-hero{padding:18px 16px;align-items:flex-start}.drm-hero h2{font-size:22px}.drm-ring{transform:scale(.85);transform-origin:top right}.drm-section{padding:16px 12px 4px}.drm .dr-declare{margin:14px 12px 0}.drm-ref dd{font-size:14px}}

/* Agent : corriger type et référence d'un traitement */
.entry-edit-body{padding:16px 24px 6px;display:grid;gap:6px}
.entry-edit-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;color:var(--text2)}
.entry-edit-body .form-label{margin:8px 0 2px}
.entry-edit-hint{margin:6px 0 0;font-size:12px;color:var(--text3)}
.entry-edit-error{margin:0;min-height:16px;font-size:12.5px;color:var(--red-ink,#B91C1C)}

/* Connexions × planning : shift prévu, retards, absences, jours non travaillés */
.sessions-plan{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--ocean) 12%,var(--surface));color:var(--ocean-ink);font-size:11px;font-weight:700}
.sessions-plan.profil{background:var(--surface2);color:var(--text2)}
.sessions-chips{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:6px;vertical-align:middle}
.sessions-count .sessions-chips{display:flex;margin:4px 0 0}
.sessions-chip{font-style:normal;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;white-space:nowrap}
.sessions-chip.warn{background:color-mix(in srgb,#D97706 14%,var(--surface));color:var(--amber-ink,#B45309)}
.sessions-chip.bad{background:color-mix(in srgb,#E5484D 13%,var(--surface));color:var(--red-ink,#B91C1C)}
.sessions-chip.off{background:var(--surface2);color:var(--text2)}
.sessions-day em.bad{color:var(--red-ink,#B91C1C)}
.sessions-day em.off{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--surface2);color:var(--text2)}
.sessions-day.is-absent h4,.sessions-day.is-off h4{margin-bottom:0}
.sessions-day.is-off{opacity:.85}
.sessions-day small{color:var(--text3);font-size:11px}
/* ---------- 360° agent × jour (moteur en base) ---------- */
.pil-mode { margin: 4px 0 10px; }
.v360-note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 10px 14px; margin: 0 0 12px; border: 1px solid var(--border, #E2E8F0); border-left: 4px solid #5ACDBE; border-radius: 8px; background: var(--surface, #fff); font-size: 13px; color: var(--muted, #64748B); }
.v360-note b { color: var(--text, #0F172A); }
.v360-live { color: #16A34A; font-weight: 600; }
.v360-actions { margin-left: auto; display: inline-flex; gap: 6px; }
.v360-closed { padding: 8px 14px; margin: 0 0 12px; border-radius: 8px; background: rgba(90, 205, 190, .14); font-size: 13px; }
.v360-closed code { font-size: 12px; }
.v360-table td, .v360-table th { white-space: nowrap; }
.v360-detail > td { background: var(--surface-2, #F8FAFC); padding: 10px 12px; }
.v360-days { font-size: 12.5px; }
.v360-foot { font-size: 12px; margin: 6px 0 0; }
.v360-legend { margin: 14px 0 4px; padding: 10px 14px; border-radius: 8px; background: var(--surface-2, #F8FAFC); font-size: 12.5px; color: var(--muted, #64748B); line-height: 1.5; }
.v360-legend b { color: var(--text, #0F172A); }
.pil-cell.is-warn { color: var(--amber-ink, #B45309); font-weight: 700; }
.exp-schedule { display: grid; gap: 8px; margin: 0 0 12px; }
.exp-schedule > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 10px 14px; border-radius: 8px; border: 1px solid #5ACDBE; background: rgba(90, 205, 190, .12); }
.exp-schedule small { color: var(--muted, #64748B); }
.exp-schedule .btn { margin-left: auto; }

/* Flux du pôle (détection hausse / baisse) et récap flux & perfs — 20/10 */
.dr-flux { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 20px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.dr-flux small { margin-left: 2px; font-weight: 600; opacity: .75; }
.dr-flux-up { background: color-mix(in srgb, var(--amber) 16%, var(--surface)); color: var(--amber-ink); }
.dr-flux-down { background: color-mix(in srgb, var(--ocean) 13%, var(--surface)); color: var(--ocean-ink); }
.dr-flux-flat { background: var(--surface2); color: var(--text3); }
td .dr-flux + small, .dr-status + small { display: block; margin-top: 3px; }
small.dr-flux { display: inline-flex; margin-top: 4px; }
.dr-flux-banner { display: grid; gap: 6px; margin: 10px 0; }
.dr-flux-banner p { margin: 0; padding: 9px 12px; border-radius: 9px; font-size: 12px; line-height: 1.45; }
.dr-flux-banner p.dr-flux-up { border: 1px solid color-mix(in srgb, var(--amber) 45%, transparent); }
.dr-flux-banner p.dr-flux-down { border: 1px solid color-mix(in srgb, var(--ocean) 35%, transparent); }
.v360-recap-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 6px 0 10px; font-size: 12px; }
.v360-recap-bar .dr-edit-btn { margin-left: auto; }
.v360-recap td small { font-weight: 500; }
.v360-recap tr.v360-in-progress td { background: color-mix(in srgb, var(--ocean) 5%, transparent); }
.v360-spark-wrap { display: inline-block; margin-left: 10px; vertical-align: middle; color: var(--ocean-ink); }
.v360-att-cell { min-width: 150px; }
.v360-att-cell > div { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 2px 0; }
.v360-att-cell > div > small { width: 100%; color: var(--red-ink); font-size: 10px; font-weight: 700; }
.v360-att-cell > div.is-good > small { color: var(--green-ink); }
.v360-att { display: inline-block; padding: 1px 7px; border-radius: 12px; background: var(--surface2); font-size: 11px; white-space: nowrap; }
@media (max-width: 640px) { .v360-recap-bar .dr-edit-btn { margin-left: 0; } }