:root { --ink:#101828; --muted:#667085; --line:#e4e7ec; --bg:#f6f7f9; --gold:#d8a000; --gold2:#f5c644; --white:#fff; --red:#d92d20; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.login-layer { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:20px; background:radial-gradient(circle at 50% 0,#303b52,#101828 60%); }
.login-layer.hidden { display:none; }
.login-card { width:min(390px,100%); padding:36px; border:1px solid rgba(255,255,255,.13); border-radius:18px; color:white; background:rgba(255,255,255,.08); box-shadow:0 24px 80px rgba(0,0,0,.35); backdrop-filter:blur(18px); text-align:center; }
.brand-mark { width:54px; height:54px; margin:auto; display:grid; place-items:center; border-radius:15px; color:#fff; background:linear-gradient(145deg,var(--gold2),#b47b00); box-shadow:0 10px 28px rgba(220,158,0,.28); font-size:26px; font-weight:800; }
.login-card h1 { margin:20px 0 5px; font-size:25px; }.login-card p { margin:0 0 22px; color:#bdc5d5; }
.login-card input { width:100%; height:46px; padding:0 14px; border:1px solid rgba(255,255,255,.2); border-radius:9px; outline:0; color:#fff; background:rgba(255,255,255,.08); }
.login-card input+input{margin-top:10px}
.login-card input:focus { border-color:var(--gold2); box-shadow:0 0 0 3px rgba(245,198,68,.13); }
.login-card button { width:100%; height:46px; margin-top:12px; border:0; border-radius:9px; color:#fff; background:linear-gradient(90deg,#c68c00,#e7b323); font-weight:700; }
.login-card small { min-height:20px; margin-top:9px; display:block; color:#ffb4ad; }
.admin-shell { min-height:100vh; display:grid; grid-template-columns:244px minmax(0,1fr); }
.sidebar { position:sticky; top:0; height:100vh; padding:22px 14px; display:flex; flex-direction:column; color:#d0d5dd; background:#101828; }
.brand { padding:0 7px 24px; display:flex; align-items:center; gap:10px; color:white; text-decoration:none; }
.brand span { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:linear-gradient(145deg,var(--gold2),#b67d00); font-weight:800; }
.brand strong { font-size:16px; }.sidebar nav { min-height:0; display:grid; gap:4px; overflow-y:auto; scrollbar-width:thin; }
.menu { width:100%; height:42px; padding:0 13px; border:0; border-radius:8px; color:#b9c1d1; background:transparent; text-align:left; }
.menu:hover { color:white; background:#1d2939; }.menu.active { color:#fff; background:#29374d; box-shadow:inset 3px 0 var(--gold2); }
.view-site { margin-top:auto; padding:12px; border:1px solid #344054; border-radius:8px; color:#d0d5dd; text-decoration:none; text-align:center; font-size:13px; }
.workspace { min-width:0; }.workspace-head { height:81px; padding:0 34px; display:flex; align-items:center; gap:14px; border-bottom:1px solid var(--line); background:#fff; }
.workspace-head h1 { margin:0 0 4px; font-size:20px; }.workspace-head p { margin:0; color:var(--muted); font-size:13px; }
.logout { margin-left:auto; padding:8px 13px; border:1px solid var(--line); border-radius:7px; color:#475467; background:#fff; }.mobile-menu { display:none; border:0; background:none; font-size:22px; }
.content { max-width:1320px; padding:28px 34px; }.view { display:none; }.view.active { display:block; }
.stat-grid { margin-bottom:22px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.metric { padding:20px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); }
.metric span { color:var(--muted); font-size:13px; }.metric strong { margin-top:10px; display:block; font-size:28px; letter-spacing:-.5px; }.metric small { margin-top:6px; display:block; color:#12a15c; }
.panel { overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); }
.panel-head { min-height:74px; padding:15px 20px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid var(--line); }
.panel-head h2 { margin:0 0 4px; font-size:16px; }.panel-head p { margin:0; color:var(--muted); font-size:13px; }
.quick-grid { padding:18px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.quick-grid button { height:70px; border:1px solid var(--line); border-radius:9px; color:#344054; background:#f9fafb; font-weight:650; }.quick-grid button:hover { border-color:#e8bc46; color:#9c7000; background:#fffbef; }
.primary { min-height:38px; padding:0 15px; border:0; border-radius:7px; color:#fff; background:#c99100; font-weight:650; }.primary:hover { background:#af7c00; }
.form-panel { overflow:visible; }.form-grid { padding:22px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
label { display:grid; gap:7px; color:#344054; font-size:13px; font-weight:600; }.full { grid-column:1/-1; }
input,select,textarea { width:100%; padding:10px 12px; border:1px solid #d0d5dd; border-radius:7px; outline:0; color:#101828; background:#fff; font-weight:400; }
input:focus,select:focus,textarea:focus { border-color:#d6a529; box-shadow:0 0 0 3px rgba(214,165,41,.12); }.check { display:flex; align-items:center; grid-template-columns:auto 1fr; }.check input { width:17px; height:17px; }
.form-note { margin:0; padding:14px 22px 20px; color:var(--muted); font-size:12px; line-height:1.7; }.form-panel .table-wrap input,.form-panel .table-wrap select { min-width:120px; padding:8px 10px; }
.table-wrap { overflow:auto; }table { width:100%; border-collapse:collapse; font-size:13px; }th,td { padding:12px 16px; border-bottom:1px solid #eef0f2; text-align:left; white-space:nowrap; }th { color:#667085; background:#f9fafb; font-weight:600; }td:first-child { min-width:380px; white-space:normal; font-weight:600; }
.badge { padding:4px 7px; border-radius:99px; color:#8a6400; background:#fff4cc; font-size:11px; }.row-actions { display:flex; gap:6px; }.row-actions button { padding:5px 8px; border:1px solid var(--line); border-radius:5px; background:white; }.row-actions .danger { color:var(--red); }
.admin-chat { max-height:540px; padding:20px; overflow:auto; background:#f9fafb; }.bubble { width:max-content; max-width:70%; margin:8px 0; padding:9px 12px; border:1px solid var(--line); border-radius:10px; background:#fff; font-size:13px; }.bubble.visitor { margin-left:auto; color:white; border-color:#d19a00; background:#d19a00; }.bubble small { display:block; margin-top:4px; opacity:.65; font-size:10px; }
.inbox-grid { min-height:420px; display:grid; grid-template-columns:240px minmax(0,1fr); gap:16px; }.inbox-list { padding-right:10px; display:grid; align-content:start; gap:5px; border-right:1px solid var(--line); }.inbox-item { padding:10px; border:1px solid transparent; border-radius:8px; background:transparent; text-align:left; }.inbox-item:hover,.inbox-item.active { border-color:#ead28f; background:#fff9e8; }.inbox-item b,.inbox-item span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.inbox-item span { margin-top:5px; color:var(--muted); font-size:11px; }.inbox-messages { min-width:0; max-height:420px; padding:4px 12px; overflow-y:auto; }
.reply-form { padding:14px; display:flex; gap:9px; border-top:1px solid var(--line); }.reply-form input { flex:1; }
.inline-form { padding:16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; border-bottom:1px solid var(--line); background:#fcfcfd; }.inline-form input,.inline-form select { min-width:0; }.inline-form button { min-height:42px; }
dialog { width:min(700px,calc(100% - 28px)); max-height:90vh; padding:0; border:0; border-radius:14px; box-shadow:0 28px 90px rgba(16,24,40,.28); }dialog::backdrop { background:rgba(16,24,40,.58); }.dialog-head { padding:18px 22px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.dialog-head h2 { margin:0 0 3px; font-size:18px; }.dialog-head p { margin:0; color:var(--muted); font-size:12px; }.dialog-head button { width:34px; height:34px; border:0; border-radius:50%; color:#667085; background:#f2f4f7; font-size:22px; }.dialog-body { max-height:calc(90vh - 78px); overflow:auto; }.dialog-actions { padding:15px 22px; display:flex; justify-content:flex-end; gap:8px; border-top:1px solid var(--line); }.ghost { min-height:38px; padding:0 15px; border:1px solid var(--line); border-radius:7px; background:white; }
.admin-toast { position:fixed; right:22px; bottom:22px; z-index:200; transform:translateY(90px); padding:11px 16px; border-radius:8px; color:#fff; background:#101828; box-shadow:0 8px 30px rgba(0,0,0,.2); opacity:0; transition:.22s; }.admin-toast.show { transform:none; opacity:1; }
@media(max-width:900px){.admin-shell{display:block}.sidebar{position:fixed;z-index:50;left:-260px;width:244px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:block}.workspace-head{padding:0 18px}.content{padding:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.stat-grid,.form-grid,.inline-form{grid-template-columns:1fr}.full{grid-column:auto}.content{padding:12px}.workspace-head{height:70px}.workspace-head p{display:none}.panel-head{align-items:flex-start}.quick-grid{grid-template-columns:1fr 1fr}.stat-grid{gap:10px}.metric{padding:15px}td:first-child{min-width:260px}.reply-form{flex-direction:column}.inbox-grid{grid-template-columns:1fr}.inbox-list{max-height:160px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}}

/* BBS SaaS tenant-console skin */
:root { --blue:#2563eb; --blue-soft:#eff6ff; --gray-50:#f9fafb; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-500:#6b7280; --gray-800:#1f2937; }
body { background:#f3f4f6; color:#1f2937; }
.admin-shell { grid-template-columns:256px minmax(0,1fr); }
.sidebar { padding:0; color:#4b5563; background:#fff; border-right:1px solid #e5e7eb; }
.brand { height:64px; padding:0 20px; border-bottom:1px solid #e5e7eb; color:#1f2937; }
.brand span { width:32px; height:32px; color:#fff; background:#2563eb; box-shadow:none; }
.brand div { display:grid; }.brand strong { font-size:14px; line-height:1.1; }.brand small { margin-top:3px; color:#9ca3af; font-size:11px; }
.tenant-points { margin:12px 16px 2px; padding:9px 11px; display:flex; align-items:center; gap:8px; border:1px solid #dbeafe; border-radius:12px; color:#2563eb; background:#eff6ff; font-size:13px; }
.tenant-points b { flex:1; }.tenant-points button { border:0; color:#3b82f6; background:transparent; }
.sidebar nav { display:block; padding:12px 16px 18px; }
.nav-group { margin:14px 10px 6px; color:#9ca3af; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.menu { height:auto; min-height:52px; margin:2px 0; padding:8px 11px; display:flex; align-items:center; gap:11px; border-radius:12px; color:#4b5563; }
.menu i { width:20px; flex:0 0 20px; color:#9ca3af; font-size:18px; font-style:normal; text-align:center; }
.menu span { min-width:0; display:grid; gap:2px; }.menu b { font-size:14px; font-weight:600; }.menu small { overflow:hidden; color:#9ca3af; font-size:11px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
.menu:hover { color:#1f2937; background:#f9fafb; }.menu.active { color:#fff; background:#2563eb; box-shadow:0 2px 5px rgba(37,99,235,.2); }.menu.active i,.menu.active small { color:#dbeafe; }
.sidebar-foot { margin-top:auto; padding:14px 16px; border-top:1px solid #e5e7eb; }.sidebar-foot>div { margin-bottom:8px; padding:8px 10px; border-radius:8px; color:#6b7280; background:#f9fafb; font-size:12px; }.sidebar-foot>div span { width:7px; height:7px; margin-right:7px; display:inline-block; border-radius:50%; background:#22c55e; }.view-site { margin:0; padding:8px; display:block; border-color:#e5e7eb; color:#6b7280; }
.workspace-head { height:64px; padding:0 28px; }.workspace-head h1 { font-size:18px; }.content { max-width:none; padding:24px 28px 50px; }
.primary { background:#2563eb; }.primary:hover { background:#1d4ed8; }.ghost { color:#4b5563; }
.panel,.metric { border-color:#e5e7eb; border-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,.03); }.metric strong { color:#1f2937; }
.page-intro { margin-bottom:16px; display:flex; align-items:center; justify-content:space-between; gap:16px; }.page-intro h2 { margin:0 0 4px; font-size:20px; }.page-intro p { margin:0; color:#6b7280; font-size:13px; }.head-actions { display:flex; gap:8px; }
.posting-tabs { display:flex; align-items:center; gap:4px; padding:4px; border:1px solid #e5e7eb; border-bottom:0; border-radius:12px 12px 0 0; background:#fff; }.posting-tabs button { padding:8px 16px; border:0; border-radius:8px; color:#6b7280; background:transparent; }.posting-tabs button.active { color:#2563eb; background:#eff6ff; font-weight:700; }.posting-tabs span { margin-left:auto; padding-right:12px; color:#9ca3af; font-size:12px; }
.post-toolbar { padding:10px 12px; display:flex; align-items:center; gap:8px; border:1px solid #e5e7eb; background:#fff; }.post-toolbar select { width:auto; min-width:120px; padding:7px 10px; border-radius:999px; font-size:12px; }.post-toolbar label { display:flex; grid-template-columns:auto 1fr; align-items:center; font-size:12px; }.post-toolbar label input { width:16px; }.search-box { width:210px; padding:0 10px; display:flex; align-items:center; border:1px solid #d1d5db; border-radius:999px; color:#9ca3af; }.search-box input { padding:7px 5px; border:0; box-shadow:none; font-size:12px; }.toolbar-spacer { flex:1; }
.draft-alert { padding:10px 14px; display:none; align-items:center; gap:12px; border:1px solid #fed7aa; border-top:0; color:#c2410c; background:#fff7ed; font-size:12px; }.draft-alert.show { display:flex; }.draft-alert>span { width:10px; height:10px; border-radius:50%; background:#fb923c; box-shadow:0 0 0 4px #ffedd5; }.draft-alert small { color:#ea580c; }.draft-alert button { margin-left:auto; padding:6px 11px; border:0; border-radius:7px; color:#fff; background:#22c55e; }
.post-panel { border-radius:0 0 12px 12px; }.post-panel td:first-child { min-width:0; }.post-panel td:nth-child(2) { min-width:270px; white-space:normal; }.post-title-cell b { display:block; font-weight:600; }.post-title-cell small { margin-top:4px; display:block; color:#9ca3af; }.post-dot { width:8px; height:8px; display:inline-block; border-radius:50%; vertical-align:middle; }.status-pill { padding:3px 7px; border:1px solid; border-radius:6px; font-size:10px; }.status-ready { color:#2563eb; border-color:#bfdbfe; background:#eff6ff; }.status-draft { color:#ea580c; border-color:#fed7aa; background:#fff7ed; }.status-waiting { color:#ca8a04; border-color:#fde68a; background:#fefce8; }
.post-streak-badge{margin-left:4px;padding:1px 5px;border:1px solid #fed7aa;border-radius:99px;color:#c4320a;background:#fff4ed;font-size:8px;font-weight:800;white-space:nowrap}
.paid-cell { padding:5px 8px; border:1px solid #fed7aa; border-radius:7px; color:#ea580c; background:#fff7ed; }.paid-cell b { font-size:10px; }.mini-edit { margin-left:4px; padding:4px 6px; border:1px solid #d1d5db; border-radius:5px; color:#2563eb; background:#fff; font-size:10px; }
.batch-bar { position:fixed; z-index:40; left:50%; bottom:20px; transform:translate(-35%,100px); padding:10px 14px; display:flex; align-items:center; gap:8px; border:1px solid #d1d5db; border-radius:14px; color:#374151; background:#fff; box-shadow:0 12px 34px rgba(0,0,0,.16); opacity:0; transition:.2s; }.batch-bar.show { transform:translate(-35%,0); opacity:1; }.batch-bar button { padding:6px 10px; border:1px solid #e5e7eb; border-radius:7px; background:#fff; }.batch-bar .danger { color:#dc2626; }
.sticky-head { position:sticky; z-index:5; top:0; border-radius:12px 12px 0 0; background:#fff; }.config-card { margin:18px 20px; padding:16px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; }.config-card h3 { margin:0 0 6px; font-size:15px; }.config-card>p { margin:5px 0 12px; color:#6b7280; font-size:12px; line-height:1.65; }.strategy-row { display:flex; flex-wrap:wrap; align-items:end; gap:14px; }.strategy-row label { display:flex; grid-template-columns:auto; align-items:center; gap:6px; }.strategy-row label input,.strategy-row label select { width:auto; min-width:64px; }.blue-note { padding:8px 10px; border-radius:8px; color:#2563eb!important; background:#eff6ff; }
.prediction-dialog { width:min(760px,calc(100% - 20px)); height:min(765px,calc(100vh - 28px)); max-height:none; padding:0; overflow:hidden; border-radius:18px; }.prediction-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.prediction-head { min-height:52px; margin:0; padding:0 20px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #d1d5db; }.prediction-head h2 { margin:0; font-size:18px; }.prediction-head select { width:auto; padding:5px 9px; font-size:12px; }.lottery-chip { padding:3px 6px; border-radius:5px; color:#2563eb; background:#eff6ff; font-size:11px; }.selection-count { margin-left:auto; color:#9ca3af; font-size:12px; }.selection-count b { color:#2563eb; }.selection-count em { color:#6b7280; font-style:normal; }.prediction-head>button { width:28px; border:0; color:#9ca3af; background:transparent; font-size:24px; }
.prediction-tools { padding:10px 20px; display:grid; gap:7px; border-bottom:1px solid #111827; background:#f9fafb; }.prediction-tools>div { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }.prediction-tools label { width:56px; color:#9ca3af; font-size:11px; }.prediction-tools button { padding:5px 11px; border:1px solid #d1d5db; border-radius:8px; color:#4b5563; background:#fff; font-size:12px; }.prediction-tools button.active,.prediction-tools .mode.active { color:#fff; border-color:#3b82f6; background:#3b82f6; }.prediction-tools .clear-picks { margin-left:auto; color:#9ca3af; }.prediction-tools select,.prediction-tools input { width:auto; padding:5px 8px; font-size:12px; }.prediction-tools input { width:60px; }.prediction-tools span,.prediction-tools p { margin:0; color:#9ca3af; font-size:11px; }.prediction-tools p { color:#2563eb; }
.prediction-groups { min-height:0; height:auto; padding:12px 20px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; display:flex; flex-direction:column; align-items:stretch; gap:6px; }.prediction-groups::-webkit-scrollbar{width:9px}.prediction-groups::-webkit-scrollbar-track{background:#f3f4f6}.prediction-groups::-webkit-scrollbar-thumb{border:2px solid #f3f4f6;border-radius:99px;background:#9ca3af}.type-group { flex:0 0 auto; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; }.type-group.selected { border-color:#bfdbfe; background:#eff6ff66; }.type-group-head { min-height:40px; padding:6px 9px; display:flex; align-items:center; gap:8px; }.type-toggle { flex:1; display:flex; align-items:center; gap:8px; border:0; color:#374151; background:transparent; text-align:left; }.type-toggle i { color:#9ca3af; font-style:normal; }.type-toggle span.dot { width:8px; height:8px; border-radius:50%; }.type-toggle small { margin-left:20px; color:#c4c9d2; }.type-group-head .select-group { padding:5px 9px; border:1px solid #d1d5db; border-radius:8px; color:#6b7280; background:#fff; font-size:11px; }.group-settings { margin-left:auto; display:none; align-items:center; gap:5px; }.type-group.selected .group-settings { display:flex; }.group-settings select,.group-settings input { width:auto; max-width:76px; padding:4px 6px; font-size:11px; }.type-options { padding:8px 12px 11px; display:none; flex-wrap:wrap; gap:5px; border-top:1px solid #dbeafe; }.type-group.open .type-options { display:flex; }.type-options button { padding:4px 8px; border:1px solid #e5e7eb; border-radius:6px; color:#9ca3af; background:#f9fafb; font-size:11px; }.type-options button.active { color:#fff; border-color:#3b82f6; background:#3b82f6; }
.prediction-footer { min-height:88px; padding:10px 20px 12px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:6px 12px; border-top:1px solid #111827; }.prediction-footer p { margin:0; color:#dc2626; font-size:12px; }.prediction-footer span { color:#9ca3af; font-size:11px; }.prediction-footer button { grid-column:1/-1; height:40px; border:0; border-radius:11px; color:#fff; background:#85a9f7; font-weight:700; }.prediction-footer button.ready { background:#2563eb; }
.unlock-button { min-height:38px; padding:0 14px; border:1px solid #f59e0b; border-radius:9px; color:#b45309; background:#fffbeb; font-weight:650; }.unlock-button b { min-width:19px; height:19px; margin-left:5px; padding:0 5px; display:inline-grid; place-items:center; border-radius:10px; color:#fff; background:#f59e0b; font-size:11px; }
.post-editor-dialog { width:min(920px,calc(100% - 22px)); height:min(900px,calc(100vh - 18px)); max-height:none; }.post-editor-dialog .dialog-body { max-height:calc(100% - 71px); }.post-editor-dialog .form-grid { padding-bottom:14px; }.edit-publish-warning { margin:14px 22px 0; padding:9px 11px; display:none; border:1px solid #fdba74; border-radius:8px; color:#ea580c; background:#fff7ed; font-size:12px; }.edit-publish-warning.show { display:block; }
.period-editor-wrap { margin:0 22px 16px; border-top:1px solid #e5e7eb; }.period-editor-head { padding:16px 0 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; }.period-editor-head h3 { margin:0 0 4px; font-size:14px; }.period-editor-head p { margin:0; color:#9ca3af; font-size:11px; }.period-editor-head>span { color:#6b7280; font-size:11px; }.period-editor { display:grid; gap:10px; }.period-card { overflow:hidden; border:1px solid #dbeafe; border-radius:12px; background:#fff; }.period-card.is-win { border-color:#fecaca; }.period-card-head { padding:8px 11px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #e5e7eb; background:#f9fafb; }.period-card.is-win .period-card-head { background:#fff1f2; }.period-card-head b { padding:3px 7px; border-radius:5px; color:#2563eb; background:#eff6ff; font-size:11px; }.period-card.is-win .period-card-head b { color:#dc2626; background:#fff; }.period-card-head time { color:#9ca3af; font-size:11px; }.period-card-head label { margin-left:auto; display:flex; align-items:center; grid-template-columns:auto 1fr; color:#6b7280; font-size:11px; }.period-card-head label input { width:15px; height:15px; }.period-card-head button { padding:4px 8px; border:1px solid #d1d5db; border-radius:6px; color:#4b5563; background:#fff; font-size:11px; }.period-card textarea { min-height:108px; padding:13px 15px; border:0; border-radius:0; box-shadow:none; resize:vertical; line-height:1.7; font-size:13px; }.period-card.current textarea:placeholder-shown { color:#9ca3af; font-style:italic; }.sticky-actions { position:sticky; bottom:0; z-index:4; background:#fff; }.period-editor-wrap.hidden { display:none; }
.unlock-dialog { width:min(1000px,calc(100% - 24px)); max-height:88vh; }.unlock-dialog-body { max-height:calc(88vh - 72px); overflow:auto; }.unlock-filters { padding:12px 16px; display:flex; gap:8px; border-bottom:1px solid #e5e7eb; background:#f9fafb; }.unlock-filters select { width:130px; }.unlock-filters input { flex:1; }.unlock-filters button { padding:0 13px; border:1px solid #d1d5db; border-radius:7px; background:#fff; }.unlock-summary { padding:14px 16px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.unlock-metric { padding:11px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; }.unlock-metric span { display:block; color:#9ca3af; font-size:11px; }.unlock-metric b { margin-top:5px; display:block; color:#2563eb; font-size:21px; }.unlock-dialog td:first-child { min-width:120px; }.unlock-dialog td:nth-child(2) { min-width:250px; white-space:normal; }.unlock-post-cell b,.unlock-post-cell small { display:block; }.unlock-post-cell small { margin-top:3px; color:#9ca3af; }.paid-amount { color:#d97706; font-weight:800; }
@media(max-width:900px){.admin-shell{display:block}.sidebar{width:256px;left:-270px}.prediction-dialog{height:calc(100vh - 12px)}.prediction-groups{height:auto}.batch-bar{left:12px;right:12px;transform:translateY(100px);overflow:auto}.batch-bar.show{transform:none}.post-toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.search-box{width:100%}}
@media(max-width:680px){.head-actions{flex-wrap:wrap;justify-content:flex-end}.post-editor-dialog{width:calc(100% - 8px);height:calc(100vh - 8px)}.period-editor-wrap{margin-left:12px;margin-right:12px}.unlock-summary{grid-template-columns:repeat(2,1fr)}.unlock-filters{flex-wrap:wrap}.unlock-filters input{min-width:100%}}
.mini-edit.danger{color:#b42318;border-color:#fecdca;background:#fff5f4}
.link-button{padding:0;border:0;color:#175cd3;background:transparent;font:inherit;white-space:nowrap}
.two-panels{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.manage-list{padding:0 20px 20px;display:grid;gap:8px}
.manage-list>div{padding:9px 11px;display:flex;align-items:center;gap:9px;border:1px solid #eaecf0;border-radius:9px;background:#fff}
.manage-list>div span:not(.tag-dot){min-width:0;flex:1;overflow:hidden;color:#667085;text-overflow:ellipsis;white-space:nowrap}
.manage-list>div button{margin-left:auto;padding:5px 9px;border:0;border-radius:6px;color:#b42318;background:#fff1f0}
.tag-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%}
.post-section-row td{padding:10px 15px!important;background:#f8fafc!important;border-top:8px solid #f3f4f6;border-bottom:1px solid #e5e7eb!important;white-space:normal!important}.post-section-row td>span{width:9px;height:9px;margin-right:8px;display:inline-block;border-radius:50%;background:#94a3b8}.post-section-row td>b{font-size:13px}.post-section-row td>em{margin-left:8px;padding:2px 7px;border-radius:99px;color:#64748b;background:#fff;font-size:10px;font-style:normal}.post-section-row td>small{margin-left:12px;color:#94a3b8;font-size:10px}.post-section-row.section-sale td{color:#b45309;background:#fffaf0!important}.post-section-row.section-sale td>span{background:#f59e0b}.post-section-row.section-hot td>span{background:#ef4444}.post-section-row.section-recommended td>span{background:#22c55e}.post-section-row.section-expert td>span{background:#3b82f6}
@media(max-width:680px){.two-panels{grid-template-columns:1fr}}

/* Site manager, advanced posting and member intelligence */
.site-tabs{margin-bottom:18px;padding:0 14px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.site-tabs button{height:54px;border:0;border-bottom:2px solid transparent;color:#4b5563;background:#fff}.site-tabs button.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:700}.site-pane{display:none}.site-pane.active{display:block}.site-block{padding:18px 20px;border-top:1px solid #eef0f2}.site-block h3{margin:0 0 12px;font-size:14px}.theme-grid{padding:18px 20px;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;overflow:auto}.theme-grid label{display:block}.theme-grid input{position:absolute;opacity:0;pointer-events:none}.theme-card{height:132px;padding:10px;display:grid;grid-template-rows:68px auto auto;border:1px solid #d9dee7;border-radius:11px;background:#fff;cursor:pointer}.theme-card i{border-radius:6px;background:linear-gradient(#eab308 0 20%,#fff 20% 100%);box-shadow:inset 0 0 0 1px #e5e7eb}.theme-card.red i{background:linear-gradient(#dc2626 0 20%,#fff 20% 100%)}.theme-card.dark i{background:linear-gradient(#111827 0 24%,#262626 24% 100%)}.theme-card.soft i{background:linear-gradient(#f8e4a5 0 35%,#fff 35% 100%)}.theme-card.clean i{background:linear-gradient(#3b82f6 0 14%,#f8fafc 14% 100%)}.theme-card b{margin-top:7px;font-size:12px}.theme-card small{color:#9ca3af;font-size:10px}.theme-grid input:checked+.theme-card{border:2px solid #eab308;box-shadow:0 0 0 2px #fef3c7}.color-presets{display:flex;align-items:center;gap:10px}.color-presets button{width:32px;height:32px;border:0;border-radius:50%;background:var(--c)}.color-presets input{width:40px;height:34px;padding:2px}.color-presets output{color:#9ca3af;font-size:12px}.five-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.asset-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.asset-preview{display:grid;place-items:center;overflow:hidden;border:1px dashed #cbd5e1;border-radius:9px;background:#f8fafc}.asset-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-preview{width:84px;height:54px;color:#d19a00;font-size:28px;font-weight:900}.banner-preview{width:100%;height:92px;margin-bottom:10px;background:center/cover no-repeat #f8fafc}.upload-button{min-height:38px;padding:0 15px;display:inline-flex!important;align-items:center!important;border:1px solid #bfdbfe;border-radius:7px;color:#2563eb;background:#fff;cursor:pointer}.upload-button input{display:none}.domain-status{margin:18px 20px;padding:14px;display:flex;gap:10px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff}.domain-status>span{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#f59e0b}.domain-status div{display:grid}.domain-status small{margin-top:3px;color:#6b7280}.advanced-config{margin-bottom:0}.threshold-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.threshold-grid label{min-height:42px;padding:7px 10px;display:flex;align-items:center;gap:7px;border:1px solid #e5e7eb;border-radius:8px}.threshold-grid input[type=number]{width:68px;margin-left:auto}.threshold-grid input[type=color]{width:42px;height:30px;margin-left:auto;padding:1px}.board-dot{width:9px;height:9px;border-radius:50%}.board-dot.sale{background:#f59e0b}.board-dot.expert{background:#3b82f6}.board-dot.recommended{background:#22c55e}.board-dot.hot{background:#f87171}.member-tools{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef0f2}.member-tools .posting-tabs{border:0}.member-name-link{padding:0;border:0;color:#175cd3;background:transparent;font-weight:700}.member-detail-dialog{width:min(900px,calc(100% - 24px));max-height:88vh}.member-detail-body{max-height:calc(88vh - 76px);padding:16px 20px;overflow:auto}.member-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.member-metric{padding:13px;border-radius:12px;background:#f8fafc}.member-metric span{display:block;color:#94a3b8;font-size:11px}.member-metric b{display:block;margin-top:5px;font-size:22px}.member-metric.coins b{color:#ea580c}.member-metric.spend b{color:#e11d48}.member-metric.visits b{color:#16a34a}.member-metric.ips b{color:#7c3aed}.member-detail-toolbar{margin:12px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.member-detail-toolbar .posting-tabs{border:0}.range-tabs{display:flex;gap:3px;margin-left:auto}.range-tabs button{padding:7px 11px;border:0;border-radius:7px;color:#64748b;background:#f1f5f9}.range-tabs button.active{color:#111827;background:#fff;border:1px solid #cbd5e1}.member-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-account-grid section,.detail-section{padding:13px;border:1px solid #e2e8f0;border-radius:12px}.member-account-grid h3,.detail-section h3{margin:0 0 8px;font-size:13px}.member-account-grid section>div{padding:5px 0;display:grid;grid-template-columns:90px 1fr;gap:10px;font-size:12px}.member-account-grid span{color:#94a3b8}.member-account-grid b{font-weight:500}.detail-section{margin-top:12px;padding:0;overflow:hidden}.detail-section h3{padding:10px 12px;margin:0;background:#f8fafc}.member-detail-dialog td:first-child,.detail-table td:first-child{min-width:0}.member-detail-dialog td small{display:block;margin-top:3px;color:#94a3b8}.detail-loading{padding:60px;text-align:center;color:#94a3b8}
@media(max-width:760px){.site-tabs{grid-template-columns:repeat(5,minmax(105px,1fr));overflow:auto}.theme-grid{grid-template-columns:repeat(5,130px)}.five-grid,.threshold-grid{grid-template-columns:1fr 1fr}.member-metrics{grid-template-columns:1fr 1fr}.member-account-grid{grid-template-columns:1fr}.member-detail-toolbar .range-tabs{margin-left:0}.member-tools{align-items:stretch;flex-direction:column}.member-tools .search-box{width:100%}}

/* Manual prediction editor */
.post-basic-block{margin:0 22px;padding:15px 0 17px;border-bottom:1px solid #eef0f2}.post-basic-block h3{margin:0 0 11px;color:#98a2b3;font-size:12px}.editor-basic-grid{padding:0!important;grid-template-columns:1.35fr 1.35fr 1fr}.editor-basic-grid label.full{grid-column:1/-1}.editor-basic-grid label small{color:#98a2b3;font-size:10px;font-weight:400}.base-save{margin-top:12px}.post-advanced{margin:0 22px;border-bottom:1px solid #eef0f2}.post-advanced summary{padding:12px 0;color:#667085;font-size:12px;cursor:pointer}.post-advanced .form-grid{padding:0 0 14px}.period-editor-meta{display:flex;align-items:center;gap:8px}.period-editor-meta .ghost{min-height:32px;padding:0 10px;font-size:11px}.period-switcher{margin-bottom:9px;padding:8px 10px;display:flex;align-items:center;gap:3px;border:1px solid #eaecf0;border-radius:8px;background:#f8fafc}.period-switcher span{margin-right:5px;color:#98a2b3;font-size:11px}.period-switcher button{padding:5px 10px;border:0;border-radius:5px;color:#667085;background:transparent;font-size:11px}.period-switcher button.active{color:#fff;background:#155eef}.period-card-head{flex-wrap:wrap}.period-card-head .period-current{color:#155eef;background:#eff4ff}.period-card-head .period-outcome{margin-left:0;border:1px solid #fecdca;color:#d92d20;background:#fff;font-size:10px}.period-card-head .period-outcome.loss{border-color:#fedf89;color:#b54708;background:#fffaeb}.period-card-head .period-mode-tabs{margin-left:auto;display:flex;gap:3px}.period-mode-tabs button.active{color:#fff;border-color:#155eef;background:#155eef}.period-toolbar{padding:6px 11px;display:flex;gap:3px;flex-wrap:wrap;border-bottom:1px solid #eef0f2;background:#fff}.period-toolbar button{min-width:27px;height:26px;padding:0 7px;border:1px solid #e4e7ec;border-radius:5px;color:#475467;background:#fff;font-size:11px}.period-toolbar button.active-hit{color:#d92d20;border-color:#fda29b;background:#fff1f3}.period-toolbar button.active-miss{color:#b54708;border-color:#fec84b;background:#fffaeb}.period-card textarea.source-mode{color:#344054;background:#f8fafc;font-family:Consolas,"SFMono-Regular",monospace;font-size:12px}.period-card textarea.editor-hidden{display:none}.period-preview{min-height:108px;padding:14px 15px;color:#344054;line-height:1.8;white-space:pre-wrap}.period-preview.empty{color:#98a2b3;font-style:italic}.period-hit-control{position:absolute!important;opacity:0;pointer-events:none}.sticky-actions{align-items:center}.sticky-actions #period-dirty-state{margin-right:auto;color:#98a2b3;font-size:11px}.sticky-actions #period-dirty-state.dirty{color:#d97706}.chat-retention-note{padding:9px 12px;border-bottom:1px solid #e5e7eb;color:#667085;background:#f8fafc;font-size:11px}
@media(max-width:680px){.editor-basic-grid{grid-template-columns:1fr}.editor-basic-grid label.full{grid-column:auto}.period-editor-head{align-items:flex-start;flex-direction:column}.period-editor-meta{width:100%;justify-content:space-between}.period-card-head .period-mode-tabs{width:100%;margin-left:0}.period-toolbar{overflow-x:auto;flex-wrap:nowrap}.sticky-actions #period-dirty-state{display:none}}
.period-hit-control{display:none!important;width:0!important;height:0!important}

/* Homepage showcase and odds-based pricing */
.nav-shortcut{min-height:36px;padding:0 8px;border:0;color:#155eef;background:transparent;font-weight:650}.showcase-note{margin:0 20px 14px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:9px;color:#175cd3;background:#eff6ff;font-size:12px}.table-subtitle{max-width:430px;margin-top:3px;display:block;overflow:hidden;color:#98a2b3;text-overflow:ellipsis;white-space:nowrap}.price-suggestion{margin-top:4px;display:block;color:#98a2b3;font-size:9px}.pricing-preview{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pricing-preview>div{padding:9px 10px;display:grid;grid-template-columns:minmax(110px,1fr) auto;gap:3px 10px;border:1px solid #eaecf0;border-radius:8px;background:#f8fafc}.pricing-preview b{font-size:11px}.pricing-preview span{color:#667085;font-size:10px;text-align:right}.pricing-preview em{grid-column:1/-1;color:#d97706;font-size:10px;font-style:normal}.type-options button{display:grid;gap:2px;text-align:left}.type-options button b{font-size:11px}.type-options button small{color:#98a2b3;font-size:8px}.type-options button.active small{color:#dbeafe}
@media(max-width:760px){.pricing-preview{grid-template-columns:1fr}.nav-shortcut{padding:0 4px;font-size:11px}}

/* Unified lifecycle, operations dashboard and reports */
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.daily-overview{padding:12px 18px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.daily-overview>div{padding:14px;border:1px solid #e7edf5;border-radius:10px;background:#f8fafc}.daily-overview span{display:block;color:#667085;font-size:11px}.daily-overview b{display:block;margin-top:7px;color:#101828;font-size:21px}.system-status{padding:8px 18px 18px;display:grid;gap:4px}.system-status>div{min-height:54px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2f5}.system-status>div:last-child{border-bottom:0}.status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.status-dot.error{background:#f04438;box-shadow:0 0 0 4px #fff1f0}.system-status p{margin:0;display:grid;gap:3px}.system-status b{font-size:12px}.system-status small{color:#98a2b3;font-size:10px}.operation-list{padding:4px 18px 14px;display:grid}.operation-list.full{max-height:540px;overflow:auto}.operation-row{min-height:57px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2f5}.operation-row:last-child{border-bottom:0}.operation-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;color:#175cd3;background:#eff8ff;font-size:11px;font-weight:800}.operation-icon.unlock{color:#b54708;background:#fffaeb}.operation-icon.post-settled{color:#027a48;background:#ecfdf3}.operation-icon.post-promoted{color:#c01048;background:#fff1f3}.operation-icon.post-archived,.operation-icon.post-demoted{color:#b42318;background:#fef3f2}.operation-icon.points-credit,.operation-icon.points-debit,.operation-icon.points{color:#6941c6;background:#f4f3ff}.operation-row>div{min-width:0;display:grid;gap:3px}.operation-row b{font-size:11px}.operation-row small{overflow:hidden;color:#667085;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.operation-row time{margin-left:auto;white-space:nowrap;color:#98a2b3;font-size:9px}.empty-row{padding:28px;color:#98a2b3;text-align:center;font-size:11px}.lifecycle-grid{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lifecycle-grid label{min-height:64px;padding:10px;display:flex;align-items:center;gap:6px;border:1px solid #e4e7ec;border-radius:9px;background:#fff;color:#475467;font-size:11px}.lifecycle-grid label:not(.check){justify-content:space-between}.lifecycle-grid input[type=number]{width:66px}.service-account-form{padding:18px;display:grid;grid-template-columns:1fr 1fr 1fr 160px auto;gap:12px;align-items:end}.service-account-form label{display:grid;gap:6px;color:#667085;font-size:11px}.service-account-form input,.service-account-form select{height:38px;padding:0 10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.service-account-form button{height:38px}.service-permissions{margin:0 18px 18px;padding:4px 14px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}.service-permissions>div{min-height:49px;display:grid;grid-template-columns:110px 1fr;align-items:center;border-bottom:1px solid #eaecf0}.service-permissions>div:last-child{border-bottom:0}.service-permissions b{font-size:11px}.service-permissions span{color:#667085;font-size:10px}.report-toolbar{margin-bottom:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.report-toolbar span{color:#667085;font-size:10px}.bought-count{min-width:52px;color:#155eef!important;background:#eff8ff!important;font-weight:800!important}
.dashboard-report-toolbar{margin-bottom:18px;padding:14px 16px}.dashboard-report-toolbar h2{margin:0 0 4px;color:#101828;font-size:16px}.dashboard-report-toolbar>div:first-child{display:grid}.report-range-control{display:flex;align-items:center;gap:12px}.report-range-control .range-tabs{margin-left:0}.report-range-control small{color:#98a2b3;font-size:9px}.overview-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.analytics-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:0}.dashboard-grid{margin-bottom:18px}.dashboard-quick-panel{margin-bottom:26px}.dashboard-report-section{display:grid;gap:18px}.dashboard-section-title{padding:0 2px;display:flex;align-items:flex-end;justify-content:space-between}.dashboard-section-title h2{margin:0 0 4px;color:#101828;font-size:18px}.dashboard-section-title p{margin:0;color:#667085;font-size:11px}.dashboard-report-section .two-panels{margin-top:0}.dashboard-report-section>.panel{margin:0}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.lifecycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-account-form{grid-template-columns:1fr 1fr}.service-account-form button{grid-column:1/-1}}
@media(max-width:1200px){.overview-stat-grid,.analytics-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.overview-stat-grid,.analytics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-range-control{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:680px){.daily-overview{grid-template-columns:repeat(2,1fr)}.lifecycle-grid{grid-template-columns:1fr}.service-account-form{grid-template-columns:1fr}.operation-row time{display:none}.report-toolbar{align-items:flex-start;gap:8px;flex-direction:column}}
@media(max-width:580px){.overview-stat-grid,.analytics-summary-grid{grid-template-columns:1fr}}

/* Pixel-matched site console */
body.site-view-active{background:#f4f5f7}
body.site-view-active .admin-shell{grid-template-columns:200px minmax(0,1fr)}
body.site-view-active .sidebar{font-size:12px}
body.site-view-active .brand{height:56px;padding:0 12px}
body.site-view-active .brand span{width:27px;height:27px;border-radius:7px;font-size:12px}
body.site-view-active .brand strong{font-size:12px}
body.site-view-active .brand small{font-size:9px}
body.site-view-active .tenant-points{display:none}
body.site-view-active .sidebar nav{padding:10px 8px 14px}
body.site-view-active .nav-group{margin:13px 9px 6px;font-size:8px;letter-spacing:.04em}
body.site-view-active .menu{min-height:42px;padding:6px 10px;gap:8px;border-radius:9px}
body.site-view-active .menu i{width:17px;flex-basis:17px;font-size:15px}
body.site-view-active .menu b{font-size:12px}
body.site-view-active .menu small{font-size:9px}
body.site-view-active .workspace-head{display:none}
body.site-view-active .content{width:872px;max-width:calc(100vw - 240px);margin:0 auto;padding:26px 0 56px}

.site-console-head{min-height:68px;padding:0 0 15px}
.site-back{padding:0;border:0;color:#98a2b3;background:transparent;font-size:10px}
.site-console-meta{margin-top:9px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.site-console-meta h2{margin:0 0 5px;color:#111827;font-size:14px;line-height:1.2}
.site-domain-line{margin:0;display:flex;align-items:center;gap:10px;font-size:9px}
.site-domain-line a{color:#2563eb;text-decoration:none}
.site-domain-line a:last-child{color:#98a2b3}
.site-domain-line span{color:#d0d5dd}.site-domain-line b{color:#2563eb;font-weight:600}
.site-running{margin-right:4px;padding:3px 8px;border-radius:999px;color:#16a34a;background:#ecfdf3;font-size:9px}
.site-running.maintenance{color:#b45309;background:#fffbeb}

.site-console .site-tabs{margin-bottom:14px;padding:0;display:block;border-radius:11px;overflow:hidden}
.site-tab-row{height:35px;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #eef0f2}
.site-console .site-tabs button{height:35px;padding:0;border:0;border-bottom:2px solid transparent;color:#344054;background:#fff;font-size:11px;font-weight:500}
.site-console .site-tabs button.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}
.site-console .site-tabs>p{height:31px;margin:0;padding:8px 18px;color:#98a2b3;font-size:9px}

.site-console .site-pane{border-radius:11px}
.site-console .site-settings-body{padding:15px 16px 0}
.site-control-group{margin:0 0 15px}
.site-control-group h3{margin:0 0 8px;color:#344054;font-size:11px;font-weight:600}
.asset-spec{margin:0 0 9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#667085;font-size:11px}.asset-spec b{color:#2563eb}.asset-spec span{padding-left:7px;border-left:1px solid #d0d5dd}.asset-storage-status{margin:8px 0 0;padding:8px 10px;border:1px solid #dbeafe;border-radius:7px;color:#175cd3;background:#eff6ff;font-size:11px;line-height:1.55}.asset-storage-status.warn{border-color:#fed7aa;color:#9a3412;background:#fff7ed}.asset-storage-status.success{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}.banner-deploy-help{margin:7px 0!important}.banner-deploy-help code{padding:1px 5px;border-radius:4px;color:#344054;background:#f2f4f7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.banner-control .natural-height{margin-top:8px}
.site-console .theme-grid{margin:0 -3px;padding:0 3px 5px;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d0d5dd transparent}
.site-console .theme-grid label{width:128px;min-width:128px;display:block}
.site-console .theme-grid input{position:absolute;width:0;height:0;padding:0;border:0;opacity:0;pointer-events:none}
.site-console .theme-card{width:128px;height:105px;padding:7px;display:grid;grid-template-rows:62px 16px 12px;border:1px solid #d8dee8;border-radius:10px;background:#fff;cursor:pointer;transition:.15s}
.site-console .theme-card b{margin:4px 0 0;color:#344054;font-size:10px;line-height:12px;font-weight:600}
.site-console .theme-card small{overflow:hidden;color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:10px}
.site-console .theme-grid input:checked+.theme-card{border:2px solid #d6a400;box-shadow:0 0 0 1px #fde68a}
.site-console .theme-mini{position:relative;display:block;overflow:hidden;border:0;border-radius:6px;background:#f8fafc;box-shadow:inset 0 0 0 1px #e5e7eb}
.site-console .theme-mini em{position:absolute;top:8px;left:7px;width:41px;height:8px;border-radius:5px;background:#eab308}
.site-console .theme-mini u{position:absolute;left:7px;right:7px;height:7px;border-radius:3px;background:linear-gradient(90deg,#fde68a 0 26%,#e5e7eb 26% 100%);text-decoration:none}
.site-console .theme-mini u:nth-of-type(1){top:26px}.site-console .theme-mini u:nth-of-type(2){top:37px}.site-console .theme-mini u:nth-of-type(3){top:48px}
.site-console .theme-card.red .theme-mini{background:linear-gradient(#dca900 0 22px,#fff 22px)}
.site-console .theme-card.red .theme-mini em{top:7px;background:#fff2b8}
.site-console .theme-card.red .theme-mini u{background:linear-gradient(90deg,#f5b400 0 25%,#fde7a6 25% 100%)}
.site-console .theme-card.dark .theme-mini{background:#1f1f1f;box-shadow:inset 0 0 0 1px #111827}
.site-console .theme-card.dark .theme-mini em{background:#f4df31}
.site-console .theme-card.dark .theme-mini u{background:linear-gradient(90deg,#6e651d 0 26%,#353535 26% 100%)}
.site-console .theme-card.soft .theme-mini{background:linear-gradient(#f9e9ad 0 35%,#fff 35%)}
.site-console .theme-card.soft .theme-mini em{background:#97700f}
.site-console .theme-card.soft .theme-mini u{background:linear-gradient(90deg,#e4b129 0 26%,#c8c8c8 26% 100%)}
.site-console .theme-card.knowledge .theme-mini{background:#fffdf8}.site-console .theme-card.knowledge .theme-mini em{background:#c88b00}.site-console .theme-card.knowledge .theme-mini u{background:linear-gradient(90deg,#f4b633 0 26%,#b8b8b0 26% 100%)}
.site-console .theme-card.gold .theme-mini{background:linear-gradient(#dba900 0 23px,#fff8e2 23px)}
.site-console .theme-card.gold .theme-mini em{top:5px;border:1px solid #fff;background:transparent}
.site-console .theme-card.gold .theme-mini u{height:6px;border:1px solid #d6a400;background:#fff7d3}
.site-console .theme-card.minimal .theme-mini em{background:#64748b}.site-console .theme-card.minimal .theme-mini u{background:linear-gradient(90deg,#cbd5e1 0 26%,#e2e8f0 26% 100%)}

.site-console .color-presets{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
.site-console .color-presets button{width:27px;height:27px;min-width:27px;padding:0;border:0;border-radius:50%;background:var(--c)}
.site-console .color-presets button.selected-color{outline:2px solid #111827;outline-offset:2px}
.site-console .color-presets input[type=color]{width:28px;height:28px;padding:2px;border:1px solid #d0d5dd;border-radius:0;background:#fff}
.site-console .color-presets output{color:#98a2b3;font-size:9px}
.theme-recommend{min-height:29px;margin-top:8px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #e4e7ec;border-radius:7px;color:#667085;background:#fff;font-size:9px}
.theme-recommend span{width:10px;height:10px;border-radius:50%;background:#d6a400}

.nav-label-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.site-console .nav-label-grid input{height:32px;padding:0 10px;border-color:#d8dee8;text-align:center;font-size:10px}
.field-help{margin:5px 0 0;color:#98a2b3;font-size:8px}
.site-console .asset-row{display:flex;align-items:center;gap:8px}
.site-console .logo-preview{width:auto;height:29px;min-width:0;border:0;background:transparent;font-size:0}
.site-console .logo-preview:empty{display:none}.site-console .logo-preview img{max-width:110px;max-height:29px}
.site-console .upload-button{min-height:29px;padding:0 11px;border-color:#bfd4ff;border-radius:7px;color:#155eef;background:#fff;font-size:9px;font-weight:500}
.site-console .asset-remove{padding:0;border:0;color:#98a2b3;background:transparent;font-size:9px}
.site-console .banner-preview{height:63px;margin:0 0 8px;border:0;border-radius:2px;background-position:center;background-size:cover}
.site-console .banner-preview.empty{display:none}
.banner-actions{margin-bottom:7px}.natural-height{width:max-content;color:#475467!important;font-size:9px!important;font-weight:400!important}.natural-height input{width:13px;height:13px}
.watermark-options{display:grid;gap:6px}
.watermark-options label{display:flex;align-items:center;gap:5px;color:#344054;font-size:9px;font-weight:400}
.watermark-options input{width:13px;height:13px}
.site-console .watermark-input{height:64px;margin-top:8px;border-color:#e4e7ec;color:#98a2b3;text-align:center;font-size:9px}
.site-console .watermark-input:disabled{background:#fff}

.site-save-bar{padding:0 16px 15px}
.site-save-bar>div{display:flex;align-items:center;gap:8px}
.site-save-bar .primary{height:30px;min-height:30px;flex:1;border-radius:6px;background:#2563eb;font-size:10px}
.site-save-bar .preview-front{height:30px;padding:0 11px;display:inline-flex;align-items:center;border:1px solid #bfd4ff;border-radius:6px;color:#2563eb;text-decoration:none;font-size:9px}
.site-save-bar>p{margin:5px 0 0;color:#98a2b3;font-size:8px}
.secondary-site-pane .panel-head{min-height:62px}.secondary-site-pane .form-grid{padding:18px}
.copy-editor{padding:14px;border:1px solid #dce3ee;border-radius:10px;background:#f8fafc}.copy-editor>header{margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.copy-editor>header h3{margin:0;color:#101828;font-size:13px}.copy-editor>header p{margin:4px 0 0;color:#667085;font-size:10px;font-weight:400}.copy-editor textarea{width:100%;min-height:74px;resize:vertical;background:#fff}.copy-reset{height:28px;padding:0 9px;border:1px solid #d0d5dd;border-radius:6px;color:#475467;background:#fff;font-size:9px;white-space:nowrap}.copy-style-toolbar{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.copy-style-toolbar>label{min-width:0;padding:8px;border:1px solid #e4e7ec;border-radius:7px;color:#475467;background:#fff;font-size:9px;font-weight:600}.copy-style-toolbar>label>span{height:28px;margin-top:5px;display:flex;align-items:center;gap:7px}.copy-style-toolbar select{height:28px;margin-top:5px;padding:0 7px;font-size:10px}.copy-style-toolbar input[type=range]{min-width:0;height:18px;flex:1;padding:0;border:0}.copy-style-toolbar input[type=color]{width:34px;height:27px;padding:2px;border:1px solid #d0d5dd;border-radius:5px;background:#fff}.copy-style-toolbar output{min-width:36px;color:#344054;font-size:9px;font-weight:600}.copy-preview{margin-top:10px;padding:9px 10px;border:1px dashed #b8c5d8;border-radius:7px;background:#fff}.copy-preview>small{display:block;margin-bottom:5px;color:#98a2b3;font-size:8px}.copy-preview>div{min-height:24px;overflow-wrap:anywhere;white-space:normal}.copy-preview>div:empty::before{content:'留空后前台不显示';color:#98a2b3;font-size:11px}
@media(max-width:760px){.copy-style-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.secondary-site-pane .site-save-bar{padding-top:6px}
.home-poster-editor{padding:14px;border:1px solid #dce3ee;border-radius:10px;background:#f8fafc}.home-poster-editor>header{margin-bottom:11px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-poster-editor>header h3{margin:0;color:#101828;font-size:13px}.home-poster-editor>header p{margin:4px 0 0;color:#667085;font-size:10px;font-weight:400}.home-poster-editor>header .check{padding-top:1px;white-space:nowrap}.home-poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-poster-grid>label{min-width:0;color:#475467;font-size:10px;font-weight:600}.home-poster-grid>label.full{grid-column:1/-1}.home-poster-grid input,.home-poster-grid select,.home-poster-grid textarea{margin-top:6px;background:#fff}.home-poster-grid textarea{min-height:190px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.55}.home-poster-grid small{margin-top:5px;display:block;color:#98a2b3;font-size:8px;font-weight:400}.home-poster-grid code,.home-poster-preview code{padding:1px 4px;border-radius:4px;color:#344054;background:#eef2f6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.home-poster-preview{margin-top:11px;padding:10px;border:1px dashed #b8c5d8;border-radius:8px;background:#fff}.home-poster-preview>div{margin-bottom:8px;display:flex;align-items:center;gap:8px;min-width:0;color:#667085;font-size:9px}.home-poster-preview>div code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-poster-preview img{width:100%;max-height:260px;display:block;object-fit:contain;border-radius:5px;background:#fff8de}.home-poster-preview img[hidden],.home-poster-preview span[hidden]{display:none}.home-poster-preview>span{min-height:70px;display:grid;place-items:center;color:#98a2b3;font-size:10px}
.lottery-ad-editor{border-color:#f0d27d;background:#fffaf0}.lottery-ad-editor .home-poster-grid textarea{min-height:120px}
@media(max-width:760px){.home-poster-grid{grid-template-columns:1fr}.home-poster-grid>label.full{grid-column:auto}.home-poster-editor>header{flex-direction:column}.home-poster-grid textarea{min-height:220px}}
.vendor-help{position:fixed;right:10px;bottom:9px;width:39px;height:39px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#ef1745;box-shadow:0 2px 8px rgba(0,0,0,.2);font-size:15px;font-weight:800;font-style:italic}

@media(max-width:900px){
  body.site-view-active .admin-shell{display:block}
  body.site-view-active .workspace-head{display:flex}
  body.site-view-active .content{width:auto;max-width:none;padding:14px}
  .site-console-head{padding-top:5px}
}
@media(max-width:650px){
  .site-tab-row{overflow-x:auto;display:flex}.site-console .site-tabs button{min-width:116px}
  .nav-label-grid{grid-template-columns:1fr 1fr}
  .site-console .color-presets{flex-wrap:wrap}
  .site-console-meta{align-items:flex-start}.site-domain-line{flex-wrap:wrap}
}

/* Original main-account console baseline */
.extension-group{display:flex;align-items:center;gap:7px}.extension-group em{padding:1px 5px;border-radius:99px;color:#175cd3;background:#eff8ff;font-size:8px;font-style:normal;letter-spacing:0}.extension-menu{min-height:45px}.extension-menu b{font-size:13px}.extension-menu small{font-size:10px}
.original-intro{min-height:54px;margin-bottom:15px}.original-intro h2{font-size:18px}.original-intro p{font-size:12px}.original-filter{margin-bottom:14px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-tabs{display:flex;align-items:center;gap:4px}.filter-tabs button{min-height:31px;padding:0 12px;border:0;border-radius:7px;color:#667085;background:transparent;font-size:11px}.filter-tabs button.active{color:#155eef;background:#eff4ff;font-weight:700}
.site-list{display:grid;gap:12px}.site-catalog-card{padding:0;display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(380px,2fr) auto;align-items:center;gap:16px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}.site-card-main{padding:17px 19px;display:flex;align-items:center;gap:12px}.site-card-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:11px;color:#155eef;background:#eff4ff;font-size:20px}.site-card-main h3{margin:0 0 5px;font-size:14px}.site-card-main p{margin:0;color:#98a2b3;font-size:10px}.site-card-meta{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:12px}.site-card-meta div{display:grid;gap:4px}.site-card-meta span{color:#98a2b3;font-size:9px}.site-card-meta b{color:#475467;font-size:11px;font-weight:500}.site-card-actions{padding-right:18px;display:flex;gap:6px}.site-card-actions button{min-height:31px;padding:0 10px;border:1px solid #d0d5dd;border-radius:7px;color:#475467;background:#fff;font-size:10px}.site-card-actions .enter{color:#fff;border-color:#155eef;background:#155eef}.status-pill.active{color:#027a48;border-color:#abefc6;background:#ecfdf3}.status-pill.off{color:#b42318;border-color:#fecdca;background:#fef3f2}
.tool-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.market-card{min-height:144px;padding:19px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}.market-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:#155eef;background:#eff4ff;font-size:21px}.market-icon.violet{color:#6941c6;background:#f4f3ff}.market-icon.orange{color:#b54708;background:#fffaeb}.market-icon.green{color:#027a48;background:#ecfdf3}.market-icon.red{color:#b42318;background:#fef3f2}.market-card h3{margin:0 0 6px;font-size:14px}.market-card p{margin:0 0 9px;color:#667085;font-size:11px;line-height:1.6}.tool-state{color:#039855;font-size:9px}.tool-state.muted{color:#98a2b3}.market-card>.primary{min-height:33px;padding:0 11px;font-size:10px}
.customer-status-grid{margin-bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.customer-status-grid>div{padding:13px 15px;display:grid;gap:6px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.customer-status-grid span{color:#98a2b3;font-size:9px}.customer-status-grid b{color:#475467;font-size:11px}.customer-status-grid>div:first-child b{color:#039855}
.info-banner{margin-bottom:13px;padding:10px 13px;border:1px solid #bfdbfe;border-radius:9px;color:#175cd3;background:#eff6ff;font-size:11px}.original-form .form-actions{padding:0 22px 20px}.switch-line{display:flex;grid-template-columns:auto auto auto;align-items:center;gap:7px}.switch-line input{position:absolute;opacity:0}.switch-line span{position:relative;width:32px;height:18px;border-radius:99px;background:#d0d5dd}.switch-line span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.15s}.switch-line input:checked+span{background:#12b76a}.switch-line input:checked+span:after{left:17px}.switch-line b{font-size:11px}.agent-metrics{grid-template-columns:repeat(4,1fr)}.settings-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.account-summary{padding:24px;display:flex;align-items:center;gap:14px}.account-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#155eef;font-size:18px;font-weight:800}.account-summary>div:last-child{display:grid;gap:4px}.account-summary b{font-size:14px}.account-summary span{color:#475467;font-size:11px}.account-summary small{color:#98a2b3;font-size:9px}.single-form{padding:20px;display:grid;gap:14px}.single-form button{justify-self:start}.permission-picker{margin:0 22px 18px;padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}.permission-picker>b{grid-column:1/-1;font-size:12px}.permission-picker label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:#475467;font-size:11px;font-weight:500}.permission-picker input{width:15px;height:15px}.compact-dialog{width:min(620px,calc(100% - 24px))}
#view-staff td:first-child,#view-ops-agents td:first-child,#view-invites td:first-child,#view-agent-center td:first-child{min-width:0}.permission-tags{display:flex;flex-wrap:wrap;gap:4px}.permission-tags span{padding:2px 6px;border-radius:5px;color:#175cd3;background:#eff8ff;font-size:9px}.code-cell{font-family:Consolas,monospace;color:#155eef;font-size:12px;letter-spacing:.06em}.empty-table{text-align:center!important;color:#98a2b3!important;font-weight:400!important}.sidebar-foot .view-site{width:100%;background:#fff}
@media(max-width:1100px){.site-catalog-card{grid-template-columns:1fr auto}.site-card-meta{grid-column:1/-1;padding:0 19px 16px}.tool-market-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.original-filter{align-items:stretch;flex-direction:column}.site-catalog-card{grid-template-columns:1fr}.site-card-actions{padding:0 18px 16px}.site-card-meta{grid-template-columns:repeat(2,1fr)}.market-card{grid-template-columns:42px 1fr}.market-icon{width:42px;height:42px}.market-card>.primary{grid-column:1/-1}.agent-metrics,.customer-status-grid{grid-template-columns:repeat(2,1fr)}.permission-picker{grid-template-columns:1fr}.permission-picker>b{grid-column:auto}}

/* Original member-management layout */
.member-console{max-width:1180px;margin:0 auto}.member-page-intro{margin-bottom:2px}.member-page-intro p b{color:#344054}.member-main-tabs{height:49px;display:flex;align-items:flex-end;gap:22px;border-bottom:1px solid #e4e7ec}.member-main-tabs button{height:39px;padding:0 12px;border:0;border-bottom:2px solid transparent;color:#667085;background:transparent;font-size:12px}.member-main-tabs button.active{color:#155eef;border-bottom-color:#155eef;font-weight:700}.member-site-filter{min-height:50px;padding:12px 11px 6px;display:flex;align-items:center;gap:7px}.member-site-filter button{min-height:27px;padding:0 10px;border:0;border-radius:6px;color:#667085;background:transparent;font-size:10px}.member-site-filter button.active{color:#101828;border:1px solid #e4e7ec;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);font-weight:600}.member-search-form{margin-bottom:12px;display:flex;align-items:center;gap:7px}.member-search-form .search-box{width:260px;border-radius:7px;background:#fff}.member-search-form .search-box input{height:35px}.member-search-button,.member-create-button{height:35px;padding:0 14px;border:0;border-radius:7px;color:#fff;background:#155eef;font-size:11px;font-weight:650}.member-create-button{margin-left:auto;background:#2563eb}.member-table-panel{border-radius:10px}.original-member-table{font-size:11px}.original-member-table th{height:38px;padding:9px 12px;color:#475467;background:#fff;font-size:10px}.original-member-table td{height:53px;padding:9px 12px}.original-member-table td:first-child{min-width:235px}.original-member-table th:last-child,.original-member-table td:last-child{min-width:390px}.original-member-cell{display:flex;align-items:center;gap:10px}.member-avatar{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:50%;color:#fff;background:#2e7df6;font-size:11px;font-weight:750}.original-member-cell>div{min-width:0;display:grid;gap:3px}.original-member-cell .member-name-link{text-align:left;font-size:11px}.original-member-cell small{color:#98a2b3;font-size:9px;font-weight:400}.original-member-cell small button{padding:0;border:0;color:#155eef;background:transparent;font-size:9px}.level-badge{margin-right:5px;padding:2px 5px;border-radius:4px;color:#6941c6;background:#f4f3ff;font-size:8px}.member-coins{font-size:10px;font-weight:500}.member-status{padding:2px 6px;border-radius:4px;font-size:8px;font-weight:700}.member-status.active{color:#027a48;background:#dcfae6}.member-status.banned{color:#b42318;background:#fee4e2}.member-actions{display:flex;align-items:center;gap:4px}.member-actions button{height:24px;padding:0 7px;border:0;border-radius:6px;color:#fff;font-size:9px;font-weight:650;white-space:nowrap}.member-actions .detail{background:#475467}.member-actions .credit{background:#2e7df6}.member-actions .debit{background:#f79009}.member-actions .level{background:#9e43f0}.member-actions .password{background:#667085}.member-actions .ban{background:#f04438}
.member-action-dialog{width:min(500px,calc(100% - 24px))}.member-action-summary{margin:18px 22px 0;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dbe5ff;border-radius:9px;color:#344054;background:#f6f8ff;font-size:12px}.member-action-summary b{font-size:14px}.member-action-summary span{color:#667085}.member-action-fields{padding-top:16px;padding-bottom:12px}.member-action-error{min-height:18px;margin:0;padding:0 22px 10px;color:#d92d20;font-size:11px}.member-action-dialog.is-credit .member-action-summary{border-color:#b9ddff;background:#eff8ff}.member-action-dialog.is-debit .member-action-summary{border-color:#fedf89;background:#fffaeb}.member-action-dialog.is-level .member-action-summary{border-color:#d9d6fe;background:#f4f3ff}.member-action-dialog.is-password .member-action-summary{border-color:#d0d5dd;background:#f8fafc}.member-action-dialog.is-credit #confirm-member-action{background:#2e7df6}.member-action-dialog.is-debit #confirm-member-action{background:#f79009}.member-action-dialog.is-level #confirm-member-action{background:#9e43f0}
@media(max-width:760px){.member-console{max-width:none}.member-search-form{align-items:stretch;flex-wrap:wrap}.member-search-form .search-box{width:100%}.member-create-button{margin-left:0}.member-table-panel{overflow:hidden}.original-member-table th:last-child,.original-member-table td:last-child{min-width:360px}}
.member-page-intro{display:none!important}
.admin-chat-media{display:block;max-width:100%;border-radius:8px}.admin-chat-media.image{max-height:280px;object-fit:contain}.admin-chat-media.video{width:min(100%,420px);max-height:300px;background:#111}.admin-chat-audio{min-width:230px;display:grid;gap:6px}.admin-chat-audio audio{width:230px;max-width:100%;height:34px}.bubble p{margin:5px 0 0}.bubble a{display:block}.customer-status-grid a{color:#155eef;text-decoration:none}.customer-status-grid a:hover{text-decoration:underline}

/* Original posting-management workflow */
.post-site-filter{min-height:58px;margin-bottom:18px;padding:12px 16px;display:flex;align-items:center;gap:12px}.post-site-filter>span,.post-site-filter em{color:#98a2b3;font-size:10px;font-style:normal}.post-site-filter>b{min-height:34px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid #e4e7ec;border-radius:7px;color:#344054;background:#f8fafc;font-size:11px}.post-site-filter i,.post-site-card>i{width:9px;height:9px;border-radius:50%;background:#12b76a}.post-site-filter input,.post-site-filter select{width:145px;height:34px}.simple-lottery-tabs{margin:0 0 14px;display:flex;align-items:center;gap:4px}.simple-lottery-tabs button{min-height:34px;padding:0 14px;border:0;border-radius:7px;color:#667085;background:transparent}.simple-lottery-tabs button.active{color:#101828;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.12);font-weight:700}.simple-lottery-tabs span{margin-left:14px;color:#98a2b3;font-size:10px}.post-site-card{width:330px;min-height:60px;padding:11px 14px;display:flex;align-items:center;gap:12px;border:1px solid #e4e7ec;border-radius:10px;text-align:left;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}.post-site-card:hover{border-color:#84adff;box-shadow:0 4px 14px rgba(46,125,246,.12)}.post-site-card>span{display:grid;gap:3px}.post-site-card b{font-size:12px}.post-site-card small{color:#98a2b3;font-size:9px}.post-site-card em{margin-left:auto;color:#667085;font-size:10px;font-style:normal}.post-site-card strong{color:#344054}.back-link{margin:0 0 10px;padding:0;border:0;color:#155eef;background:transparent;font-size:11px}
.origin-config-page{max-width:1040px;margin:0 auto;display:grid;gap:14px}.origin-config-head{min-height:76px;padding:13px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);z-index:4}.origin-config-head>div{min-width:0;display:grid;gap:10px}.origin-config-head b{font-size:12px}.origin-config-head b button{padding:0;border:0;color:#155eef;background:transparent;font-weight:700}.save-group{justify-items:end!important;align-content:start;gap:3px!important}.save-group>.primary{min-width:58px}.save-group>small{color:#98a2b3;font-size:8px;white-space:nowrap}.profile-controls{min-width:0;display:flex;align-items:center;gap:7px}.profile-controls span{flex:0 0 auto;color:#98a2b3;font-size:9px}.profile-controls select{width:260px;height:31px;padding-top:5px;padding-bottom:5px;line-height:19px}.profile-controls button{height:29px;padding:0 9px;border:1px solid #e4e7ec;border-radius:6px;color:#667085;background:#fff;font-size:9px}.profile-controls .danger-text{color:#f04438}.posting-step-tabs{padding:7px 10px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.posting-step-tabs button{height:38px;border:0;border-radius:7px;color:#667085;background:#f8fafc;font-size:10px}.posting-step-tabs button.active{color:#155eef;border:1px solid #b2ccff;background:#eff4ff;font-weight:700;box-shadow:0 1px 2px rgba(16,24,40,.05)}.posting-step-tabs b{padding:1px 5px;border-radius:99px;color:#175cd3;background:#dbeafe;font-size:8px}.subaccount-warning{padding:8px 12px;border:1px solid #f5d366;border-radius:7px;color:#b54708;background:#fffaeb;font-size:9px}.config-pane{display:none!important}.config-pane.active{display:block!important}.origin-config-page .config-card{margin:0;border:1px solid #e4e7ec;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}.origin-config-page .config-card>h3{padding:14px 16px 0}.origin-config-page .config-card>p{padding:0 16px}.origin-config-page .form-note{margin:0}
.settings-rows{padding:2px 16px 14px}.settings-rows>label{min-height:58px;padding:10px 0;display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:20px;border-bottom:1px solid #f0f2f5}.settings-rows>[hidden]{display:none!important}.settings-rows>label:last-child{border-bottom:0}.settings-rows>label>span:first-child{display:grid;gap:3px}.settings-rows b{font-size:10px}.settings-rows small,.field-help{color:#98a2b3;font-size:8px;font-weight:400}.settings-rows input:not([type=checkbox]),.settings-rows select{max-width:170px}.inline-checks{display:flex!important;align-items:center;gap:8px;color:#475467;font-size:9px;flex-wrap:wrap}.inline-checks input[type=checkbox]{width:15px;height:15px}.inline-checks input[type=number]{width:64px}.inline-checks input[type=time]{width:102px}.config-add-tier{margin:0 16px 6px;padding:3px 0;border:0;color:#155eef;background:transparent;font-size:9px}.config-add-tier:disabled{color:#98a2b3;cursor:default}.config-explain{margin:0;padding:0 16px 14px!important;color:#667085;font-size:8px}.extension-config{overflow:hidden}.extension-config>summary{padding:13px 16px;cursor:pointer;color:#475467;background:#fcfcfd;font-size:10px;font-weight:700;list-style:none}.extension-config>summary::-webkit-details-marker{display:none}.extension-config>summary:before{content:'›';margin-right:7px;color:#98a2b3}.extension-config[open]>summary:before{content:'⌄';color:#155eef}.extension-config-body{border-top:1px solid #f0f2f5}.extension-config-body>p{padding:0 16px}.origin-inline-fields{padding:13px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.origin-inline-fields.four{grid-template-columns:repeat(4,1fr)}.origin-inline-fields label{display:grid;gap:6px;color:#667085;font-size:9px}.origin-inline-fields input{background:#fff}.field-help{display:block;padding:0 16px 14px}.name-pool-stats{margin:8px 0;padding:8px 10px;border-radius:7px;color:#667085;background:#f8fafc;font-size:9px}.applied-site-row{margin:0 16px 16px;padding:12px 14px;display:flex!important;align-items:center;gap:12px;border:1px solid #e4e7ec;border-radius:8px;background:#fcfcfd}.applied-site-row>input{width:16px!important;height:16px}.applied-site-row>span{display:grid;gap:3px}.applied-site-row small{color:#98a2b3}.applied-site-row em{margin-left:auto;color:#027a48;font-size:9px;font-style:normal}
.origin-site-strip,.showcase-lottery-switch{min-height:53px;padding:10px 14px;display:flex;align-items:center;gap:10px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.origin-site-strip span,.showcase-lottery-switch>span{color:#667085;font-size:9px}.origin-site-strip select{width:240px;height:32px}.showcase-lottery-switch button{height:32px;padding:0 13px;border:1px solid #e4e7ec;border-radius:7px;color:#667085;background:#fff;font-size:9px}.showcase-lottery-switch button.active{color:#155eef;border-color:#84adff;background:#eff4ff;font-weight:700}.showcase-lottery-switch small{color:#98a2b3;font-size:8px}.origin-card{padding:0;border:1px solid #e4e7ec;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}.origin-card.compact{padding-bottom:14px}.origin-card.compact>h3{padding:13px 16px 0}.origin-card-title{min-height:58px;padding:13px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.origin-card-title h3{margin:0 0 4px;font-size:12px}.origin-card-title p{margin:0;color:#98a2b3;font-size:8px}.switch-label{display:flex;align-items:center;gap:7px;color:#667085;font-size:9px}.compact-note,.selection-summary{margin:0 16px;padding:9px 11px;border:1px solid #f5d366;border-radius:7px;color:#b54708;background:#fffaeb;font-size:9px}.selection-summary{margin-bottom:14px;color:#475467;border-color:#e4e7ec;background:#f8fafc}.showcase-zone-card .origin-inline-fields{padding-top:12px}.check-box-field{display:flex!important;grid-template-columns:auto 1fr;align-items:center!important}.check-box-field input{width:15px!important;height:15px}.origin-card .table-wrap{border-top:1px solid #f0f2f5}.origin-card .showcase-note{margin:0 16px 13px}.origin-card .threshold-grid{padding:7px 16px 0}
@media(max-width:900px){.profile-controls{flex-wrap:wrap}.profile-controls select{width:210px}.posting-step-tabs{grid-template-columns:repeat(3,1fr)}.origin-inline-fields.four{grid-template-columns:repeat(2,1fr)}.settings-rows>label{grid-template-columns:1fr}.post-site-filter{align-items:stretch;flex-wrap:wrap}.post-site-filter .toolbar-spacer{display:none}}
@media(max-width:580px){.posting-step-tabs{grid-template-columns:1fr 1fr}.origin-inline-fields,.origin-inline-fields.four{grid-template-columns:1fr}.origin-config-head{position:static;grid-template-columns:1fr}.save-group{justify-items:stretch!important}.save-group>small{text-align:right}.profile-controls{align-items:stretch;flex-wrap:wrap}.profile-controls span{width:100%}.profile-controls select{width:100%}.post-site-card{width:100%}.showcase-lottery-switch{align-items:flex-start;flex-wrap:wrap}}
.origin-config-page{width:100%;min-width:0}.origin-config-page>*{min-width:0}.origin-config-head{min-width:0}.origin-config-page .table-wrap{max-width:100%;overflow-x:auto}

/* Pixel-aligned post workbench */
.post-workbench{max-width:1180px;margin:0 auto}.workbench-heading{min-height:60px;margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.workbench-heading>div:first-child{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.workbench-heading .back-link{margin:0;color:#155eef;font-weight:700}.workbench-heading b{font-size:12px}.workbench-heading p{width:100%;margin:4px 0 0;color:#667085;font-size:10px}.workbench-heading .nav-shortcut{padding:4px 0;border:0;color:#155eef;background:transparent;font-size:11px}.workbench-site-strip{min-height:54px;margin-bottom:12px;padding:10px 14px;display:flex;align-items:center;gap:10px}.workbench-site-strip>span:first-child{color:#667085;font-size:10px}.workbench-site-strip>b{height:34px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #dbe5ff;border-radius:7px;color:#344054;background:#eff6ff;font-size:11px}.workbench-site-strip i{width:8px;height:8px;border-radius:50%;background:#12b76a}.workbench-site-strip em{color:#98a2b3;font-size:9px;font-style:normal;font-weight:400}.workbench-site-strip input,.workbench-site-strip select{width:160px;height:34px;font-size:10px}
.workbench-tabs-actions{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}.workbench-lottery-tabs{padding:0;border:0;background:transparent}.workbench-lottery-tabs button{height:34px;padding:0 14px}.workbench-lottery-tabs button.active{color:#101828;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.12)}.workbench-lottery-tabs .built-count{margin:0 3px 0 8px;padding:5px 8px;border-radius:6px;color:#f79009;background:#fff8e7}.workbench-lottery-tabs .built-count b{color:#f79009}.workbench-lottery-tabs .recycle-tab{border:1px solid #e4e7ec;background:#fff}.workbench-lottery-tabs .recycle-tab b{margin-left:4px;padding:1px 5px;border-radius:99px;background:#f2f4f7}.workbench-primary-actions{display:flex;align-items:center;gap:8px}.workbench-primary-actions>button{height:38px}.advanced-toggle{padding:0 13px;border:1px solid #d0d5dd;border-radius:8px;color:#475467;background:#fff;font-size:11px}.post-advanced-panel{margin-bottom:12px;overflow:hidden}.advanced-setting-row{min-height:52px;padding:8px 14px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #f0f2f5;color:#475467;font-size:10px}.advanced-setting-row:last-child{border-bottom:0}.advanced-setting-row>b{width:92px;flex:0 0 92px;color:#344054}.advanced-setting-row label{display:flex;align-items:center;gap:5px;font-weight:500}.advanced-setting-row label input[type=checkbox]{width:15px;height:15px}.advanced-setting-row label input[type=number]{width:58px;height:29px}.advanced-setting-row small{color:#98a2b3;font-size:8px;font-weight:400}.advanced-setting-row .primary{margin-left:auto;min-height:31px}.board-token{padding:3px 6px;border-radius:5px;font-size:9px}.board-token.sale{color:#b54708;background:#fffaeb}.board-token.hot{color:#d92d20;background:#fef3f2}.board-token.recommended{color:#027a48;background:#ecfdf3}.board-token.expert{color:#175cd3;background:#eff8ff}.title-color-row input[type=color]{width:24px;height:24px;padding:2px;border:1px solid #d0d5dd}.title-color-row .up-to-date{padding:5px 9px;border-radius:6px;color:#fff;background:#84aafb}.history-row a{color:#155eef;cursor:pointer}.history-row .ghost{height:31px}
.publish-existing-button{padding:0 13px;border:1px solid #12b76a;border-radius:8px;color:#027a48;background:#ecfdf3;font-size:11px;font-weight:700}.publish-existing-button:hover{color:#fff;background:#12b76a}
.workbench-filterbar{margin-top:4px;border-radius:10px}.workbench-filterbar>span:not(.toolbar-spacer){color:#98a2b3;font-size:10px}.workbench-filterbar select{min-width:136px}.issue-status-banner{min-height:48px;margin:10px 0;padding:0 15px;display:flex;align-items:center;gap:12px;border:1px solid #fed7aa;border-radius:10px;color:#f79009;background:#fffaf3;font-size:10px}.issue-status-banner>span{width:8px;height:8px;border-radius:50%;background:#fdb022}.issue-status-banner b{font-size:11px}.issue-status-banner b em{font-style:normal}.issue-status-banner i{padding:4px 8px;border:1px solid #fed7aa;border-radius:99px;background:#fff;font-style:normal}.issue-status-banner i.ready{color:#039855;border-color:#abefc6}.issue-status-banner small{margin-left:auto;color:#98a2b3}.workbench-post-panel{border-radius:11px}.workbench-post-panel table{font-size:10px}.workbench-post-panel thead th{height:35px;padding:8px 10px;color:#98a2b3;background:#fff;font-size:9px}.workbench-post-panel thead th:nth-child(2){color:#475467;text-align:left}.workbench-post-panel td{height:48px;padding:6px 10px;white-space:nowrap}.workbench-post-panel td:first-child{width:34px}.workbench-post-panel td:nth-child(2){width:48%;min-width:360px}.post-title-cell.compact{display:flex;align-items:center;gap:8px}.post-title-cell.compact>.post-dot{flex:0 0 7px}.post-title-cell.compact>div{min-width:0}.post-title-cell.compact b{font-size:11px;font-weight:600}.post-title-cell.compact small{max-width:430px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.post-title-cell.compact small em{margin-right:5px;color:#98a2b3;font-style:normal}.author-tag{margin-right:5px;padding:2px 5px;border-radius:4px;color:#475467;background:#f2f4f7;font-size:9px;font-weight:500}.workbench-post-row time,.workbench-post-row td>small{display:block;color:#98a2b3;font-size:8px}.accuracy-cell{display:flex;align-items:center;gap:5px}.accuracy-cell>i{width:34px;height:6px;overflow:hidden;border-radius:99px;background:#f2f4f7}.accuracy-cell>i>span{height:100%;display:block;border-radius:99px}.accuracy-cell>b{font-size:10px}.accuracy-cell>small{color:#98a2b3}.visit-pill{padding:3px 7px;border:1px solid #b9e6fe;border-radius:99px;color:#026aa2;background:#f0f9ff;font-size:9px}.workbench-post-panel .paid-cell{position:relative;min-width:52px;padding:4px 6px}.workbench-post-panel .paid-cell>span{margin-right:3px;color:#f79009}.workbench-post-panel .paid-cell b{margin-left:3px;padding-left:4px;border-left:1px solid #fedf89;color:#98a2b3}.price-suggestion{display:block;color:#98a2b3;font-size:7px}.free-price{color:#98a2b3}.compact-actions{gap:3px}.compact-actions button{height:25px;padding:0 6px;font-size:8px}.compact-actions .pin-action{width:25px;padding:0}.workbench-post-panel .post-section-row td{height:34px;border-top-width:5px}.manual-post-button{display:none}
.workbench-batch-bar{left:calc(50% + 128px);bottom:14px;width:min(1080px,calc(100% - 290px));padding:7px 10px;display:grid;gap:6px;border-color:#84adff;border-radius:10px;color:#175cd3;background:#eff6ff}.workbench-batch-bar.show{transform:translate(-50%,0)}.workbench-batch-bar>div{display:flex;align-items:center;gap:6px}.workbench-batch-bar>div:first-child{padding-bottom:5px;border-bottom:1px solid #b2ccff}.workbench-batch-bar>div:first-child button{margin-left:5px;padding:0;border:0;color:#155eef;background:transparent}.workbench-batch-bar button,.workbench-batch-bar label{height:29px;display:flex;align-items:center;gap:4px;border:1px solid #d0d5dd;border-radius:6px;color:#475467;background:#fff;font-size:9px}.workbench-batch-bar button.quick{color:#fff;border-color:#f79009;background:#f79009}.workbench-batch-bar button.publish{color:#fff;border-color:#12b76a;background:#12b76a}.workbench-batch-bar button.early-public{color:#fff;border-color:#e11d48;background:#e11d48;font-weight:800}.workbench-batch-bar label{padding:0 5px}.workbench-batch-bar select,.workbench-batch-bar input{width:88px;height:23px;padding:2px 4px;border:0;font-size:9px;box-shadow:none}.workbench-batch-bar .public-time-label{color:#b54708;border-color:#fdb022;background:#fffaeb}.workbench-batch-bar .danger{margin-left:auto;color:#d92d20;border-color:#fda29b}
.reward-dialog{width:min(760px,calc(100% - 24px))}.reward-dialog .dialog-head{min-height:59px}.reward-dialog .dialog-head h2 span{margin-left:5px;color:#f79009;font-size:10px}.reward-filters{padding:9px 13px}.reward-filters .range-tabs{display:flex;gap:2px}.reward-filters .range-tabs button{height:29px;padding:0 9px;border:0}.reward-filters .range-tabs button.active{color:#101828;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.1)}.reward-filters input{min-width:150px}.reward-dialog .unlock-summary{padding:12px 13px}.reward-dialog .unlock-metric{border:0;background:#f8fafc}.reward-dialog .unlock-metric b{font-size:17px}.reward-view-tabs{padding:0 13px 9px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #e4e7ec}.reward-view-tabs button{height:28px;padding:0 10px;border:0;border-radius:6px;color:#667085;background:#f2f4f7;font-size:9px}.reward-view-tabs button.active{color:#101828;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.14);font-weight:700}.reward-view-tabs small{margin-left:6px;color:#98a2b3}.reward-dialog th,.reward-dialog td{padding:8px 10px;font-size:9px}.reward-dialog td:first-child{min-width:75px}.reward-dialog td:nth-child(2){min-width:250px}.sale-chip{padding:3px 6px;border-radius:5px;color:#b54708;background:#fffaeb}.blue-number{color:#155eef}
@media(max-width:1050px){.workbench-tabs-actions{align-items:flex-start;flex-direction:column}.workbench-primary-actions{width:100%;justify-content:flex-end}.post-advanced-panel{overflow-x:auto}.advanced-setting-row{min-width:850px}.workbench-batch-bar{left:12px;right:12px;width:auto}.workbench-batch-bar.show{transform:none}.workbench-batch-bar>div:last-child{overflow-x:auto}.workbench-post-panel td:nth-child(2){min-width:300px}}
@media(max-width:680px){.workbench-heading{flex-direction:column}.workbench-site-strip{flex-wrap:wrap}.workbench-primary-actions{justify-content:flex-start;flex-wrap:wrap}.workbench-lottery-tabs{width:100%;overflow-x:auto}.issue-status-banner{align-items:flex-start;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.issue-status-banner small{margin-left:0}.reward-dialog{width:calc(100% - 8px)}.reward-filters .range-tabs{order:2;width:100%}.workbench-batch-bar{bottom:6px}}

/* Five-step posting configuration details */
.origin-config-page .static-value{display:flex;align-items:center;gap:6px;color:#475467;font-size:10px}.origin-config-page .static-value input{width:110px}.pricing-strategy-fields{display:grid!important;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px 16px;align-items:center}.pricing-strategy-fields>select{grid-column:1/-1;width:300px!important;max-width:300px!important}.pricing-strategy-fields>i{display:flex;align-items:center;gap:6px;color:#475467;font-size:9px;font-style:normal}.pricing-strategy-fields input{width:62px!important;height:32px}.pricing-strategy-fields .rise{color:#f04438}.pricing-strategy-fields .fall{color:#039855}.config-warning{margin:0 16px 15px!important;padding:10px 12px!important;border:1px solid #f5d366;border-radius:7px;color:#b54708!important;background:#fffaeb;font-size:9px!important}.optimization-fields{display:flex;align-items:center;gap:7px;color:#475467;font-size:10px}.optimization-fields input{width:64px!important}.origin-config-page textarea[name=authorNames],.origin-config-page textarea[name=premiumAuthorNames]{width:calc(100% - 32px);margin:9px 16px 0;min-height:190px}.origin-config-page .name-pool-stats{margin-left:16px;margin-right:16px}.origin-config-page .config-pane>label.check{margin:0 16px 13px;display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#475467;font-size:10px}.origin-config-page .config-pane>label.check input{width:15px}.pool-availability{margin:0 16px 16px;padding:11px 13px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #eef0f4;color:#98a2b3;font-size:9px}.pool-availability span{display:grid;gap:4px}.pool-availability b{color:#475467;font-size:10px}.origin-config-page .strategy-row{padding:10px 16px 16px}.origin-config-page .threshold-grid{padding:10px 16px}.origin-config-page .lifecycle-grid{padding:10px 16px}.origin-config-page .config-card[data-config-pane=sale]+.config-card[data-config-pane=sale]{margin-top:0}
@media(max-width:760px){.pricing-strategy-fields{grid-template-columns:1fr}.pricing-strategy-fields>select{grid-column:auto;width:100%!important}.pool-availability{grid-template-columns:repeat(2,1fr)}.optimization-fields{align-items:flex-start;flex-wrap:wrap}}

/* Batch avoid-code workbench */
.avoid-code-dialog{width:min(620px,calc(100% - 24px));height:min(920px,calc(100vh - 28px));max-height:none;padding:0;overflow:hidden;border:0;border-radius:16px;color:#344054;background:#fff;box-shadow:0 28px 80px rgba(16,24,40,.3)}
.avoid-code-dialog::backdrop{background:rgba(16,24,40,.55)}
.avoid-code-head{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0d5dd;background:#fff}
.avoid-code-head>div{display:flex;align-items:center;gap:10px}.avoid-code-head h2{margin:0;color:#101828;font-size:16px}.avoid-code-head span{color:#98a2b3;font-size:10px}.avoid-code-head span b{color:#667085}.avoid-code-head em{color:#155eef;font-style:normal}.avoid-code-head>button{width:30px;height:30px;padding:0;border:0;color:#98a2b3;background:transparent;font-size:23px}
.avoid-code-body{height:calc(100% - 122px);padding:12px 18px 18px;overflow-y:auto;background:#fff}.avoid-code-body section{padding:11px 0;border-bottom:1px solid #f0f2f5}.avoid-code-body h3{margin:0 0 8px;color:#475467;font-size:11px}.avoid-code-body section>small{display:block;margin-top:7px;color:#98a2b3;font-size:9px}
.avoid-code-intro{margin:0;padding:10px 12px;border:1px solid #f5d366;border-radius:8px;color:#667085;background:#fffaeb;font-size:9px;line-height:1.75}.avoid-code-intro b{color:#f79009}
.avoid-period-tabs{display:flex;flex-wrap:wrap;gap:6px}.avoid-period-tabs button{height:30px;padding:0 10px;border:1px solid #e4e7ec;border-radius:6px;color:#667085;background:#fff;font-size:9px}.avoid-period-tabs button.active{color:#fff;border-color:#2e6cf6;background:#2e6cf6}.avoid-period-tabs button b{margin-left:3px;font-size:8px;font-weight:500}
.avoid-mode-section>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.avoid-mode-section button{height:31px;padding:0 11px;border:1px solid #d0d5dd;border-radius:6px;color:#667085;background:#fff;font-size:9px}.avoid-mode-section button.active{color:#fff;border-color:#2e6cf6;background:#2e6cf6}.avoid-mode-section button.ghost{margin-left:auto;color:#475467;background:#f8fafc}
.avoid-section-title{display:flex;align-items:center;justify-content:space-between}.avoid-section-title h3{margin-bottom:8px}.avoid-section-title span{color:#f79009;font-size:8px}.avoid-number-grid{width:252px;display:grid;grid-template-columns:repeat(7,30px);gap:6px}.avoid-number-grid button{width:30px;height:26px;padding:0;border:1px solid #d0d5dd;border-radius:4px;color:#475467;background:#fff;font-size:9px}.avoid-number-grid button:hover{border-color:#84adff;background:#eff4ff}.avoid-number-grid button.selected{color:#fff;border-color:#2e6cf6;background:#2e6cf6;font-weight:700}.avoid-number-section>small b{color:#155eef}
.avoid-result-section{border-bottom:0!important}.avoid-result-head{margin-bottom:7px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e4e7ec;border-radius:7px;background:#f8fafc}.avoid-result-head b{font-size:10px}.avoid-result-head span{color:#98a2b3;font-size:8px}.avoid-conflict-list{max-height:330px;overflow:auto;border:1px solid #e4e7ec;border-radius:8px;background:#fcfcfd}.avoid-conflict-row{min-height:32px;padding:7px 10px;display:grid;grid-template-columns:minmax(135px,.8fr) minmax(0,1.7fr);align-items:start;gap:8px;border-bottom:1px solid #f2f4f7;font-size:8px}.avoid-conflict-row:last-child{border-bottom:0}.avoid-conflict-row b{overflow:hidden;color:#f79009;text-overflow:ellipsis;white-space:nowrap}.avoid-conflict-row span{color:#667085;line-height:1.45}.avoid-conflict-empty{padding:24px;text-align:center;color:#039855;font-size:10px}
.avoid-code-footer{height:64px;padding:10px 18px;display:flex;align-items:center;gap:12px;border-top:1px solid #e4e7ec;background:#fff}.avoid-code-footer span{color:#98a2b3;font-size:9px}.avoid-code-footer button{height:38px;margin-left:auto;padding:0 26px;border:0;border-radius:8px;color:#fff;background:#2e6cf6;font-size:11px;font-weight:700}.avoid-code-footer button:disabled{background:#8bb0fa;cursor:not-allowed}
@media(max-width:680px){.avoid-code-dialog{width:calc(100% - 8px);height:calc(100vh - 8px)}.avoid-code-head{padding:0 12px}.avoid-code-head>div{display:grid;gap:2px}.avoid-code-body{padding:10px 12px 16px}.avoid-number-grid{width:100%;grid-template-columns:repeat(7,1fr)}.avoid-number-grid button{width:100%}.avoid-mode-section button.ghost{margin-left:0}.avoid-code-footer{padding:8px 12px}.avoid-code-footer span{display:none}.avoid-code-footer button{width:100%;margin:0}.avoid-conflict-row{grid-template-columns:1fr}}

/* Keep compact native site selectors vertically centered instead of inheriting form padding. */
.post-site-filter select,.workbench-site-strip select,.origin-site-strip select{padding-top:0;padding-right:30px;padding-bottom:0;padding-left:11px;line-height:normal}
.post-site-filter select,.origin-site-strip select{font-size:11px}