/* SELACV Entretien V3.7.0 — centre de pilotage */
#analyse { --ap-panel:#fff; --ap-ink:#16394a; --ap-muted:#5d7583; --ap-line:#d4e5e9; --ap-soft:#eef7f8; }
#analyse .hero { position:relative; overflow:hidden; padding:28px 32px; background:linear-gradient(110deg,#063349,#087b86 70%,#1eb7a9)!important; }
#analyse .hero::after { content:""; position:absolute; width:330px; height:330px; right:-80px; top:-165px; border:35px solid rgba(255,255,255,.10); border-radius:50%; pointer-events:none; }
#analyse .hero h2 { font-size:clamp(23px,2.5vw,34px); letter-spacing:-.03em; }
#analyse .hero p { max-width:720px; }
#analyse .analyse-access-badge { align-self:flex-start; position:relative; z-index:1; color:#d5fff7; border:1px solid #8de0d4; background:#ffffff24; border-radius:999px; padding:7px 12px; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
#analyse .analyse-command-bar { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:16px 19px; margin:17px 0 12px; border:1px solid var(--ap-line); border-radius:17px; background:var(--ap-panel); box-shadow:0 9px 28px #052f4210; color:var(--ap-ink); }
#analyse .analyse-command-bar>div { display:grid; gap:3px; margin-right:auto; }
#analyse .analyse-command-bar strong { font-size:16px; }
#analyse .analyse-command-bar span { color:var(--ap-muted); font-size:12px; }
#analyse .analyse-command-bar label, #analyse .analyse-section-heading label { display:grid; gap:5px; color:var(--ap-muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
#analyse .analyse-command-bar select, #analyse .analyse-section-heading select { min-width:190px; padding:9px 13px; border:1px solid var(--ap-line); border-radius:10px; background:var(--ap-panel); color:var(--ap-ink); font:inherit; text-transform:none; letter-spacing:0; }
#analyse .analyse-command-bar button { padding:10px 16px; border:0; border-radius:10px; background:#087e88; color:white; font-weight:800; cursor:pointer; }
#analyse .analyse-command-bar button:hover { background:#075f6c; }
#analyse .analyse-command-bar button:disabled { opacity:.55; cursor:wait; }
#analyse .analyse-nav { display:flex; gap:7px; overflow-x:auto; padding:4px 2px 12px; scrollbar-width:thin; }
#analyse .analyse-nav button { flex:0 0 auto; min-width:105px; padding:10px 15px; border:1px solid var(--ap-line); border-radius:11px; color:var(--ap-muted); background:var(--ap-panel); font-weight:800; cursor:pointer; }
#analyse .analyse-nav button:hover { border-color:#32bcb3; color:#097984; }
#analyse .analyse-nav button[aria-selected="true"] { color:white; border-color:#087e88; background:#087e88; box-shadow:0 7px 16px #007d8538; }
#analyse .analyse-pane[hidden] { display:none!important; }
#analyse .analyse-pane { padding:10px 0 25px; }
#analyse .analyse-section-heading, #analyse .analyse-domain-title { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:9px 0 18px; color:var(--ap-ink); }
#analyse .analyse-section-heading span { color:#0b8f91; font-size:10px; font-weight:900; letter-spacing:.18em; }
#analyse .analyse-section-heading h3, #analyse .analyse-domain-title h3 { margin:3px 0 4px; font-size:clamp(21px,2vw,28px); letter-spacing:-.025em; }
#analyse .analyse-section-heading p, #analyse .analyse-domain-title p { margin:0; color:var(--ap-muted); font-size:13px; line-height:1.5; }
#analyse .analyse-command-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 17px; }
#analyse .analyse-metric { --tone:#078b89; --pale:#d9f7f1; position:relative; min-width:0; min-height:132px; display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:5px; padding:18px 20px; overflow:hidden; border:1px solid var(--ap-line); border-top:4px solid var(--tone); border-radius:16px; background:var(--ap-panel); color:var(--ap-ink); cursor:pointer; box-shadow:0 9px 22px #07384b0d; }
#analyse .analyse-metric::after { content:""; position:absolute; top:-32px; right:-25px; width:108px; height:108px; border-radius:50%; background:var(--pale); opacity:.75; }
#analyse .analyse-metric:hover { transform:translateY(-2px); box-shadow:0 13px 25px #07384b1a; }
#analyse .analyse-metric span, #analyse .analyse-metric strong, #analyse .analyse-metric small { position:relative; z-index:1; }
#analyse .analyse-metric span { color:var(--ap-muted); font-size:11px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
#analyse .analyse-metric strong { font-size:clamp(24px,2.7vw,37px); line-height:1.15; letter-spacing:-.04em; color:var(--tone); }
#analyse .analyse-metric small { font-size:12px; color:var(--ap-muted); }
#analyse .analyse-metric.is-blue { --tone:#167db8; --pale:#dceffa; } #analyse .analyse-metric.is-violet { --tone:#7656af; --pale:#eee5fa; } #analyse .analyse-metric.is-amber { --tone:#bc6b09; --pale:#fff0cc; } #analyse .analyse-metric.is-rose { --tone:#b74970; --pale:#fbe5ec; } #analyse .analyse-metric.is-red { --tone:#c73e4d; --pale:#ffe4e6; }
#analyse .analyse-command-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0 0 14px; }
#analyse .analyse-command-card { min-width:0; padding:20px; margin-bottom:14px; border:1px solid var(--ap-line); border-radius:17px; background:var(--ap-panel); color:var(--ap-ink); box-shadow:0 9px 26px #07384b0e; }
#analyse .analyse-command-grid .analyse-command-card { margin:0; }
#analyse .analyse-command-card-head { padding-bottom:13px; margin-bottom:14px; border-bottom:1px solid var(--ap-line); }
#analyse .analyse-command-card-head span { color:#0b8f91; font-size:10px; font-weight:900; letter-spacing:.14em; }
#analyse .analyse-command-card-head h4 { margin:4px 0 0; font-size:17px; letter-spacing:-.02em; }
#analyse .analyse-action-list { display:grid; gap:8px; max-height:440px; overflow:auto; padding-right:3px; }
#analyse .analyse-action { --tone:#0d8d91; display:flex; align-items:center; gap:11px; padding:11px 12px; border-radius:11px; background:var(--ap-soft); border:1px solid var(--ap-line); }
#analyse .analyse-action.is-red { --tone:#d34956; } #analyse .analyse-action.is-amber { --tone:#c57610; } #analyse .analyse-action.is-violet { --tone:#7858b3; } #analyse .analyse-action.is-blue { --tone:#1882bd; }
#analyse .analyse-action-mark { flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:var(--tone); box-shadow:0 0 0 4px color-mix(in srgb,var(--tone) 18%,transparent); }
#analyse .analyse-action>div { display:grid; min-width:0; gap:3px; flex:1; }
#analyse .analyse-action strong { font-size:12px; color:var(--ap-ink); overflow-wrap:anywhere; }
#analyse .analyse-action small { color:var(--ap-muted); font-size:11px; line-height:1.4; }
#analyse .analyse-action button { border:1px solid var(--tone); color:var(--tone); background:transparent; border-radius:8px; padding:5px 9px; font-weight:800; cursor:pointer; }
#analyse .analyse-visual-bars { display:grid; gap:13px; }
#analyse .analyse-visual-row { display:grid; grid-template-columns:minmax(95px,1fr) minmax(90px,2fr) auto; align-items:center; gap:10px; font-size:12px; }
#analyse .analyse-visual-row>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; }
#analyse .analyse-visual-row>strong { min-width:60px; text-align:right; font-variant-numeric:tabular-nums; }
#analyse .analyse-visual-track { height:10px; border-radius:999px; background:#e2eff1; overflow:hidden; }
#analyse .analyse-visual-track i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#087d94,#29b9aa); }
#analyse .analyse-visual-row:nth-child(3n+2) i { background:linear-gradient(90deg,#315ea4,#57a1d9); } #analyse .analyse-visual-row:nth-child(3n) i { background:linear-gradient(90deg,#7959b3,#b694da); }
#analyse .analyse-source-note, #analyse .analyse-data-warning { padding:13px 15px; border:1px dashed var(--ap-line); border-radius:11px; color:var(--ap-muted); background:var(--ap-soft); font-size:11px; line-height:1.5; }
#analyse .analyse-empty-pro { margin:0; padding:24px 12px; text-align:center; color:var(--ap-muted); font-size:12px; }
#analyse .analyse-ticket-focus { display:flex; align-items:center; gap:12px; padding:11px 12px; margin-bottom:6px; border-radius:10px; border:1px solid var(--ap-line); text-decoration:none; color:var(--ap-ink); background:var(--ap-soft); }
#analyse .analyse-ticket-focus>span:nth-child(2) { display:grid; flex:1; gap:3px; min-width:0; } #analyse .analyse-ticket-focus strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; } #analyse .analyse-ticket-focus small { color:var(--ap-muted); font-size:11px; } #analyse .analyse-ticket-focus em { color:#ba463f; font-weight:800; font-size:11px; white-space:nowrap; } #analyse .analyse-ticket-number { color:#087e88; font-weight:900; font-size:12px; }
#analyse .analyse-grid .panel { border:1px solid var(--ap-line); border-radius:15px; background:var(--ap-panel); } #analyse .analyse-grid .period-head h3 { color:var(--ap-ink); } #analyse .analyse-bar-row-v4012 { grid-template-columns:minmax(90px,1fr) minmax(90px,2fr) auto; gap:10px; } #analyse .analyse-bar-fill-v4012 { background:linear-gradient(90deg,#078998,#42c5ac); }
#analyse .analyse-filters { border:1px solid var(--ap-line); border-radius:15px; background:var(--ap-panel); } #analyse .analyse-kpi { border-radius:14px; }
html[data-entretien-theme="dark"] #analyse { --ap-panel:#0e3547; --ap-ink:#e7f7f7; --ap-muted:#a9c9d1; --ap-line:#315969; --ap-soft:#173f50; }
html[data-entretien-theme="dark"] #analyse .analyse-metric { background:var(--ap-panel)!important; color:var(--ap-ink)!important; } html[data-entretien-theme="dark"] #analyse .analyse-metric::after { opacity:.13; } html[data-entretien-theme="dark"] #analyse .analyse-metric strong { color:color-mix(in srgb,var(--tone) 60%,white); } html[data-entretien-theme="dark"] #analyse .analyse-visual-track { background:#315568; } html[data-entretien-theme="dark"] #analyse .analyse-command-bar, html[data-entretien-theme="dark"] #analyse .analyse-command-card, html[data-entretien-theme="dark"] #analyse .analyse-grid .panel, html[data-entretien-theme="dark"] #analyse .analyse-filters { background:var(--ap-panel)!important; color:var(--ap-ink)!important; }
@media(max-width:1050px) { #analyse .analyse-command-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { #analyse .hero { padding:22px 19px; } #analyse .analyse-command-bar { align-items:stretch; } #analyse .analyse-command-bar>div { flex-basis:100%; } #analyse .analyse-command-bar label { flex:1; } #analyse .analyse-command-bar select { width:100%; } #analyse .analyse-command-grid { grid-template-columns:1fr; } #analyse .analyse-section-heading { align-items:start; flex-direction:column; } }
@media(max-width:480px) { #analyse .analyse-command-kpis { grid-template-columns:1fr 1fr; gap:8px; } #analyse .analyse-metric { min-height:116px; padding:14px; } #analyse .analyse-metric strong { font-size:24px; } #analyse .analyse-metric span { font-size:10px; } #analyse .analyse-visual-row { grid-template-columns:minmax(75px,1fr) minmax(50px,1fr) auto; gap:5px; } #analyse .analyse-command-card { padding:15px; } }