/* NavoFlo — Mon compte (V8.66.0): collapsible sections, compact glance strip, app launchers, staff statistics. */

/* account nav: staff tab */
.cs-account-nav a.is-staff{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.cs-account-nav a.is-staff .dl-staff-tag{font-size:10px;padding:1px 7px}

/* glance strip: one row, compact */
.license-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.license-stats article{padding:14px 16px}
.license-stats article strong{font-size:20px}

/* hero compact */
.license-hero{margin-bottom:18px}
.license-hero h1{font-size:clamp(26px,4vw,34px)}
.license-hero p{color:#8fa6b6;font-size:14px}
.acc-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 9px;border:1px solid #35d39a66;color:#35d39a;vertical-align:middle;margin-left:6px}
.acc-badge.shop{border-color:#7fd5ff66;color:#7fd5ff}
.acc-badge.staff{border-color:rgba(240,179,90,.45);color:#f0b35a}
.acc-badge.off{border-color:#3b5262;color:#91a2ae}

/* collapsible sections */
.acc-sec{border:1px solid #263541;background:#111a22;border-radius:16px;margin-bottom:12px;overflow:hidden}
.acc-sec>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 20px;user-select:none}
.acc-sec>summary::-webkit-details-marker{display:none}
.acc-sec>summary:hover{background:#13202a}
.acc-sec-ico{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#14242f;color:#35d19f;font-weight:800;font-size:13px;letter-spacing:.04em}
.acc-sec-ico.warn{color:#f0b35a;background:#2a2113}
.acc-sec-title{flex:1 1 auto;display:grid;gap:2px;min-width:0}
.acc-sec-title strong{font-size:15px;color:#eef6fa}
.acc-sec-title small{color:#8fa6b6;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-sec-chev{flex:0 0 auto;color:#6b8fa6;font-size:18px;transition:transform .18s}
.acc-sec[open]>summary .acc-sec-chev{transform:rotate(180deg)}
.acc-sec-body{padding:4px 20px 20px}
.acc-sec-body>.license-panel,.acc-sec-body>section.license-panel{border:0;background:transparent;padding:0;margin:0 0 18px;border-radius:0}
.acc-sec-body>.license-panel:last-child{margin-bottom:0}
.acc-sec-body .license-panel>h2,.acc-sec-body .license-panel-head h2{font-size:14px;color:#c8dce8;margin:0 0 10px}
.acc-sec-body .license-panel-head p{font-size:13px}
.acc-sec-body .audit-panel .audit-heading{display:none}
.acc-sec-body .audit-collapse[hidden]{display:block}

/* app launchers */
.acc-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.acc-app{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #1e3040;border-radius:12px;background:#0d1820;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.acc-app:hover{border-color:#35d19f66;background:#10202a}
.acc-app.off{opacity:.55;pointer-events:none}
.acc-app-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#14242f;color:#35d19f;font-weight:800;font-size:13px}
.acc-app div{display:grid;gap:2px;min-width:0}
.acc-app strong{font-size:14px;color:#eef6fa}
.acc-app small{font-size:12px;color:#8fa6b6}
.acc-app .acc-app-go{margin-left:auto;color:#35d19f;font-weight:800;font-size:16px}

/* statistics */
.st-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:14px}
.st-kpi{border:1px solid #263541;background:#111a22;border-radius:14px;padding:14px 16px;display:grid;gap:4px}
.st-kpi span{font-size:12px;color:#8fa6b6;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.st-kpi strong{font-size:26px;color:#eef6fa;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.st-kpi small{font-size:12px;color:#6b8fa6}
.st-kpi.good strong{color:#35d19f}
.st-kpi.money strong{color:#f0b35a}
.st-kpi.warn{border-color:rgba(240,179,90,.45)}
.st-kpi.warn strong{color:#f0b35a}
.st-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.st-chart{border:1px solid #1e3040;border-radius:12px;padding:14px;background:#0d1820}
.st-chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.st-chart-head strong{font-size:13px;color:#c8dce8}
.st-chart-head span{font-size:12px;color:#6b8fa6}
.st-bars{display:flex;align-items:flex-end;gap:3px;height:96px}
.st-bars span{flex:1 1 0;border-radius:3px 3px 0 0;min-height:3px;opacity:.85}
.st-bars span:hover{opacity:1}
.st-axis{display:flex;justify-content:space-between;font-size:11px;color:#56707f;margin-top:6px}
.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.st-list{border:1px solid #1e3040;border-radius:12px;padding:14px;background:#0d1820;display:grid;gap:6px;align-content:start}
.st-list h3{margin:0 0 6px;font-size:13px;color:#8fa6b6;text-transform:uppercase;letter-spacing:.06em}
.st-list div{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#c8dce8;border-bottom:1px solid #16232d;padding:5px 0}
.st-list div:last-child{border-bottom:0}
.st-list strong{color:#eef6fa;font-variant-numeric:tabular-nums;text-align:right}
.st-list small{color:#6b8fa6;font-weight:500}
.st-table-wrap{overflow:auto;border:1px solid #1e3040;border-radius:12px}
.st-table{width:100%;border-collapse:collapse;font-size:13px;min-width:980px}
.st-table th{text-align:left;padding:10px 12px;background:#0d1820;color:#8fa6b6;font-size:11px;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}
.st-table td{padding:10px 12px;border-top:1px solid #16232d;color:#c8dce8;vertical-align:top;font-variant-numeric:tabular-nums}
.st-table td small{color:#6b8fa6}
.st-table tr.is-staff td{background:rgba(240,179,90,.05)}

@media (max-width:640px){.acc-sec>summary{padding:14px 14px}.acc-sec-body{padding:4px 14px 14px}.acc-sec-title small{white-space:normal}.license-stats article strong{font-size:18px}.cs-account-nav a.is-staff{margin-left:0}}