:root {
  --adr-bg: #0b0f19;
  --adr-surface: #111827;
  --adr-surface-2: #172231;
  --adr-surface-3: #1d2b3a;
  --adr-card: #121c29;
  --adr-wine: #5b3025;
  --adr-wine-soft: rgba(249,115,22,.13);
  --adr-blush: #f9a66e;
  --adr-champagne: #f9b582;
  --adr-coral: #f97316;
  --adr-violet: #9edfe7;
  --adr-ivory: #f8fafc;
  --adr-text: #e9f0f6;
  --adr-muted: #aebcc9;
  --adr-line: rgba(162,190,207,.2);
  --adr-line-strong: rgba(249,115,22,.48);
  --fc-cyan: #06b6d4;
  --adr-max: 1292px;
}
body { background: #0b0f19; color: var(--adr-text); font-family: "Hanken Grotesk", system-ui, sans-serif; }
body::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:900px; background:radial-gradient(ellipse at 18% 22%,rgba(249,115,22,.08),transparent 45%),radial-gradient(ellipse at 87% 54%,rgba(6,182,212,.07),transparent 42%); pointer-events:none; }
body, .adr-main { min-width:0; }
:where(a,button,input,summary):focus-visible { outline:2px solid #7ee8f1; outline-offset:3px; }
.adr-agebar { background:#0e1622; border-color:#273543; color:#c4d1db; font-size:11px; font-weight:700; }
.adr-topbar { background:rgba(11,15,25,.94); border-color:#273543; }
.adr-topbar-inner { min-height:78px; }
.adr-nav { gap:24px; }
.adr-nav a { color:#c5d2dc; font-size:13px; letter-spacing:.02em; text-transform:none; }
.adr-nav a:hover, .adr-nav a.adr-active { color:#ffb684; }
.adr-nav .fc-nav-pro { border:1px solid #754630; border-radius:8px; padding:12px 17px; color:#ffb684; background:#201e24; white-space:nowrap; }
.adr-nav .fc-nav-pro:hover { background:#392820; color:#fff; }
.adr-brand .fc-wordmark { width:174px; max-height:66px; }
.adr-mobile-menu summary { border-radius:10px; width:44px; height:44px; color:#f7b387; }
.adr-mobile-menu nav { background:#111b28; border-color:#385063; border-radius:12px; }
.adr-mobile-menu a { min-height:44px; align-content:center; color:#d1dde5; }
.adr-footer { background:#0a111b; border-color:#283747; }
.adr-footer-links { gap:12px 20px; }
.adr-footer a:hover { color:#ffb684; }
.adr-footer-grid { align-items:start; }
.adr-footer .adr-card-copy { max-width:330px; }
.adr-archive-hero, .adr-card, .adr-filter, .adr-article, .adr-creator-card { border-color:var(--adr-line); }
.adr-page-title, .adr-archive-hero h1, .adr-article h1 { font-family:"Hanken Grotesk",system-ui,sans-serif; letter-spacing:-.035em; }
.adr-button { background:#f97316; color:#111827; border-radius:10px; box-shadow:none; }
.adr-button:hover { background:#ff9a51; }
.adr-ghost { border-color:#466075; color:#f1f7fa; border-radius:10px; }
.adr-pill { border-color:#835133; background:#2a211f; color:#ffb785; }

/* Homepage */
/* Homepage Concept 3 */
.fc-portal { padding-bottom:80px; }
.fc-portal-hero { position:relative; padding:64px 0 34px; max-width:850px; }
.fc-pill-concept { display:inline-block; border-radius:999px; background:#252335; color:#f8b385; font-size:13px; font-weight:700; padding:6px 16px; margin-bottom:18px; letter-spacing:.04em; }
.fc-portal-hero h1 { margin:0 0 16px; color:#ffffff; font-size:clamp(46px,5.5vw,68px); line-height:1.06; letter-spacing:-.045em; font-weight:700; }
.fc-portal-hero p { margin:0; color:#b9c6d4; font-size:clamp(18px,1.8vw,22px); line-height:1.45; }

.fc-entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:12px; }
.fc-entry { display:flex; min-width:0; min-height:410px; flex-direction:column; padding:38px; border:1px solid; border-radius:18px; }
.fc-entry-fan { border-color:#6a3d32; background:#291c20; }
.fc-entry-pro { border-color:#2b6a7a; background:#0d2634; }
.fc-pill-exploring { display:inline-block; align-self:flex-start; border-radius:999px; background:#5a3026; color:#fbc39a; font-size:12px; font-weight:700; letter-spacing:.08em; padding:5px 14px; text-transform:uppercase; }
.fc-pill-creating { display:inline-block; align-self:flex-start; border-radius:999px; background:#12495b; color:#8aeaf1; font-size:12px; font-weight:700; letter-spacing:.08em; padding:5px 14px; text-transform:uppercase; }
.fc-entry h2 { margin:24px 0 14px; color:#fff7f1; font-size:clamp(30px,3.2vw,39px); line-height:1.15; font-weight:700; letter-spacing:-.035em; }
.fc-entry-pro h2 { color:#f0fcfe; }
.fc-entry p { max-width:440px; margin:0 0 28px; color:#e0beb0; font-size:18px; line-height:1.5; }
.fc-entry-pro p { color:#a9d0d9; }
.fc-entry-action { display:inline-flex; align-items:center; justify-content:space-between; gap:14px; min-height:54px; align-self:flex-start; margin-top:auto; padding:13px 24px; border-radius:9px; font-size:18px; font-weight:700; text-decoration:none; transition:transform .18s,filter .18s; }
.fc-btn-explore { background:#f97316; color:#21140e; }
.fc-btn-create { background:#06b6d4; color:#06202b; }
.fc-entry-action:hover { transform:translateY(-2px); filter:brightness(1.1); }

/* Editorial Shelf */
.fc-shelf-section { margin-top:54px; padding-top:20px; }
.fc-shelf-eyebrow { display:block; color:#f8a567; font-size:14px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:24px; }
.fc-shelf-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.fc-shelf-col { display:flex; flex-direction:column; text-decoration:none; transition:transform .18s; }
.fc-shelf-col:hover { transform:translateY(-2px); }
.fc-shelf-title { color:#f8fafc; font-size:clamp(26px,2.4vw,32px); font-weight:700; line-height:1.2; letter-spacing:-.03em; margin:0 0 14px; }
.fc-shelf-col:hover .fc-shelf-title { color:#ffb684; }
.fc-shelf-rule { width:100%; height:1px; background:#2c3a49; margin-bottom:14px; }
.fc-shelf-desc { color:#aebbc7; font-size:16px; line-height:1.45; margin:0; }
.fc-shelf-footer { margin-top:42px; padding:22px 0 10px; border-top:1px solid #293343; }
.fc-shelf-brand { color:#f97316; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.fc-portal-section { padding:78px 0 10px; }
.fc-section-top { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:27px; }
.fc-section-top h2 { margin:8px 0 8px; color:#f8fafc; font-size:clamp(33px,3.5vw,49px); line-height:1.1; letter-spacing:-.045em; }
.fc-section-top p { margin:0; color:#aebdca; font-size:17px; }
.fc-text-link, .fc-card-link { color:#ffad77; font-weight:800; text-decoration:none; white-space:nowrap; }
.fc-text-link:hover, .fc-card-link:hover { color:#fff; }
.fc-dossier-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.fc-dossier-card, .fc-audit-card, .fc-story-card { min-width:0; overflow:hidden; border:1px solid #2d4050; border-radius:16px; background:#121c29; }
.fc-dossier-media { position:relative; display:grid; height:220px; place-items:center; overflow:hidden; background:linear-gradient(135deg,#334356,#2a2335); text-decoration:none; }
.fc-dossier-media img { width:100%; height:100%; object-fit:cover; }
.fc-media-placeholder { color:rgba(255,255,255,.48); font-size:80px; font-weight:800; }
.fc-media-tag { position:absolute; bottom:15px; left:17px; border:1px solid rgba(255,255,255,.22); border-radius:5px; background:rgba(11,15,25,.86); padding:7px 9px; color:#f7c6a3; font-size:10px; font-weight:800; letter-spacing:.1em; }
.fc-dossier-body { display:flex; min-height:220px; flex-direction:column; padding:24px; }
.fc-dossier-card h3, .fc-audit-card h3, .fc-story-card h3 { margin:10px 0; color:#f8fafc; font-size:24px; line-height:1.2; }
.fc-dossier-card h2, .fc-audit-card h2, .fc-story-card h2 { margin:10px 0; color:#f8fafc; font-size:24px; line-height:1.2; }
.fc-dossier-card h3 a, .fc-audit-card h3 a, .fc-story-card h3 a { text-decoration:none; }
.fc-dossier-card h2 a, .fc-audit-card h2 a, .fc-story-card h2 a { text-decoration:none; }
.fc-dossier-card h3 a:hover, .fc-audit-card h3 a:hover, .fc-story-card h3 a:hover { color:#ffb986; }
.fc-dossier-card p, .fc-audit-card p, .fc-story-card p { color:#aec0cd; font-size:15px; line-height:1.5; }
.fc-dossier-card .fc-card-link, .fc-audit-card .fc-card-link, .fc-story-card .fc-card-link { margin-top:auto; }
.fc-empty-panel { grid-column:1/-1; border:1px dashed #446070; border-radius:16px; background:#121c29; padding:46px; }
.fc-empty-icon { color:#ff9b59; font-size:36px; }
.fc-empty-panel h3 { margin:10px 0; color:#f8fafc; font-size:28px; }
.fc-empty-panel p { max-width:660px; color:#b2c1cd; line-height:1.6; }
.fc-empty-panel a { color:#ffae75; font-weight:800; }
.fc-audit-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.fc-audit-filters button { min-height:44px; border:1px solid #3a4d5d; border-radius:9px; background:#111c29; padding:9px 15px; color:#b4c4cf; font:inherit; font-weight:700; cursor:pointer; }
.fc-audit-filters button.is-active { border-color:#f97316; background:#34251f; color:#ffc397; }
.fc-audit-grid, .fc-story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.fc-audit-card, .fc-story-card { display:flex; min-height:235px; flex-direction:column; padding:25px; }
.fc-audit-card[hidden], .fc-filter-empty[hidden] { display:none; }
.fc-filter-empty { border:1px dashed #446070; border-radius:12px; padding:25px; color:#c2d0d9; }
.fc-tool-section .fc-section-index { color:#70d9e6; }
.fc-fee { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(275px,.7fr); overflow:hidden; border:1px solid #2d6573; border-radius:18px; background:#101f2d; }
.fc-fee-form { padding:31px; }
.fc-fee-form .fc-card-meta, .fc-fee-result .fc-card-meta { color:#71d9e5; }
.fc-fee h3 { margin:10px 0 8px; color:#f4fbfe; font-size:31px; line-height:1.2; }
.fc-fee p { margin:0 0 23px; color:#aac4d0; line-height:1.55; }
.fc-fee-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.fc-fee label { display:grid; gap:7px; color:#d4e4eb; font-size:14px; font-weight:700; }
.fc-fee input { width:100%; min-height:49px; border:1px solid #426276; border-radius:9px; background:#0b1824; padding:11px 13px; color:#f7fcfe; font:inherit; font-variant-numeric:tabular-nums; }
.fc-fee input:focus { border-color:#06b6d4; }
.fc-fee .fc-fee-note { margin:20px 0 0; font-size:13px; }
.fc-fee-result { display:flex; flex-direction:column; gap:0; border-left:1px solid #2d6573; background:#0b2938; padding:31px; }
.fc-fee-stat, .fc-fee-difference { display:flex; align-items:baseline; justify-content:space-between; gap:18px; border-bottom:1px solid #315467; padding:16px 0; color:#b8d5df; }
.fc-fee-stat strong, .fc-fee-difference strong { color:#f6fcff; font-size:23px; font-variant-numeric:tabular-nums; }
.fc-fee-difference { display:block; border:0; margin:18px 0 20px; }
.fc-fee-difference span, .fc-fee-difference strong { display:block; }
.fc-fee-difference strong { margin-top:9px; color:#64dce8; font-size:43px; }
.fc-fee-result a { margin-top:auto; color:#78e0e8; font-weight:800; }
.fc-editorial-note { margin:80px 0 0; border-top:1px solid #304355; padding:39px 0 0; }
.fc-editorial-note h2 { margin:10px 0; color:#f7fafc; font-size:33px; }
.fc-editorial-note p { max-width:830px; color:#b4c2ce; line-height:1.6; }
.fc-editorial-note div { display:flex; flex-wrap:wrap; gap:20px; }
.fc-editorial-note a { color:#ffb27b; font-weight:800; }

/* Directory and detail pages */
.fc-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0 44px; }
.fc-profile { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,.42fr); gap:30px; margin:22px 0 70px; }
.fc-profile-main, .fc-profile-side { min-width:0; }
.fc-profile-head { display:grid; grid-template-columns:180px minmax(0,1fr); gap:25px; align-items:center; border:1px solid #304454; border-radius:16px; background:#121d2b; padding:27px; }
.fc-profile-photo { display:grid; width:180px; height:180px; overflow:hidden; place-items:center; border-radius:12px; background:#303244; color:#e4c2ad; font-size:48px; font-weight:800; }
.fc-profile-photo img { width:100%; height:100%; object-fit:cover; }
.fc-profile-head h1 { margin:10px 0 6px; color:#f8fafc; font-size:clamp(34px,4vw,55px); line-height:1.08; letter-spacing:-.045em; }
.fc-profile-head p { color:#b3c2cd; }
.fc-profile-tags { display:flex; flex-wrap:wrap; gap:8px; }
.fc-profile-tags span { border:1px solid #46576a; border-radius:99px; padding:6px 11px; color:#dfebf0; font-size:12px; }
.fc-profile .adr-prose { max-width:none; margin-top:31px; }
.fc-profile-side section { border:1px solid #34495b; border-radius:14px; background:#142231; padding:24px; margin-bottom:18px; }
.fc-profile-side h2 { margin:0 0 12px; color:#f8fafc; font-size:21px; }
.fc-profile-side p { color:#b7c8d3; }
.fc-profile-side a { color:#ffae76; font-weight:800; }
.fc-profile-fact { display:flex; justify-content:space-between; gap:15px; border-top:1px solid #34495b; padding:12px 0; color:#b7c8d3; }
.fc-profile-fact strong { color:#f8fafc; text-align:right; }

@media (max-width:980px) {
  .fc-portal-hero { grid-template-columns:1fr; padding-top:55px; }
  .fc-portal-hero-mark { min-height:230px; }
  .fc-mark-letter { top:22px; }
  .fc-dossier-grid, .fc-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fc-profile { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .fc-entry-grid, .fc-audit-grid, .fc-story-grid, .fc-fee { grid-template-columns:1fr; }
  .fc-entry { min-height:365px; padding:26px; }
  .fc-entry h2 { margin-top:24px; }
  .fc-portal-section { padding-top:60px; }
  .fc-section-top { display:block; }
  .fc-text-link { display:inline-block; margin-top:17px; }
  .fc-fee-result { border-left:0; border-top:1px solid #2d6573; }
  .fc-profile-head { grid-template-columns:1fr; }
}
@media (max-width:490px) {
  .fc-portal-hero h1 { font-size:clamp(39px,11vw,52px); }
  .fc-portal-hero-mark { display:none; }
  .fc-dossier-grid, .fc-directory-grid, .fc-fee-fields { grid-template-columns:1fr; }
  .fc-entry-action { width:100%; }
  .fc-empty-panel { padding:26px; }
  .fc-profile-photo { width:100%; max-width:180px; }
  .adr-topbar-inner { gap:10px; }
  .adr-brand .fc-wordmark { width:126px; }
}
@media (prefers-reduced-motion:reduce) { .fc-entry-action { transition:none; } }

/* =========================================================================
   B2C Creator Tools Suite Styles
========================================================================= */
.fc-b2c-suite { width: 100%; margin: 20px 0 60px; }
.fc-suite-nav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; padding: 12px 18px; background: rgba(14, 22, 34, 0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--adr-line); border-radius: 14px; position: sticky; top: 88px; z-index: 30; }
.fc-suite-nav-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.fc-pill-tab { background: #111c29; border: 1px solid #374b5c; color: #a9bac7; padding: 8px 16px; border-radius: 999px; font-weight: 700; font-size: 13px; cursor: pointer; transition: all .16s ease; }
.fc-pill-tab:hover { border-color: var(--adr-coral); color: #fff; }
.fc-pill-tab.is-active { background: #34251f; border-color: var(--adr-coral); color: #ffb785; }
.fc-select-jump { background: #0b1824; border: 1px solid #3e5e72; color: #f4fbfe; border-radius: 8px; padding: 8px 14px; font-size: 13px; font-weight: 600; cursor: pointer; }
.fc-select-jump:focus { outline: none; border-color: #06b6d4; }

.fc-tool-card { background: #101f2d; border: 1px solid #2d4c5e; border-radius: 18px; overflow: hidden; margin-bottom: 32px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); transition: border-color .2s; }
.fc-tool-card:hover { border-color: #3b6b85; }
.fc-tool-card[hidden] { display: none !important; }

.fc-tool-header { padding: 28px 30px 18px; border-bottom: 1px solid rgba(162, 190, 207, 0.15); background: linear-gradient(180deg, rgba(23, 34, 49, 0.7) 0%, rgba(16, 31, 45, 0.2) 100%); }
.fc-tool-eyebrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.fc-tool-badge { color: var(--fc-cyan, #06b6d4); font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.fc-tool-tag { background: rgba(249, 115, 22, 0.15); border: 1px solid rgba(249, 115, 22, 0.35); color: #ffb785; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.fc-tool-title { margin: 0 0 8px; font-size: clamp(24px, 2.6vw, 30px); color: #f8fafc; font-weight: 700; letter-spacing: -0.03em; }
.fc-tool-desc { margin: 0; color: #aebdca; font-size: 15px; line-height: 1.5; max-width: 900px; }

.fc-tool-body { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 1.18fr); gap: 0; }
.fc-tool-controls { padding: 28px; border-right: 1px solid rgba(162, 190, 207, 0.15); background: #0c1824; }
.fc-tool-results { padding: 28px; background: #0f2434; display: flex; flex-direction: column; gap: 18px; }

.fc-field-group { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.fc-field-group label { display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 700; color: #d4e4eb; }
.fc-input-val-badge { color: #06b6d4; font-variant-numeric: tabular-nums; font-weight: 800; }
.fc-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.fc-field-grid .fc-field-group { margin-bottom: 0; }

.fc-input, .fc-select { width: 100%; min-height: 44px; border: 1px solid #3d5e73; border-radius: 9px; background: #08121c; padding: 9px 13px; color: #f7fcfe; font: inherit; font-size: 14px; font-variant-numeric: tabular-nums; transition: border-color .15s; }
.fc-input-sm { min-height: 40px; font-size: 13px; }
.fc-input:focus, .fc-select:focus { border-color: #06b6d4; outline: none; box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.2); }

.fc-input-range-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 12px; align-items: center; }
.fc-slider { width: 100%; height: 6px; border-radius: 4px; background: #233b4d; outline: none; -webkit-appearance: none; appearance: none; cursor: pointer; }
.fc-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #f97316; border: 2px solid #fff; cursor: pointer; transition: transform .12s; }
.fc-slider::-webkit-slider-thumb:hover { transform: scale(1.15); }
.fc-range-labels { display: flex; justify-content: space-between; font-size: 11px; color: #859bb0; margin-top: 4px; font-weight: 600; }

.fc-checkbox-group { margin: 12px 0 6px; }
.fc-checkbox-label { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: #cbd5e1; cursor: pointer; line-height: 1.45; }
.fc-checkbox-label input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; accent-color: #f97316; cursor: pointer; }

.fc-highlight-banner { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 12px; background: rgba(6, 182, 212, 0.12); border: 1px solid rgba(6, 182, 212, 0.35); color: #e0f2fe; font-size: 13px; line-height: 1.45; }
.fc-highlight-icon { font-size: 26px; flex-shrink: 0; }
.fc-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fc-stat-card { background: #0b1a26; border: 1px solid #233e50; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 3px; }
.fc-stat-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #94a9ba; }
.fc-stat-value { font-size: clamp(20px, 2vw, 26px); font-weight: 800; color: #f8fafc; font-variant-numeric: tabular-nums; line-height: 1.15; }
.fc-stat-sub { font-size: 12px; color: #8ea4b8; font-weight: 500; }

.fc-color-cyan { color: #06b6d4 !important; }
.fc-color-coral { color: #f97316 !important; }
.fc-color-green { color: #10b981 !important; }

.fc-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 10px; border: 1px solid #243d4f; }
.fc-table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; }
.fc-table th { background: #0b1824; padding: 11px 13px; color: #8ea4b8; font-weight: 700; border-bottom: 1px solid #243d4f; white-space: nowrap; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; }
.fc-table td { padding: 10px 13px; border-bottom: 1px solid rgba(36, 61, 79, 0.6); color: #cbd5e1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fc-table tr.fc-row-highlight { background: rgba(6, 182, 212, 0.08); }
.fc-table tr.fc-row-highlight td { border-color: rgba(6, 182, 212, 0.3); }
.fc-badge-top { display: inline-block; background: #06b6d4; color: #082f49; font-size: 10px; font-weight: 800; padding: 2px 6px; border-radius: 4px; margin-left: 6px; vertical-align: middle; text-transform: uppercase; }
.fc-pill-percent { background: #132b3c; border: 1px solid #2a4c63; color: #7dd3fc; padding: 2px 7px; border-radius: 4px; font-weight: 700; font-size: 11px; }

.fc-decay-chart-wrap { background: #0b1a26; border: 1px solid #233e50; border-radius: 12px; padding: 18px; }
.fc-chart-title { margin: 0 0 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #a4b8c9; }
.fc-decay-bars { display: flex; align-items: flex-end; justify-content: space-between; height: 120px; gap: 5px; padding: 8px 0 4px; border-bottom: 1px solid #254054; }
.fc-decay-bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; gap: 4px; }
.fc-decay-bar-track { width: 100%; height: 85px; display: flex; align-items: flex-end; background: rgba(255,255,255,0.03); border-radius: 4px; overflow: hidden; }
.fc-decay-bar-fill { width: 100%; background: linear-gradient(180deg, #06b6d4 0%, #0369a1 100%); border-radius: 4px 4px 0 0; transition: height .25s ease; }
.fc-decay-bar-num { font-size: 10px; font-weight: 700; color: #e2e8f0; font-variant-numeric: tabular-nums; }
.fc-decay-bar-month { font-size: 10px; color: #64748b; font-weight: 600; }
.fc-decay-meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 12px; font-size: 12px; color: #94a3b8; }

.fc-sweetspot-card { background: linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(15, 36, 52, 0.8) 100%); border: 1px solid rgba(6, 182, 212, 0.4); border-radius: 12px; padding: 16px; }
.fc-sweetspot-badge { display: inline-block; font-size: 11px; font-weight: 800; color: #38bdf8; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }
.fc-sweetspot-card h4 { margin: 0 0 6px; font-size: 17px; color: #f8fafc; }
.fc-sweetspot-card p { margin: 0; font-size: 13px; color: #cbd5e1; line-height: 1.45; }

.fc-recommendation-box { background: #0b1a26; border: 1px solid #233e50; border-radius: 12px; padding: 16px; }
.fc-recommendation-title { margin: 0 0 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #f97316; }
.fc-bullet-list { margin: 0; padding-left: 18px; font-size: 13px; color: #94a3b8; line-height: 1.55; }
.fc-bullet-list li { margin-bottom: 6px; }
.fc-bullet-list strong { color: #e2e8f0; }

.fc-copy-box { background: #08131d; border: 1px solid #254054; border-radius: 12px; padding: 14px; }
.fc-copy-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 11px; font-weight: 700; color: #a4b8c9; text-transform: uppercase; }
.fc-copy-btn { background: #f97316; color: #111827; border: none; padding: 6px 14px; border-radius: 6px; font-size: 12px; font-weight: 800; cursor: pointer; transition: all .15s; }
.fc-copy-btn:hover { background: #ff9a51; }
.fc-copy-btn.is-copied { background: #10b981; color: #fff; }
.fc-copy-text { margin: 0; font-size: 12px; color: #e2e8f0; line-height: 1.45; font-family: ui-monospace, SFMono-Regular, monospace; background: rgba(0,0,0,0.3); padding: 9px 12px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.06); }
.fc-code-snippet { margin: 0; font-size: 12px; color: #38bdf8; line-height: 1.4; white-space: pre-wrap; word-break: break-all; font-family: ui-monospace, SFMono-Regular, monospace; background: #050c14; padding: 10px 12px; border-radius: 6px; border: 1px solid #1e3546; }

.fc-dropzone { border: 2px dashed #3b5b70; border-radius: 14px; padding: 32px 18px; text-align: center; cursor: pointer; background: #081420; transition: all .2s; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.fc-dropzone:hover, .fc-dropzone.is-dragover { border-color: #06b6d4; background: #0c1d2e; }
.fc-drop-icon { font-size: 34px; }
.fc-btn-browse { background: #1b2f40; border: 1px solid #3b5b70; color: #e2e8f0; padding: 6px 16px; border-radius: 8px; font-weight: 700; font-size: 12px; margin-top: 4px; cursor: pointer; }
.fc-exif-guarantee { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 12px 16px; border-radius: 10px; background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.25); font-size: 12px; color: #a7f3d0; line-height: 1.45; }
.fc-lock-icon { font-size: 22px; flex-shrink: 0; }

.fc-empty-state { text-align: center; padding: 24px; color: #859bb0; font-size: 13px; }
.fc-empty-glyph { font-size: 36px; display: block; margin-bottom: 8px; }
.fc-alert-danger { background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.35); border-radius: 12px; padding: 16px; color: #fecaca; }
.fc-alert-clean { background: rgba(16, 185, 129, 0.12); border: 1px solid rgba(16, 185, 129, 0.35); border-radius: 12px; padding: 16px; color: #a7f3d0; }
.fc-findings-list { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.fc-finding-item { padding: 9px 12px; border-radius: 8px; background: rgba(0,0,0,0.3); font-size: 12px; }
.fc-finding-danger { border-left: 3px solid #ef4444; }
.fc-finding-warning { border-left: 3px solid #f59e0b; }
.fc-finding-item p { margin: 3px 0 0; color: #cbd5e1; }

.fc-exif-preview { display: flex; flex-direction: column; gap: 10px; }
.fc-clean-badge { color: #10b981; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; }
.fc-preview-img-wrap { max-height: 220px; overflow: hidden; border-radius: 10px; border: 1px solid #233e50; display: flex; align-items: center; justify-content: center; background: #000; }
.fc-preview-img-wrap img { max-width: 100%; max-height: 220px; object-fit: contain; }
.fc-btn-download { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; background: #06b6d4; color: #082f49; font-weight: 800; font-size: 14px; border-radius: 9px; text-decoration: none; border: none; cursor: pointer; transition: all .15s; }
.fc-btn-download:hover { background: #22d3ee; }

.fc-canvas-container { width: 100%; max-height: 360px; overflow: hidden; border-radius: 12px; border: 1px solid #233e50; background: #08121c; display: flex; align-items: center; justify-content: center; }
.fc-canvas-preview { max-width: 100%; max-height: 360px; height: auto; object-fit: contain; display: block; }

.fc-timezone-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.fc-clock-card { background: #0b1a26; border: 1px solid #233e50; border-radius: 10px; padding: 11px 13px; display: flex; flex-direction: column; gap: 4px; }
.fc-clock-head { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 700; color: #cbd5e1; }
.fc-clock-time { font-size: 15px; font-variant-numeric: tabular-nums; color: #f8fafc; }
.fc-clock-status { font-size: 11px; font-weight: 700; }
.fc-status-prime { color: #f97316; }
.fc-status-high { color: #06b6d4; }
.fc-status-med { color: #cbd5e1; }
.fc-status-sleep { color: #64748b; }
.fc-heat-pill { display: inline-block; padding: 2px 7px; border-radius: 4px; font-size: 11px; font-weight: 700; }
.fc-heat-prime { background: rgba(249, 115, 22, 0.2); color: #f97316; border: 1px solid rgba(249, 115, 22, 0.4); }
.fc-heat-med { background: rgba(6, 182, 212, 0.15); color: #38bdf8; border: 1px solid rgba(6, 182, 212, 0.3); }
.fc-heat-low { background: rgba(255,255,255,0.05); color: #64748b; }
.fc-row-selected { background: rgba(6, 182, 212, 0.12) !important; }
.fc-heat-table-wrap { max-height: 380px; overflow-y: auto; }

.fc-burnout-banner { padding: 18px; border-radius: 12px; border: 1px solid; }
.fc-burnout-banner h4 { margin: 0 0 5px; font-size: 16px; }
.fc-burnout-banner p { margin: 0; font-size: 13px; line-height: 1.45; }
.fc-burnout-green { background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.35); color: #6ee7b7; }
.fc-burnout-yellow { background: rgba(234, 179, 8, 0.12); border-color: rgba(234, 179, 8, 0.35); color: #fde047; }
.fc-burnout-red { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.45); color: #fca5a5; }

.fc-workload-breakdown { background: #0b1a26; border: 1px solid #233e50; border-radius: 12px; padding: 16px; }
.fc-workload-bar { width: 100%; height: 14px; border-radius: 7px; display: flex; overflow: hidden; background: #08121c; margin: 8px 0 12px; }
.fc-wbar-seg { height: 100%; transition: width .25s ease; }
.fc-seg-dm { background: #f97316; }
.fc-seg-custom { background: #06b6d4; }
.fc-seg-shoot { background: #8b5cf6; }
.fc-seg-promo { background: #ec4899; }
.fc-seg-admin { background: #64748b; }
.fc-workload-legend { display: flex; flex-wrap: wrap; gap: 10px; font-size: 11px; color: #94a3b8; font-weight: 600; }
.fc-legend-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; vertical-align: middle; }

.fc-sub-heading { font-size: 13px; font-weight: 700; color: #94a9ba; text-transform: uppercase; letter-spacing: 0.05em; margin: 18px 0 10px; border-top: 1px solid #1e3344; padding-top: 14px; }
.fc-audit-flag { padding: 14px; border-radius: 10px; border: 1px solid; font-size: 12px; line-height: 1.45; }
.fc-audit-safe { background: rgba(16, 185, 129, 0.08); border-color: rgba(16, 185, 129, 0.3); color: #6ee7b7; }
.fc-audit-med { background: rgba(234, 179, 8, 0.08); border-color: rgba(234, 179, 8, 0.3); color: #fde047; }
.fc-audit-high { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.35); color: #fca5a5; }

.fc-cost-breakdown { background: #08131d; border: 1px solid #233e50; border-radius: 12px; padding: 14px; }
.fc-breakdown-row { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 12px; color: #94a9ba; }
.fc-breakdown-row:last-child { border-bottom: none; }
.fc-breakdown-row strong { color: #f8fafc; font-variant-numeric: tabular-nums; }

.fc-upload-speeds { background: #08131d; border: 1px solid #233e50; border-radius: 12px; padding: 14px; }
.fc-speed-row { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 12px; color: #94a9ba; }
.fc-speed-row:last-child { border-bottom: none; }
.fc-speed-row strong { color: #f8fafc; font-variant-numeric: tabular-nums; }

@media (max-width: 900px) {
  .fc-tool-body { grid-template-columns: 1fr; }
  .fc-tool-controls { border-right: none; border-bottom: 1px solid rgba(162, 190, 207, 0.15); }
  .fc-suite-nav { position: static; }
}
@media (max-width: 580px) {
  .fc-field-grid, .fc-stat-grid, .fc-timezone-grid { grid-template-columns: 1fr; }
  .fc-tool-controls, .fc-tool-results, .fc-tool-header { padding: 18px; }
  .fc-suite-nav { padding: 10px 14px; }
}

/* =========================================================================
   B2B Creator Hub Enterprise Operations Suite Styles
   ========================================================================= */
.fc-b2b-hub { width: 100%; margin: 10px 0 60px; color: var(--adr-text, #e9f0f6); }

/* Top Command Bar */
.fc-b2b-topbar { display: flex; flex-direction: column; gap: 20px; padding: 26px 30px; background: linear-gradient(135deg, rgba(17, 24, 39, 0.95) 0%, rgba(13, 38, 52, 0.95) 100%); border: 1px solid rgba(6, 182, 212, 0.35); border-radius: 18px; box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35); margin-bottom: 24px; }
.fc-b2b-intro { max-width: 900px; }
.fc-b2b-badge { display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(6, 182, 212, 0.15); border: 1px solid rgba(6, 182, 212, 0.45); color: #70d9e6; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; }
.fc-b2b-title { margin: 0 0 8px; font-size: clamp(24px, 2.5vw, 32px); color: #f8fafc; font-weight: 800; letter-spacing: -0.03em; }
.fc-b2b-subtitle { margin: 0; color: #aebdca; font-size: 15px; line-height: 1.5; }

.fc-b2b-actions-cluster { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-top: 16px; border-top: 1px solid rgba(162, 190, 207, 0.15); }
.fc-b2b-presets-group { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.fc-b2b-group-label { font-size: 12px; font-weight: 700; color: #8ba2b5; text-transform: uppercase; letter-spacing: 0.05em; margin-right: 4px; }
.fc-b2b-preset-btn { background: #0c1824; border: 1px solid #2d4c5e; color: #cbd5e1; padding: 8px 14px; border-radius: 9px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: all .16s ease; }
.fc-b2b-preset-btn:hover { border-color: #06b6d4; color: #fff; transform: translateY(-1px); }
.fc-b2b-preset-btn.is-active { background: rgba(6, 182, 212, 0.2); border-color: #06b6d4; color: #a5f3fc; box-shadow: 0 0 12px rgba(6, 182, 212, 0.25); }

.fc-b2b-export-group { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.fc-b2b-action-btn { background: #132232; border: 1px solid #365369; color: #e2e8f0; padding: 8px 14px; border-radius: 8px; font-size: 12px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: all .15s ease; text-decoration: none; }
.fc-b2b-action-btn:hover { background: #1b3247; border-color: #06b6d4; color: #fff; }
.fc-b2b-btn-csv:hover { border-color: #10b981; color: #a7f3d0; }
.fc-b2b-btn-json:hover { border-color: #f97316; color: #fdba74; }

/* Global Ticker Ticker Bar */
.fc-b2b-ticker { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.fc-ticker-card { background: #101c29; border: 1px solid #233e52; border-radius: 14px; padding: 14px 18px; display: flex; flex-direction: column; gap: 4px; box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.fc-ticker-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #8fa5b8; }
.fc-ticker-val { font-size: clamp(18px, 1.8vw, 24px); font-weight: 800; color: #f8fafc; font-variant-numeric: tabular-nums; line-height: 1.15; }
.fc-ticker-sub { font-size: 11px; color: #7f95a8; font-weight: 600; }

/* Tabs Navigation */
.fc-b2b-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 14px; background: rgba(14, 22, 34, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid #2a475a; border-radius: 14px; margin-bottom: 26px; position: sticky; top: 84px; z-index: 25; }
.fc-b2b-tab-btn { background: #0e1a26; border: 1px solid #274052; color: #a4b8c9; padding: 9px 15px; border-radius: 9px; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: all .16s ease; }
.fc-tab-num { font-size: 11px; font-weight: 800; color: #06b6d4; opacity: 0.75; font-variant-numeric: tabular-nums; }
.fc-b2b-tab-btn:hover { border-color: #06b6d4; color: #fff; background: #132434; }
.fc-b2b-tab-btn.is-active { background: #143042; border-color: #06b6d4; color: #a5f3fc; box-shadow: 0 0 14px rgba(6, 182, 212, 0.22); }
.fc-b2b-tab-btn.is-active .fc-tab-num { opacity: 1; color: #22d3ee; }

/* Panels */
.fc-b2b-panel { display: none; }
.fc-b2b-panel.is-active { display: block; animation: fcFadeIn .2s ease; }
@keyframes fcFadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

.fc-b2b-panel-header { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 22px; }
.fc-b2b-module-tag { display: inline-block; font-size: 11px; font-weight: 800; color: #06b6d4; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 6px; }
.fc-b2b-panel-header h4 { margin: 0 0 6px; font-size: clamp(22px, 2.2vw, 28px); color: #f8fafc; font-weight: 800; letter-spacing: -0.02em; }
.fc-b2b-panel-header p { margin: 0; color: #aebdca; font-size: 15px; line-height: 1.5; max-width: 850px; }
.fc-b2b-chatter-global-cut { display: flex; align-items: center; gap: 10px; background: #0c1824; border: 1px solid #2d4c5e; border-radius: 9px; padding: 6px 12px; font-size: 13px; font-weight: 700; color: #d4e4eb; }
.fc-b2b-chatter-global-cut input { width: 70px; min-height: 34px; padding: 4px 8px; font-size: 13px; background: #08121c; border: 1px solid #3d5e73; border-radius: 6px; color: #f8fafc; }

/* Grids & Cards */
.fc-b2b-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 20px; }
.fc-b2b-card { background: #101f2d; border: 1px solid #264356; border-radius: 16px; padding: 26px; box-shadow: 0 8px 24px rgba(0,0,0,0.22); }
.fc-card-heading { margin: 0 0 16px; font-size: 16px; font-weight: 800; color: #f8fafc; letter-spacing: -0.01em; }
.fc-mt-md { margin-top: 22px; }

/* Form Fields */
.fc-input-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.fc-input-group label, .fc-label-text { font-size: 13px; font-weight: 700; color: #cbd5e1; }
.fc-dual-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fc-input-hint { font-size: 11px; color: #7f95a8; line-height: 1.4; margin-top: 2px; }
.fc-b2b-hub input[type="number"], .fc-b2b-hub select { width: 100%; min-height: 44px; border: 1px solid #36556b; border-radius: 9px; background: #09131d; padding: 9px 13px; color: #f8fafc; font: inherit; font-size: 14px; font-variant-numeric: tabular-nums; transition: border-color .15s; }
.fc-b2b-hub input[type="number"]:focus, .fc-b2b-hub select:focus { border-color: #06b6d4; outline: none; box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.2); }

/* Split Presets Buttons */
.fc-split-presets { display: flex; gap: 8px; margin-top: 4px; }
.fc-split-preset-btn { flex: 1; min-height: 38px; background: #0c1824; border: 1px solid #2f4c5e; color: #b4c6d4; border-radius: 8px; font-size: 12px; font-weight: 800; cursor: pointer; transition: all .15s; }
.fc-split-preset-btn:hover { border-color: #06b6d4; color: #fff; }
.fc-split-preset-btn.is-active { background: #06b6d4; color: #082f49; border-color: #06b6d4; }

/* Visual Bar */
.fc-split-visual-wrap { margin-bottom: 20px; }
.fc-split-bar { display: flex; height: 16px; border-radius: 8px; overflow: hidden; background: #08121c; border: 1px solid #1f3747; }
.fc-bar-platform { background: #64748b; transition: width .25s ease; }
.fc-bar-expenses { background: #f97316; transition: width .25s ease; }
.fc-bar-agency { background: #06b6d4; transition: width .25s ease; }
.fc-bar-model { background: #10b981; transition: width .25s ease; }
.fc-split-legend { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 8px; font-size: 11px; font-weight: 700; color: #94a9ba; }
.fc-legend-dot { display: inline-flex; align-items: center; gap: 6px; }
.fc-legend-dot::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 50%; }
.fc-dot-platform::before { background: #64748b; }
.fc-dot-expenses::before { background: #f97316; }
.fc-dot-agency::before { background: #06b6d4; }
.fc-dot-model::before { background: #10b981; }

/* Ledger Table */
.fc-ledger-table { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.fc-ledger-row { display: flex; align-items: baseline; justify-content: space-between; font-size: 14px; color: #cbd5e1; padding: 4px 0; }
.fc-ledger-row strong { color: #f8fafc; font-variant-numeric: tabular-nums; }
.fc-text-muted { color: #8ba2b5; }
.fc-highlight-row { background: rgba(6, 182, 212, 0.08); padding: 8px 12px; border-radius: 8px; border: 1px solid rgba(6, 182, 212, 0.2); }
.fc-ledger-divider { height: 1px; background: #264356; margin: 8px 0; }
.fc-stat-hero { padding: 12px 14px; border-radius: 10px; margin-top: 4px; }
.fc-hero-agency { background: rgba(6, 182, 212, 0.12); border: 1px solid rgba(6, 182, 212, 0.35); }
.fc-hero-agency strong { color: #38bdf8; font-size: 22px; }
.fc-hero-model { background: rgba(16, 185, 129, 0.12); border: 1px solid rgba(16, 185, 129, 0.35); }
.fc-hero-model strong { color: #34d399; font-size: 22px; }
.fc-hero-title { display: block; font-weight: 800; font-size: 14px; color: #f8fafc; }
.fc-hero-sub { display: block; font-size: 11px; color: #94a9ba; }

/* Statement Box */
.fc-statement-box { background: #0a1420; border: 1px solid #233e52; border-radius: 12px; padding: 16px; margin-top: 18px; }
.fc-statement-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.fc-btn-cyan { background: #06b6d4 !important; color: #082f49 !important; font-weight: 800 !important; }
.fc-btn-cyan:hover { background: #22d3ee !important; }
.fc-btn-outline { background: transparent !important; border: 1px solid #3d5e73 !important; }
.fc-btn-outline:hover { border-color: #cbd5e1 !important; color: #fff !important; }
.fc-statement-preview-wrap { display: flex; flex-direction: column; gap: 6px; }
.fc-preview-title { font-size: 11px; font-weight: 700; color: #8fa5b8; text-transform: uppercase; letter-spacing: 0.05em; }
.fc-statement-preview { margin: 0; background: #050c14; border: 1px solid #1a2f3f; border-radius: 8px; padding: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; color: #93c5fd; line-height: 1.5; max-height: 200px; overflow-y: auto; white-space: pre-wrap; word-break: break-all; }

/* MODULE 2: Chatter Shifts */
.fc-chatter-shifts-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.fc-shift-card { background: #0f1e2c; border: 1px solid #264356; border-radius: 14px; padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.fc-shift-prime { border-color: rgba(249, 115, 22, 0.45); background: linear-gradient(180deg, rgba(35, 24, 22, 0.7) 0%, rgba(15, 30, 44, 0.9) 100%); }
.fc-shift-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; border-bottom: 1px solid #233e50; padding-bottom: 12px; }
.fc-shift-time { font-size: 10px; font-weight: 800; color: #8ba2b5; letter-spacing: 0.08em; text-transform: uppercase; }
.fc-shift-head h5 { margin: 2px 0 0; font-size: 16px; font-weight: 800; color: #f8fafc; }
.fc-shift-badge { display: inline-block; font-size: 10px; font-weight: 800; padding: 3px 8px; border-radius: 999px; background: rgba(6, 182, 212, 0.15); color: #70d9e6; border: 1px solid rgba(6, 182, 212, 0.35); text-transform: uppercase; }
.fc-badge-prime { background: rgba(249, 115, 22, 0.2); color: #fb923c; border-color: rgba(249, 115, 22, 0.4); }
.fc-shift-stats { display: flex; flex-direction: column; gap: 6px; padding-top: 10px; border-top: 1px solid #233e50; font-size: 12px; color: #b4c6d4; }
.fc-shift-row { display: flex; justify-content: space-between; }
.fc-shift-row strong { color: #f8fafc; font-variant-numeric: tabular-nums; }
.fc-chatter-summary-card { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; padding: 18px 24px; background: #0c1824; border: 1px solid #284457; border-radius: 14px; }
.fc-summary-stat { display: flex; flex-direction: column; gap: 3px; }
.fc-summary-stat span { font-size: 11px; font-weight: 700; color: #8fa5b8; text-transform: uppercase; }
.fc-summary-stat strong { font-size: 18px; color: #f8fafc; font-variant-numeric: tabular-nums; }

/* MODULE 3: Portfolio Cohorts */
.fc-portfolio-tiers-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.fc-tier-card { background: #0f1e2c; border: 1px solid #264356; border-radius: 14px; padding: 22px; }
.fc-tier-flagship { border-color: rgba(6, 182, 212, 0.45); }
.fc-tier-badge { font-size: 11px; font-weight: 800; color: #06b6d4; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 14px; border-bottom: 1px solid #233e50; padding-bottom: 8px; }
.fc-tier-calc-box { margin-top: 14px; padding-top: 12px; border-top: 1px solid #233e50; display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #cbd5e1; }
.fc-tier-row { display: flex; justify-content: space-between; }
.fc-portfolio-analytics-card { background: #0c1824; border: 1px solid #264356; border-radius: 14px; padding: 24px; }
.fc-portfolio-metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid #233e50; }
.fc-pmetric { display: flex; flex-direction: column; gap: 4px; }
.fc-pmetric span { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #8fa5b8; }
.fc-pmetric strong { font-size: 22px; color: #f8fafc; font-variant-numeric: tabular-nums; }

.fc-concentration-guard { background: #08121c; border: 1px solid #233e50; border-radius: 12px; padding: 18px; }
.fc-guard-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.fc-guard-header h6 { margin: 0 0 4px; font-size: 15px; color: #f8fafc; font-weight: 800; }
.fc-guard-header p { margin: 0; font-size: 12px; color: #94a9ba; }
.fc-guard-badge { font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 999px; text-transform: uppercase; }
.fc-progress-wrap { margin-bottom: 12px; }
.fc-progress-bar { width: 100%; height: 10px; border-radius: 5px; background: #132434; overflow: hidden; }
.fc-progress-fill { height: 100%; background: linear-gradient(90deg, #06b6d4 0%, #f97316 100%); transition: width .25s ease; }
.fc-progress-label { display: flex; justify-content: space-between; font-size: 11px; color: #8ba2b5; margin-top: 6px; }
.fc-churn-scenario { font-size: 12px; color: #cbd5e1; padding: 10px 14px; border-radius: 8px; background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.25); }

/* MODULE 4: Paid Traffic */
.fc-traffic-kpi-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.fc-traffic-kpi { background: #0c1824; border: 1px solid #233e50; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 4px; }
.fc-traffic-kpi span { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #8fa5b8; }
.fc-traffic-kpi strong { font-size: 20px; color: #f8fafc; font-variant-numeric: tabular-nums; }
.fc-roas-table { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.fc-roas-row { display: flex; justify-content: space-between; align-items: center; padding: 12px; border-radius: 10px; background: #0c1824; border: 1px solid #233e50; }
.fc-roas-val { text-align: right; display: flex; flex-direction: column; gap: 2px; }
.fc-verdict-box { padding: 14px; border-radius: 10px; background: rgba(6, 182, 212, 0.1); border: 1px solid rgba(6, 182, 212, 0.35); font-size: 13px; color: #e0f2fe; line-height: 1.45; }

/* MODULE 5: Chargeback Guard */
.fc-gauge-container { background: #08121c; border: 1px solid #233e50; border-radius: 14px; padding: 18px; margin-bottom: 16px; }
.fc-gauge-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; font-size: 13px; color: #cbd5e1; }
.fc-gauge-val { font-size: 28px; color: #f8fafc; font-variant-numeric: tabular-nums; }
.fc-gauge-bar-track { position: relative; height: 16px; border-radius: 8px; background: #132434; margin-bottom: 16px; overflow: visible; }
.fc-gauge-bar-fill { height: 100%; border-radius: 8px; transition: width .25s ease; }
.fc-gauge-marker { position: absolute; top: -6px; bottom: -6px; width: 2px; background: #fff; z-index: 2; }
.fc-gauge-marker span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size: 9px; font-weight: 800; white-space: nowrap; padding: 1px 4px; border-radius: 3px; }
.fc-marker-warning { background: #f59e0b; }
.fc-marker-warning span { background: #f59e0b; color: #111; }
.fc-marker-critical { background: #ef4444; }
.fc-marker-critical span { background: #ef4444; color: #fff; }
.fc-gauge-footer { display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.fc-headroom-text { color: #94a9ba; font-weight: 600; }
.fc-mitigation-tips { padding: 14px; border-radius: 10px; background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.25); font-size: 12px; color: #a7f3d0; line-height: 1.45; }

/* MODULE 6: Media Vault */
.fc-cloud-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.fc-cloud-card { background: #0c1824; border: 1px solid #233e50; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 8px; }
.fc-cloud-card.is-winner { border-color: #10b981; background: linear-gradient(180deg, rgba(16, 185, 129, 0.12) 0%, rgba(12, 24, 36, 0.9) 100%); box-shadow: 0 0 16px rgba(16, 185, 129, 0.18); }
.fc-cloud-badge { font-size: 11px; font-weight: 800; color: #8fa5b8; text-transform: uppercase; }
.fc-badge-winner { color: #34d399; }
.fc-cloud-cost strong { font-size: 24px; color: #f8fafc; font-variant-numeric: tabular-nums; }
.fc-cloud-cost span { font-size: 12px; color: #8fa5b8; }
.fc-cloud-annual { font-size: 12px; color: #7f95a8; font-weight: 600; }
.fc-cloud-breakdown { font-size: 11px; color: #8ba2b5; margin-top: auto; padding-top: 8px; border-top: 1px solid #1f3747; display: flex; justify-content: space-between; }
.fc-vault-savings-hero { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-radius: 12px; background: rgba(16, 185, 129, 0.12); border: 1px solid rgba(16, 185, 129, 0.35); }
.fc-savings-label { display: block; font-size: 14px; font-weight: 800; color: #f8fafc; }
.fc-savings-sub { display: block; font-size: 11px; color: #a7f3d0; }
.fc-savings-val { text-align: right; }
.fc-savings-val strong { display: block; font-size: 24px; color: #34d399; font-variant-numeric: tabular-nums; }
.fc-savings-val span { font-size: 12px; color: #a7f3d0; }

/* MODULE 7: DMCA Leak */
.fc-dmca-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.fc-dmca-stat { background: #0c1824; border: 1px solid #233e50; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 3px; }
.fc-dmca-stat span { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #8fa5b8; }
.fc-dmca-stat strong { font-size: 20px; color: #f8fafc; font-variant-numeric: tabular-nums; }
.fc-dmca-stat small { font-size: 11px; color: #7f95a8; }
.fc-dmca-roi-box { background: #08121c; border: 1px solid #233e50; border-radius: 12px; padding: 18px; }
.fc-roi-headline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.fc-roi-title { display: block; font-size: 14px; font-weight: 800; color: #f8fafc; }
.fc-roi-sub { display: block; font-size: 11px; color: #8fa5b8; }
.fc-roi-multiple { font-size: 26px; color: #06b6d4; font-variant-numeric: tabular-nums; }
.fc-roi-desc { margin: 0; font-size: 12px; color: #cbd5e1; line-height: 1.5; }

/* MODULE 8: Talent Advance */
.fc-adv-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.fc-adv-kpi { background: #0c1824; border: 1px solid #233e50; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 3px; }
.fc-adv-kpi span { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #8fa5b8; }
.fc-adv-kpi strong { font-size: 20px; color: #f8fafc; font-variant-numeric: tabular-nums; }
.fc-adv-kpi small { font-size: 11px; color: #7f95a8; }
.fc-amort-milestone-box { background: #08121c; border: 1px solid #233e50; border-radius: 12px; padding: 18px; }
.fc-amort-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.fc-amort-title { display: block; font-size: 14px; font-weight: 800; color: #f8fafc; }
.fc-amort-sub { display: block; font-size: 11px; color: #8fa5b8; }
.fc-amort-num { font-size: 24px; color: #06b6d4; font-variant-numeric: tabular-nums; }
.fc-adv-verdict { font-size: 12px; color: #cbd5e1; line-height: 1.5; margin-top: 14px; padding-top: 12px; border-top: 1px solid #233e50; }

/* Dedicated Page / Methodology Styles (page-hub.php) */
.fc-hub-page-wrap { padding-top: 24px; padding-bottom: 80px; }
.fc-b2b-breadcrumbs { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #8fa5b8; margin-bottom: 24px; }
.fc-b2b-breadcrumbs a { color: #a4b8c9; text-decoration: none; }
.fc-b2b-breadcrumbs a:hover { color: #06b6d4; }
.fc-b2b-hero { margin-bottom: 34px; max-width: 950px; }
.fc-b2b-hero-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.fc-hero-kicker { font-size: 12px; font-weight: 800; color: #f97316; letter-spacing: 0.1em; text-transform: uppercase; }
.fc-hero-version { background: #1a2f3f; color: #7dd3fc; font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 4px; }
.fc-b2b-hero-title { margin: 0 0 14px; font-size: clamp(32px, 3.8vw, 48px); font-weight: 800; color: #ffffff; letter-spacing: -0.04em; line-height: 1.1; }
.fc-b2b-hero-lede { margin: 0 0 20px; font-size: clamp(16px, 1.6vw, 19px); color: #cbd5e1; line-height: 1.55; }
.fc-b2b-hero-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.fc-hero-pill { background: #101d2a; border: 1px solid #243d4f; color: #a7f3d0; font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 999px; }

/* Methodology Cards */
.fc-b2b-methodology-section { margin-top: 60px; padding-top: 40px; border-top: 1px solid #264356; }
.fc-methodology-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.fc-methodology-card { background: #101c29; border: 1px solid #233e50; border-radius: 16px; padding: 30px; display: flex; flex-direction: column; gap: 14px; }
.fc-module-anchor-tag { font-size: 11px; font-weight: 800; color: #06b6d4; letter-spacing: 0.08em; text-transform: uppercase; }
.fc-methodology-card h3 { margin: 0; font-size: 21px; color: #f8fafc; font-weight: 800; line-height: 1.25; }
.fc-methodology-card p { margin: 0; font-size: 14px; color: #cbd5e1; line-height: 1.6; }
.fc-formula-box { background: #08121c; border: 1px solid #20394c; border-radius: 10px; padding: 14px; display: flex; flex-direction: column; gap: 6px; }
.fc-formula-box strong { font-size: 11px; color: #f97316; text-transform: uppercase; letter-spacing: 0.05em; }
.fc-formula-box code { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 12px; color: #7dd3fc; line-height: 1.4; }
.fc-methodology-list { margin: 0; padding-left: 20px; font-size: 13px; color: #cbd5e1; line-height: 1.6; display: flex; flex-direction: column; gap: 8px; }
.fc-cohort-table-wrap { overflow-x: auto; border: 1px solid #233e50; border-radius: 10px; }
.fc-cohort-table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
.fc-cohort-table th { background: #08121c; padding: 9px 12px; color: #8fa5b8; border-bottom: 1px solid #233e50; font-size: 11px; text-transform: uppercase; }
.fc-cohort-table td { padding: 9px 12px; border-bottom: 1px solid #1a2f3f; color: #cbd5e1; }

/* FAQ Accordion */
.fc-b2b-faq-section { margin-top: 60px; padding-top: 40px; border-top: 1px solid #264356; }
.fc-faq-accordion { display: flex; flex-direction: column; gap: 12px; }
.fc-faq-item { background: #101c29; border: 1px solid #233e50; border-radius: 12px; overflow: hidden; transition: border-color .15s; }
.fc-faq-item[open] { border-color: #06b6d4; }
.fc-faq-item summary { padding: 18px 24px; font-size: 16px; font-weight: 700; color: #f8fafc; cursor: pointer; display: flex; justify-content: space-between; align-items: center; list-style: none; user-select: none; }
.fc-faq-item summary::-webkit-details-marker { display: none; }
.fc-faq-item summary h3 { margin: 0; font-size: 16px; font-weight: 700; color: #f8fafc; }
.fc-faq-chevron { font-size: 18px; color: #06b6d4; transition: transform .2s ease; }
.fc-faq-item[open] .fc-faq-chevron { transform: rotate(180deg); }
.fc-faq-body { padding: 0 24px 22px; font-size: 14px; color: #cbd5e1; line-height: 1.6; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 14px; }
.fc-faq-body p { margin: 0; }

/* Status Badges & High-Contrast Colors */
.fc-badge-status { display: inline-block; font-size: 11px; font-weight: 800; padding: 3px 8px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.04em; }
.fc-badge-safe { background: rgba(16, 185, 129, 0.15); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.4); }
.fc-badge-warning { background: rgba(245, 158, 11, 0.15); color: #fbbf24; border: 1px solid rgba(245, 158, 11, 0.4); }
.fc-badge-danger { background: rgba(239, 68, 68, 0.15); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.4); }
.fc-badge-active { background: rgba(6, 182, 212, 0.15); color: #38bdf8; border: 1px solid rgba(6, 182, 212, 0.4); }

.fc-highlight-cyan { color: #38bdf8 !important; }
.fc-highlight-coral { color: #fb923c !important; }
.fc-highlight-emerald { color: #34d399 !important; }

.fc-bg-cyan { background: #06b6d4 !important; }
.fc-bg-emerald { background: #10b981 !important; }
.fc-bg-amber { background: #f59e0b !important; }
.fc-bg-coral { background: #f97316 !important; }
.fc-bg-rose { background: #ef4444 !important; }

/* Responsive Media Queries */
@media (max-width: 1080px) {
  .fc-b2b-ticker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fc-portfolio-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fc-chatter-shifts-grid, .fc-portfolio-tiers-grid, .fc-cloud-cards { grid-template-columns: 1fr; }
  .fc-chatter-summary-card { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .fc-b2b-grid, .fc-methodology-grid { grid-template-columns: 1fr; }
  .fc-b2b-ticker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fc-b2b-nav { position: static; }
  .fc-b2b-topbar { padding: 20px; }
  .fc-b2b-card { padding: 20px; }
}

@media (max-width: 540px) {
  .fc-b2b-ticker { grid-template-columns: 1fr; }
  .fc-dual-inputs, .fc-traffic-kpi-grid, .fc-dmca-stats-grid, .fc-adv-kpis, .fc-chatter-summary-card, .fc-portfolio-metrics-grid { grid-template-columns: 1fr; }
  .fc-b2b-actions-cluster { flex-direction: column; align-items: stretch; }
  .fc-b2b-presets-group, .fc-b2b-export-group { width: 100%; justify-content: stretch; }
  .fc-b2b-preset-btn, .fc-b2b-action-btn { flex: 1; justify-content: center; }
  .fc-b2b-hero-pills { flex-direction: column; }
  .fc-vault-savings-hero { flex-direction: column; align-items: flex-start; gap: 10px; }
  .fc-savings-val { text-align: left; }
}

/* B2B Promo Bridge Card on /tools/#creator-workspace */
.fc-b2b-promo-section { margin: 20px 0 35px; }
.fc-b2b-promo-card { background: linear-gradient(135deg, rgba(6, 182, 212, 0.1) 0%, rgba(16, 31, 45, 0.95) 100%); border: 1px solid rgba(6, 182, 212, 0.35); border-radius: 18px; padding: 32px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.fc-b2b-promo-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.fc-b2b-promo-version { background: #1a2f3f; color: #7dd3fc; font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 4px; }
.fc-b2b-promo-card h2 { margin: 0 0 12px; font-size: clamp(22px, 2.4vw, 28px); color: #f8fafc; font-weight: 800; }
.fc-b2b-promo-card p { margin: 0 0 20px; color: #cbd5e1; font-size: 15px; line-height: 1.6; max-width: 880px; }
.fc-b2b-promo-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
.fc-b2b-promo-btn { display: inline-flex; align-items: center; gap: 8px; background: #06b6d4; color: #04121a; font-weight: 800; font-size: 14px; padding: 12px 24px; border-radius: 9px; text-decoration: none; transition: transform .15s, background .15s; }
.fc-b2b-promo-btn:hover { background: #22d3ee; transform: translateY(-1px); color: #04121a; text-decoration: none; }
.fc-b2b-promo-note { font-size: 13px; color: #94a9ba; }