/* Overseas account, publishing, and insights pages. */
.overseas-page { min-height: calc(100vh - 56px); }
.overseas-page button,.overseas-page input,.overseas-page select,.overseas-page textarea { font: inherit; }
.overseas-header { display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px; }
.overseas-header h1 { margin:4px 0 6px;color:var(--ink);font-size:30px;line-height:1.15; }
.overseas-header p { margin:0;color:var(--muted); }
.overseas-kicker { color:var(--accent)!important;font-size:11px;font-weight:800;letter-spacing:.16em; }
.social-workspace-heading { display:grid;min-width:0;gap:9px; }
.social-workspace-heading .overseas-kicker { margin:0; }
.social-workspace-tabs { display:flex;width:max-content;max-width:100%;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.social-workspace-tabs button { min-width:104px;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease; }
.social-workspace-tabs button:hover { color:var(--ink);background:rgba(255,255,255,.025); }
.social-workspace-tabs button.active { border-color:rgba(80,224,176,.34);background:linear-gradient(145deg,rgba(80,224,176,.16),rgba(48,192,192,.1));color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 18px rgba(80,224,176,.055); }
.social-workspace-tabs button:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
.social-hub-page { display:none; }
.social-hub-page.active { display:block; }
.social-hub-header { align-items:center; }
.social-hub-hero { position:relative;display:grid;min-height:330px;grid-template-columns:minmax(0,1fr) minmax(520px,1.15fr);align-items:center;padding:44px;overflow:hidden;background:radial-gradient(circle at 78% 45%,rgba(22,143,232,.12),transparent 32%),radial-gradient(circle at 28% 0,rgba(80,224,176,.12),transparent 38%),linear-gradient(120deg,rgba(7,29,26,.98),rgba(2,14,14,.92)); }
.social-hub-hero::after { position:absolute;top:-170px;right:-80px;width:520px;height:520px;border:1px solid rgba(80,224,176,.12);border-radius:50%;box-shadow:0 0 0 46px rgba(80,224,176,.025),0 0 0 92px rgba(22,143,232,.018);content:"";pointer-events:none; }
.social-hub-hero-copy { position:relative;z-index:1; }
.social-hub-eyebrow { display:flex;align-items:center;gap:10px;color:#62d8bc;font-size:10px;font-weight:800;letter-spacing:.18em; }
.social-hub-eyebrow::before { width:22px;height:1px;background:linear-gradient(90deg,rgba(98,216,188,.2),#62d8bc);content:""; }
.social-hub-hero h2 { margin:16px 0 13px;font-size:clamp(25px,1.9vw,34px);font-weight:850;line-height:1.17;letter-spacing:-.045em;white-space:nowrap; }
.social-hub-hero h2 span,.social-hub-hero h2 strong { display:inline; }
.social-hub-hero h2 span { color:#e8f5f2; }
.social-hub-hero h2 strong { background:linear-gradient(92deg,#d8ece8 0%,#7fd9c1 48%,#3fc3a8 76%,#28aeb2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent; }
.social-hub-hero p { max-width:600px;margin:0;color:rgba(168,201,195,.7);font-size:13px;font-weight:520;line-height:1.8;letter-spacing:.01em; }
.social-hub-actions { display:flex;gap:10px;margin-top:26px; }
.social-hub-flow { position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;padding:24px;border:1px solid rgba(80,224,176,.14);border-radius:20px;background:rgba(0,8,8,.34);backdrop-filter:blur(12px); }
.social-hub-flow span { display:grid;min-width:0;gap:7px; }
.social-hub-flow b { color:var(--accent);font-size:11px; }
.social-hub-flow strong { color:var(--ink);font-size:15px; }
.social-hub-flow small { color:var(--muted);font-size:10px;white-space:nowrap; }
.social-hub-flow i { color:rgba(80,224,176,.42);font-style:normal; }
.social-hub-modules { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px; }
.social-hub-module { display:grid;min-height:146px;padding:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(145deg,rgba(10,31,29,.92),rgba(3,15,15,.8));color:var(--body-ink);text-align:left;cursor:pointer;box-shadow:var(--glow);transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.social-hub-module:hover,.social-hub-module:focus-visible { border-color:var(--line-strong);background:linear-gradient(145deg,rgba(13,42,37,.96),rgba(3,18,18,.86));transform:translateY(-3px);outline:none; }
.social-hub-module.is-primary { border-color:rgba(80,224,176,.28);background:linear-gradient(145deg,rgba(14,54,45,.94),rgba(3,21,20,.88)); }
.social-hub-module-icon { display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(80,224,176,.24);border-radius:12px;background:rgba(80,224,176,.065);color:var(--accent);transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease; }
.social-hub-module-icon svg { display:block;width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke; }
.social-hub-module.is-primary .social-hub-module-icon { border-color:rgba(80,224,176,.38);background:rgba(80,224,176,.105); }
.social-hub-module:hover .social-hub-module-icon,.social-hub-module:focus-visible .social-hub-module-icon { border-color:rgba(80,224,176,.52);background:rgba(80,224,176,.13);color:#76ebc5;box-shadow:0 0 18px rgba(80,224,176,.1); }
.social-hub-module span>small,.social-hub-module span>strong,.social-hub-module span>p { display:block; }
.social-hub-module span>small { margin-bottom:7px;color:rgba(80,224,176,.62);font-size:9px;font-weight:800;letter-spacing:.1em; }
.social-hub-module span>strong { color:var(--ink);font-size:17px; }
.social-hub-module span>p { margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5; }
.social-hub-module>b { color:var(--accent);font-size:20px;transition:transform .18s ease; }
.social-hub-module:hover>b { transform:translateX(4px); }
.overseas-header-actions,.overseas-toolbar,.segmented-tabs,.schedule-options,.publish-submitbar { display:flex;align-items:center;gap:10px; }
.overseas-header-actions button,.overseas-page .ghost-button,.overseas-page .primary-button { min-height:42px;padding:0 18px;border-radius:14px; }
.overseas-page .primary-button { border:1px solid rgba(80,224,176,.5);background:var(--brand-gradient);color:#00110d;font-weight:800;box-shadow:0 10px 30px rgba(48,192,192,.18); }
.overseas-page button:disabled,.prototype-drawer button:disabled { cursor:not-allowed;opacity:.45;box-shadow:none; }
.overseas-page .ghost-button { border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--body-ink); }
.overseas-panel { border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg,rgba(7,22,22,.92),rgba(2,12,12,.8));box-shadow:var(--glow);overflow:hidden; }
.overseas-stats { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:16px; }
.overseas-stats.compact { grid-template-columns:repeat(4,minmax(0,1fr)); }
#page-social-accounts #account-stats { gap:16px; }
#page-social-accounts #account-stats article { position:relative;min-height:128px;padding:22px 24px;overflow:hidden; }
#page-social-accounts #account-stats article::after { position:absolute;right:-24px;bottom:-34px;width:108px;height:108px;border:1px solid rgba(80,224,176,.08);border-radius:50%;content:""; }
#page-social-accounts #account-stats strong { margin-top:13px;font-size:32px;letter-spacing:-.03em; }
#page-social-accounts>.overseas-panel { border-color:rgba(80,224,176,.18);box-shadow:0 18px 54px rgba(0,0,0,.2);overflow:visible; }
#page-social-accounts .overseas-toolbar { gap:10px;padding:16px 18px;background:linear-gradient(180deg,rgba(80,224,176,.025),transparent); }
#page-social-accounts .account-context-toolbar { flex-wrap:nowrap; }
#page-social-accounts .search-shell { flex:1 1 260px;min-width:220px;max-width:none; }
#page-social-accounts .account-toolbar-actions { display:flex;flex:0 0 auto;align-items:center;gap:10px;margin-left:auto; }
#page-social-accounts .account-add-button { flex:0 0 auto;white-space:nowrap; }
#page-social-accounts .account-manage-button { height:42px;padding:0 16px!important;border-radius:14px!important; }
#page-social-accounts #account-platform-filter + .select-panel,#page-social-accounts #account-status-filter + .select-panel { width:148px;min-width:148px;flex:0 0 148px; }
#page-social-accounts .account-bulkbar { min-height:48px;padding-inline:18px; }
#page-social-accounts .overseas-table { table-layout:fixed;min-width:1450px; }
#page-social-accounts .overseas-table th { height:44px;padding-inline:14px;background:rgba(0,0,0,.12);white-space:nowrap; }
#page-social-accounts .overseas-table td { height:68px;padding-inline:14px; }
#page-social-accounts .overseas-table th:nth-child(1) { width:48px; }
#page-social-accounts .overseas-table th:nth-child(2) { width:250px; }
#page-social-accounts .overseas-table th:nth-child(3) { width:100px; }
#page-social-accounts .overseas-table th:nth-child(4) { width:190px; }
#page-social-accounts .overseas-table th:nth-child(5) { width:110px; }
#page-social-accounts .overseas-table th:nth-child(6) { width:145px; }
#page-social-accounts .overseas-table th:nth-child(7) { width:130px; }
#page-social-accounts .overseas-table th:nth-child(8) { width:190px; }
#page-social-accounts .overseas-table th:nth-child(9) { width:190px; }
#page-social-accounts .overseas-table th:nth-child(10) { width:54px; }
#page-social-accounts .overseas-table .account-note-header { width:190px; white-space:nowrap; }
#page-social-accounts .overseas-table.account-table-domestic { min-width:1300px; }
#page-social-accounts .overseas-table.account-table-domestic .account-market-header,
#page-social-accounts .overseas-table.account-table-domestic .account-market-column { display:none; }
#page-social-accounts .overseas-table tbody tr:hover { background:linear-gradient(90deg,rgba(80,224,176,.06),rgba(80,224,176,.018)); }
.overseas-stats article { min-height:112px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(145deg,rgba(10,31,29,.9),rgba(3,15,15,.78)); }
.overseas-stats span,.overseas-stats small { display:block;color:var(--muted);font-size:12px; }
.overseas-stats strong { display:block;margin:10px 0 6px;color:var(--ink);font-size:27px; }
.dashboard-stat-label { position:relative;display:flex;align-items:center;gap:6px;min-height:18px; }
.dashboard-stat-label>span:first-child { display:inline;color:var(--muted);font-size:12px; }
.dashboard-stat-label.is-quality>span:first-child { color:var(--ok); }
.dashboard-stat-label.is-limited>span:first-child { color:var(--warning); }
.dashboard-account-health-help { display:inline-grid;width:17px;height:17px;flex:0 0 17px;place-items:center;padding:0;border:1px solid rgba(80,224,176,.38);border-radius:50%;background:rgba(80,224,176,.08);color:var(--accent);cursor:help;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.dashboard-account-health-help svg { width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8; }
.dashboard-account-health-help-dot { fill:currentColor;stroke:none; }
.dashboard-stat-label.is-quality .dashboard-account-health-help { border-color:rgba(80,224,176,.42);background:rgba(80,224,176,.08);color:var(--ok); }
.dashboard-stat-label.is-limited .dashboard-account-health-help { border-color:rgba(251,191,36,.42);background:rgba(251,191,36,.08);color:var(--warning); }
.dashboard-account-health-help:hover,.dashboard-account-health-help:focus-visible { border-color:var(--accent);background:rgba(80,224,176,.16);box-shadow:0 0 0 3px rgba(80,224,176,.08);outline:0; }
.dashboard-account-health-tooltip { position:absolute;top:calc(100% + 9px);left:0;z-index:30;display:grid;gap:9px;width:min(300px,calc(100vw - 48px));padding:14px 15px;border:1px solid rgba(80,224,176,.34);border-radius:12px;background:linear-gradient(145deg,#0a2925,#061817);box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 24px rgba(80,224,176,.08);color:var(--body-ink);font-size:11px;line-height:1.45;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;visibility:hidden; }
.dashboard-account-health-tooltip::before { position:absolute;top:-6px;left:10px;width:10px;height:10px;border-top:1px solid rgba(80,224,176,.34);border-left:1px solid rgba(80,224,176,.34);background:#0a2925;content:"";transform:rotate(45deg); }
.dashboard-account-health-tooltip>strong { display:block;margin:0;color:var(--ink);font-size:12px; }
.dashboard-account-health-rule { display:grid;gap:2px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025); }
.dashboard-account-health-rule b { font-size:11px; }
.dashboard-account-health-rule span { display:block;color:var(--muted);font-size:10px;line-height:1.45; }
.dashboard-account-health-rule.is-ok { border-color:rgba(80,224,176,.22); }
.dashboard-account-health-rule.is-ok b { color:var(--ok); }
.dashboard-account-health-rule.is-warning { border-color:rgba(251,191,36,.24); }
.dashboard-account-health-rule.is-warning b { color:var(--warning); }
.dashboard-account-health-tooltip>small { color:var(--muted);font-size:9px;line-height:1.5; }
.dashboard-account-health-tooltip>.dashboard-account-health-scope { color:var(--body-ink);font-size:10px;line-height:1.5; }
.dashboard-stat-label:hover .dashboard-account-health-tooltip,.dashboard-stat-label:focus-within .dashboard-account-health-tooltip { opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible; }
.overseas-page .is-ok { color:var(--ok)!important; }.overseas-page .is-warning { color:var(--warning)!important; }
.overseas-toolbar { padding:15px;border-bottom:1px solid var(--line);flex-wrap:wrap; }
.search-shell { display:flex;align-items:center;gap:8px;min-width:280px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease; }
.search-shell:focus-within { border-color:rgba(80,224,176,.48);background:rgba(0,8,8,.3);box-shadow:0 0 0 3px rgba(80,224,176,.08); }
.search-icon { display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;color:var(--muted);transition:color .16s ease,transform .16s ease; }
.search-icon svg { display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.search-shell:focus-within .search-icon { color:var(--accent);transform:scale(1.04); }
.search-shell input,.compact-input { width:100%;border:0;outline:0;background:transparent;color:var(--ink); }
.overseas-toolbar select,.advanced-publish select,.dashboard-filter select { height:38px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:12px;background:#061717;color:var(--body-ink); }
.overseas-page .filter-chip,.segmented-tabs button { min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer; }
.overseas-page .filter-chip.active,.segmented-tabs button.active { border-color:var(--line-strong);background:rgba(80,224,176,.11);color:var(--ink); }
.segmented-tabs { padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.2); }
.segmented-tabs em { display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:99px;background:rgba(251,113,133,.18);color:#ffb2bf;font-size:10px;font-style:normal; }
.account-bulkbar { position:relative;z-index:30;display:flex;min-height:58px;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:rgba(80,224,176,.035);color:var(--muted);font-size:12px;overflow:visible; }
.account-bulkbar label { display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer; }
.account-bulkbar select { width:170px;min-width:150px;height:36px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:10px;background:#061717;color:var(--body-ink); }
.account-matrix-filters { position:relative;z-index:31;display:flex;align-items:center;gap:8px; }
.account-matrix-filters select { border-color:var(--line);border-radius:10px;background:#061717;white-space:nowrap; }
.account-matrix-filters #account-market-filter,.account-matrix-filters #account-market-filter + .select-panel { width:118px!important;min-width:118px!important;max-width:118px!important;flex:0 0 118px; }
.account-matrix-filters #account-brand-filter,.account-matrix-filters #account-brand-filter + .select-panel { width:180px!important;min-width:180px!important;max-width:180px!important;flex:0 0 180px; }
.account-matrix-filters .select-panel-search { display:none!important; }
.account-matrix-filters .select-panel-options { z-index:1700;min-width:0;max-height:0;padding:0 7px;overflow:hidden; }
.account-matrix-filters .select-panel.open .select-panel-options { max-height:260px;padding:7px;overflow-x:hidden;overflow-y:auto; }
.account-matrix-filters .select-panel-option-list { display:grid;gap:4px; }
.account-matrix-filters .select-panel-option { min-height:38px;border-radius:9px; }
.matrix-settings-button { min-width:84px;height:36px;padding:0 13px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:var(--body-ink)!important;font-size:11px;white-space:nowrap;cursor:pointer; }
.matrix-settings-button:hover { border-color:var(--line-strong)!important;background:rgba(80,224,176,.07)!important;color:var(--accent)!important; }
.account-bulkbar #account-selected-count { margin-right:auto;white-space:nowrap; }.account-bulkbar>.danger-link { white-space:nowrap; }.account-bulkbar button,.table-footer button,.panel-heading button,.caption-meta button,.link-button,.advanced-link,.danger-link { border:0;background:transparent;color:var(--accent);cursor:pointer; }.danger-link { color:#ff9cad!important; }
.account-bulkbar + .overseas-table-wrap { position:relative;z-index:1;overflow:auto;border-radius:0 0 var(--radius-card) var(--radius-card); }
.overseas-table-wrap { overflow:auto; }.overseas-table { width:100%;border-collapse:collapse;min-width:980px; }
.overseas-table th { padding:13px 14px;color:var(--muted-weak);font-size:11px;text-align:left;font-weight:700; }
.overseas-table td { padding:14px;border-top:1px solid rgba(80,224,176,.09);color:var(--body-ink);font-size:13px; }
.overseas-table tbody tr { cursor:pointer;transition:background .16s ease; }.overseas-table tbody tr:hover { background:rgba(80,224,176,.045); }
.account-cell { display:flex;min-width:0;align-items:center;gap:11px; }.account-cell>div { min-width:0; }.account-cell strong,.account-cell small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.account-avatar { position:relative;display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#175b50,#102a38);color:var(--ink);font-weight:800; }.account-avatar-fallback { display:grid;width:100%;height:100%;place-items:center; }.account-avatar img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.account-cell strong,.account-cell small { display:block; }.account-cell small,.table-muted { color:var(--muted);font-size:11px; }
.account-note-input { width: 150px; min-width: 110px; box-sizing: border-box; border: 1px solid rgba(73, 190, 178, .28); border-radius: 6px; background: rgba(3, 28, 31, .7); color: inherit; padding: 6px 8px; font-size: 12px; }
.account-note-input { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-note-input:focus { outline: 2px solid rgba(64, 211, 193, .45); border-color: rgba(64, 211, 193, .8); }
.account-market-value { display:inline-flex;align-items:center;gap:7px;min-height:28px;color:var(--body-ink);white-space:nowrap; }
.account-market-icon { display:block;width:15px;height:15px;flex:0 0 15px;fill:none;stroke:var(--accent);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.88; }
.account-market-value>span { overflow:hidden;text-overflow:ellipsis; }
.account-view-button { display:inline-grid!important;width:30px;height:30px;place-items:center;padding:0!important;border:1px solid rgba(80,224,176,.18)!important;border-radius:9px!important;background:rgba(80,224,176,.045)!important;color:var(--muted)!important;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease; }
.account-view-button:hover,.account-view-button:focus-visible { border-color:rgba(80,224,176,.48)!important;background:rgba(80,224,176,.12)!important;color:var(--accent)!important;outline:0;transform:translateX(1px); }
.account-view-icon { display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.tag { display:inline-block;margin:2px;padding:4px 7px;border:1px solid rgba(22,143,232,.25);border-radius:99px;background:rgba(22,143,232,.09);color:var(--accent-cool-ink);font-size:10px; }
.status-pill { display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;background:rgba(80,224,176,.08);color:var(--ok);font-size:11px; }.status-pill.warning { background:rgba(251,191,36,.09);color:var(--warning); }.status-pill.danger { background:rgba(251,113,133,.09);color:#ff9cad; }
.status-pill::before { width:6px;height:6px;border-radius:50%;background:currentColor;content:""; }
.table-footer { display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px; }.table-footer button { min-width:30px;height:30px;color:var(--muted); }.table-footer button.active { border-radius:9px;background:rgba(80,224,176,.12);color:var(--ink); }
.publish-tab-panel,.insight-tab-panel { display:none; }.publish-tab-panel.active,.insight-tab-panel.active { display:block; }
.publish-workbench { display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start; }.publish-editor { min-width:0;padding:0; }.tiktok-preview { width:380px;position:sticky;top:24px;padding:18px; }
.flow-progress { display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-bottom:1px solid var(--line);color:var(--muted-weak);font-size:11px; }.flow-progress span.active { color:var(--accent); }.flow-progress i { width:36px;height:1px;background:var(--line); }
.composer-section { padding:20px;border-bottom:1px solid var(--line); }.section-heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:14px; }.section-heading>div { display:flex;align-items:center;gap:9px; }.section-heading small { color:var(--muted); }
.platform-picker { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.platform-picker button { display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer; }
.platform-picker button.active { border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent); }
.platform-picker button small { color:var(--muted); }
.video-source-actions { display:flex;align-items:center;gap:8px; }.overseas-page .compact-action { min-height:36px;padding:0 13px;border-radius:11px; }.upload-help { margin:-4px 0 12px;color:var(--muted);font-size:11px; }.upload-help.is-uploading { color:var(--accent-cool-ink); }
.step-number { display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid var(--line-strong);border-radius:8px;background:rgba(80,224,176,.08);color:var(--accent);font-size:12px;font-weight:800; }
.video-picks { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }.video-pick { position:relative;display:flex;min-width:0;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:12px;outline:0;background:rgba(255,255,255,.02);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease; }.video-pick:hover { border-color:rgba(80,224,176,.34);background:rgba(80,224,176,.035);transform:translateY(-1px); }.video-pick:focus-visible { box-shadow:0 0 0 3px rgba(80,224,176,.13); }.video-pick.selected { border-color:var(--accent);background:linear-gradient(135deg,rgba(80,224,176,.12),rgba(22,143,232,.06));box-shadow:0 0 0 2px rgba(80,224,176,.1),0 8px 22px rgba(0,0,0,.2); }.video-pick.selected::before { position:absolute;top:9px;bottom:9px;left:-1px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);content:""; }.video-thumb { width:42px;height:58px;flex:0 0 auto;border-radius:8px;background:linear-gradient(155deg,#173d48,#0f6a59 60%,#071411);object-fit:cover; }.video-pick>div { min-width:0;padding-right:20px; }.video-pick strong,.video-pick small { display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.video-pick small { margin-top:4px;color:var(--muted);font-size:10px; }.video-editing-state { position:absolute;right:8px;bottom:7px;padding:3px 7px;border:0!important;border-radius:999px!important;background:rgba(80,224,176,.16)!important;color:var(--accent)!important;font-size:8px;font-weight:700;line-height:1.2; }.video-remove { position:absolute;top:5px;right:5px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:var(--ink);cursor:pointer; }
.selected-groups { display:flex;flex-wrap:wrap;gap:8px; }.selected-groups>span,.add-chip { min-height:38px;padding:5px 9px;border:1px solid var(--line);border-radius:11px;background:rgba(80,224,176,.07);color:var(--body-ink); }.selected-groups button { border:0;background:transparent;color:var(--muted); }.add-chip { background:transparent;color:var(--accent); }.selected-account-chip { display:inline-flex;align-items:center;gap:8px; }.selected-account-chip b { max-width:210px;overflow:hidden;color:var(--ink);font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap; }.selected-account-chip button { width:22px;height:22px;padding:0;font-size:16px;cursor:pointer; }.selected-account-avatar { display:grid!important;width:26px;height:26px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.16)!important;border-radius:50%!important;background:linear-gradient(145deg,#175b50,#102a38)!important;color:#fff!important;font-size:8px;font-weight:750; }.selected-account-avatar img,.account-avatar img,.douyin-avatar img { width:100%;height:100%;object-fit:cover; }
.account-brand-select { width:176px;max-width:100%;height:36px;padding:0 34px 0 12px;border:1px solid var(--line-strong);border-radius:10px;outline:0;appearance:none;-webkit-appearance:none;background-color:#061717;background-image:linear-gradient(45deg,transparent 50%,#78b9aa 50%),linear-gradient(135deg,#78b9aa 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-repeat:no-repeat;background-size:5px 5px;color:var(--ink);font-size:11px;line-height:36px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }.account-brand-select:hover { border-color:rgba(80,224,176,.42);background-color:#08201e; }.account-brand-select:focus { border-color:var(--accent);box-shadow:0 0 0 3px rgba(80,224,176,.08);transform:none; }.account-brand-select:disabled { cursor:wait;opacity:.6; }
.account-brand-select + .select-panel { width:176px;min-width:176px;max-width:176px; }.account-brand-select + .select-panel .select-panel-title { min-height:38px;border-radius:10px;background:#061717; }.account-brand-select + .select-panel .select-panel-search { display:none; }.account-brand-select + .select-panel .select-panel-options { z-index:1700;width:176px;min-width:176px;padding:0 6px; }.account-brand-select + .select-panel.open .select-panel-options { padding:6px; }.account-brand-select + .select-panel .select-panel-option { min-height:36px;border-radius:8px; }
.brand-manager-add { display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0; }.brand-manager-add .compact-input { max-width:none; }.brand-manager-list { display:grid;gap:8px; }.brand-manager-list>div { display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:rgba(80,224,176,.035); }
.inline-alert { margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(22,143,232,.08);color:var(--accent-cool-ink);font-size:11px; }
.inline-alert .link-button { margin-left:6px;text-decoration:underline; }
.assignment-card { margin-top:14px;padding:14px 16px;border:1px solid rgba(80,224,176,.14);border-radius:14px;background:linear-gradient(135deg,rgba(22,143,232,.055),rgba(80,224,176,.025)); }.assignment-card-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px; }.assignment-card-heading>div { display:grid;gap:4px; }.assignment-card-heading strong { color:var(--ink);font-size:12px; }.assignment-card-heading small { color:var(--muted);font-size:10px; }.assignment-task-count { display:inline-flex;min-height:28px;align-items:center;gap:4px;padding:0 10px;border:1px solid rgba(80,224,176,.18);border-radius:999px;background:rgba(80,224,176,.07);color:var(--muted);font-size:10px;white-space:nowrap; }.assignment-task-count b { color:var(--accent);font-size:13px; }.assignment-card-controls { display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:10px;align-items:center; }.assignment-card-controls label { color:var(--muted);font-size:10px;font-weight:650; }.assignment-card-controls select { width:100%;height:40px;padding:0 36px 0 12px;border:1px solid var(--line-strong);border-radius:11px;outline:0;background:#061717;color:var(--ink);font-size:11px; }.assignment-card-controls select:focus { border-color:var(--accent);box-shadow:0 0 0 3px rgba(80,224,176,.07); }.assignment-card-controls .ghost-button { min-height:40px;padding:0 14px;white-space:nowrap; }
.ai-button { padding:8px 12px;border:1px solid rgba(22,143,232,.3);border-radius:10px;background:linear-gradient(135deg,rgba(80,224,176,.1),rgba(22,143,232,.13));color:#b9e5ff;cursor:pointer; }.ai-button.loading { animation:pulse 1s infinite; }
.caption-editor { width:100%;min-height:104px;padding:13px;border:1px solid var(--line);border-radius:12px;outline:0;resize:vertical;background:rgba(0,0,0,.2);color:var(--ink);line-height:1.7; }.caption-editor:focus { border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(80,224,176,.06); }.caption-meta { display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:11px; }
.beginner-schedule { margin-top:14px;padding-top:14px;border-top:1px solid var(--line); }.schedule-choice-row { display:flex;align-items:center;gap:14px; }.schedule-options { display:flex;margin-left:auto;gap:10px; }.schedule-options label { padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px;cursor:pointer; }.schedule-options label.active { border-color:var(--line-strong);color:var(--ink);background:rgba(80,224,176,.08); }.schedule-options input { display:none; }.schedule-picker { display:grid;grid-template-columns:150px minmax(260px,420px) 1fr;gap:12px;align-items:center;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.13); }.schedule-picker[hidden] { display:none; }.schedule-picker label { color:var(--ink);font-size:12px;font-weight:700; }.schedule-picker small { color:var(--muted);font-size:11px; }.schedule-time-input { width:100%;height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;outline:0;background:#061717;color:var(--ink);color-scheme:dark; }.schedule-time-input:focus { border-color:var(--accent);box-shadow:0 0 0 3px rgba(80,224,176,.08); }
.publish-copy-fields { display:grid;gap:10px;margin-top:14px; }.publish-copy-fields [hidden] { display:none; }.publish-copy-fields label { display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:700; }.publish-input-shell { position:relative;display:block;min-width:0; }.publish-inline-count { position:absolute;top:50%;right:12px;transform:translateY(-50%);z-index:1;color:var(--muted);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;pointer-events:none; }.publish-copy-field-description { align-items:start!important; }.publish-copy-field-description>span:first-child { padding-top:13px; }.publish-input-shell-textarea .publish-inline-count { top:auto;right:12px;bottom:10px;transform:none;padding:2px 4px;border-radius:5px;background:rgba(6,23,23,.88); }.publish-title-input,.publish-topics-input,.publish-description-input { width:100%;border:1px solid var(--line-strong);border-radius:11px;background:#061717;color:var(--ink);outline:0; }.publish-title-input,.publish-topics-input { height:44px;padding:0 72px 0 13px; }.publish-description-input { min-height:76px;padding:11px 82px 28px 13px;resize:none;line-height:1.5;font:inherit; }.publish-title-input:focus,.publish-topics-input:focus,.publish-description-input:focus { border-color:var(--accent);box-shadow:0 0 0 3px rgba(80,224,176,.08); }.publish-topics-hint { margin-left:70px;color:var(--muted);font-size:10px; }
.advanced-publish { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px 20px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.12); }.advanced-publish label { display:grid;gap:6px;color:var(--muted);font-size:11px; }
.publish-submitbar { justify-content:flex-end;padding:16px 20px; }.publish-submitbar>div { margin-right:auto; }.publish-submitbar strong,.publish-submitbar small { display:block; }.publish-submitbar small { margin-top:5px;color:var(--muted);font-size:10px; }
.publish-inline-error { margin:14px 20px 0;padding:11px 13px;border:1px solid rgba(251,191,36,.22);border-radius:11px;background:rgba(251,191,36,.07);color:var(--warning);font-size:12px; }.publish-inline-error[hidden] { display:none; }
.preview-heading,.panel-heading { display:flex;align-items:center;justify-content:space-between; }.preview-heading span { color:var(--accent);font-size:10px; }
.phone-frame { width:270px;height:570px;margin:18px auto 12px;padding:7px;border:1px solid rgba(255,255,255,.18);border-radius:35px;background:#050505;box-shadow:0 24px 60px rgba(0,0,0,.48); }
.phone-screen,.phone-video { position:relative;width:100%;height:100%;overflow:hidden;border-radius:28px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
.phone-video { background:linear-gradient(160deg,#142e38,#0d6256 48%,#050909);color:#fff; }
.phone-video>video { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.video-gradient { position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,transparent 24%,transparent 53%,rgba(0,0,0,.72) 78%,#050505 96%); }
.douyin-statusbar { position:absolute;z-index:4;top:10px;right:16px;left:16px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:8px; }.douyin-statusbar strong { font-size:10px; }.douyin-statusbar span { display:flex;align-items:center;gap:5px;letter-spacing:1px; }.douyin-statusbar b { padding:1px 3px;border-radius:4px;background:#35bd63;font-size:7px;letter-spacing:0; }
.douyin-channelbar { position:absolute;z-index:4;top:36px;right:11px;left:11px;display:flex;align-items:center;justify-content:space-between;gap:7px;color:rgba(255,255,255,.7);font-size:8px;white-space:nowrap;text-shadow:0 1px 2px #000; }.douyin-channelbar strong { position:relative;color:#fff;font-size:9px; }.douyin-channelbar strong::after { position:absolute;right:3px;bottom:-7px;left:3px;height:2px;border-radius:2px;background:#fff;content:""; }.douyin-menu { font-size:17px;line-height:1;transform:scaleX(1.1); }.douyin-search { width:13px;height:13px;border:1.7px solid #fff;border-radius:50%; }.douyin-search::after { display:block;width:6px;height:1.7px;margin:10px 0 0 10px;background:#fff;content:"";transform:rotate(48deg); }
.phone-side-actions,.phone-caption,.phone-bottom-nav { z-index:3; }
.phone-side-actions { position:absolute;right:8px;bottom:91px;display:flex;width:34px;flex-direction:column;align-items:center;gap:11px;text-align:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.75); }
.douyin-avatar-wrap { position:relative;display:block;margin-bottom:4px; }.douyin-avatar-wrap>b { position:absolute;right:7px;bottom:-6px;display:grid;width:14px;height:14px;place-items:center;border-radius:50%;background:#fe2c55;color:#fff;font-size:12px;line-height:1; }
.douyin-avatar { display:grid;width:30px;height:30px;place-items:center;border:1.5px solid #fff;border-radius:50%;background:linear-gradient(145deg,#111,#324a48);font-size:10px;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.35); }
.douyin-action { display:grid;justify-items:center;gap:3px; }.douyin-action svg { width:24px;height:24px;overflow:visible;fill:#fff;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)); }.douyin-action:nth-of-type(3) svg,.douyin-action:nth-of-type(4) svg,.douyin-action:nth-of-type(5) svg { fill:#fff;stroke-width:1.7; }.douyin-action small { color:#fff;font-size:7px;font-weight:600;line-height:1;text-shadow:0 1px 3px #000; }
.douyin-record { display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,#242424 0 3px,#050505 4px 6px);font-size:10px;animation:phone-record-spin 6s linear infinite; }
.phone-caption { position:absolute;right:48px;bottom:75px;left:11px;color:#fff;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.9); }
.phone-caption strong { display:block;margin-bottom:6px;font-size:10px;font-weight:650;line-height:1.2; }.phone-caption p { display:-webkit-box;max-height:47px;margin:0 0 6px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:10px;font-weight:450;line-height:1.45;word-break:break-word; }.phone-caption span { display:block;overflow:hidden;color:#fff;font-size:8px;line-height:1.25;opacity:.95;text-overflow:ellipsis;white-space:nowrap; }
.douyin-related-search { position:absolute;z-index:4;right:0;bottom:32px;left:0;display:flex;height:34px;align-items:center;gap:7px;padding:0 12px;background:rgba(20,20,20,.94);color:#fff;font-size:8px; }.douyin-related-search b { width:9px;height:9px;border:1.5px solid #fff;border-radius:50%; }.douyin-related-search b::after { display:block;width:4px;height:1.5px;margin:7px 0 0 7px;background:#fff;content:"";transform:rotate(45deg); }.douyin-related-search span { flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.douyin-related-search i { color:#aaa;font-size:17px;font-style:normal; }
.phone-bottom-nav { position:absolute;right:0;bottom:0;left:0;display:grid;height:32px;grid-template-columns:repeat(5,1fr);align-items:center;background:#161616;color:rgba(255,255,255,.68);font-size:8px;text-align:center; }.phone-bottom-nav strong { color:#fff;font-weight:650; }.phone-bottom-nav b { display:grid;width:28px;height:20px;margin:auto;place-items:center;border-radius:6px;background:linear-gradient(90deg,#25f4ee 0 16%,#fff 16% 84%,#fe2c55 84%);color:#111;font-size:15px;line-height:1; }
.preview-switcher { display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted);font-size:11px; }.preview-switcher button { border:0;background:transparent;color:var(--accent);font-size:20px; }
@keyframes phone-record-spin { to { transform:rotate(360deg); } }
.toolbar-spacer { flex:1; }.compact-input { max-width:220px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px; }.task-list-prototype { padding:0 16px; }.task-row { display:grid;grid-template-columns:minmax(320px,1.7fr) .55fr .8fr .9fr auto;gap:14px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line);font-size:12px; }.task-row small { display:block;color:var(--muted); }.task-video-summary { display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;min-width:0; }.task-video-summary video,.task-video-placeholder { width:58px;height:74px;border-radius:9px;object-fit:cover;background:#071716;border:1px solid var(--line); }.task-video-placeholder { display:grid;place-items:center;color:var(--muted); }.task-video-summary strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.task-detail-card { display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start; }.task-detail-card video { width:84px;height:112px;border-radius:9px;object-fit:cover;background:#071716; }.task-detail-card small,.task-detail-card a,.task-detail-card button { display:block;margin-top:7px; }
.dashboard-filter { position:relative;z-index:20;display:grid;gap:16px;margin-bottom:14px;padding:18px 20px;overflow:visible; }
.dashboard-filter.overseas-panel { overflow:visible; }
.dashboard-filter-controls,.dashboard-filter-field { position:relative;z-index:21; }
.overseas-stats { position:relative;z-index:1; }
.dashboard-filter-heading { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.dashboard-filter-heading>div { display:grid;gap:5px; }
.dashboard-filter-heading strong { color:var(--ink);font-size:14px;line-height:1; }
.dashboard-filter-heading small { color:var(--muted);font-size:11px;line-height:1.4; }
.dashboard-data-status { display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 11px;border:1px solid rgba(255,193,7,.2);border-radius:999px;background:rgba(255,193,7,.055);color:#d8bd72;font-size:11px;white-space:nowrap; }
.dashboard-data-status::before { width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#d8bd72;box-shadow:0 0 9px rgba(216,189,114,.42);content:""; }
.dashboard-filter-controls { display:grid;grid-template-columns:minmax(270px,.95fr) repeat(2,minmax(210px,1fr)) auto;gap:12px;align-items:end; }
.dashboard-period-filter { min-width:0;margin:0;padding:0;border:0; }
.dashboard-period-filter legend,.dashboard-filter-field>span { display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:650;line-height:1; }
.dashboard-period-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.16); }
.dashboard-period-options .filter-chip { width:100%;height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted); }
.dashboard-period-options .filter-chip.active { background:rgba(80,224,176,.13);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(80,224,176,.22); }
.dashboard-filter-field { display:grid;min-width:0; }
.dashboard-filter .dashboard-filter-field select { width:100%;height:44px; }
.dashboard-refresh-button { min-width:112px;height:44px;padding:0 16px;white-space:nowrap; }
.dashboard-export-button { display:inline-flex;min-width:132px;height:44px;align-items:center;justify-content:center;gap:7px;padding:0 16px;text-align:center;text-decoration:none;white-space:nowrap; }
.dashboard-export-button svg { width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.dashboard-grid { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:stretch;gap:14px; }.chart-panel,.ranking-panel,.content-ranking { min-height:290px;padding:18px; }.chart-panel { display:flex;min-width:0;flex-direction:column; }.content-ranking { grid-column:1 / -1; }.panel-heading small { display:block;margin-top:4px;color:var(--muted);font-size:10px; }.chart-panel .legend { display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap; }.legend span { display:inline-block;width:8px;height:8px;margin:0 2px 0 8px;border-radius:50%; }.legend .green { background:var(--accent); }.legend .blue { background:var(--video-blue); }
.line-chart { position:relative;height:auto;min-height:300px;margin-top:14px;flex:1 1 auto;overflow:visible; }.analytics-chart-stage { position:absolute;inset:4px 48px 24px;border-bottom:1px solid rgba(190,211,207,.14); }.analytics-chart-stage>svg { position:absolute;inset:0;width:100%;height:100%;overflow:visible; }.analytics-chart-gridlines { position:absolute;inset:0;pointer-events:none; }.analytics-chart-gridlines span { position:absolute;right:0;left:0;border-top:1px solid rgba(190,211,207,.09); }.analytics-chart-axis { position:absolute;top:0;bottom:0;width:40px;color:rgba(190,211,207,.66);font-size:9px;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none; }.analytics-chart-axis.is-views { right:calc(100% + 8px);text-align:right; }.analytics-chart-axis.is-engagement { left:calc(100% + 8px);text-align:left; }.analytics-chart-axis small { display:none; }.analytics-chart-axis>span { position:absolute;right:0;left:0;transform:translateY(-50%);white-space:nowrap; }.rank-row,.content-row { display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(80,224,176,.08); }.rank-row i { display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(80,224,176,.08);color:var(--accent);font-style:normal;font-size:10px; }.rank-row strong,.content-row strong { display:block;font-size:12px; }.rank-row small,.content-row small { color:var(--muted);font-size:9px; }.content-row { grid-template-columns:42px 1fr auto; }.content-thumb { width:38px;height:48px;border-radius:7px;background:linear-gradient(145deg,#173e48,#0e6b59); }
.content-row.is-platform-deleted { opacity:.62; }.content-row.is-platform-deleted .content-thumb { filter:grayscale(1); }.platform-deleted-badge { display:inline-block;margin-left:8px;padding:3px 6px;border-radius:6px;background:rgba(251,113,133,.12);color:#ff9cad;font-size:8px;font-weight:700;vertical-align:middle; }
.inbox-layout { display:grid;grid-template-columns:210px 360px 1fr;min-height:650px; }.inbox-views,.message-list { border-right:1px solid var(--line); }.message-list { max-height:650px;overflow-y:auto; }.inbox-views { padding:18px 10px; }.inbox-views strong { display:block;padding:0 10px 13px;color:var(--ink); }.inbox-views button { display:flex;justify-content:center;width:100%;padding:10px;border:0;border-radius:9px;background:rgba(80,224,176,.09);color:var(--ink);text-align:left;cursor:pointer; }.inbox-views hr { border:0;border-top:1px solid var(--line); }.inbox-views>small { display:block;padding:0 10px;color:var(--muted);line-height:1.6; }.inbox-account-field { display:grid;gap:7px;margin:0 10px 12px;color:var(--muted);font-size:10px; }.inbox-account-field select { min-width:0;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#061717;color:var(--ink); }.message-item { padding:14px;border-bottom:1px solid var(--line);cursor:pointer; }.message-item:hover,.message-item.active { background:rgba(80,224,176,.06); }.message-item strong,.message-item small { display:block; }.message-item p { color:var(--muted);font-size:11px; }.message-detail { display:flex;min-width:0;flex-direction:column;justify-content:center;padding:22px;text-align:center;color:var(--muted); }.message-detail.has-conversation { justify-content:stretch;text-align:left; }.inbox-thread { flex:1;min-height:240px;max-height:460px;padding:12px;overflow:auto;border:1px solid var(--line);border-radius:12px; }.inbox-thread p { padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.035);color:var(--body-ink); }.manual-reply-box { display:grid;gap:10px;margin-top:14px; }.manual-reply-box textarea { min-height:110px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#061717;color:var(--ink);resize:vertical; }.manual-reply-actions { display:flex;align-items:center;justify-content:flex-end;gap:10px; }.empty-orbit { color:var(--accent);font-size:42px; }
.prototype-toast { position:fixed;right:28px;bottom:28px;z-index:2000;padding:13px 18px;border:1px solid var(--line-strong);border-radius:12px;background:#08231f;color:var(--ink);box-shadow:var(--shadow);animation:toast-in .2s ease; }
.douyin-authorization-status { margin:10px 18px 0;padding:10px 13px;border:1px solid rgba(22,143,232,.22);border-radius:10px;background:rgba(22,143,232,.07);color:var(--accent-cool-ink);font-size:11px;line-height:1.5; }
.douyin-authorization-status[data-state="success"] { border-color:rgba(80,224,176,.25);background:rgba(80,224,176,.07);color:var(--ok); }
.douyin-authorization-status[data-state="warning"] { border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.07);color:#f6c453; }
body.prototype-drawer-open { overflow:hidden!important;overscroll-behavior:none; }
.prototype-drawer { position:fixed;inset:0;z-index:1800;display:flex;overflow:hidden;justify-content:flex-end;overscroll-behavior:none;background:rgba(0,0,0,.5); }.prototype-drawer[hidden] { display:none; }.prototype-drawer-panel { width:min(460px,92vw);height:100vh;height:100dvh;min-height:0;max-height:100dvh;box-sizing:border-box;padding:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-left:1px solid var(--line);background:#041716;box-shadow:-24px 0 60px rgba(0,0,0,.5); }.prototype-drawer-panel header { display:flex;justify-content:space-between; }.prototype-drawer-panel button { color:var(--accent); }.drawer-field { display:grid;gap:7px;margin-top:18px;color:var(--muted); }.drawer-field input { height:42px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.2);color:var(--ink); }
.prototype-drawer-panel .primary-button { color:#fff; }
.douyin-connect-panel { display:flex;width:min(540px,94vw);padding:0;overflow:hidden;flex-direction:column;background:linear-gradient(180deg,#061b19,#031311);transition:width .22s ease; }
.douyin-connect-panel.has-login-preview { width:min(760px,96vw); }
.douyin-connect-panel.has-login-preview .douyin-connect-body { gap:13px;padding-top:15px; }
.douyin-connect-panel.has-login-preview .douyin-connect-steps,.douyin-connect-panel.has-login-preview .douyin-connect-name,.douyin-connect-panel.has-login-preview .douyin-security-note { display:none; }
.douyin-connect-panel>header { align-items:flex-start;padding:25px 26px 21px;border-bottom:1px solid var(--line); }.douyin-connect-panel>header h2 { margin:5px 0;color:var(--ink);font-size:25px; }.douyin-connect-panel>header small { color:var(--muted);font-size:11px; }
.douyin-connect-body { display:grid;gap:20px;min-height:0;padding:22px 26px;overflow:auto;flex:1; }
.douyin-connect-steps { display:grid;grid-template-columns:1fr;gap:0;padding:4px 15px;border:1px solid var(--line);border-radius:15px;background:rgba(80,224,176,.025); }.douyin-connect-steps article { display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:center;padding:13px 0; }.douyin-connect-steps article>span { display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(80,224,176,.26);border-radius:9px;background:rgba(80,224,176,.09);color:var(--accent);font-size:11px;font-weight:800; }.douyin-connect-steps strong,.douyin-connect-steps small { display:block; }.douyin-connect-steps strong { color:var(--ink);font-size:12px; }.douyin-connect-steps small { margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4; }.douyin-connect-steps i { height:1px;margin-left:41px;background:rgba(80,224,176,.09); }
.douyin-connect-name { display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:end;color:var(--body-ink);font-size:12px;font-weight:700; }.douyin-connect-name>small { color:var(--muted);font-size:9px;font-weight:400; }.douyin-connect-name .compact-input { grid-column:1 / -1;max-width:none;height:44px;margin-top:3px;padding:0 13px;border-color:var(--line-strong);background:#061717; }
.douyin-assistant-status { display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid rgba(22,143,232,.18);border-radius:13px;background:rgba(22,143,232,.07); }.douyin-assistant-status>span:last-child { min-width:0;flex:1; }.assistant-status-dot { width:9px;height:9px;flex:0 0 auto;margin-top:3px;border-radius:50%;background:var(--accent-cool-ink);box-shadow:0 0 0 5px rgba(22,143,232,.08); }.douyin-assistant-status strong,.douyin-assistant-status small { display:block; }.douyin-assistant-status strong { color:var(--accent-cool-ink);font-size:11px; }.douyin-assistant-status small { margin-top:3px;color:var(--muted);font-size:9px; }
.assistant-status-actions { display:flex!important;align-items:center;justify-content:flex-start;gap:12px;margin-top:7px;text-align:left; }.assistant-status-actions a,.assistant-status-actions button { padding:0;text-align:left;font-size:10px;cursor:pointer; }.douyin-assistant-status.is-error .assistant-status-actions a,.douyin-assistant-status.is-error .assistant-status-actions button { color:#f6c453; }
.assistant-download-progress { width:min(100%,420px);margin-top:9px; }.assistant-download-progress-label { display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:15px;color:var(--muted);font-size:9px; }.assistant-download-progress-label b { flex:0 0 auto;color:var(--accent);font-size:9px;font-weight:700; }.assistant-download-progress-track { position:relative;height:6px;margin-top:5px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08); }.assistant-download-progress-track i { display:block;width:0;height:100%;border-radius:inherit;background:var(--brand-gradient);transition:width .2s ease; }.assistant-download-progress.is-indeterminate .assistant-download-progress-track i { width:34%;animation:assistant-download-progress-slide 1.2s ease-in-out infinite; }.assistant-download-progress.is-error .assistant-download-progress-label,.assistant-download-progress.is-error .assistant-download-progress-label b { color:#ff9cad; }.assistant-download-progress.is-error .assistant-download-progress-track i { background:#ff7189; }
@keyframes assistant-download-progress-slide { 0% { transform:translateX(-120%); } 50% { transform:translateX(190%); } 100% { transform:translateX(310%); } }
.douyin-assistant-status.is-success { border-color:rgba(80,224,176,.24);background:rgba(80,224,176,.07); }.douyin-assistant-status.is-success .assistant-status-dot { background:var(--ok);box-shadow:0 0 0 5px rgba(80,224,176,.09); }.douyin-assistant-status.is-success strong { color:var(--ok); }.douyin-assistant-status.is-error { border-color:rgba(251,113,133,.22);background:rgba(251,113,133,.07); }.douyin-assistant-status.is-error .assistant-status-dot { background:#ff9cad;box-shadow:0 0 0 5px rgba(251,113,133,.08); }.douyin-assistant-status.is-error strong { color:#ffb2bf; }
.douyin-login-preview { display:grid;gap:11px;padding:14px;border:1px solid rgba(80,224,176,.2);border-radius:16px;background:linear-gradient(145deg,rgba(80,224,176,.055),rgba(22,143,232,.025));box-shadow:inset 0 1px rgba(255,255,255,.025); }.douyin-login-preview[hidden] { display:none; }.douyin-login-preview>header { display:flex;align-items:center;justify-content:space-between;gap:16px; }.douyin-login-preview>header strong,.douyin-login-preview>header small { display:block; }.douyin-login-preview>header strong { color:var(--ink);font-size:12px; }.douyin-login-preview>header small { margin-top:4px;color:var(--accent);font-size:9px; }.douyin-login-preview>header .link-button { height:31px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.14);font-size:10px;cursor:pointer; }
.douyin-login-preview-frame { position:relative;display:grid;min-height:300px;overflow:hidden;place-items:center;border:1px solid rgba(80,224,176,.16);border-radius:13px;background:#010807;color:var(--muted);cursor:zoom-in; }.douyin-login-preview-frame img { display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#010807; }.douyin-login-preview-frame>span { position:absolute;inset:auto;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(3,19,17,.9);color:var(--muted);font-size:10px;backdrop-filter:blur(6px); }.douyin-login-preview-frame>span[hidden] { display:none; }.douyin-login-preview>p { display:flex;align-items:flex-start;gap:8px;margin:0;color:var(--muted);font-size:9px;line-height:1.55; }.douyin-login-preview>p>span { flex:0 0 auto;padding:3px 6px;border-radius:6px;background:rgba(80,224,176,.11);color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.04em; }
.douyin-security-note { display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:12px;background:rgba(80,224,176,.035); }.douyin-security-note>span { display:grid;width:21px;height:21px;flex:0 0 auto;place-items:center;border-radius:50%;background:rgba(80,224,176,.12);color:var(--accent);font-size:10px; }.douyin-security-note p { margin:0; }.douyin-security-note strong,.douyin-security-note small { display:block; }.douyin-security-note strong { color:var(--body-ink);font-size:10px; }.douyin-security-note small { margin-top:4px;color:var(--muted);font-size:9px;line-height:1.55; }
.douyin-connect-actions { margin-top:auto;padding:16px 26px;border-top:1px solid var(--line);background:rgba(3,19,17,.97); }.douyin-connect-actions .primary-button { min-width:190px; }
.import-summary { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0; }.import-summary article { padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(80,224,176,.04); }.import-summary strong,.import-summary small { display:block; }.import-summary strong { color:var(--ink);font-size:22px; }.import-summary small { color:var(--muted); }.import-fields { padding:13px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:11px;line-height:1.8; }
.auth-progress { height:7px;margin:16px 0;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden; }.auth-progress span { display:block;width:36%;height:100%;background:var(--brand-gradient); }.auth-account-card { padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(80,224,176,.04); }.auth-account-card strong,.auth-account-card small { display:block; }.auth-account-card small { margin-top:5px;color:var(--muted); }.auth-code-row { display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px; }.auth-code-row input { min-width:0;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.2);color:var(--ink);font-size:20px;letter-spacing:.2em;text-align:center; }.auth-note { margin-top:14px;color:var(--muted);font-size:11px;line-height:1.6; }
.tiktok-authorization-panel { display:flex;flex-direction:column; }.tiktok-authorization-panel>header small { display:block;margin-top:6px;color:var(--muted); }.tiktok-auth-intro,.tiktok-auth-state { margin-top:28px; }.tiktok-auth-state { padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(80,224,176,.035); }.tiktok-auth-state.is-warning { border-color:rgba(251,191,36,.24);background:rgba(251,191,36,.045); }.tiktok-auth-state h3 { margin:15px 0 8px;font-size:18px;line-height:1.4; }.tiktok-auth-state p,.tiktok-auth-safety p { color:var(--muted);font-size:12px;line-height:1.75; }.tiktok-auth-safety { margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02); }.tiktok-auth-safety>strong { display:block;margin-bottom:6px; }.tiktok-connected-list { display:flex;gap:7px;flex-wrap:wrap;margin-top:13px; }.tiktok-connected-list span { padding:6px 9px;border:1px solid var(--line);border-radius:99px;color:var(--ink);font-size:11px; }.tiktok-connected-list small { width:100%;color:var(--muted); }.tiktok-auth-link { display:inline-flex;align-items:center;justify-content:center;text-decoration:none; }.tiktok-authorization-panel>.publish-submitbar { margin-top:auto;padding:22px 0 0; }
.choice-drawer { display:flex;flex-direction:column; }.choice-list { flex:1;margin:18px -4px;overflow:auto; }.choice-item { display:grid;grid-template-columns:auto 56px 1fr;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--line);cursor:pointer; }.choice-item:hover { background:rgba(80,224,176,.04); }.choice-item video,.choice-item .choice-poster,.choice-item .choice-video-placeholder { width:50px;height:68px;border-radius:8px;object-fit:cover;background:#071716; }.choice-item .choice-video-placeholder { display:grid;place-items:center;border:1px solid rgba(80,224,176,.14);color:var(--accent);font-size:16px; }.choice-video-preview { position:relative;width:50px;height:68px;padding:0;border:0;border-radius:8px;background:#071716;color:var(--accent);cursor:pointer;overflow:hidden; }.choice-video-preview .choice-video-play { position:absolute;left:50%;top:50%;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:10px;transform:translate(-50%,-50%);transition:background .15s ease,transform .15s ease; }.choice-video-preview:hover .choice-video-play,.choice-video-preview:focus-visible .choice-video-play { background:var(--accent);color:#03201a;transform:translate(-50%,-50%) scale(1.08); }.choice-video-preview:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }.choice-item strong,.choice-item small { display:block; }.choice-item small { margin-top:4px;color:var(--muted);font-size:10px; }.choice-item input { accent-color:var(--accent); }.schedule-time-input { height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#061717;color:var(--ink); }
.choice-group-tabs { display:flex;gap:8px;margin-top:18px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.12); }.choice-group-tabs button { flex:1;height:42px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer; }.choice-group-tabs button.active { color:var(--ink);background:rgba(80,224,176,.12);box-shadow:inset 0 0 0 1px var(--line-strong); }
.choice-filter-tabs { display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line); }.choice-filter-tabs button { display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.1);color:var(--muted);font-size:10px;font-weight:700;cursor:pointer; }.choice-filter-tabs button span { display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:999px;background:rgba(255,255,255,.055);color:var(--muted);font-size:9px; }.choice-filter-tabs button:hover,.choice-filter-tabs button.active { border-color:var(--line-strong);background:rgba(80,224,176,.1);color:var(--accent); }.choice-filter-tabs button.active span { background:rgba(80,224,176,.15);color:var(--accent); }
.choice-item[hidden],.choice-group-empty[hidden] { display:none !important; }
.compact-empty { padding:48px 16px; }.compact-empty .primary-button,.media-empty .primary-button { margin-top:14px; }.assignment-list { display:grid;gap:8px;margin:20px 0; }.assignment-list>div { display:grid;grid-template-columns:minmax(100px,1fr) 22px minmax(120px,1.4fr);gap:8px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;color:var(--muted); }.assignment-list strong { color:var(--ink); }
.publish-review-panel { width:min(620px,94vw);padding:0;overflow:hidden;background:linear-gradient(180deg,#061b19,#031311); }
.publish-review-panel>header { flex:0 0 auto;align-items:flex-start;padding:24px 26px 20px;border-bottom:1px solid var(--line);background:rgba(3,19,17,.96); }
.publish-review-panel>header h2 { margin:5px 0 5px;color:var(--ink);font-size:25px; }.publish-review-panel>header small { color:var(--muted);font-size:11px; }
.review-close-button { display:grid;width:34px;height:34px;padding:0!important;place-items:center;border:1px solid var(--line)!important;border-radius:10px;background:rgba(255,255,255,.025)!important;color:var(--muted)!important;font-size:22px;cursor:pointer; }.review-close-button:hover { border-color:var(--line-strong)!important;color:var(--accent)!important; }
.review-scroll { flex:1;min-height:0;padding:20px 26px 28px;overflow:auto; }
.review-summary { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px; }.review-summary article { padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:rgba(80,224,176,.04); }.review-summary strong,.review-summary small { display:block; }.review-summary strong { color:var(--ink);font-size:25px;line-height:1.1; }.review-summary small { margin-top:5px;color:var(--muted);font-size:10px; }
.review-facts { display:grid;gap:0;margin-bottom:20px;padding:4px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.13); }.review-facts>div { display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid rgba(80,224,176,.08);font-size:11px; }.review-facts>div:last-child { border-bottom:0; }.review-facts span { color:var(--muted); }.review-facts strong { color:var(--body-ink);font-weight:650; }
.review-section { margin-top:20px; }.review-section>header { display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px; }.review-section>header strong,.review-section>header small { display:block; }.review-section>header strong { color:var(--ink);font-size:13px; }.review-section>header small { margin-top:4px;color:var(--muted);font-size:10px; }.review-section>header>span { color:var(--accent);font-size:10px; }
.review-caption-list,.review-list { display:grid;gap:9px; }.review-video-card { display:grid;grid-template-columns:28px minmax(0,1fr);gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(80,224,176,.025); }.review-index,.review-task-number { display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:rgba(80,224,176,.11);color:var(--accent);font-size:10px;font-weight:800; }.review-video-card small,.review-video-card strong { display:block; }.review-video-card small { overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.review-video-card strong { margin:5px 0 8px;color:var(--ink);font-size:12px;line-height:1.45; }.review-topic-list { display:flex;flex-wrap:wrap;gap:5px; }.review-topic-list span,.review-topic-list em { padding:4px 7px;border-radius:7px;background:rgba(22,143,232,.09);color:var(--accent-cool-ink);font-size:9px;font-style:normal; }
.review-task-card { display:grid;grid-template-columns:24px 30px minmax(90px,.8fr) 20px minmax(130px,1.2fr);gap:9px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018); }.review-task-card strong,.review-task-card small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.review-task-card strong { color:var(--ink);font-size:11px; }.review-task-card small { margin-top:3px;color:var(--muted);font-size:9px; }.review-task-number { width:20px;height:20px;border-radius:6px;font-size:9px; }.review-task-arrow { color:var(--accent);text-align:center; }.review-task-video { min-width:0; }
.review-actions { flex:0 0 auto;margin:0;padding:16px 26px;border-top:1px solid var(--line);background:rgba(3,19,17,.97);box-shadow:0 -14px 30px rgba(0,0,0,.2); }.review-actions button { min-height:42px; }.review-actions .primary-button { min-width:180px; }
.local-upload-overlay { position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.68);backdrop-filter:blur(8px); }.local-upload-dialog { width:min(620px,94vw);max-height:88vh;padding:24px;border:1px solid var(--line-strong);border-radius:20px;background:#041716;box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:auto; }.local-upload-dialog header { display:flex;align-items:flex-start;justify-content:space-between; }.local-upload-dialog h2 { margin:5px 0 0;color:var(--ink); }.local-upload-dropzone { display:grid;place-items:center;width:100%;min-height:190px;margin:22px 0 14px;padding:24px;border:1px dashed var(--line-strong);border-radius:16px;background:rgba(80,224,176,.035);color:var(--body-ink);cursor:pointer; }.local-upload-dropzone:hover,.local-upload-dropzone.is-dragging { border-color:var(--accent);background:rgba(80,224,176,.09); }.local-upload-dropzone strong,.local-upload-dropzone span,.local-upload-dropzone small { display:block; }.local-upload-dropzone strong { color:var(--ink);font-size:18px; }.local-upload-dropzone span { margin-top:8px;color:var(--accent); }.local-upload-dropzone small { margin-top:12px;color:var(--muted); }.local-upload-files { display:grid;gap:8px;max-height:220px;overflow:auto; }.local-upload-files>p { padding:16px;text-align:center;color:var(--muted); }.local-upload-files article { display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border:1px solid var(--line);border-radius:11px; }.local-upload-files strong,.local-upload-files small { display:block; }.local-upload-files small { margin-top:4px;color:var(--muted); }.local-upload-actions { display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line); }.local-upload-actions>span { margin-right:auto;color:var(--muted);font-size:12px; }
.media-library-panel { min-height:650px; }.media-library-summary { display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px; }.media-library-summary span { margin-right:auto; }.media-library-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:16px; }.media-card { position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02); }.media-card.selected { border-color:var(--line-strong);box-shadow:0 0 0 2px rgba(80,224,176,.08); }.media-card video { width:100%;aspect-ratio:9/12;display:block;object-fit:cover;background:#05100f; }.media-card-copy { padding:11px; }.media-card-copy strong,.media-card-copy small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.media-card-copy small { margin-top:5px;color:var(--muted);font-size:10px; }.media-card input { position:absolute;top:10px;left:10px;z-index:2;width:18px;height:18px;accent-color:var(--accent); }.media-empty { grid-column:1/-1;padding:80px 20px;text-align:center;color:var(--muted); }
.choice-item.is-disabled { cursor:not-allowed;opacity:.48; }.choice-item.is-disabled:hover { background:transparent; }
.mock-view-line,.mock-engagement-line { fill:none;vector-effect:non-scaling-stroke;stroke-width:3;stroke-linecap:round;stroke-linejoin:round; }.mock-view-line { stroke:var(--accent); }.mock-engagement-line { stroke:var(--video-blue); }.mock-chart-days { position:absolute;right:48px;bottom:2px;left:48px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px; }
.analytics-chart-point { position:absolute;width:9px;height:9px;border:2px solid #06221d;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(80,224,176,.08);pointer-events:none; }.analytics-chart-point.is-views { background:var(--accent); }.analytics-chart-point.is-engagement { background:var(--video-blue);box-shadow:0 0 0 3px rgba(30,158,232,.1); }.analytics-chart-hover-target { --hit-line:50%;position:absolute;top:0;bottom:0;z-index:2;width:44px;transform:translateX(-50%);outline:0;cursor:crosshair; }.analytics-chart-hover-target.is-first { --hit-line:0%;transform:none; }.analytics-chart-hover-target.is-last { --hit-line:100%;transform:translateX(-100%); }.analytics-chart-hover-target::before { position:absolute;top:8%;bottom:8%;left:var(--hit-line);border-left:1px dashed rgba(192,255,234,.38);content:"";opacity:0; }.analytics-chart-tooltip { position:absolute;top:10px;left:var(--hit-line);z-index:3;display:grid;min-width:144px;gap:6px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(3,24,21,.96);box-shadow:0 12px 30px rgba(0,0,0,.36);opacity:0;transform:translate(-50%,-6px);visibility:hidden;white-space:nowrap;transition:opacity .15s ease,transform .15s ease; }.analytics-chart-hover-target.is-first .analytics-chart-tooltip { transform:translate(0,-6px); }.analytics-chart-hover-target.is-last .analytics-chart-tooltip { transform:translate(-100%,-6px); }.analytics-chart-tooltip b { color:var(--ink);font-size:10px; }.analytics-chart-tooltip em { display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:9px;font-style:normal; }.analytics-chart-tooltip em::before { width:7px;height:7px;border-radius:50%;content:""; }.analytics-chart-tooltip em.is-views::before { background:var(--accent); }.analytics-chart-tooltip em.is-engagement::before { background:var(--video-blue); }.analytics-chart-tooltip strong { margin-left:auto;color:var(--ink);font-size:11px; }.analytics-chart-hover-target:hover::before,.analytics-chart-hover-target:focus::before { opacity:1; }.analytics-chart-hover-target:hover .analytics-chart-tooltip,.analytics-chart-hover-target:focus .analytics-chart-tooltip { opacity:1;transform:translate(-50%,0);visibility:visible; }.analytics-chart-hover-target.is-first:hover .analytics-chart-tooltip,.analytics-chart-hover-target.is-first:focus .analytics-chart-tooltip { transform:translate(0,0); }.analytics-chart-hover-target.is-last:hover .analytics-chart-tooltip,.analytics-chart-hover-target.is-last:focus .analytics-chart-tooltip { transform:translate(-100%,0); }.analytics-single-values { position:absolute;top:14px;left:50%;display:flex;gap:12px;transform:translateX(-50%); }.analytics-single-values span { padding:6px 10px;border:1px solid rgba(80,224,176,.14);border-radius:8px;background:rgba(3,24,21,.88);color:var(--muted);font-size:10px;white-space:nowrap; }.analytics-single-values b { margin-left:4px;color:var(--text);font-size:12px; }
@keyframes toast-in { from { transform:translateY(10px);opacity:0; } } @keyframes pulse { 50% { opacity:.5; } }
@media (max-width:1440px) { .social-hub-modules { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:1200px) { .social-hub-hero { grid-template-columns:1fr;gap:32px; }.publish-workbench { grid-template-columns:1fr; }.tiktok-preview { width:100%;position:static; }.overseas-stats { grid-template-columns:repeat(3,1fr); }.dashboard-grid { grid-template-columns:1fr; }.inbox-layout { grid-template-columns:170px 1fr; }.message-detail { display:none; }.media-library-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1200px) { .dashboard-filter-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-period-filter { grid-column:1 / -1; }.dashboard-refresh-button { width:100%; } }
@media (max-width:1200px) { #page-social-accounts .account-context-toolbar { flex-wrap:wrap; } #page-social-accounts .search-shell { flex:1 1 360px; } #page-social-accounts .account-toolbar-actions { margin-left:auto; } }
@media (max-width:800px) { .social-workspace-heading { width:100%;overflow:hidden; }.social-workspace-tabs { width:100%;overflow-x:auto; }.social-workspace-tabs button { min-width:96px;flex:1 0 auto; }.social-hub-hero { padding:28px; }.social-hub-flow { grid-template-columns:1fr; }.social-hub-flow i { transform:rotate(90deg);text-align:center; }.social-hub-modules { grid-template-columns:1fr; }.overseas-header { align-items:flex-start;flex-direction:column; }.overseas-stats,.overseas-stats.compact { grid-template-columns:repeat(2,1fr); }.section-heading { align-items:flex-start;gap:12px;flex-direction:column; }.video-source-actions { width:100%;flex-wrap:wrap; }.video-picks { grid-template-columns:1fr; }.schedule-choice-row,.publish-submitbar { align-items:flex-start;flex-wrap:wrap; }.schedule-options { margin-left:0;flex-wrap:wrap; }.schedule-picker { grid-template-columns:1fr; }.advanced-publish { grid-template-columns:1fr; }.inbox-layout { grid-template-columns:1fr; }.inbox-views { display:none; }.media-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) { #page-social-accounts .account-matrix-filters { width:100%; } #page-social-accounts .account-matrix-filters #account-market-filter + .select-panel,#page-social-accounts .account-matrix-filters #account-brand-filter + .select-panel { width:auto!important;min-width:0!important;max-width:none!important;flex:1 1 0; } #page-social-accounts #account-platform-filter + .select-panel,#page-social-accounts #account-status-filter + .select-panel { min-width:calc(50% - 5px);flex:1 1 calc(50% - 5px); } #page-social-accounts .search-shell { width:100%;max-width:none;flex-basis:100%; } #page-social-accounts .account-toolbar-actions { width:100%;margin-left:0; } #page-social-accounts .account-manage-button,#page-social-accounts .account-add-button { width:auto;flex:1 1 0; } }
@media (max-width:800px) { .dashboard-filter { padding:16px; }.dashboard-filter-heading { align-items:flex-start;flex-direction:column;gap:12px; }.dashboard-filter-controls { grid-template-columns:1fr; }.dashboard-period-filter { grid-column:auto; }.dashboard-refresh-button { width:100%; } }
@media (max-width:560px) { .publish-review-panel>header,.review-scroll,.review-actions { padding-right:16px;padding-left:16px; }.review-task-card { grid-template-columns:20px 28px minmax(0,1fr); }.review-task-arrow { display:none; }.review-task-video { grid-column:2 / -1;padding-top:8px;border-top:1px solid rgba(80,224,176,.08); }.review-actions { align-items:stretch;flex-direction:column-reverse; }.review-actions button,.review-actions .primary-button { width:100%; } }

/* Dashboard chart treatment: match the project board's layered cards,
   stronger color coding and quieter axes while keeping the chart readable
   on a dense 7/30-day range. */
.dashboard-trends-grid .chart-panel { border-color:rgba(91,203,190,.16); background:linear-gradient(180deg,rgba(5,27,22,.97),rgba(2,16,14,.96)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.14); }
.dashboard-trends-grid .chart-panel .panel-heading { min-height:29px; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid rgba(95,158,174,.08); }
.dashboard-trends-grid .chart-panel .panel-heading strong { display:flex; align-items:center; gap:8px; color:var(--body-ink); font-size:11px; }
.dashboard-chart-icon { display:inline-grid; width:23px; height:23px; flex:0 0 23px; place-items:center; border:1px solid color-mix(in srgb,var(--chart-line,rgba(80,224,176,.24)) 62%,transparent); border-radius:8px; background:linear-gradient(145deg,var(--chart-glow,rgba(80,224,176,.08)),rgba(255,255,255,.025)); color:var(--chart-line,var(--accent)); box-shadow:0 0 14px var(--chart-glow,rgba(80,224,176,.08)),inset 0 1px 0 rgba(255,255,255,.08); transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
.dashboard-chart-icon svg { display:block; width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.dashboard-trends-grid .chart-panel .panel-heading strong:hover .dashboard-chart-icon { border-color:var(--chart-line,var(--accent)); box-shadow:0 0 18px var(--chart-glow,rgba(80,224,176,.1)),inset 0 1px 0 rgba(255,255,255,.1); transform:translateY(-1px); }
.dashboard-trends-grid .chart-panel:nth-child(1) { --chart-line:#27c9ca; --chart-glow:rgba(39,201,202,.12); --chart-gradient-start:rgba(39,201,202,.3); }
.dashboard-trends-grid .chart-panel:nth-child(2) { --chart-line:#388eea; --chart-glow:rgba(56,142,234,.12); --chart-gradient-start:rgba(56,142,234,.3); }
.dashboard-trends-grid .chart-panel:nth-child(3) { --chart-line:#9d73e8; --chart-glow:rgba(157,115,232,.12); --chart-gradient-start:rgba(157,115,232,.28); }
.dashboard-trends-grid .chart-panel:nth-child(4) { --chart-line:#d96bd8; --chart-glow:rgba(217,107,216,.12); --chart-gradient-start:rgba(217,107,216,.28); }
.dashboard-completion-panel { border-color:rgba(157,115,232,.18); background:linear-gradient(180deg,rgba(8,31,31,.97),rgba(2,16,14,.96)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.14); }
.dashboard-completion-panel { --chart-line:#9d73e8; --chart-glow:rgba(157,115,232,.12); }
.dashboard-completion-panel .panel-heading { min-height:29px; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid rgba(95,158,174,.08); }
.dashboard-completion-panel .panel-heading>div>strong { display:flex; align-items:center; gap:8px; }
.dashboard-completion-panel .panel-heading>div>strong::before { display:none; }
.dashboard-completion-ranking .completion-rank-row { border-color:rgba(95,158,174,.14); background:linear-gradient(90deg,rgba(80,224,176,.035),rgba(255,255,255,.018)); }
.dashboard-completion-ranking .completion-rank-row:nth-child(1) { border-left:2px solid #27c9ca; }
.dashboard-completion-ranking .completion-rank-row:nth-child(2) { border-left:2px solid #388eea; }
.dashboard-completion-ranking .completion-rank-row:nth-child(3) { border-left:2px solid #9d73e8; }
.dashboard-completion-ranking .completion-rank-row:nth-child(4) { border-left:2px solid #d96bd8; }
.dashboard-completion-ranking .completion-rank-row:nth-child(2)>i { color:#388eea; }
.dashboard-completion-ranking .completion-rank-row:nth-child(3)>i { color:#9d73e8; }
.dashboard-completion-ranking .completion-rank-row:nth-child(4)>i { color:#d96bd8; }
.dashboard-line-chart { position:relative; height:188px; box-sizing:border-box; margin-top:8px; padding:0; overflow:hidden; border:1px solid color-mix(in srgb,var(--chart-line,var(--accent)) 18%,transparent); border-radius:12px; background:radial-gradient(ellipse at 50% 0%,var(--chart-glow,rgba(80,224,176,.09)),transparent 62%),linear-gradient(180deg,rgba(8,40,32,.2),rgba(2,18,15,.08)); }
.dashboard-line-chart svg { position:absolute; inset:12px 10px 28px 40px; width:calc(100% - 50px); height:calc(100% - 40px); overflow:visible; }
.dashboard-line-grid { position:absolute; inset:12px 10px 28px 40px; pointer-events:none; }
.dashboard-line-grid span { position:absolute; right:0; left:0; border-top:1px solid rgba(80,148,124,.15); }
.dashboard-line-axis { position:absolute; top:12px; bottom:28px; left:8px; width:25px; color:#638791; font-size:8px; font-variant-numeric:tabular-nums; line-height:1; pointer-events:none; text-align:right; }
.dashboard-line-axis span { position:absolute; right:0; transform:translateY(-50%); white-space:nowrap; }
.dashboard-line-segment { fill:none; stroke:var(--chart-line,var(--accent)); stroke-width:2.4; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 4px var(--chart-glow,rgba(80,224,176,.35))); }
.dashboard-line-area { fill:var(--dashboard-line-fill); opacity:.72; }
.dashboard-line-chart circle { fill:#061b16; stroke:var(--chart-line,var(--accent)); stroke-width:1.5; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 3px var(--chart-line,var(--accent))); }
.dashboard-line-markers { position:absolute; inset:12px 10px 28px 40px; pointer-events:none; }
.dashboard-line-marker { position:absolute; width:7px; height:7px; box-sizing:border-box; border:2px solid #061b16; border-radius:50%; transform:translate(-50%,-50%); background:var(--chart-line,var(--accent)); box-shadow:0 0 0 3px var(--chart-glow,rgba(80,224,176,.14)),0 0 8px var(--chart-line,var(--accent)); pointer-events:auto; cursor:help; }
.dashboard-line-marker:hover { transform:translate(-50%,-50%) scale(1.25); }
.dashboard-line-gradient-start { stop-color:var(--chart-gradient-start,var(--chart-glow,rgba(80,224,176,.25))); }
.dashboard-line-gradient-end { stop-color:transparent; }
.dashboard-line-meta { position:absolute; right:10px; bottom:7px; left:40px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#638791; font-size:8px; }
.dashboard-line-meta span { display:flex; align-items:center; gap:5px; }
.dashboard-line-meta span i { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--chart-line,var(--accent)); box-shadow:0 0 8px var(--chart-glow,rgba(80,224,176,.4)); }
.dashboard-line-meta b { color:var(--chart-line,var(--accent)); font-size:9px; font-weight:700; }
.dashboard-date-axis.is-sparse { margin:6px 10px 0 40px; }
.dashboard-date-axis.is-sparse .is-empty { visibility:hidden; }
.dashboard-bar-chart { position:relative; height:170px; box-sizing:border-box; align-items:flex-end; gap:5px; padding:14px 8px 0; overflow:hidden; border:1px solid color-mix(in srgb,var(--chart-line,var(--accent)) 18%,transparent); border-radius:12px; background:radial-gradient(ellipse at 50% 0%,var(--chart-glow,rgba(80,224,176,.08)),transparent 62%),repeating-linear-gradient(to top,transparent 0 36px,rgba(80,148,124,.1) 36px 37px); }
.dashboard-bar-chart .bar-item { position:relative; z-index:1; }
.dashboard-bar-chart .bar { background:linear-gradient(180deg,color-mix(in srgb,var(--chart-line,var(--accent)) 88%,white),color-mix(in srgb,var(--chart-line,var(--accent)) 35%,#10352d)); box-shadow:0 0 12px var(--chart-glow,rgba(80,224,176,.15)); }
.dashboard-bar-chart .bar.is-empty { background:rgba(95,158,174,.2); box-shadow:none; }
.dashboard-bar-chart .bar-value { color:var(--chart-line,var(--muted)); }
.dashboard-line-chart.is-cyan,.dashboard-bar-chart.is-cyan { --chart-line:#27c9ca; --chart-glow:rgba(39,201,202,.12); --chart-gradient-start:rgba(39,201,202,.3); }
.dashboard-line-chart.is-blue,.dashboard-bar-chart.is-blue { --chart-line:#388eea; --chart-glow:rgba(56,142,234,.12); --chart-gradient-start:rgba(56,142,234,.3); }
.dashboard-line-chart.is-purple,.dashboard-bar-chart.is-purple { --chart-line:#9d73e8; --chart-glow:rgba(157,115,232,.12); --chart-gradient-start:rgba(157,115,232,.28); }
.dashboard-line-chart.is-pink,.dashboard-bar-chart.is-pink { --chart-line:#d96bd8; --chart-glow:rgba(217,107,216,.12); --chart-gradient-start:rgba(217,107,216,.28); }
@media (max-width:800px) { .dashboard-line-chart svg { left:34px; width:calc(100% - 44px); }.dashboard-line-grid,.dashboard-line-markers { left:34px; }.dashboard-line-axis { left:6px; }.dashboard-line-meta { left:34px; }.dashboard-date-axis.is-sparse { margin-left:34px; } }

/* Douyin brand dashboard: extends the existing content-factory workbench
   tokens instead of introducing a parallel theme. */
.dashboard-filter-controls { grid-template-columns:minmax(150px,.55fr) minmax(170px,.75fr) minmax(320px,1.4fr) minmax(0,1fr) auto auto auto; }
.dashboard-period-options { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dashboard-period-options .filter-chip { min-width:64px; }
.dashboard-date-range { display:flex; align-items:flex-end; gap:8px; min-width:300px; }
.dashboard-date-range[hidden] { display:none; }
.dashboard-date-range .dashboard-filter-field { min-width:130px; }
.dashboard-filter-meta { display:flex; flex-wrap:wrap; align-items:center; gap:14px; color:var(--muted); font-size:10px; }
.dashboard-filter-meta span+span { padding-left:14px; border-left:1px solid var(--line); }
.dashboard-filter-meta span:first-child { color:var(--accent); }
.dashboard-filter-meta #dashboard-data-quality-summary { color:var(--body-ink); }
.dashboard-range-notice { display:flex; align-items:center; gap:8px; margin-top:2px; padding:9px 12px; border:1px solid rgba(248,194,77,.32); border-radius:10px; background:rgba(248,194,77,.08); color:#f6d889; font-size:11px; line-height:1.5; }
.dashboard-range-notice[hidden] { display:none; }
.dashboard-calendar-picker { position:absolute; right:20px; z-index:80; width:min(525px,calc(100vw - 48px)); }
@media (max-width:600px) { .dashboard-calendar-picker { width:calc(100vw - 48px); } }
.dashboard-summary-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dashboard-summary-stats article { min-height:110px; }
.dashboard-summary-stats article strong { font-variant-numeric:tabular-nums; }
.dashboard-summary-stats small.is-ok { color:var(--ok); }
.dashboard-brand-account-panel,.dashboard-completion-panel,.dashboard-ranking-panel { margin-top:18px; padding:20px; }
.dashboard-inline-select { display:flex; flex:0 0 auto; align-items:center; gap:8px; color:var(--muted); font-size:10px; white-space:nowrap; }
.dashboard-inline-select select { height:32px; min-width:108px; padding:0 27px 0 10px; border:1px solid var(--line); border-radius:9px; background:#061717; color:var(--body-ink); }
.dashboard-completion-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr); gap:20px; align-items:stretch; }
.dashboard-completion-chart { min-height:220px; padding:12px 0; }
.dashboard-completion-ranking { display:grid; align-content:start; gap:8px; max-height:240px; overflow:auto; }
.completion-rank-row { display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.02); }
.completion-rank-row>i { color:var(--accent); font-style:normal; font-variant-numeric:tabular-nums; }
.completion-rank-row strong,.completion-rank-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.completion-rank-row small { margin-top:4px; color:var(--muted); font-size:9px; }
.completion-rank-row>b { color:var(--ink); font-size:12px; font-variant-numeric:tabular-nums; }
.dashboard-trends-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:18px; }
.dashboard-trends-grid .chart-panel { min-height:260px; padding:18px; }
.dashboard-mini-chart { min-height:184px; }
.dashboard-table-wrap { overflow:auto; }
.dashboard-data-table { width:100%; min-width:930px; border-collapse:collapse; color:var(--body-ink); font-size:11px; }
.dashboard-data-table th { padding:11px 10px; border-bottom:1px solid var(--line-strong); color:var(--muted); font-size:10px; font-weight:700; text-align:right; white-space:nowrap; }
.dashboard-data-table td { padding:12px 10px; border-bottom:1px solid var(--line); text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.dashboard-data-table th:first-child,.dashboard-data-table td:first-child,.dashboard-data-table th:nth-child(2),.dashboard-data-table td:nth-child(2) { text-align:left; }
.dashboard-data-table tbody tr:hover { background:rgba(80,224,176,.055); }
.dashboard-data-table .rank-num { color:var(--accent); font-weight:800; }
.dashboard-data-table .entity-button { max-width:230px; padding:0; overflow:hidden; border:0; background:transparent; color:var(--ink); font:inherit; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.dashboard-data-table .entity-button:hover { color:var(--accent); }
.dashboard-data-table .brand-cell { color:var(--muted); }
.dashboard-status-chip { display:inline-flex; min-width:52px; justify-content:center; padding:3px 7px; border-radius:999px; background:rgba(80,224,176,.1); color:var(--ok); font-size:9px; }
.dashboard-status-chip.is-limited { background:rgba(255,190,72,.1); color:#ffca68; }
.dashboard-status-chip.is-pending { background:rgba(160,174,185,.12); color:var(--muted); }
.dashboard-date-axis { display:flex; justify-content:space-between; gap:6px; margin-top:7px; color:var(--muted); font-size:9px; }
.dashboard-bar-chart { display:flex; height:170px; align-items:flex-end; gap:5px; padding:14px 6px 0; border-bottom:1px solid var(--line); }
.dashboard-bar-chart .bar-item { display:flex; min-width:12px; height:100%; flex:1; flex-direction:column; align-items:center; justify-content:flex-end; gap:5px; }
.dashboard-bar-chart .bar { width:100%; max-width:28px; min-height:2px; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,var(--accent),rgba(80,224,176,.2)); box-shadow:0 0 14px rgba(80,224,176,.1); }
.dashboard-bar-chart .bar.is-empty { height:2px!important; background:var(--line); box-shadow:none; }
.dashboard-bar-chart .bar-value { color:var(--muted); font-size:8px; }
.dashboard-bar-chart .bar-item[title] { cursor:help; }
.dashboard-line-chart { position:relative; height:174px; padding:10px 4px 0; border-bottom:1px solid var(--line); }
.dashboard-line-chart svg { width:100%; height:150px; overflow:visible; }
.dashboard-line-chart polyline { fill:none; stroke:var(--accent); stroke-width:2.6; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; }
.dashboard-line-chart circle { fill:var(--accent); stroke:#06221d; stroke-width:1.5; }
.dashboard-line-chart .line-empty { display:grid; height:100%; place-items:center; color:var(--muted); font-size:10px; }
.dashboard-completion-line polyline { stroke:var(--video-blue); }
.dashboard-sync-button.is-loading,.dashboard-refresh-button.is-loading { opacity:.65; pointer-events:none; }
@media (max-width:1200px) { .dashboard-filter-controls { grid-template-columns:repeat(3,minmax(0,1fr)); }.dashboard-date-range { grid-column:1 / -1; }.dashboard-sync-button,.dashboard-export-button,.dashboard-refresh-button { width:100%; text-align:center; }.dashboard-summary-stats { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:800px) { .dashboard-filter-controls { grid-template-columns:1fr; }.dashboard-date-range { min-width:0; grid-column:auto; }.dashboard-date-range .dashboard-filter-field { flex:1; }.dashboard-summary-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-completion-layout,.dashboard-trends-grid { grid-template-columns:1fr; }.dashboard-filter-meta { align-items:flex-start; flex-direction:column; gap:6px; }.dashboard-filter-meta span+span { padding-left:0; border-left:0; } }
@media (max-width:560px) { .douyin-connect-panel>header,.douyin-connect-body,.douyin-connect-actions { padding-right:16px;padding-left:16px; }.douyin-connect-name { grid-template-columns:1fr; }.douyin-connect-name>small { grid-row:2; }.douyin-connect-name .compact-input { grid-row:3; }.douyin-login-preview-frame { min-height:190px; }.douyin-connect-actions { align-items:stretch;flex-direction:column-reverse; }.douyin-connect-actions button,.douyin-connect-actions .primary-button { width:100%; } }

/* Branded schedule control: avoids the oversized, unstyleable browser datetime popup. */
.schedule-date-time { display:flex;align-items:center;gap:10px;min-width:0; }
.schedule-field-group { min-width:0;padding:0;border:0;background:transparent; }
.schedule-cascade { position:relative; }
.schedule-date-cascade { width:226px;flex:0 0 226px; }
.schedule-time-cascade { width:154px;flex:0 0 154px; }
.schedule-cascade-trigger { position:relative;display:flex;width:100%;height:44px;align-items:center;gap:9px;padding:5px 30px 5px 7px;border:1px solid rgba(80,224,176,.24);border-radius:12px;outline:0;background:linear-gradient(145deg,rgba(80,224,176,.09),rgba(4,23,21,.96));color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 16px rgba(0,0,0,.12);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.schedule-cascade-trigger:hover { border-color:rgba(80,224,176,.46);background:linear-gradient(145deg,rgba(80,224,176,.14),rgba(5,27,24,.98));transform:translateY(-1px); }
.schedule-cascade-trigger:focus-visible,.schedule-cascade-trigger[aria-expanded="true"] { border-color:var(--accent);background:linear-gradient(145deg,rgba(80,224,176,.16),rgba(5,29,26,.98));box-shadow:0 0 0 3px rgba(80,224,176,.1),0 10px 24px rgba(0,0,0,.22); }
.schedule-cascade-icon { display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid rgba(80,224,176,.22);border-radius:9px;background:rgba(80,224,176,.1);color:var(--accent);font-size:10px;font-weight:850; }
.schedule-cascade-copy { display:grid;min-width:0;gap:2px; }
.schedule-cascade-copy small { color:var(--muted);font-size:8px;font-weight:650;line-height:1; }
.schedule-cascade-copy strong { display:flex;min-width:0;align-items:center;gap:4px;color:var(--ink);font-size:12px;line-height:1.1;white-space:nowrap; }
.schedule-cascade-copy b { font-weight:780; }
.schedule-cascade-copy i { color:rgba(133,190,176,.5);font-style:normal;font-weight:500; }
.schedule-cascade-trigger em { position:absolute;top:17px;right:12px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;opacity:.58;transform:rotate(45deg);transition:transform .16s ease,opacity .16s ease; }
.schedule-cascade-trigger[aria-expanded="true"] em { opacity:.9;transform:translateY(3px) rotate(225deg); }
.schedule-cascade-popup { position:absolute;bottom:calc(100% + 10px);left:50%;z-index:1750;border:1px solid rgba(80,224,176,.28);border-radius:14px;background:linear-gradient(180deg,rgba(9,34,31,.99),rgba(3,18,16,.99));box-shadow:0 24px 60px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035);transform:translateX(-50%);animation:schedule-cascade-in .16s ease both;overflow:hidden; }
.schedule-cascade-popup[hidden] { display:none; }
.schedule-date-cascade-popup { width:300px; }
.schedule-time-cascade-popup { width:202px; }
.schedule-cascade-popup>header { display:flex;height:39px;align-items:center;justify-content:space-between;gap:12px;padding:0 11px;border-bottom:1px solid rgba(80,224,176,.1);background:rgba(80,224,176,.035); }
.schedule-cascade-popup>header span { color:var(--ink);font-size:10px;font-weight:760; }
.schedule-cascade-popup>header b { padding:4px 7px;border-radius:6px;background:rgba(80,224,176,.1);color:var(--accent);font-size:9px;letter-spacing:.04em; }
.schedule-cascade-columns { display:grid;gap:6px;padding:7px; }
.schedule-date-cascade-columns { grid-template-columns:96px repeat(2,87px); }
.schedule-time-cascade-columns { grid-template-columns:repeat(2,91px); }
.schedule-cascade-columns section { min-width:0;padding:3px;border-radius:9px;background:rgba(255,255,255,.018); }
.schedule-cascade-columns section+section { border-left:1px solid rgba(80,224,176,.09); }
.schedule-cascade-columns section>small { display:block;height:25px;padding:5px;color:var(--muted);font-size:9px;font-weight:750;text-align:center; }
.schedule-cascade-options { display:grid;gap:2px;max-height:200px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(80,224,176,.42) rgba(255,255,255,.035); }
.schedule-cascade-option { min-height:31px;padding:5px 4px;border:0;border-radius:7px;background:transparent;color:var(--body-ink);font:inherit;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer; }
.schedule-cascade-option:hover,.schedule-cascade-option:focus-visible { outline:0;background:rgba(80,224,176,.09);color:var(--ink); }
.schedule-cascade-option.selected { background:linear-gradient(135deg,rgba(80,224,176,.24),rgba(22,143,232,.13));color:var(--accent);box-shadow:inset 0 0 0 1px rgba(80,224,176,.08); }
@keyframes schedule-cascade-in { from { opacity:0;transform:translate(-50%,5px); } to { opacity:1;transform:translate(-50%,0); } }
@media (max-width:800px) { .schedule-date-time { align-items:flex-start;flex-direction:column; }.schedule-field-group,.schedule-cascade { max-width:100%; } }
.review-risk { display:flex;align-items:flex-start;gap:12px;margin:14px 0;padding:13px 15px;border:1px solid rgba(80,224,176,.22);border-radius:12px;background:rgba(80,224,176,.06); }
.review-risk strong { flex:0 0 auto;color:var(--accent);font-size:11px; }
.review-risk span { color:var(--muted);font-size:10px;line-height:1.6; }
.review-risk.is-warning { border-color:rgba(255,190,72,.32);background:rgba(255,190,72,.07); }
.review-risk.is-warning strong { color:#ffca68; }
.inbox-metrics { display:grid;gap:8px; }
.readonly-comments { display:grid;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line); }
.readonly-comments>h4 { margin:0 0 3px;color:var(--ink);font-size:13px; }
.readonly-comments>h4 small { margin-left:6px;color:var(--muted);font-size:10px;font-weight:500; }
.readonly-comment { display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:12px;border:1px solid rgba(80,224,176,.1);border-radius:11px;background:rgba(255,255,255,.025); }
.readonly-comment>img { width:36px;height:36px;border-radius:50%;background:rgba(80,224,176,.08);object-fit:cover; }
.comment-avatar-fallback { display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:rgba(80,224,176,.08);color:var(--accent);font-size:11px; }
.readonly-comment header { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.readonly-comment header strong { color:var(--ink);font-size:11px; }
.readonly-comment time,.readonly-comment small { color:var(--muted);font-size:9px; }
.readonly-comment p { margin:7px 0!important;padding:0!important;background:transparent!important;color:var(--body-ink)!important;font-size:11px;line-height:1.65; }
.readonly-comment footer { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.readonly-comment footer .link-button { min-height:28px;margin:0;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:rgba(80,224,176,.06); }
.comment-reply-slot:empty { display:none; }
.comment-reply-form { display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid rgba(80,224,176,.2);border-radius:10px;background:rgba(0,0,0,.13); }
.comment-reply-form textarea { width:100%;min-height:58px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.2);color:var(--ink);font:inherit;line-height:1.55;padding:9px 10px; }
.comment-reply-form>div { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.comment-reply-form .primary-button { min-height:32px;padding:0 12px; }
.comment-reply-state.is-error { color:#ff8e98; }
.published-comment-reply { margin-top:10px;padding:9px 11px;border-left:2px solid var(--accent);border-radius:0 9px 9px 0;background:rgba(80,224,176,.07); }
.published-comment-reply strong { color:var(--accent);font-size:10px; }
.published-comment-reply p { margin:5px 0!important; }
.readonly-comment-state { margin:0!important;text-align:center;color:var(--muted)!important; }
.readonly-comment-state.is-error { color:#ff8e98!important; }
.comment-content-badge { display:inline-block;margin-left:7px;padding:3px 8px;border:1px solid rgba(80,224,176,.38);border-radius:999px;background:rgba(80,224,176,.14);color:var(--accent);font-size:9px;font-weight:800;vertical-align:1px; }
.message-item:has(.comment-content-badge) { cursor:pointer; }
.task-detail-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:10px; }
.task-detail-actions .primary-button,.task-detail-actions .ghost-button { min-height:36px;margin-top:0;padding:0 13px;border-radius:11px; }
.task-verification-note { display:block;max-width:620px; }
.task-verification-callout { display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin-top:10px;padding:11px 12px;border:1px solid rgba(255,190,72,.28);border-radius:11px;background:rgba(255,190,72,.065); }
.task-verification-callout>span { display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:rgba(255,190,72,.14);color:#ffca68;font-size:11px;font-weight:900; }
.task-verification-callout strong,.task-verification-callout small { display:block; }
.task-verification-callout strong { color:#ffca68;font-size:11px; }
.task-verification-callout small { margin-top:4px!important;color:var(--muted);font-size:10px;line-height:1.55; }
.prototype-drawer.has-verification-preview .prototype-drawer-panel { width:min(760px,96vw); }
.task-verification-preview { display:grid;gap:10px;margin-top:12px;padding:13px;border:1px solid rgba(80,224,176,.22);border-radius:14px;background:linear-gradient(145deg,rgba(80,224,176,.055),rgba(22,143,232,.025)); }
.task-verification-preview>header { display:flex;align-items:center;justify-content:space-between;gap:14px; }
.task-verification-preview>header strong,.task-verification-preview>header small { display:block; }
.task-verification-preview>header strong { color:var(--ink);font-size:11px; }
.task-verification-preview>header small { margin-top:3px!important;color:var(--accent);font-size:9px; }
.task-verification-preview>header .link-button { min-height:31px;margin:0;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.14);font-size:10px;cursor:pointer; }
.task-verification-preview-actions { display:flex;gap:8px;flex-shrink:0; }
.task-verification-preview.is-expanded { position:fixed;inset:12px;z-index:10050;margin:0;padding:16px;overflow:auto;background:#071411;grid-template-rows:auto minmax(240px,1fr) auto auto auto; }
.task-verification-preview:fullscreen { inset:0;width:100%;height:100%;border-radius:0; }
.task-verification-preview.is-expanded .task-verification-preview-frame { min-height:0; }
.task-verification-preview.is-expanded .task-verification-preview-frame iframe { height:100%;min-height:300px; }
.task-verification-preview.is-expanded .task-verification-preview-frame img { max-height:100%; }
.task-verification-preview-frame { position:relative;display:grid;min-height:290px;overflow:hidden;place-items:center;border:1px solid rgba(80,224,176,.16);border-radius:12px;background:#010807;color:var(--muted);cursor:zoom-in; }
.task-verification-preview-frame iframe { display:block;width:100%;height:460px;border:0;background:#010807; }
.task-verification-preview-frame iframe[hidden] { display:none; }
.task-verification-preview-frame img { display:block;width:100%;max-height:440px;object-fit:contain;background:#010807; }
.task-verification-preview-frame img[hidden] { display:none; }
.task-verification-preview-frame>span { position:absolute;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(3,19,17,.9);color:var(--muted);font-size:10px;backdrop-filter:blur(6px); }
.task-verification-preview-frame>span[hidden] { display:none; }
.task-verification-preview>p { display:flex;align-items:flex-start;gap:8px;margin:0!important;padding:0!important;background:transparent!important;color:var(--muted)!important;font-size:9px;line-height:1.55; }
.task-verification-preview>p>span { flex:0 0 auto;padding:3px 6px;border-radius:6px;background:rgba(80,224,176,.11);color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.04em; }
.task-verification-controls { display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid rgba(80,224,176,.16);border-radius:11px;background:rgba(3,19,17,.72); }
.task-verification-preview:not([data-verification-mode="screenshot"]) .task-verification-controls { display:none; }
.task-verification-preview:not([data-verification-mode="screenshot"]):not([data-verification-mode="error"]) [data-refresh-verification-preview] { display:none; }
.task-verification-preview[data-verification-mode="live"]>p { display:none; }
.task-verification-controls>.primary-button { min-height:38px;margin:0;padding:0 15px;white-space:nowrap; }
.task-verification-controls form { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0; }
.task-verification-controls input { width:100%;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.2);color:var(--ink);font:inherit; }
.task-verification-controls input:focus { border-color:var(--accent);outline:none;box-shadow:0 0 0 2px rgba(80,224,176,.1); }
.task-verification-controls form .primary-button { min-height:38px;margin:0;padding:0 14px;white-space:nowrap; }
.task-verification-action-status { display:block;margin:-2px 2px 0;padding:8px 10px;border:1px solid rgba(80,224,176,.16);border-radius:9px;background:rgba(80,224,176,.055);color:var(--muted);font-size:10px;line-height:1.55; }
.task-verification-action-status[hidden] { display:none; }
.task-verification-action-status[data-tone="success"] { border-color:rgba(80,224,176,.3);color:var(--accent); }
.task-verification-action-status[data-tone="warning"] { border-color:rgba(255,196,73,.3);background:rgba(255,196,73,.07);color:#ffd276; }
.task-verification-action-status[data-tone="error"] { border-color:rgba(255,103,103,.3);background:rgba(255,103,103,.07);color:#ff9b9b; }
.prototype-confirm-overlay { position:fixed;inset:0;z-index:2400;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.7);backdrop-filter:blur(8px); }
.prototype-confirm-dialog { width:min(470px,94vw);padding:24px;border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(160deg,#08211e,#031311);box-shadow:0 30px 90px rgba(0,0,0,.68); }
.prototype-confirm-dialog>header { display:flex;align-items:center;gap:13px; }
.prototype-confirm-dialog h2 { margin:4px 0 0;color:var(--ink);font-size:21px; }
.prototype-confirm-dialog>p { margin:20px 0 0;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(80,224,176,.035);color:var(--muted);font-size:12px;line-height:1.75; }
.prototype-confirm-icon { display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid rgba(80,224,176,.3);border-radius:12px;background:rgba(80,224,176,.1);color:var(--accent);font-size:17px;font-weight:900; }
.prototype-confirm-dialog.is-warning .prototype-confirm-icon { border-color:rgba(255,190,72,.3);background:rgba(255,190,72,.1);color:#ffca68; }
.prototype-confirm-dialog.is-warning>p { border-color:rgba(255,190,72,.2);background:rgba(255,190,72,.045); }
.prototype-confirm-actions { display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line); }
.prototype-confirm-actions button { min-height:42px;padding:0 18px;border-radius:13px; }
.prototype-confirm-actions .ghost-button { border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--body-ink); }
.prototype-confirm-actions .primary-button { border:1px solid rgba(80,224,176,.5);background:var(--brand-gradient);color:#00110d;font-weight:800;box-shadow:0 10px 30px rgba(48,192,192,.18); }
@media (max-width:560px) { .prototype-confirm-actions { align-items:stretch;flex-direction:column-reverse; }.prototype-confirm-actions button { width:100%; } }
@media (max-width:560px) { .task-verification-preview-frame { min-height:190px; }.task-verification-preview-frame iframe { height:390px; }.task-verification-preview>header { align-items:flex-start; }.task-verification-preview>header .link-button { width:auto; }.task-verification-controls,.task-verification-controls form { grid-template-columns:1fr; } }

/* Final dashboard chart overrides: these come after the legacy chart rules so
   the board palette is actually applied to every trend card. */
.dashboard-trends-grid .chart-panel .dashboard-line-chart { height:188px; padding:0; border-bottom:0; }
.dashboard-trends-grid .chart-panel .dashboard-line-chart svg { position:absolute; inset:12px 10px 28px 40px; width:calc(100% - 50px); height:calc(100% - 40px); }
.dashboard-trends-grid .chart-panel .dashboard-line-segment { stroke:var(--chart-line) !important; }
.dashboard-trends-grid .chart-panel .dashboard-line-area { fill:var(--dashboard-line-fill) !important; }
.dashboard-trends-grid .chart-panel .dashboard-bar-chart { height:170px; padding:14px 8px 0; border-bottom:0; }
.dashboard-trends-grid .chart-panel .dashboard-bar-chart .bar { background:linear-gradient(180deg,color-mix(in srgb,var(--chart-line) 88%,white),color-mix(in srgb,var(--chart-line) 35%,#10352d)) !important; box-shadow:0 0 12px var(--chart-glow) !important; }
.dashboard-trends-grid .chart-panel .dashboard-bar-chart .bar.is-empty { background:rgba(95,158,174,.2) !important; box-shadow:none !important; }
.dashboard-trends-grid .chart-panel .dashboard-bar-chart .bar-value { color:var(--chart-line); }
@media (max-width:800px) { .dashboard-trends-grid .chart-panel .dashboard-line-chart svg { left:34px; width:calc(100% - 44px); }.dashboard-trends-grid .chart-panel .dashboard-line-markers { left:34px; } }