#fr-quick-brief {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  margin: 0;
}
#fr-quick-brief * { box-sizing: border-box; }
#fr-quick-brief .qfb-toggle {
  width: 100%; border: 0; background: transparent; padding: 14px 18px 13px;
  cursor: pointer; text-align: left; color: inherit; font: inherit;
}
#fr-quick-brief .qfb-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#fr-quick-brief .qfb-title-wrap { display:flex; align-items:center; gap:9px; min-width:0; }
#fr-quick-brief .qfb-icon { width:28px; height:28px; border-radius:10px; display:grid; place-items:center; background:#ecfdf5; color:#0f766e; flex:0 0 auto; font-size:15px; }
#fr-quick-brief .qfb-title { font-size:11px; line-height:1.1; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#64748b; white-space:nowrap; }
#fr-quick-brief .qfb-subtitle { margin-top:3px; font-size:10px; line-height:1.1; color:#94a3b8; }
#fr-quick-brief .qfb-action { display:flex; align-items:center; gap:5px; flex:0 0 auto; font-size:11px; font-weight:600; color:#0f766e; }
#fr-quick-brief .qfb-chevron { display:inline-block; transition:transform .2s ease; font-size:14px; line-height:1; }
#fr-quick-brief.qfb-open .qfb-chevron { transform:rotate(180deg); }
#fr-quick-brief .qfb-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:12px; }
#fr-quick-brief .qfb-metric { min-width:0; padding:0 12px; border-left:1px solid #e2e8f0; }
#fr-quick-brief .qfb-metric:first-child { padding-left:0; border-left:0; }
#fr-quick-brief .qfb-metric:last-child { padding-right:0; }
#fr-quick-brief .qfb-label { font-size:10px; color:#94a3b8; }
#fr-quick-brief .qfb-value { margin-top:2px; font-size:15px; line-height:1.2; font-weight:750; letter-spacing:-.02em; color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#fr-quick-brief .qfb-value.goal { color:#0f766e; }
#fr-quick-brief .qfb-progress-line { display:flex; align-items:center; justify-content:space-between; margin-top:11px; margin-bottom:5px; font-size:10px; color:#94a3b8; }
#fr-quick-brief .qfb-progress-line strong { color:#64748b; font-weight:700; }
#fr-quick-brief .qfb-track { height:6px; overflow:hidden; border-radius:999px; background:#e2e8f0; }
#fr-quick-brief .qfb-fill { height:100%; border-radius:inherit; background:#0d9488; width:0%; transition:width .25s ease; }
#fr-quick-brief .qfb-details { display:none; border-top:1px solid #f1f5f9; padding:8px 18px 14px; }
#fr-quick-brief.qfb-open .qfb-details { display:block; }
#fr-quick-brief .qfb-table-wrap { overflow-x:auto; }
#fr-quick-brief table { width:100%; min-width:430px; border-collapse:collapse; font-size:12px; }
#fr-quick-brief th { padding:8px 4px; text-align:right; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#94a3b8; }
#fr-quick-brief th:first-child { text-align:left; }
#fr-quick-brief td { padding:8px 4px; border-top:1px solid #f1f5f9; color:#475569; text-align:right; font-variant-numeric:tabular-nums; }
#fr-quick-brief td:first-child { text-align:left; font-weight:600; color:#334155; }
#fr-quick-brief td.qfb-goal { color:#0f766e; font-weight:650; }
#fr-quick-brief tr.qfb-total td { padding-top:10px; padding-bottom:10px; background:#f8fafc; color:#0f172a; font-weight:750; }
#fr-quick-brief tr.qfb-total td.qfb-goal { color:#0f766e; }
#fr-quick-brief .qfb-later { margin-left:4px; font-size:9px; font-weight:500; color:#94a3b8; }
#fr-quick-brief .qfb-note { margin-top:8px; font-size:10px; line-height:1.45; color:#94a3b8; }
.dark #fr-quick-brief { border-color:#334155; background:#0f172a; }
.dark #fr-quick-brief .qfb-icon { background:rgba(13,148,136,.14); color:#5eead4; }
.dark #fr-quick-brief .qfb-title, .dark #fr-quick-brief .qfb-progress-line strong { color:#94a3b8; }
.dark #fr-quick-brief .qfb-subtitle, .dark #fr-quick-brief .qfb-label, .dark #fr-quick-brief .qfb-progress-line, .dark #fr-quick-brief th, .dark #fr-quick-brief .qfb-note, .dark #fr-quick-brief .qfb-later { color:#64748b; }
.dark #fr-quick-brief .qfb-action, .dark #fr-quick-brief .qfb-value.goal, .dark #fr-quick-brief td.qfb-goal, .dark #fr-quick-brief tr.qfb-total td.qfb-goal { color:#5eead4; }
.dark #fr-quick-brief .qfb-metric { border-color:#334155; }
.dark #fr-quick-brief .qfb-value, .dark #fr-quick-brief tr.qfb-total td { color:#f1f5f9; }
.dark #fr-quick-brief .qfb-track { background:#334155; }
.dark #fr-quick-brief .qfb-details, .dark #fr-quick-brief td { border-color:#1e293b; }
.dark #fr-quick-brief td { color:#cbd5e1; }
.dark #fr-quick-brief td:first-child { color:#e2e8f0; }
.dark #fr-quick-brief tr.qfb-total td { background:rgba(30,41,59,.55); }
@media (max-width: 520px) {
  #fr-quick-brief .qfb-toggle { padding:13px 14px 12px; }
  #fr-quick-brief .qfb-details { padding:8px 14px 13px; }
  #fr-quick-brief .qfb-action span:first-child { display:none; }
  #fr-quick-brief .qfb-value { font-size:13px; }
  #fr-quick-brief .qfb-metric { padding:0 8px; }
  #fr-quick-brief .qfb-title { font-size:10px; }
}

