/* ============================================================================
   SENDRAISE · ACE — Panneau conseiller (BLOC 4) · styles spécifiques
   Charge _ace-ui.css + analytics-panel.css (dist-table/donut réutilisés) en amont.
   2 onglets : Statistiques générales · Commissions sur opérations.
   ============================================================================ */

/* indicateurs conseiller : 5 KPIs, largeur réduite pour tenir sur une ligne */
.indicators .indicator{margin-right:28px;}

/* ── Sous-header « Période » (notch) ───────────────────────────────────── */
.notch-zone{position:relative;height:0;overflow:visible;z-index:3;}
.notch{position:absolute;right:0;top:0;width:fit-content;display:flex;}
.notch .corner{position:absolute;top:0;left:-8px;width:8px;height:8px;display:block;}
.notch .pill{
  display:flex;align-items:center;gap:14px;
  padding:6px 20px 8px 24px;
  background:linear-gradient(to bottom, var(--inverted), #385B83);
  border-bottom-left-radius:12px;
}
.notch .pill .per{color:var(--primary-contrast);opacity:.9;font-size:12px;font-weight:500;}
.notch .pill select{
  height:28px;border:1px solid rgba(255,255,255,0.3);border-radius:var(--r);
  background:rgba(255,255,255,0.1);color:var(--primary-contrast);
  font-family:'dm-sans';font-size:13px;font-weight:500;padding:0 26px 0 10px;cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23F1F7FE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 8px center;
}

/* pane backgrounds */
#pane-statistics{background:var(--default);}
#pane-operationFees{background:var(--paper);}

/* badge courtiers "C" */
.dt-name .broker{width:24px;height:24px;border-radius:4px;flex-shrink:0;background:rgba(217,205,188,0.4);color:#af9064;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;}

/* ── InfoPanel ─────────────────────────────────────────────────────────── */
.info-panel{
  display:flex;gap:12px;align-items:flex-start;
  background:#EAF1FB;border:1px solid #CFE0F5;border-radius:8px;padding:14px 16px;margin-bottom:20px;
}
.info-panel .ic{flex-shrink:0;width:18px;height:18px;color:var(--primary);margin-top:2px;}
.info-panel .ic svg{width:18px;height:18px;}
.info-panel .ttl{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px;}
.info-panel .txt{font-size:13px;line-height:1.5;color:var(--text-secondary);}

/* ── Tableau synthèse opérations ───────────────────────────────────────── */
.op-table{width:100%;border-collapse:collapse;border:1px solid var(--divider);border-radius:4px;overflow:hidden;background:#fff;}
.op-table th,.op-table td{padding:11px 14px;text-align:right;font-family:'dm-mono';font-size:14px;}
.op-table thead th{background:rgba(38,37,34,0.02);color:var(--text-secondary);font-family:'dm-sans';font-size:12px;font-weight:500;border-bottom:1px solid var(--divider);}
.op-table thead th:first-child,.op-table td:first-child{text-align:left;}
.op-table tbody td{border-bottom:1px solid var(--divider);color:var(--text-primary);}
.op-table tbody tr:last-child td{border-bottom:none;}
.op-table tbody tr:hover td{background:var(--grey-50);}
.op-table .type{display:flex;align-items:center;gap:8px;font-family:'dm-sans';font-weight:500;}
.op-table .type .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.op-table .strong{font-weight:500;}

/* ── Scatter chart opérations ──────────────────────────────────────────── */
.scatter-card{background:#fff;}
.scatter-wrap{position:relative;width:100%;}
.scatter-svg{display:block;width:100%;height:auto;overflow:visible;}
.scatter-legend{display:flex;justify-content:center;gap:24px;margin-top:14px;}
.scatter-legend .it{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);}
.scatter-legend .it .dot{width:12px;height:12px;border-radius:50%;}
.scatter-note{text-align:center;margin-top:10px;font-size:12px;font-style:italic;color:var(--text-secondary);}
.scatter-tip{
  position:absolute;z-index:20;pointer-events:none;min-width:190px;
  background:rgba(255,255,255,0.78);box-shadow:var(--elev2);backdrop-filter:blur(6px);
  border-radius:4px;padding:12px 14px;opacity:0;transform:scale(.95);transition:opacity .12s,transform .12s;
}
.scatter-tip.on{opacity:1;transform:scale(1);}
.scatter-tip .ttl{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:700;opacity:.85;margin-bottom:8px;}
.scatter-tip .rowt{display:flex;justify-content:space-between;gap:24px;font-size:14px;padding:1px 0;}
.scatter-tip .rowt .v{font-family:'dm-mono';font-weight:500;}