/* 2Captcha credential settings: responsive controls */
#captcha-settings .captcha-key-form,#captcha-settings .captcha-delete-form{margin-top:16px}
#captcha-settings .captcha-key-form label{display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#a2aec2;margin-bottom:9px}
#captcha-settings .captcha-key-form input{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:#0c1422;color:#eef3fc;border:1px solid #36435a;border-radius:10px;padding:13px 14px;font-size:15px;outline:none}
#captcha-settings .captcha-key-form input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa24}
#captcha-settings .captcha-key-form button,#captcha-settings .captcha-delete-form button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer;font-size:13px;max-width:100%}
#captcha-settings .captcha-key-form button{margin-top:12px;background:#8261db;color:#fff;border:1px solid #9778ec}
#captcha-settings .captcha-delete-form button{background:transparent;color:#f0a5af;border:1px solid #784250}
@media(max-width:600px){#captcha-settings .captcha-key-form button,#captcha-settings .captcha-delete-form button{width:100%}#captcha-settings .openai-intro{flex-wrap:wrap;gap:14px}}
:root{color-scheme:dark;--bg:#080d17;--surface:#111827;--surface2:#151f30;--border:#273246;--text:#eef3fc;--muted:#8491a8;--accent:#a78bfa;--green:#6ee7b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;border-right:1px solid #1d2839;background:#0d1421;position:sticky;top:0;height:100vh;padding:30px 16px;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:800;letter-spacing:-1.1px;display:flex;align-items:center;gap:10px;padding:0 12px}.brand-icon{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;background:linear-gradient(140deg,#9d7af5,#6342c9);font-size:23px;color:white;box-shadow:0 6px 25px #8056df35}.accent{color:#b29bff}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#77849c;font-weight:700;margin-top:-3px}.nav-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#637087;margin:60px 14px 16px}.nav{display:flex;align-items:center;gap:15px;padding:12px 16px;color:#8c99ae;border-radius:10px;margin:4px 0;font-size:14px}.nav.active,.nav:hover{background:#26223e;color:#c8b9ff}.side-bottom{margin-top:auto}.private-pill{border:1px solid #263a40;background:#102424;color:#a3dbc6;padding:12px;border-radius:10px;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55dca6;margin-right:6px}.logout{border:0;background:transparent;color:#96a2b7;padding:15px;cursor:pointer}.main{flex:1;min-width:0}.topbar{height:80px;border-bottom:1px solid #1d2839;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{color:#8591a5}.breadcrumb span{margin:0 14px;color:#475469}.breadcrumb b{color:#e6ecf8}.top-right{display:flex;align-items:center;gap:20px}.secure{font-size:12px;color:#9dd5ba}.avatar{background:#30274c;color:#cdbaff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700}.content{max-width:1480px;margin:auto;padding:43px 48px}.eyebrow,.card-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#ab92f5}.line{display:inline-block;width:25px;border-top:1px solid #a58ae9;vertical-align:middle;margin:0 8px}.hero{border:1px solid #322d50;background:radial-gradient(ellipse at 85% 10%,#3a276c 0,transparent 44%),linear-gradient(110deg,#17182d,#131a2b);border-radius:20px;padding:35px 42px;margin:16px 0 34px;display:flex;justify-content:space-between;overflow:hidden}.hero h1{font-size:38px;line-height:1.16;letter-spacing:-1.5px;margin:0 0 16px}.hero em{font-style:normal;color:#b69dff}.hero p{max-width:480px;color:#a2aec2;margin:0}.hero-orbit{font-size:110px;color:#9475e2;opacity:.4;align-self:center}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}h2{margin:0;font-size:19px;letter-spacing:-.4px}.muted,p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat,.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.stat{position:relative;padding:22px;min-height:151px}.stat-label{display:block;font-size:10px;letter-spacing:1.3px;color:#99a5b9;font-weight:750}.stat strong{display:block;font-size:35px;margin:9px 0 2px;line-height:1.1}.stat-foot{font-size:11px;color:#77869e}.stat-icon{position:absolute;right:20px;top:20px;color:#8d7bd0;font-size:21px}.grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:18px;margin-top:23px}.card{padding:26px}.card h2{margin:8px 0}.card p{font-size:13px;margin:4px 0 23px}.card-heading{display:flex;justify-content:space-between;gap:12px}.badge{font-size:11px;border:1px solid #504373;color:#c7b7fc;background:#2a2541;padding:6px 10px;border-radius:30px;white-space:nowrap;height:max-content}.badge.success{background:#17382d;color:#a1e7c4;border-color:#285644}.key-form label,.login-card label{display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;color:#a2aec2;margin-bottom:8px}.key-form textarea,.login-card input{width:100%;border:1px solid #36435a;background:#0c1422;color:#f2f5fc;border-radius:10px;padding:15px;outline:0}.key-form textarea:focus,.login-card input:focus{border-color:#a78bfa}.key-form textarea{height:123px;resize:vertical}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.form-bottom span{font-size:11px;color:#7c899e}.primary{border:0;border-radius:9px;padding:12px 19px;background:linear-gradient(120deg,#9778ed,#7655d4);color:white;font-weight:750;cursor:pointer;white-space:nowrap}.primary:hover{filter:brightness(1.1)}.table-heading{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#9eaac0;margin:32px 0 12px}.table-heading span{background:#2b3243;border-radius:6px;padding:3px 8px;margin-left:5px}.key-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #293348}.key-mark{background:#282441;color:#bca8ff;border-radius:10px;padding:10px}.key-row strong{display:block;font-size:13px}.key-row small{display:block;color:#8190a8}.key-row .badge{margin-left:auto}.empty{padding:24px;text-align:center;border:1px dashed #344058;border-radius:10px;color:#7d8ca4;font-size:12px}.empty.compact{padding:18px}.right-col{display:flex;flex-direction:column;gap:18px}.setting-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b364a;padding:15px 0}.setting-row b,.setting-row small{display:block}.setting-row small{font-size:11px;color:#8290a5;margin-top:3px}.setting-value{color:#c4b1ff;background:#292442;border-radius:8px;padding:7px 11px;font-weight:700}.notice{background:#26243a;border:1px solid #423858;color:#b6a9da;border-radius:10px;padding:12px;font-size:12px;margin-top:10px}.datasets{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.datasets p{margin-bottom:0}footer{color:#64738b;font-size:12px;margin-top:36px;display:flex;justify-content:space-between}.login-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#2b2250,transparent 45%),#080d17}.login-wrap{width:min(100%,440px);padding:24px}.login-brand{text-align:center;font-size:29px;font-weight:850;letter-spacing:-1.2px;margin-bottom:35px}.login-brand .brand-icon{display:inline-grid;vertical-align:middle;margin-right:6px}.login-card{border:1px solid #33344e;border-radius:20px;background:#141c2b;padding:36px;box-shadow:0 20px 90px #0005}.login-lock{font-size:27px;color:#b49aff}.login-card h1{font-size:32px;letter-spacing:-1px;margin:7px 0}.login-card p{margin:0 0 30px}.login-card input{margin-bottom:14px}.full{width:100%}.login-note{border-top:1px solid #2b3547;padding-top:22px;margin-top:26px;color:#7e8ca2;font-size:11px;text-align:center}.login-footer{display:block;text-align:center;margin-top:28px;color:#63738c}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.content{padding:32px}.topbar{padding:0 32px}}@media(max-width:700px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:15px;border-right:0;border-bottom:1px solid #273246}.sidebar .brand{padding:0}.nav-label,.sidebar nav,.side-bottom{display:none}.topbar{height:57px;padding:0 18px}.content{padding:25px 16px}.hero{padding:25px}.hero h1{font-size:29px}.hero-orbit{display:none}.stats{gap:10px}.stat{padding:17px;min-height:130px}.stat strong{font-size:29px}.stat-icon{right:12px;top:13px}.card{padding:20px}.form-bottom{align-items:stretch;flex-direction:column}.form-bottom button{width:100%}.secure{display:none}footer span{display:none}}

.password-field{position:relative}.password-field input{padding-right:90px!important;width:100%;box-sizing:border-box}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#bba3ff;cursor:pointer;font-weight:700;padding:9px;z-index:2}

/* Mobile layout refinements, 2026-10-24 */
@media (max-width: 767px) {
 html,body { width:100%; max-width:100%; overflow-x:hidden; }
 *,*::before,*::after { box-sizing:border-box; }
 body { font-size:14px; }
 main,section,article,.card,.panel,.stat,.grid,.setting-row { min-width:0; max-width:100%; }
 .grid,.stats-grid,.stat-grid { grid-template-columns:minmax(0,1fr) !important; }
 .stat-grid,.stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .stat { padding:16px 13px !important; overflow-wrap:anywhere; }
 .stat strong { font-size:clamp(23px,6vw,32px) !important; letter-spacing:-.04em; }
 .stat-label,.stat-foot { font-size:11px !important; line-height:1.45; overflow-wrap:anywhere; }
 h1 { font-size:clamp(27px,7vw,38px) !important; }
 h2 { font-size:clamp(21px,5.6vw,28px) !important; }
 .card,.panel { padding:18px !important; border-radius:16px !important; }
 button,input,select,textarea { max-width:100%; }
 button { white-space:normal; overflow-wrap:anywhere; min-height:42px; }
 form { max-width:100%; }
 .setting-row { gap:10px; overflow-wrap:anywhere; }
 .setting-row > * { min-width:0; overflow-wrap:anywhere; }
 .badge { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
 #credits,#email-analytics,#live-runs { overflow-wrap:anywhere; }
 #credits form,#email-analytics form,#live-runs form { max-width:100%; }
 #credits button,#email-analytics button,#live-runs button { max-width:100%; font-size:14px; padding:12px 14px; }
 #email-analytics > div[style*="display:flex"] { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px !important; }
 #email-analytics > div[style*="display:flex"] > div { min-width:0; overflow-wrap:anywhere; }
 #email-analytics small,#live-runs small { overflow-wrap:anywhere; }
 #live-runs .setting-row { display:flex; flex-wrap:wrap; }
}
@media (max-width: 380px) {
 .stat { padding:13px 10px !important; }
 .stat strong { font-size:22px !important; }
 #credits button,#email-analytics button,#live-runs button { width:100%; }
}
@media(max-width:700px){
 .shell,.main,.content{width:100%;max-width:100%;min-width:0}
 .content{padding:18px 12px!important}
 .topbar{padding:0 12px!important}
 .hero{padding:20px!important;border-radius:16px}
 .hero h1{font-size:clamp(24px,7vw,32px)!important;line-height:1.2}
 .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .stat{padding:14px 11px!important;min-height:125px!important}
 .stat strong{font-size:clamp(20px,6vw,29px)!important;overflow-wrap:anywhere}
 .stat-label{font-size:10px!important;letter-spacing:.5px!important}
 .stat-foot{font-size:11px!important}
 .grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .card{padding:16px!important}
 .setting-row{flex-wrap:wrap;gap:8px}
 .setting-row b,.setting-row small{overflow-wrap:anywhere}
 #credits .stat,#email-analytics .stat{min-height:auto!important}
 #email-analytics{padding:16px!important}
 #email-analytics h2{font-size:23px!important}
 #email-analytics>div[style*="display:flex"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #live-runs{padding:16px!important}
 #live-runs .setting-row{display:block!important}
 #live-runs .setting-row .badge{display:inline-block;margin-top:7px}
}

/* Keep API key management separate from the Overview, with accessible mobile navigation. */
.overview-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){
  .sidebar nav{display:flex;gap:4px;overflow-x:auto;padding:9px 0 4px;scrollbar-width:thin}
  .sidebar nav .nav{flex:0 0 auto;margin:0;padding:8px 11px;gap:6px;font-size:12px}
}

/* Activity timeline */
[hidden]{display:none!important}
.activity-card{margin-top:16px}
.activity-card .card-heading p{margin-bottom:12px}
.activity-help{color:#9cabc2;font-size:12px;background:#171f32;border:1px solid #2b3751;border-radius:11px;padding:12px 15px;margin:8px 0 20px}
.activity-entry{display:flex;gap:14px;padding:16px 4px;border-bottom:1px solid #283347}
.activity-icon{display:flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #394663;border-radius:10px;color:#c1b7ff;background:#26273b;font-weight:800}
.activity-icon.activity-success{color:#91dec0;background:#152d29;border-color:#2c5145}
.activity-icon.activity-warning{color:#f0c789;background:#342a1e;border-color:#654b2b}
.activity-icon.activity-error{color:#f3a8b2;background:#38242c;border-color:#6b3746}
.activity-content{min-width:0;flex:1}
.activity-content p{font-size:13px;line-height:1.55;color:#cbd6e8;margin:6px 0}
.activity-content small{font-size:11px;color:#93a0b7}
.activity-entry-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.activity-entry-head strong{font-size:13px}
.activity-status{font-size:11px;color:#95a3bd}
.activity-retention{margin-top:18px;font-size:11px}
@media(max-width:700px){.activity-entry{gap:10px;padding:13px 0}.activity-card{padding:16px}}

.ten-billing-hold{border:1px solid #77674a;background:#242018;border-radius:11px;padding:14px;margin:12px 0;color:#edd6aa}\n.ten-billing-hold strong{display:block;font-size:13px;color:#f3ddb2}\n.ten-billing-hold p{margin:7px 0 10px;font-size:12px;color:#dcccae;line-height:1.6}\n.ten-billing-hold .ten-retry{min-height:40px;padding:9px 14px;border-radius:9px;border:1px solid #b6986e;background:#343023;color:#fff1d8;cursor:pointer;font-weight:650}\n.ten-billing-hold .ten-retry:disabled{opacity:.7;cursor:not-allowed}\n\n/* Manual scraping experiment controls and read-only batch-quality summary */
.run-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:9px 0}
.run-config-grid label{display:block;color:#cbd8ef;font-size:13px;font-weight:600}
.run-config-grid select{width:100%;min-width:0;max-width:100%;display:block;margin:7px 0 4px;padding:12px;background:#151e31;border:1px solid #394762;border-radius:10px;color:#eef3ff;font-size:13px}
.run-config-grid select:focus-visible{outline:2px solid #ac91ff;outline-offset:2px}
.run-input-help{color:#9ba8c1;font-size:12px;line-height:1.55;margin:8px 0 15px}
.run-quality-panel{border-top:1px solid #36445f;padding-top:22px;margin-top:24px}
.run-quality-panel h3{font-size:18px;margin:0;color:#f0f4fd}
.run-quality-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.run-quality-summary>div{background:#151e31;border:1px solid #35415a;border-radius:11px;padding:12px;min-width:0}
.run-quality-summary small{display:block;font-size:11px;color:#a4b2cb;overflow-wrap:anywhere}
.run-quality-summary strong{display:block;margin-top:8px;font-size:21px;font-variant-numeric:tabular-nums}
.run-quality-list{border:1px solid #303e56;border-radius:12px;overflow:hidden}
.run-quality-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #303e56;padding:13px 14px}
.run-quality-row:last-child{border-bottom:0}
.run-quality-row>div{min-width:0}
.run-quality-row>div:last-child{text-align:right;flex-shrink:0}
.run-quality-row strong{display:block;font-size:12px;overflow-wrap:anywhere}
.run-quality-row small{display:block;color:#9cacc7;font-size:11px;overflow-wrap:anywhere;margin-top:4px}
@media(max-width:700px){.run-config-grid{grid-template-columns:minmax(0,1fr)}.run-quality-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.run-quality-row{flex-direction:column;align-items:stretch}.run-quality-row>div:last-child{text-align:left;flex-shrink:1}}
/* KeyzStore narrow viewport shell */
@media(max-width:767px){
  .shell{display:block}
  .sidebar{width:100%;height:auto;min-height:0;position:relative;top:auto;padding:12px 12px 8px;border-right:0;border-bottom:1px solid #273246;display:block}
  .sidebar .brand{font-size:20px;padding:3px 7px}
  .sidebar .brand small{font-size:7px}
  .sidebar .nav-label{display:none}
  .sidebar nav{display:flex;gap:6px;overflow-x:auto;padding:8px 1px 6px;margin-top:4px;scrollbar-width:thin}
  .sidebar nav .nav{flex:0 0 auto;margin:0;padding:10px 12px;min-height:41px;font-size:12px;white-space:nowrap}
  .sidebar .side-bottom{position:absolute;top:8px;right:10px;margin:0}
  .sidebar .private-pill{display:none}
  .sidebar .logout{font-size:11px;padding:7px 5px}
  .main{width:100%;max-width:100%;min-width:0}
  .topbar{height:46px;padding:0 14px!important}
  .topbar .breadcrumb{font-size:12px}
  .topbar .secure{font-size:10px}
  .content{padding:18px 14px!important;max-width:100%}
  #run-once-view>.card{padding:17px!important}
  .run-quality-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .run-quality-summary strong{font-size:19px}
}



/* KeyzStore narrow viewport shell */
@media(max-width:700px){.shell{display:block}.sidebar{width:100%;max-width:100%;height:auto;position:relative}}

/* OpenAI integration panel inside API Keys workspace */
.openai-integration{margin-top:28px;padding-top:26px;border-top:1px solid #34405a}
.openai-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.openai-intro h3{font-size:20px;margin:5px 0 7px}
.openai-intro p,.openai-note{font-size:12px;line-height:1.65;color:#a5b2cd}
.openai-current{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#141d30;border:1px solid #35435e;border-radius:12px;padding:13px 15px;margin:17px 0}
.openai-current strong,.openai-current span{font-size:13px}
#openai-key-form label{display:block;color:#becbe5;font-size:12px;font-weight:650;margin-bottom:7px}
#openai-api-key{width:100%;max-width:100%;box-sizing:border-box;padding:14px;color:#edf3ff;background:#111b30;border:1px solid #43506b;border-radius:10px;font:inherit}
#openai-api-key:focus-visible{outline:2px solid #aa92ff;outline-offset:2px}
.openai-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.openai-actions button{padding:11px 16px;border-radius:9px;max-width:100%;cursor:pointer}
.openai-actions button:disabled{opacity:.5;cursor:not-allowed}
#openai-key-result{font-size:13px;color:#dce6fa;min-height:22px;margin:11px 0}
@media(max-width:700px){.openai-intro{flex-wrap:wrap}.openai-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.openai-actions button:first-child{grid-column:1 / -1}.openai-actions button{font-size:12px;padding:12px 8px}}

.ai-icp-pane{border-top:1px solid #35415a;padding-top:18px;margin-top:22px}
.ai-icp-pane h3{margin:0 0 8px;font-size:18px}
.ai-icp-pane p{font-size:13px;color:#a9b8d1;line-height:1.6}
#ai-icp-status{margin:12px 0;padding:13px;background:#151f31;border:1px solid #35415a;border-radius:12px;font-size:13px;line-height:1.8}

/* Multi-account campaign: mobile-first form with readable labels and safe wrapping. */
.ten-panel { min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere; }
.ten-panel h3 {font-size:clamp(19px,4.8vw,23px)!important;line-height:1.35;overflow-wrap:anywhere;}
.ten-panel .ten-intro {font-size:13px;line-height:1.65;color:#b8bdd0;}
#ten-form,.ten-account-config {min-width:0;max-width:100%;}
#ten-account-mode {display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:46px;background:#151e31;color:#e7eafa;border:1px solid #4b5270;border-radius:11px;padding:10px 12px;font-size:14px;white-space:normal;}
.ten-paid-fields {border:1px solid #474568;border-radius:12px;background:#1b2033;padding:14px;margin-top:14px;min-width:0;}
.ten-mode-tip,.ten-small-print {font-size:12px!important;color:#b8bfd1;line-height:1.6;margin:10px 0;}
.ten-paid-availability {color:#d8cbff;font-size:13px;font-weight:600;margin:10px 0;}
.ten-paid-checklist {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:9px;max-height:280px;overflow-y:auto;}
.ten-paid-choice {display:flex;align-items:center;gap:9px;min-width:0;padding:11px 12px;border:1px solid #4a4a70;border-radius:10px;cursor:pointer;background:#20253b;line-height:1.4;}
.ten-paid-choice input {width:18px;height:18px;flex-shrink:0;accent-color:#aa88f2;}
.ten-paid-choice span {font-size:13px;min-width:0;overflow-wrap:anywhere;}
.ten-paid-choice small {display:block;color:#afb5c8;font-size:11px;}
.ten-no-paid {color:#ebc4a5!important;font-size:12px!important;border:1px solid #675447;border-radius:10px;padding:12px;background:#30272c;margin:0;}
.ten-selection-summary {font-size:12px;color:#bdc8e4;margin:12px 0 0;overflow-wrap:anywhere;}
#ten-form > button[type="submit"] {display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-align:center;padding:13px 12px;font-size:14px;border-radius:10px;}
#ten-form > button[type="submit"]:disabled {cursor:not-allowed;opacity:.5;filter:none;}
#ten-results {min-width:0;max-width:100%;overflow-wrap:anywhere;}
#ten-results .ten-account-identity {font-size:12px;line-height:1.6;color:#c0c7d5;background:#1b2235;border:1px solid #3c4963;padding:12px;border-radius:11px;}
#ten-results .ten-summary,#ten-results .ten-provider-warning {min-width:0;white-space:normal;overflow-wrap:anywhere;}
@media(max-width:650px){
 .ten-panel {padding:16px 13px!important;margin-left:0!important;margin-right:0!important;}
 #ten-account-mode {font-size:13px;}
 .ten-paid-checklist {grid-template-columns:1fr;}
 #ten-form > button[type="submit"] {font-size:13px;padding:14px 10px;}
 #ten-results .ten-summary {font-size:14px;line-height:1.55;}
}

/* Clear single-account label when paid multi-account mode is unavailable */
.ten-account-readonly{font-size:14px;line-height:1.5;font-weight:700;color:#e5d8ff;border:1px solid #504770;background:#20233b;padding:14px;border-radius:12px;white-space:normal;overflow-wrap:anywhere}

.quality-sync {border-left:3px solid #9f82ed;background:#1b2235;border-radius:0 7px 7px 0;padding:7px 11px;margin:12px 0;color:#c5b7f5;overflow-wrap:anywhere;}

.ten-credit-warning{border:1px solid #946f47;background:#30251e;border-radius:11px;padding:14px;margin:12px 0;color:#f2d5ad;overflow-wrap:anywhere}
.ten-credit-warning strong{display:block;font-size:14px;color:#ffe0a9}
.ten-credit-warning p{font-size:12px;line-height:1.65;margin:8px 0;color:#f1d7b9}
.ten-credit-warning small{font-size:11px;color:#ddc1a0}


/* Email-only TXT exports keep the same dark private-console design. */
.email-export-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.email-export-actions button{flex:1;min-width:220px;white-space:normal}
.email-export-actions button:disabled{opacity:.55;cursor:wait}
.email-export-reset{display:flex;align-items:flex-start;gap:9px;color:#d5ddef;font-size:13px;line-height:1.5}
.email-export-reset input{accent-color:#a78bfa;margin-top:4px;flex:none}
#email-export-status{margin:12px 0 0;font-size:12px}
#email-export-status[data-error="true"]{color:#ffc1c1}
@media(max-width:700px){.email-export-actions{flex-direction:column}.email-export-actions button{min-width:0;width:100%}}
/* Mobile overview: do not overlap title and auto-update subtitle. */
@media(max-width:700px){.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.section-heading h2{width:100%}.section-heading .muted{max-width:100%;font-size:12px;line-height:1.45}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{min-height:142px;padding:17px}.stat strong{font-size:clamp(23px,7vw,31px);overflow-wrap:anywhere}.stat-icon{right:14px;top:15px}.stat-label{padding-right:23px;font-size:9.5px;line-height:1.5}.stat-foot{font-size:10.5px;line-height:1.45}}


/* Private operations pipeline: compact, responsive, neutral status layout. */
.pipeline-panel{margin:22px 0;padding:26px}
.pipeline-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0}
.pipeline-heading h2{margin:0}
.pipeline-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}
.pipeline-step{background:#0e1726;border:1px solid #2a3548;border-radius:12px;padding:15px;min-width:0}
.pipeline-step-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.pipeline-step-head b{font-size:12px}
.pipeline-state{font-size:10px;letter-spacing:.25px;border:1px solid #455168;border-radius:30px;padding:2px 8px;color:#acb7c9}
.pipeline-ok{color:#a3dfc5;border-color:#315d4f}
.pipeline-error,.pipeline-stale{color:#ffc6a9;border-color:#775244}
.pipeline-step strong{display:block;font-size:24px;margin:10px 0 1px;line-height:1.15}
.pipeline-step small{display:block;color:#b4c1d4;font-size:11px}
.pipeline-step p{font-size:11px;color:#7f8da4;line-height:1.4;margin:9px 0 0}
.pipeline-note{font-size:11px!important;margin:14px 0 0!important}
@media(max-width:1100px){.pipeline-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.pipeline-panel{padding:18px!important}.pipeline-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pipeline-step{padding:12px}.pipeline-step strong{font-size:23px}.pipeline-heading{align-items:flex-start;flex-wrap:wrap}}

.pipeline-attention{color:#f3cca1;border-color:#766244}.pipeline-warning{color:#f3cca1!important;font-weight:600}

/* Multi OpenAI key management */
#openai-api-key{min-height:105px;resize:vertical;line-height:1.55}
.openai-keys-list{display:grid;gap:9px;margin:12px 0 20px}
.openai-key-entry{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid #35435e;background:#131d30;border-radius:12px;flex-wrap:wrap}
.openai-key-entry strong{font-size:13px}
.openai-key-entry small{display:block;font-size:12px;color:#a5b2cd;margin-top:6px}
.openai-key-entry .openai-actions{margin:0}
.openai-key-entry .openai-actions button{padding:9px 12px}
@media(max-width:700px){.openai-key-entry{align-items:stretch}.openai-key-entry .openai-actions{display:flex;flex-wrap:wrap;gap:8px}.openai-key-entry .openai-actions button:first-child{grid-column:auto}}

/* Key pool mobile readability: keep status separate and buttons compact. */
.openai-key-entry > div:first-child {display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 170px}
.openai-key-entry > div:first-child strong {line-height:1.4;overflow-wrap:anywhere}
.openai-key-entry > div:first-child small {display:block!important;line-height:1.4;margin:0;white-space:normal}
.openai-key-entry .openai-actions {display:flex!important;align-items:center;gap:7px;flex:0 1 auto;flex-wrap:wrap;margin:0}
.openai-key-entry .openai-actions button {font-size:12px;line-height:1.2;min-height:38px;min-width:64px;border:1px solid #425575;background:#23314a;color:#e4ecff;border-radius:9px;padding:8px 11px;cursor:pointer}
.openai-key-entry .openai-actions button[data-openai-action="delete"] {border-color:#6f4656;color:#ffd4db}
@media(max-width:700px){.openai-key-entry{padding:12px;gap:9px}.openai-key-entry .openai-actions{width:100%;gap:8px;flex:1 1 100%}.openai-key-entry .openai-actions button{width:auto;flex:1 1 0;min-width:0;max-width:none;padding:10px 5px;font-size:12px}}

/* Self-hosted public-data scraper visibility shared across Overview, Activity, Run Scraping. */
.ks-free-panel{margin:22px 0;padding:25px;min-width:0}
.ks-free-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ks-free-heading h2{margin-top:4px}
.ks-free-heading p{max-width:710px}
#free-source-health{font-size:12px;color:#bfe5d3;border:1px solid #315c52;padding:7px 11px;border-radius:999px;max-width:100%}
.ks-free-totals,.ks-free-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}
.ks-free-totals>div,.ks-free-source{background:#121d30;border:1px solid #33435d;border-radius:13px;padding:16px;min-width:0}
.ks-free-totals small,.ks-free-metrics small{display:block;font-size:11px;color:#a9b9d3;line-height:1.45}
.ks-free-totals strong{display:block;font-size:26px;margin-top:6px;color:#eef3ff}
.ks-free-source-head,.ks-free-event-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}
.ks-free-source-head h3{font-size:15px;margin:0;color:#e8f0ff}
.ks-free-state{display:inline-block;border:1px solid #52627a;color:#c6d3e7;border-radius:20px;padding:3px 9px;font-size:11px;text-transform:capitalize;white-space:nowrap}
.ks-free-state[data-state="running"],.ks-free-state[data-state="scheduled"]{color:#a6dfc3;border-color:#386954}
.ks-free-state[data-state="offline"],.ks-free-state[data-state="unavailable"]{color:#f0c19e;border-color:#765640}
.ks-free-subtitle,.ks-free-notice{font-size:12px!important;color:#acbdd4!important;line-height:1.6;overflow-wrap:anywhere}
.ks-free-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.ks-free-metrics>div{border-top:1px solid #34405a;padding-top:9px;min-width:0}
.ks-free-metrics strong{display:block;font-size:21px;color:#f2f6ff;margin-top:3px}
.ks-free-event,.ks-free-schedule{padding:14px;border-bottom:1px solid #344159;overflow-wrap:anywhere}
.ks-free-event-head strong,.ks-free-schedule b{font-size:13px}
.ks-free-event p,.ks-free-event small,.ks-free-schedule span{color:#b0c0da;font-size:12px;line-height:1.6}
.ks-free-schedules{margin:12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ks-free-schedule{border:1px solid #344159;background:#151f30;border-radius:12px}
.ks-free-schedule span{display:block;margin-top:5px}
@media(max-width:960px){.ks-free-grid,.ks-free-schedules{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ks-free-panel{padding:17px}.ks-free-grid,.ks-free-schedules{grid-template-columns:1fr}.ks-free-totals{gap:8px}.ks-free-totals>div{padding:10px}.ks-free-totals strong{font-size:21px}.ks-free-totals small{font-size:10px}}