/* AdsFlow marketplace: a quiet workspace for discovery, orders and money. */
:root {
  --dark:#f7f8fb; --dark-2:#f0f3f9; --dark-3:#e9edf5;
  --card-bg:#fff; --surface-muted:#f2f5fa;
  --text-primary:#182239; --text-secondary:#58657c; --text-muted:#6e7b90;
  --primary:#355eea; --primary-light:#355eea; --primary-dark:#2446bf;
  --blue:#355eea; --accent:#087c66; --success:#087c66; --warning:#946417; --danger:#ba3546;
  --border-light:#e3e8f1; --tint:#edf1ff; --tint-strong:#d9e1ff;
  --gradient-primary:linear-gradient(110deg,#355eea,#426cf3); --gradient-card:linear-gradient(#fff,#fff);
  --radius-sm:10px; --radius-md:16px; --radius-lg:22px;
  --shadow-sm:0 2px 5px rgba(24,34,57,.025); --shadow-md:0 5px 20px rgba(24,34,57,.05); --shadow-lg:0 18px 60px rgba(24,34,57,.08);
}
:root[data-theme="dark"] {
  --dark:#101722; --dark-2:#151e2c; --dark-3:#202c40; --card-bg:#182232;
  --surface-muted:#202c3e; --text-primary:#edf2fc; --text-secondary:#acbad0; --text-muted:#97a8c2;
  --primary:#829bff; --primary-light:#9eafff; --primary-dark:#4264dc; --blue:#9eafff;
  --border-light:#2c3a50; --tint:#243354; --tint-strong:#3c4e78;
  --gradient-primary:linear-gradient(110deg,#4168e9,#486ef1); --gradient-card:linear-gradient(#182232,#182232);
  --success:#5cd4b4; --warning:#edc372; --danger:#ff9daa;
}
html { scroll-padding-top:90px; }
body.adsflow-app { font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; letter-spacing:-.01em; }
body.adsflow-app h1, body.adsflow-app h2 { letter-spacing:-.045em; }
h3 { letter-spacing:-.025em; }
main { min-height:60vh; }
.container { max-width:1216px; padding-inline:28px; margin-inline:auto; }
.icon-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.brand { display:inline-flex; align-items:center; gap:9px; flex-shrink:0; }
.brand-name { font-size:23px; letter-spacing:-1px; font-weight:800; color:var(--text-primary); }
.brand-name > span { color:var(--primary); }
.brand-mark { width:33px; height:33px; padding:8px 6px; display:flex; flex-direction:column; justify-content:space-between; background:#355eea; border-radius:10px; transform:rotate(-4deg); }
.brand-mark > span { height:3px; border-radius:3px; background:#fff; display:block; }
.brand-mark > span:nth-child(1) { width:12px; }
.brand-mark > span:nth-child(2) { width:20px; }
.brand-mark > span:nth-child(3) { width:15px; }
.app-nav { background:var(--card-bg); backdrop-filter:none; box-shadow:none; }
.app-nav-inner { max-width:1216px; padding:0 28px; height:78px; gap:40px; }
.app-nav-right { flex:1; justify-content:space-between; gap:24px; }
.app-nav-links { gap:4px; }
.app-nav-link { font-size:13px; font-weight:600; padding:10px 14px; }
.app-nav-user { gap:14px; }
.account-link { display:inline-flex; gap:8px; align-items:center; font-size:13px; font-weight:600; max-width:200px; }
.account-link > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-avatar { display:grid; place-items:center; height:32px; width:32px; flex-shrink:0; border-radius:50%; color:var(--primary); background:var(--tint); }
.theme-switch { display:grid; place-items:center; width:36px; height:36px; background:transparent; color:var(--text-secondary); border:0; cursor:pointer; border-radius:50%; }
.theme-switch:hover { background:var(--surface-muted); }
.text-button { padding:8px 0; border:0; background:transparent; color:var(--text-secondary); font-size:12px; cursor:pointer; }
.nav-toggle { background:var(--surface-muted); }
.btn { padding:12px 20px; font-size:13px; font-weight:650; min-height:44px; justify-content:center; box-shadow:none; letter-spacing:-.01em; }
.btn-primary { background:var(--gradient-primary); color:#fff; box-shadow:0 3px 7px rgba(53,94,234,.12); }
.btn-primary:hover { transform:translateY(-1px); background:#294ed1; box-shadow:0 5px 15px rgba(53,94,234,.18); }
.btn-outline { background:var(--card-bg); border:1px solid var(--border-light); color:var(--text-primary); }
.btn-outline:hover { background:var(--surface-muted); border-color:#bec9dd; }
.btn-ghost { color:var(--text-secondary); background:var(--surface-muted); }
.btn-sm { padding:9px 14px; min-height:40px; font-size:12px; }
.btn-white { background:#fff; color:#263b84; }
.btn-success { background:#087c66; color:#fff; }
.btn-danger { background:transparent; color:var(--danger); border:1px solid var(--border-light); }
.form-input { background:var(--card-bg); border-color:var(--border-light); box-shadow:none; font-size:14px; padding:12px 14px; }
.form-input:focus { border-color:var(--primary); box-shadow:0 0 0 3px var(--tint); }
.form-label { font-size:12px; font-weight:650; }
.form-error, .errorlist { color:var(--danger); font-size:12px; margin-top:6px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--primary); }
.live-dot { width:6px; height:6px; border-radius:50%; background:#0e9977; }
.market-hero { background:var(--card-bg); padding:70px 0 64px; }
.hero-layout { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:62px; }
.hero-copy h1 { font-size:clamp(34px,4.3vw,57px); line-height:1.1; margin:22px 0; font-weight:800; }
.hero-copy h1 > span { color:var(--primary); }
.hero-copy > p { max-width:485px; color:var(--text-secondary); font-size:15px; line-height:1.8; margin-bottom:28px; }
.hero-search { display:flex; align-items:center; gap:12px; padding:7px 7px 7px 16px; border:1px solid var(--border-light); border-radius:13px; background:var(--card-bg); box-shadow:0 5px 22px rgba(24,34,57,.04); }
.hero-search > .icon { color:var(--text-muted); }
.hero-search input { min-width:0; flex:1; width:100%; border:0; background:transparent; padding:10px 0; color:var(--text-primary); font-size:13px; outline:none; }
.hero-search .btn { white-space:nowrap; padding-inline:16px; }
.hero-topics { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:14px; font-size:11px; color:var(--text-muted); }
.hero-topics a { padding:4px 9px; border-radius:6px; background:var(--surface-muted); color:var(--text-secondary); }
.hero-topics a:hover { color:var(--primary); }
.hero-proof { display:flex; gap:32px; margin-top:32px; }
.hero-proof > div { display:flex; flex-direction:column; }
.hero-proof strong { font-size:24px; font-weight:750; letter-spacing:-.04em; color:var(--text-primary); }
.hero-proof span { font-size:10px; color:var(--text-muted); }
.hero-showcase { background:#eef2fb; padding:24px; border:1px solid #e2e9f6; border-radius:22px; position:relative; }
[data-theme="dark"] .hero-showcase { background:#1d2a42; border-color:var(--border-light); }
.showcase-caption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.mini-label { font-size:9px; color:var(--text-muted); font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.pill { display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:650; border-radius:6px; padding:5px 8px; white-space:normal; }
.pill-green { background:#def4e9; color:#087251; }
.pill-blue { background:var(--tint); color:var(--primary); }
.pill-amber { background:#fff4da; color:#946417; }
.pill-red { background:#ffedf0; color:#ad3043; }
.pill-muted { background:var(--surface-muted); color:var(--text-secondary); }
.showcase-title { display:flex; align-items:flex-end; justify-content:space-between; margin:26px 0 24px; }
.showcase-title h2 { font-size:27px; line-height:1.23; }
.showcase-arrow { width:42px; height:42px; color:var(--primary); transform:rotate(-35deg); }
.showcase-channels { display:grid; gap:10px; }
.showcase-channel { display:flex; align-items:center; gap:12px; background:var(--card-bg); padding:14px; border:1px solid rgba(170,185,215,.2); border-radius:12px; box-shadow:0 3px 7px rgba(24,34,57,.025); }
.showcase-channel > div { flex:1; min-width:0; }
.showcase-channel strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.showcase-channel > div > span { display:block; font-size:10px; color:var(--text-muted); margin-top:3px; }
.showcase-price { font-weight:750; font-size:13px; text-align:right; }
.showcase-price small { display:block; font-size:9px; color:var(--text-muted); font-weight:400; }
.channel-avatar { width:42px; height:42px; border-radius:12px; color:#355eea; background:#eaf0ff; display:grid; place-items:center; font-size:18px; font-weight:750; flex-shrink:0; }
.platform-instagram { background:#faeaf2; color:#b05187; }
.platform-youtube { background:#fce9e9; color:#be4141; }
.platform-website { background:#e3f3eb; color:#237d60; }
.platform-tiktok { background:#e9e9f0; color:#41415e; }
.showcase-note { display:flex; gap:10px; align-items:center; margin-top:22px; }
.showcase-note strong { display:block; font-size:11px; }
.showcase-note span { font-size:10px; color:var(--text-secondary); }
.check-disc { display:grid; place-items:center; background:var(--card-bg); border-radius:50%; width:32px; height:32px; }
.check-disc .icon { color:var(--success); width:16px; }
.showcase-empty { display:grid; gap:12px; justify-items:start; padding:28px 10px; }
.showcase-empty .icon { width:40px; height:40px; color:var(--primary); }
.showcase-empty > span { color:var(--text-secondary); font-size:13px; }
.trust-strip { border-block:1px solid var(--border-light); background:var(--card-bg); }
.trust-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:22px; }
.trust-inner > span { display:flex; align-items:center; gap:9px; font-size:11px; color:var(--text-secondary); }
.trust-inner .icon { width:17px; height:17px; color:var(--primary); }
.market-section { padding:64px 0; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:28px; }
.section-heading h1 { font-size:34px; margin-top:10px; }
.section-heading h2, .faq-layout h2 { font-size:30px; margin:10px 0 12px; }
.section-heading p, .faq-layout > div > p { font-size:13px; color:var(--text-secondary); }
.section-aside { max-width:230px; }
.market-channels-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.market-channel-card { display:flex; flex-direction:column; padding:22px; background:var(--card-bg); border:1px solid var(--border-light); border-radius:16px; box-shadow:var(--shadow-sm); transition:border-color .15s,transform .15s; min-width:0; }
.market-channel-card:hover { border-color:#a2b5f4; transform:translateY(-3px); }
.channel-card-top { display:flex; gap:10px; align-items:center; margin-bottom:18px; }
.platform-label { font-size:10px; font-weight:650; color:var(--text-muted); }
.verified-mark { margin-left:auto; color:var(--success); }
.verified-mark .icon { width:17px; height:17px; }
.channel-title { display:block; font-size:15px; font-weight:750; line-height:1.45; margin-bottom:9px; overflow-wrap:anywhere; }
.channel-tags { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:14px; }
.channel-tags span { background:var(--surface-muted); color:var(--text-secondary); padding:3px 7px; border-radius:5px; font-size:9px; }
.channel-description { color:var(--text-muted); font-size:11px; line-height:1.8; flex:1; margin-bottom:18px; }
.channel-numbers { display:grid; grid-template-columns:1fr 1fr; gap:12px; border-bottom:1px solid var(--border-light); padding-bottom:16px; }
.channel-numbers dt { display:flex; align-items:center; gap:5px; color:var(--text-muted); font-size:9px; }
.channel-numbers .icon { width:13px; height:13px; }
.channel-numbers dd { font-size:17px; font-weight:700; margin-top:5px; }
.channel-card-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:16px; }
.channel-card-bottom strong { font-size:16px; font-weight:750; }
.channel-card-bottom strong small { font-size:10px; font-weight:500; }
.channel-card-bottom div > span { display:block; font-size:9px; color:var(--text-muted); }
.card-open { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--border-light); border-radius:8px; color:var(--primary); }
.card-open:hover { background:var(--primary); border-color:var(--primary); color:#fff; }
.process-section { background:var(--card-bg); border-block:1px solid var(--border-light); }
.process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.process-grid article { position:relative; padding:26px; border:1px solid var(--border-light); border-radius:14px; }
.step-index { position:absolute; right:22px; top:22px; color:var(--border-light); font-size:30px; font-weight:750; }
.process-grid article > .icon { color:var(--primary); width:28px; height:28px; margin-bottom:24px; }
.process-grid h3 { font-size:16px; margin-bottom:12px; }
.process-grid p { color:var(--text-secondary); font-size:12px; line-height:1.8; }
.publisher-banner { background:#20396e; border-radius:22px; display:grid; grid-template-columns:1.3fr .85fr; gap:80px; padding:48px; align-items:center; color:#fff; }
.publisher-banner .eyebrow { color:#b7cdff; }
.publisher-banner h2 { font-size:34px; line-height:1.15; margin:18px 0; }
.publisher-banner > div > p { color:#c0cce2; max-width:480px; line-height:1.8; font-size:13px; margin-bottom:24px; }
.commission-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); padding:28px; border-radius:16px; }
.commission-card > span { font-size:11px; color:#c0cce2; }
.commission-card > strong { font-size:34px; font-weight:750; display:block; margin:8px 0 22px; }
.commission-card > strong small { font-size:14px; font-weight:500; }
.commission-card > div { display:flex; justify-content:space-between; gap:14px; font-size:11px; padding:12px 0; }
.commission-card > div > span { color:#c0cce2; }
.commission-card .commission-total { border-top:1px solid rgba(255,255,255,.15); color:#9de8cf; }
.commission-card p { font-size:10px; margin:16px 0 0; color:#c0cce2; }
.faq-layout { display:grid; grid-template-columns:.75fr 1.3fr; gap:85px; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--primary); font-weight:650; font-size:12px; }
.faq-layout .text-link { margin-top:18px; }
.market-faq { display:grid; gap:10px; }
.market-faq details { border-bottom:1px solid var(--border-light); padding:18px 0; }
.market-faq summary { font-size:14px; font-weight:650; cursor:pointer; list-style:none; padding-right:30px; position:relative; }
.market-faq summary::after { content:'+'; position:absolute; right:4px; font-size:20px; top:-3px; color:var(--primary); }
.market-faq details[open] summary::after { content:'−'; }
.market-faq p { color:var(--text-secondary); font-size:12px; line-height:1.9; margin-top:15px; }
.site-footer { border-top:1px solid var(--border-light); padding:30px 0; background:var(--card-bg); margin-top:28px; }
.footer-inner { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.footer-inner > span { font-size:10px; color:var(--text-muted); }
.footer-inner > div { display:flex; gap:22px; margin-left:auto; font-size:11px; color:var(--text-secondary); }
.footer-inner .brand-name { font-size:19px; }
.footer-inner .brand-mark { width:28px; height:28px; padding:6px; }
.footer-inner .brand-mark > span { max-width:16px; }
.catalog-header { background:var(--card-bg); padding:28px 0 32px; border-bottom:1px solid var(--border-light); }
.breadcrumb { display:flex; align-items:center; gap:10px; font-size:10px; color:var(--text-muted); margin-bottom:28px; }
.breadcrumb a:hover { color:var(--primary); }
.catalog-header .section-heading { margin-bottom:0; }
.catalog-main { padding:28px 0 50px; }
.catalog-filters { border:1px solid var(--border-light); border-radius:15px; background:var(--card-bg); padding:20px; }
.catalog-search { display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--border-light); padding:0 0 14px; margin-bottom:16px; }
.catalog-search .icon { color:var(--text-muted); }
.catalog-search .form-input { border:0; padding:5px 0; background:transparent; box-shadow:none; }
.catalog-filter-fields { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr auto; gap:12px; align-items:end; }
.catalog-filter-fields > div { min-width:0; }
.catalog-filter-fields label { display:block; font-size:10px; font-weight:650; color:var(--text-secondary); margin-bottom:8px; }
.catalog-filter-fields .form-input { padding:11px 10px; font-size:11px; min-height:43px; }
.catalog-results { display:flex; justify-content:space-between; align-items:center; padding:24px 0; font-size:12px; color:var(--text-secondary); gap:16px; }
.catalog-results strong { color:var(--text-primary); }
.catalog-match-note { display:flex; align-items:center; gap:12px; border:1px solid var(--tint-strong); border-radius:10px; padding:14px; color:var(--primary); background:var(--tint); font-size:11px; margin-bottom:22px; }
.catalog-match-note a { text-decoration:underline; }
.catalog-empty { grid-column:1/-1; padding:60px 24px; display:grid; justify-items:center; text-align:center; gap:14px; background:var(--card-bg); border:1px dashed var(--border-light); border-radius:16px; }
.catalog-empty > .icon { width:32px; height:32px; color:var(--primary); }
.catalog-empty p { color:var(--text-secondary); font-size:13px; max-width:400px; }
.data-note { color:var(--text-muted); font-size:10px; margin-top:22px; }
/* Shared account workspace. */
.workspace { padding:36px 0 50px; }
.workspace-heading { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:20px; margin-bottom:28px; }
.workspace-heading h1 { font-size:30px; margin:8px 0 10px; }
.workspace-heading p { color:var(--text-secondary); font-size:13px; }
.workspace-heading > .btn { margin-top:12px; }
.stats-grid { gap:16px; }
.stat-card { box-shadow:none; border-color:var(--border-light); padding:20px; }
.stat-value { font-size:26px; }
.stat-label { color:var(--text-muted); font-size:11px; }
.order-card, .data-card, .setup-card, .profile-sidebar-card { box-shadow:none; border-color:var(--border-light); }
.order-card { border-radius:15px; padding:22px; }
.order-card-header { align-items:flex-start; }
.order-number { color:var(--text-muted); font-size:10px; }
.order-card h2 { font-size:17px; margin:8px 0 10px; }
.order-card .order-ad-preview { font-size:12px; padding:16px; border:0; border-radius:9px; background:var(--surface-muted); margin:16px 0; }
.order-actions { align-items:center; }
.order-footer { padding-top:16px; border-color:var(--border-light); }
.order-stack { display:grid; gap:18px; }
.order-badges { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.order-amount { font-size:19px; font-weight:750; }
.order-amount small { font-size:12px; font-weight:500; color:var(--text-muted); }
.order-info-line { display:flex; gap:12px; align-items:center; flex-wrap:wrap; font-size:11px; color:var(--text-secondary); }
.order-info-line a { color:var(--primary); overflow-wrap:anywhere; }
.order-action-form { display:flex; align-items:end; gap:12px; flex-wrap:wrap; width:100%; margin-top:18px; background:var(--surface-muted); border-radius:10px; padding:16px; }
.order-action-form .form-group { flex:1 1 220px; margin:0; }
.order-action-form .views-field { flex:0 1 160px; }
.order-alert { color:var(--text-secondary); font-size:12px; background:var(--surface-muted); border-radius:9px; padding:12px 14px; margin:14px 0; }
.media-thumb { display:block; width:130px; max-height:90px; object-fit:cover; border-radius:8px; cursor:zoom-in; }
.media-summary { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:12px 0; }
.dispute-box { border-style:dashed; font-size:12px; }
.dispute-box summary { color:var(--text-secondary); font-weight:500; }
.alert { font-size:12px; font-weight:500; box-shadow:none; }
.messages-container { max-width:500px; }
.form-panel { border:1px solid var(--border-light); border-radius:16px; background:var(--card-bg); padding:28px; }
.auth-layout { display:grid; grid-template-columns:1fr 1fr; min-height:calc(100dvh - 1px); }
.auth-story { background:#20396e; color:#fff; padding:50px; display:flex; flex-direction:column; justify-content:space-between; position:relative; }
.auth-story .brand-name, .auth-story .brand-name > span { color:#fff; }
.auth-story h1 { font-size:46px; line-height:1.14; max-width:470px; }
.auth-story p { color:#c2cfe5; font-size:14px; line-height:1.85; margin-top:22px; max-width:410px; }
.auth-story small { font-size:11px; color:#c2cfe5; }
.auth-content { padding:40px; display:flex; align-items:center; justify-content:center; }
.auth-card { width:100%; max-width:400px; }
.auth-card > h1 { font-size:28px; margin-bottom:12px; }
.auth-card > p { color:var(--text-secondary); font-size:13px; margin-bottom:28px; }
.auth-card .form-group { margin-bottom:18px; }
.auth-card .btn[type="submit"] { width:100%; margin-top:8px; }
.auth-card > .brand { display:none; }
.auth-bottom { text-align:center; margin-top:24px; font-size:12px; color:var(--text-secondary); }
.role-picker { display:grid; grid-template-columns:1fr 1fr; border:0; gap:10px; margin-bottom:22px; }
.role-picker label { cursor:pointer; position:relative; }
.role-picker input { position:absolute; opacity:0; }
.role-picker label > span { display:flex; gap:9px; align-items:center; font-size:11px; font-weight:650; padding:13px 11px; border:1px solid var(--border-light); border-radius:10px; }
.role-picker input:checked + span { color:var(--primary); border-color:var(--primary); background:var(--tint); }
.role-picker input:focus-visible + span { outline:3px solid var(--tint-strong); }
.detail-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:24px; align-items:start; }
.detail-panel { border:1px solid var(--border-light); border-radius:16px; background:var(--card-bg); padding:28px; }
.detail-title { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.detail-title .channel-avatar { width:60px; height:60px; font-size:25px; }
.detail-title h1 { font-size:27px; margin-bottom:8px; }
.detail-numbers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:28px 0; padding:24px 0; border-block:1px solid var(--border-light); gap:20px; }
.detail-numbers strong { font-size:23px; display:block; }
.detail-numbers span { font-size:10px; color:var(--text-muted); }
.detail-description { font-size:13px; color:var(--text-secondary); line-height:1.9; margin-top:18px; white-space:pre-line; overflow-wrap:anywhere; }
.detail-panel h2 { font-size:16px; }
.detail-owner { margin-top:24px; padding:18px; background:var(--surface-muted); display:flex; justify-content:space-between; gap:16px; border-radius:10px; align-items:center; }
.detail-owner span { font-size:10px; color:var(--text-muted); display:block; }
.detail-owner strong { font-size:12px; }
.booking-panel { position:sticky; top:104px; }
.booking-price { font-size:32px; font-weight:750; letter-spacing:-.04em; margin:10px 0 2px; }
.booking-price small { font-size:14px; font-weight:500; }
.booking-panel > p { font-size:11px; color:var(--text-muted); }
.booking-panel .btn { margin-top:22px; width:100%; }
.booking-benefits { margin-top:24px; padding-top:20px; border-top:1px solid var(--border-light); display:grid; gap:14px; font-size:11px; color:var(--text-secondary); }
.booking-benefits > span { display:flex; align-items:center; gap:9px; }
.booking-benefits .icon { color:var(--success); width:17px; height:17px; }
@media (max-width:1100px) {
  .hero-layout { gap:28px; }
  .market-channels-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .catalog-filter-fields { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .app-nav-inner { gap:18px; }
  .app-nav-right { gap:14px; }
  .app-nav-user { gap:9px; }
  .app-nav-link { padding-inline:10px; }
  .publisher-banner { gap:40px; }
}
@media (max-width:1000px) {
  .app-nav-inner { min-height:70px; height:auto; padding-block:12px; }
  .app-nav-right { gap:14px; }
  .app-nav-user { justify-content:flex-start; }
  .logout-form { margin-left:auto; }
  .logout-form button { min-height:44px; }
  .auth-story { padding:36px; }
  .auth-story h1 { font-size:36px; }
  .auth-content { padding:32px; }
}
@media (max-width:800px) {
  .hero-layout { grid-template-columns:1fr; gap:36px; }
  .hero-copy h1 { font-size:48px; }
  .hero-copy > p { max-width:560px; }
  .hero-showcase { max-width:620px; width:100%; }
  .trust-inner { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
  .market-channels-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .process-grid { gap:14px; }
  .process-grid article { padding:20px; }
  .publisher-banner { grid-template-columns:1fr; gap:30px; }
  .faq-layout { grid-template-columns:1fr; gap:24px; }
  .detail-layout { grid-template-columns:1fr; }
  .booking-panel { position:static; }
}
@media (max-width:640px) {
  .container { padding-inline:20px; }
  .app-nav-inner { padding-inline:20px; }
  .app-nav-links { grid-template-columns:1fr 1fr; }
  .app-nav-link { font-size:13px; }
  .app-nav-user .btn { flex:initial; }
  .account-link { max-width:200px; }
  .brand-name { font-size:22px; }
  .market-hero { padding:38px 0; }
  .hero-copy h1 { font-size:39px; margin:20px 0; }
  .hero-copy > p { font-size:14px; margin-bottom:24px; }
  .eyebrow { font-size:9px; }
  .hero-search { flex-wrap:wrap; gap:8px; padding:10px; }
  .hero-search > input { width:calc(100% - 40px); flex:1 1 calc(100% - 40px); padding:10px 0; }
  .hero-search > button { flex:1 1 100%; }
  .hero-proof { justify-content:space-between; gap:12px; margin-top:28px; }
  .hero-proof strong { font-size:23px; }
  .hero-proof span { font-size:9px; }
  .hero-showcase { padding:18px; border-radius:16px; }
  .showcase-title { margin:22px 0; }
  .showcase-title h2 { font-size:25px; }
  .showcase-caption .pill { font-size:8px; }
  .showcase-channel { padding:12px; gap:10px; }
  .showcase-channel .channel-avatar { width:35px; height:35px; font-size:15px; border-radius:9px; }
  .showcase-channel strong { font-size:11px; }
  .showcase-channel > div > span { font-size:9px; }
  .showcase-price { font-size:12px; }
  .showcase-price small { font-size:8px; }
  .trust-inner { padding-block:18px; gap:16px; }
  .trust-inner > span { align-items:flex-start; font-size:10px; gap:7px; }
  .trust-inner .icon { width:15px; height:15px; }
  .market-section { padding:40px 0; }
  .section-heading { align-items:stretch; flex-direction:column; gap:16px; margin-bottom:22px; }
  .section-heading h2, .faq-layout h2 { font-size:27px; }
  .section-heading h1 { font-size:30px; }
  .section-heading > .btn { align-self:flex-start; }
  .section-heading p { font-size:12px; }
  .market-channels-grid { grid-template-columns:1fr; gap:14px; }
  .market-channel-card { padding:20px; }
  .channel-description { font-size:12px; }
  .channel-tags span, .channel-numbers dt { font-size:10px; }
  .channel-title { font-size:17px; }
  .process-grid { grid-template-columns:1fr; }
  .process-grid article { padding:24px; }
  .process-grid article > .icon { margin-bottom:18px; }
  .process-grid p { font-size:13px; }
  .publisher-banner { padding:26px; border-radius:16px; }
  .publisher-banner h2 { font-size:30px; }
  .commission-card { padding:22px; }
  .commission-card > strong { font-size:30px; }
  .publisher-banner .btn { width:100%; }
  .footer-inner { gap:18px; align-items:flex-start; }
  .footer-inner > span { flex-basis:100%; }
  .footer-inner > div { margin-left:0; }
  .site-footer { margin-top:12px; }
  .catalog-header { padding:24px 0; }
  .breadcrumb { margin-bottom:22px; }
  .catalog-filter-fields { grid-template-columns:1fr 1fr; }
  .catalog-filter-fields > .btn { grid-column:1/-1; }
  .catalog-filter-fields label { font-size:11px; }
  .catalog-filters { padding:16px; }
  .catalog-results { font-size:11px; }
  .workspace { padding:26px 0 36px; }
  .workspace-heading h1 { font-size:28px; }
  .workspace-heading > .btn { margin:0; }
  .order-card { padding:18px; }
  .order-card-header { flex-direction:row; flex-wrap:wrap; align-items:flex-start; }
  .order-badges { justify-content:flex-start; }
  .order-action-form { padding:14px; }
  .order-action-form .form-group { flex-basis:100%; }
  .order-action-form .views-field { flex:1 1 100%; }
  .order-action-form .btn { width:100%; }
  .order-info-line { align-items:flex-start; }
  .auth-layout { grid-template-columns:1fr; }
  .auth-story { display:none; }
  .auth-content { padding:32px 20px; align-items:flex-start; }
  .auth-card > .brand { display:inline-flex; margin-bottom:40px; }
  .role-picker label > span { font-size:11px; min-height:48px; }
  .role-picker .icon { width:17px; height:17px; }
  .detail-panel { padding:22px; }
  .detail-title { align-items:flex-start; gap:12px; }
  .detail-title h1 { font-size:23px; }
  .detail-title .channel-avatar { width:46px; height:46px; font-size:21px; }
  .detail-numbers { gap:10px; padding:20px 0; }
  .detail-numbers strong { font-size:19px; }
  .detail-numbers span { font-size:9px; }
  .detail-owner { align-items:flex-start; flex-wrap:wrap; }
  .form-panel { padding:20px; }
}
@media (max-width:360px) {
  .hero-copy h1 { font-size:34px; }
  .catalog-filter-fields { grid-template-columns:1fr; }
  .hero-proof span { max-width:80px; }
  .account-link { max-width:160px; }
  .showcase-price { font-size:10px; }
}
.narrow-container { max-width:590px; }
.payment-brand { color:#16a6a1; font-size:30px; font-weight:800; letter-spacing:-1px; padding-bottom:24px; border-bottom:1px solid var(--border-light); }
.payment-brand > span { display:block; font-size:10px; font-weight:400; letter-spacing:0; color:var(--text-muted); margin-top:6px; }
.payment-total { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:26px 0; }
.payment-total > span { font-size:12px; color:var(--text-secondary); }
.payment-total > strong { font-size:28px; letter-spacing:-.04em; }
.payment-total > strong > small { font-size:13px; font-weight:500; }
.payment-copy { color:var(--text-secondary); font-size:12px; line-height:1.8; margin-bottom:24px; }
.payment-back { display:block; text-align:center; margin-top:22px; }
.publication-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:18px 0; }
.order-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; padding:16px; background:var(--surface-muted); border-radius:10px; }
.order-metrics span { display:block; font-size:10px; color:var(--text-muted); }
.order-metrics strong { display:block; font-size:20px; margin-top:6px; }
.media-preview-button { padding:0; border:0; background:transparent; cursor:pointer; color:var(--primary); }
.media-video-label { display:flex; align-items:center; gap:8px; padding:18px; background:var(--surface-muted); border-radius:9px; font-size:12px; }
.tracking-box { margin:14px 0; background:var(--surface-muted); border-radius:9px; padding:14px; display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.tracking-box > span { flex-basis:100%; color:var(--text-muted); font-size:10px; }
.tracking-box code { font-size:11px; color:var(--text-secondary); overflow-wrap:anywhere; }
.tracking-box button { display:flex; align-items:center; gap:6px; color:var(--primary); padding:0; }
.tracking-box button .icon { width:14px; height:14px; }
@media (max-width:640px) {
  .publication-actions { align-items:stretch; }
  .publication-actions > form, .publication-actions > a { flex:1 1 auto; }
  .publication-actions button { width:100%; }
  .order-metrics { padding:12px; gap:9px; }
  .order-metrics span { font-size:9px; }
  .order-metrics strong { font-size:18px; }
}
.wallet-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:24px; margin:26px 0; align-items:start; }
.panel-heading { display:flex; gap:14px; margin-bottom:26px; }
.panel-heading > .icon { width:26px; height:26px; color:var(--primary); }
.panel-heading h2 { font-size:20px; margin-bottom:8px; }
.panel-heading p { color:var(--text-secondary); font-size:12px; line-height:1.8; }
.wallet-quick { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.wallet-quick button { border:1px solid var(--border-light); color:var(--text-secondary); background:var(--surface-muted); padding:7px 11px; border-radius:7px; cursor:pointer; font-size:11px; min-height:36px; }
.wallet-quick button:hover { color:var(--primary); border-color:var(--primary); }
.wallet-summary { display:flex; justify-content:space-between; padding:18px; border-radius:10px; background:var(--surface-muted); gap:18px; }
.wallet-summary span { display:block; font-size:10px; color:var(--text-muted); }
.wallet-summary strong { display:block; margin-top:6px; font-size:19px; }
.wallet-guide { border:1px solid var(--border-light); padding:28px; border-radius:16px; }
.wallet-guide > div { position:relative; padding-left:40px; margin-top:28px; }
.guide-number { position:absolute; left:0; top:-2px; border:1px solid var(--border-light); border-radius:50%; display:grid; place-items:center; width:26px; height:26px; color:var(--primary); font-size:11px; font-weight:700; background:var(--card-bg); }
.wallet-guide h3 { font-size:13px; margin-bottom:10px; }
.wallet-guide p { color:var(--text-secondary); font-size:12px; line-height:1.8; }
.wallet-guide .text-link { margin-top:26px; }
.wallet-empty { padding:36px 16px; text-align:center; }
.wallet-empty > .icon { color:var(--primary); width:32px; height:32px; margin-bottom:16px; }
.wallet-empty h3 { font-size:17px; margin-bottom:10px; }
.wallet-empty p { font-size:12px; color:var(--text-secondary); line-height:1.8; max-width:350px; margin:auto; }
.history-layout { display:grid; gap:24px; }
.history-table-wrap { overflow-x:auto; }
.data-table th { background:var(--surface-muted); color:var(--text-muted); font-size:10px; padding:14px 20px; letter-spacing:.01em; }
.data-table td { font-size:12px; padding:18px 20px; }
.data-table td .data-note { font-size:10px; }
.data-table td:first-child { white-space:nowrap; }
@media (max-width:800px) { .wallet-layout { grid-template-columns:1fr; } }
@media (max-width:640px) {
  .wallet-guide { padding:22px; }
  .wallet-summary { flex-direction:column; gap:16px; }
  .wallet-quick button { min-height:40px; }
  .mobile-cards td:first-child { white-space:normal; }
}

.hero-layout > *, .hero-showcase, .showcase-channels, .showcase-channel { min-width:0; max-width:100%; }
.showcase-channels { grid-template-columns:minmax(0,1fr); }
.showcase-price { flex-shrink:0; }
.telegram-connect { display:flex; align-items:center; gap:14px; padding:20px; background:var(--card-bg); border:1px solid var(--border-light); border-radius:14px; margin-bottom:24px; }
.connect-icon { display:grid; place-items:center; width:42px; height:42px; background:var(--tint); color:var(--primary); border-radius:12px; flex-shrink:0; }
.telegram-connect > div { flex:1; }
.telegram-connect strong { font-size:13px; }
.telegram-connect p { margin-top:4px; font-size:11px; color:var(--text-secondary); }
.profile-layout { display:grid; grid-template-columns:290px minmax(0,1fr); gap:24px; align-items:start; }
.profile-identity .account-avatar { width:60px; height:60px; font-size:25px; margin-bottom:20px; }
.profile-identity h2 { font-size:20px; }
.profile-identity > p { font-size:12px; color:var(--text-muted); margin:8px 0 18px; overflow-wrap:anywhere; }
.profile-identity dl { padding:24px 0; margin-top:24px; border-top:1px solid var(--border-light); display:grid; gap:18px; }
.profile-identity dt { font-size:10px; color:var(--text-muted); margin-bottom:4px; }
.profile-identity dd { font-size:12px; font-weight:650; }
.profile-content { min-width:0; }
.channel-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
.full-field { grid-column:1/-1; }
@media (max-width:800px) { .profile-layout { grid-template-columns:1fr; } .telegram-connect { flex-wrap:wrap; } .telegram-connect > div { flex-basis:calc(100% - 60px); } }
@media (max-width:640px) { .channel-form-grid { grid-template-columns:1fr; } .telegram-connect { padding:18px; } .telegram-connect .btn { width:100%; } }
.about-rules { margin:24px 0 30px; padding-left:22px; display:grid; gap:18px; color:var(--text-secondary); font-size:13px; line-height:1.8; }
.team-person { display:flex; align-items:center; gap:12px; margin-top:26px; }
.team-person strong { display:block; font-size:13px; }
.team-person > div > span { display:block; font-size:11px; color:var(--text-muted); margin-top:4px; }
.contact-detail { padding:18px 0; border-bottom:1px solid var(--border-light); }
.contact-detail > span { display:block; color:var(--text-muted); font-size:10px; margin-bottom:8px; }
.contact-detail > a { display:flex; align-items:center; gap:9px; color:var(--primary); font-size:14px; font-weight:600; }
.review-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.review-grid .catalog-empty { grid-column:1/-1; }
.review-form { max-width:640px; margin:32px auto 0; }
.review-rating { font-weight:750; color:var(--primary); }
@media (max-width:800px) { .review-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .review-grid { grid-template-columns:1fr; } }