/* Responsive alignment fix — keep expanded brief inside the content column */
#fr-quick-brief {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  align-self: stretch;
}
#fr-quick-brief .qfb-toggle,
#fr-quick-brief .qfb-details,
#fr-quick-brief .qfb-table-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
#fr-quick-brief .qfb-details {
  overflow: hidden;
}
#fr-quick-brief .qfb-table-wrap {
  overflow-x: hidden;
}
#fr-quick-brief table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
}
#fr-quick-brief th:first-child,
#fr-quick-brief td:first-child { width: 50%; }
#fr-quick-brief th:nth-child(2),
#fr-quick-brief td:nth-child(2),
#fr-quick-brief th:nth-child(3),
#fr-quick-brief td:nth-child(3) { width: 25%; }
#fr-quick-brief th,
#fr-quick-brief td {
  min-width: 0;
  overflow-wrap: anywhere;
}
#fr-quick-brief td:nth-child(2),
#fr-quick-brief td:nth-child(3) {
  white-space: nowrap;
}

@media (max-width: 640px) {
  #fr-quick-brief .qfb-details { padding-left: 12px; padding-right: 12px; }
  #fr-quick-brief table { font-size: 11px; }
  #fr-quick-brief th, #fr-quick-brief td { padding-left: 2px; padding-right: 2px; }
  #fr-quick-brief th:first-child,
  #fr-quick-brief td:first-child { width: 44%; }
  #fr-quick-brief th:nth-child(2),
  #fr-quick-brief td:nth-child(2),
  #fr-quick-brief th:nth-child(3),
  #fr-quick-brief td:nth-child(3) { width: 28%; }
  #fr-quick-brief .qfb-later { display: block; margin: 2px 0 0; }
}

@media (max-width: 390px) {
  #fr-quick-brief .qfb-metrics { gap: 0; }
  #fr-quick-brief .qfb-value { font-size: 12px; }
  #fr-quick-brief table { font-size: 10px; }
  #fr-quick-brief .qfb-note { font-size: 9px; }
}