@font-face{font-family:"Freshid";src:url("/resources/fonts/freshid-condensed.semi-bold-italic.woff2") format("woff2");font-display:swap;}
@font-face{font-family:"Snasm";src:url("/resources/fonts/snasm.light.woff2") format("woff2");font-display:swap;}
@font-face{font-family:"High-Empathy";src:url("/resources/fonts/high-empathy.regular.woff2") format("woff2");font-display:swap;}
:root{
  --bg:#0b1116;
  --bg-soft:#111b24;
  --bg-global-gradient-1:rgba(24,34,43,.12);
  --bg-global-gradient-2:rgba(112,149,168,.18);
  --bg-global-gradient-3a:#0a1117;
  --bg-global-gradient-3b:#101922;
  --bg-global-gradient-3c:#0c141c;
  --bg-gradient-light-1:#f6f0e8;
  --bg-gradient-light-2:#eee4d7;
  --bg-outnone:rgba(255,255,255,.02);
  --bg-outline:rgba(255,255,255,.08);
  --bg-scan-card:rgba(185,79,45,.14);
  --border-int-red-0:rgba(185,79,45,0);
  --border-int-red-1:rgba(185,79,45,.12);
  --border-int-red-2:rgba(185,79,45,.22);
  --border-int-red-3:rgba(185,79,45,.48);
  --border-int-blue-0:rgba(24,34,43,.05);
  --border-int-blue-1:rgba(24,34,43,.1);
  --border-int-blue-2:rgba(24,34,43,.16);
  --bg-opt:#a9de96;
  --bg-card-1:#fff8f2;
  --bg-card-2:#f7e7dc;
  --bg-card-3:#fff1e3;
  --bg-menu:#908e8082;
  --panel-ink:#18222b;
  --color-opt:#1d3a24;
  --red-light:rgb(250, 165, 137);
  --red-accent:#b94f2d;
  --red-accent-deep:#8f3418;
  --red-accent-soft:#f0d2c7;
  --action-active:#fff1e4;
  --yellow-bg:#edcb89;
  --yellow-accent:#f0c36d;
  --yellow-active:#a687554f;
  --reddish:#7a523f;
  --ink:#f7f3ec;
  --running:#99c8e7;
  --scheduled:#ff7af1;
  --less-muted:#d6e5ef;
  --muted:#aab6c2;
  --more-muted:#526170;
  --mutest:#26333d;
  --mutiest:#131d25;
  --lead:#405261;
  --critical:#442;
  --ghost:#630659;
  --white:#fff;
  --black:#000;
  --shadow:0 22px 60px rgba(0,0,0,.22);
  --font-main:"Bahnschrift","Segoe UI Variable","Trebuchet MS",sans-serif;
  --font-label:"Consolas","IBM Plex Mono","Courier New",monospace;
  --border-radius-1:6px;
  --border-radius-2:10px;
  --border-radius-3:999px;
  --border-radius-btn:999px;
  --padding-1:8px;
  --padding-2:10px;
  --padding-3:14px;
  --padding-4:18px;
  --padding-5:20px;
  --padding-6:28px;
  --padding-xy-1:8px 11px;
  --padding-xy-2:12px 16px;
  --padding-xyx-1:16px 24px 24px;
  --gap-1:5px;
  --gap-2:8px;
  --gap-3:12px;
  --gap-4:16px;
  --gap-5:22px;
  --hover-transform:translateY(-1px);

}
*{box-sizing:border-box;}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,var(--bg-global-gradient-1),transparent 30%),radial-gradient(circle at top right,var(--bg-global-gradient-2),transparent 26%),linear-gradient(180deg,var(--bg-global-gradient-3a) 0%,var(--bg-global-gradient-3b) 45%,var(--bg-global-gradient-3c) 100%);color:var(--ink);font-family:var(--font-main);}
body.overlay-open{overflow:hidden;}
body{display:flex;flex-direction:column;min-height:100vh;}
.shell{flex:1;transition:transform .14s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease;}
button,input,select,textarea{font:inherit;}
button,a{touch-action:manipulation;}
a{color:inherit;}
.shell{width:min(1320px,calc(100% - 32px));height:auto;margin:0 auto;padding:12px 0 24px;gap:var(--gap-5);display:flex;flex-direction:column;}
.panel{background:radial-gradient(circle,var(--bg-card-1) 90%,var(--bg-card-3));color:var(--panel-ink);border:1px solid var(--border-int-blue-1);border-radius:var(--border-radius-2);box-shadow:var(--shadow);}
.hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:var(--gap-5);padding:var(--padding-6);position:relative;overflow:hidden;animation:panel-in .35s ease;}
.hero:before{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:var(--border-radius-3);background:linear-gradient(180deg,var(--border-int-red-2),var(--border-int-red-0));pointer-events:none;}
.eyebrow{margin:0 0 10px;color:var(--red-accent-deep);font-family:var(--font-label);line-height:1.1;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;}
h1,h2,h3{color:inherit;}
.hero h1,.form-panel h2,.status-panel h2,.logs-panel h2,.iframe-panel h2,.overlay-head h2,.recording-card h3,.overlay-status h3{margin:0;}
.hero h1{font-size:clamp(28px,4vw,48px);line-height:.98;letter-spacing:-.03em;}
.hero h1{font-family:"Snasm";font-size:clamp(24px,4vw,40px);margin:12px 0 0 -10px;letter-spacing:.02em;}
.lead{max-width:72ch;margin:16px 0 0;color:var(--lead);font-size:16px;line-height:1.6;}
.muted{color:var(--more-muted);}
.small{display:block;font-size:12px;line-height:1.4;}
.hero-side{display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-4);}
.hero-card{padding:var(--padding-5);border-radius:var(--border-radius-2);background:linear-gradient(180deg,var(--bg-card-1),var(--bg-card-2));border:1px solid var(--border-int-red-1);display:grid;gap:var(--gap-1);min-height:82px;}
.hero-label{color:var(--reddish);font-family:var(--font-label);line-height:1.1;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;}
.hero-card strong{font-size:18px;line-height:1.35;}
.hero-wrap{display:flex;align-items:center;gap:10px;}
.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:var(--gap-5);align-items:start;}
.form-panel,.status-panel,.admin-config-panel,.logs-panel,.iframe-panel,.copy-card,.legal-panel{padding:var(--padding-5);animation:panel-in .4s ease;}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-3);margin-top:18px;}
.field{display:grid;gap:var(--gap-1);}
.field span,.checkline,.legends{font-family:var(--font-label);line-height:1.1;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--more-muted);}
input[type=text],input[type=password],select,textarea{width:100%;padding:var(--padding-xy-2);border:1px solid var(--border-int-blue-2);border-radius:var(--border-radius-1);background:var(--bg-card-1);color:var(--panel-ink);outline:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:var(--border-int-red-3);box-shadow:0 0 0 4px var(--border-int-red-1);transform:translateY(-1px);}
.form-actions,.inline-actions,.summary-btns,.sso-row{display:flex;gap:var(--gap-3);align-items:center;flex-wrap:wrap;margin-top:15px;}
.inline-actions,.summary-btns{margin-top:12px;}
.summary-btns{justify-content:space-evenly;margin:12px 0 24px;}
.primary-button,.ghost-button{border:0;border-radius:var(--border-radius-btn);padding:var(--padding-xy-2);cursor:pointer;transition:transform .14s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:6em;}
.primary-button{background:linear-gradient(135deg,var(--red-accent),var(--red-accent-deep));color:var(--white);box-shadow:0 16px 30px var(--border-int-red-2);}
.ghost-button{background:var(--ghost);color:var(--ink);}
.primary-button:hover,.ghost-button:hover{transform:translateY(-1px);}
.primary-button:active,.ghost-button:active{transform:translateY(1px) scale(.99);}
.primary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none;}
.smaller-button{padding:var(--padding-xy-2);min-height:36px;font-size:0.85em;}
.status-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:var(--gap-4);}
pre{margin:0;white-space:pre-wrap;word-break:break-word;min-height:220px;max-height:640px;overflow:auto;padding:var(--padding-4);border-radius:var(--border-radius-2);background:var(--mutiest);color:var(--bg-card-1);border:1px solid var(--bg-outline);font-family:var(--font-label);line-height:1.8;font-size:11px;letter-spacing:0.05em;}
.overlay{position:fixed;inset:0;padding:var(--padding-5);background:var(--bg-soft);backdrop-filter:blur(14px);display:flex;align-items:stretch;justify-content:center;z-index:20;animation:overlay-in .24s ease;}
.overlay.hidden,.hidden{display:none!important;}
.overlay-shell{width:min(1440px,100%);height:calc(100vh - 40px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--gap-4);}
.overlay-head,.overlay-actions,.overlay-browser,.overlay-status,.run-overhead{animation:panel-in .28s ease;}
.overlay-head,.overlay-actions,.run-overhead{padding:var(--padding-xyx-1);}
.overlay-head{display:flex;justify-content:space-between;gap:var(--gap-5);align-items:flex-start;background:linear-gradient(180deg,var(--bg-gradient-light-1),var(--bg-gradient-light-2));}
.overlay-copy{max-width:72ch;margin:12px 0 0;color:var(--more-muted);line-height:1.55;white-space:pre-line;}
.overlay-actions{display:flex;gap:var(--gap-3);align-items:center;background:var(--bg-card-1);border:1px solid var(--border-int-blue-1);border-radius:var(--border-radius-2);box-shadow:var(--shadow);}
.overlay-body{display:grid;width:100%;gap:var(--gap-4);min-height:0;margin:0 0 20px;}
.overlay-browser,.overlay-status{padding:var(--padding-4);min-height:0;}
.overlay-browser{display:flex;align-items:center;justify-content:center;background:var(--mutiest);border-color:var(--bg-outline);position:relative;}
.overlay-status pre{min-height:100%;max-height:none;}
.csm-header{margin:0 0 -10px;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;gap:var(--gap-2);padding:0;}
.csm-header-item{text-decoration:none;color:unset;width:100%;text-align:center;min-height:40px;align-content:center;border-radius:var(--border-radius-1);transition:background ease-out .15s;border:0;background:transparent;cursor:pointer;}
.csm-header-item:hover,.csm-header-item.active{background:var(--bg-menu);}
.csm-footer{display:flex;justify-content:center;align-items:center;gap:28px;position:relative;left:50%;transform:translate(-50%);}
.login-footer{position:absolute;bottom:24px;left:50%;transform:translate(-50%);}
.run-overlay{position:fixed;inset:0;width:min(720px,calc(100% - 32px));display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:30;}
.run-opt{background:var(--bg-card-1);color:var(--black);padding:15px 30px;margin:10px 0;width:fit-content;border:1px solid var(--border-int-blue-2);border-radius:var(--border-radius-2);cursor:pointer;text-align:left;}
.run-overhead{background:linear-gradient(180deg,var(--bg-gradient-light-1),var(--bg-gradient-light-2));border-radius:var(--border-radius-2);color:var(--panel-ink);box-shadow:var(--shadow);}
.active{background:var(--yellow-active);}
.overlay-overhead{width:33%;}
.metric-card{padding:var(--padding-3) var(--padding-5);border-radius:var(--border-radius-2);background:linear-gradient(180deg,var(--bg-card-1),var(--bg-card-2));color:var(--panel-ink);border:1px solid var(--border-int-blue-1);box-shadow:var(--shadow);}
.metric-card span{display:block;color:var(--more-muted);font-size:0.7em;text-transform:uppercase;letter-spacing:.12em;font-weight:800;}
.metric-card strong{display:block;margin-top:8px;font-size:1.5em;line-height:1;}
.overlay-body{color:var(--red-accent-deep);}
.overlay-pre{min-height:0;margin-bottom:12px;}
.marginleft{margin-left:12px;}
[data-tab-panel][hidden]{display:none;}
.tabs button.active{font-weight:700;}
.other-status-panel{min-height:40px;color:white;margin:10px 0 -10px 0;border:none;}
.card-list{display:grid;gap:var(--gap-4);}
.scan-card,.csm-res-opt,.finding-card,.action-card{border:1px solid var(--border-int-red-1);background:var(--bg-scan-card);border-radius:var(--border-radius-1);padding:var(--padding-4);color:var(--panel-ink);text-decoration:none;}
.scan-card-top,.finding-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-3);}
.meta-line,.finding-badges,.tag-row{display:flex;gap:var(--gap-2);flex-wrap:wrap;margin-top:10px;}
.pill{display:inline-flex;align-items:center;min-height:24px;border-radius:var(--border-radius-3);padding:var(--padding-xy-1);background:var(--yellow-bg);color:var(--mutest);font-size:12px;font-weight:800;line-height:1.2;}
.tag-pill{font-family:var(--font-label);line-height:1.1;font-weight:700;font-size:12px;font-weight:600;letter-spacing:0.05em;}
.status-finished{background:var(--bg-opt);}
.status-failed{background:var(--red-light);}
.status-stopped{background:var(--yellow-accent);}
.status-running{background:var(--running);}
.status-scheduled{background:var(--scheduled);}
.action-card{display:grid;gap:var(--gap-1);transition:transform .14s ease,background .2s ease;}
.action-hover:hover{transform:translateY(-1px);background:var(--action-active);}
.severity-badge.severity-critical,.severity-critical>.finding-toggle .severity-badge{background:var(--critical);color:var(--white);}
.severity-badge.severity-high,.severity-high>.finding-toggle .severity-badge{background:var(--red-accent);color:var(--white);}
.severity-badge.severity-medium,.severity-medium>.finding-toggle .severity-badge{background:var(--yellow-accent);color:var(--reddish);}
.severity-badge.severity-low,.severity-low>.finding-toggle .severity-badge{background:var(--bg-opt);color:var(--color-opt);}
.severity-badge.severity-info,.severity-info>.finding-toggle .severity-badge{background:var(--less-muted);color:var(--mutiest);}
.copy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-5);}
.copy-card p,.legal-panel p{line-height:1.65;color:var(--lead);}
.legal-shell{max-width:900px;}
.legal-panel h1{margin-top:0;color:var(--panel-ink);}
.legal-panel h2{margin-top:28px;color:var(--panel-ink);}
.scan-card-actions{margin:10px 0;display:flex;flex-direction:column;gap:var(--gap-1);}
.scan-card-act-wrap{display:flex;flex-direction:row;gap:10px;}
.scan-card-act-head{font-weight:700}
.user-info{display:flex;font-size:14px;justify-content:space-evenly;flex-wrap:wrap;gap:var(--gap-1);align-items:center;}
.user-info-label{margin-right:5px;}
.user-info-content{color:var(--red-accent-deep);}
.user-info-img-wrap{width:30px;}
.user-info-image{width:100%;height:auto;border-radius:4px;}
.domain-italic{font-style:italic;}
.badge-wrap{display:flex;gap:var(--gap-1);}
.message-box{min-height:24px;}
.padding-addon{padding:12px 0 24px 24px;}
.start-actions{justify-content:start !important;}
code{font-family:Consolas,monospace;font-size:13px}
.pricing-meta{display:grid;gap:0;}
.pricing-line{display:flex;justify-content:space-between;gap:var(--gap-3);padding:10px 0;border-top:1px solid var(--border-int-blue-1);align-items:center;}
.pricing-line strong{font-family:var(--font-label);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--more-muted);}
.pricing-stretch{display:flex;justify-content:space-between;}
.ghost{color:var(--ghost);margin:0;}
.red-accent{color:var(--red-accent) !important;}
.full-width{width:100%;}


/* login page */
.sso-row{margin-top: 50px;}
.spaceapart{display:flex;flex-direction:column;justify-content:space-between;}
.login-box{min-height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--red-accent);text-align:center;}


/* assets page */
.properties-workspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);}
.properties-message{margin-bottom:16px;padding:var(--padding-2);border-radius:var(--border-radius-1);background:var(--bg-card-2);color:var(--lead);border:1px solid var(--border-int-red-1);}
.properties-message[hidden]{display:none;}
.ninety{width:90%;}
.properties-message-error{background:var(--red-accent-soft);color:var(--red-accent-deep);border-color:var(--border-int-red-3);}
.properties-workspace-wrapper{display:grid;gap:var(--gap-5);}
.property-list,.property-chart{display:grid;gap:var(--gap-3);}
.property-card{padding:var(--padding-4);border:1px solid var(--border-int-red-1);background:var(--bg-scan-card);border-radius:var(--border-radius-1);}
.property-card-head,.property-latest{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-3);}
.property-card-head>div{display:grid;gap:var(--gap-1);min-width:0;}
.property-card-head strong{word-break:break-word;}
.property-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-2);margin:14px 0;}
.property-stat{padding:var(--padding-2) var(--padding-5);border-radius:var(--border-radius-1);background:linear-gradient(180deg,var(--bg-card-1),var(--bg-card-2));color:var(--panel-ink);border:1px solid var(--border-int-blue-1);box-shadow:var(--shadow);}
.property-stat{padding:var(--padding-2) var(--padding-5);}
.property-stat span{display:block;color:var(--more-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;}
.property-stat strong{display:block;margin-top:5px;font-size:20px;line-height:1;}
.property-latest{align-items:center;}
.property-chart-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(120px,1.4fr) 36px;gap:var(--gap-2);align-items:center;}
.property-chart-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;}
.property-chart-track{height:16px;border-radius:var(--border-radius-3);background:var(--less-muted);overflow:hidden;}
.property-chart-fill{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--red-accent),var(--red-accent-deep));border-top-right-radius:0;border-bottom-right-radius:0;}
.property-chart-count{text-align:right;font-family:var(--font-label);line-height:1.1;font-size:12px;}
.assets-h2{display:flex;align-items:baseline;gap:var(--gap-2);margin:12px 0 0 48px;}
.assets-strong{color:var(--ghost);font-size:1.5em;}
#propertiesOrg{font-size:22px;line-height:1.7;}
#propertiesProfile{line-height:0.5;}


/* results page */
.res-workspace{display:grid;gap:var(--gap-5);margin-top:20px;align-items:start;}
.csm-res-opt{width:100%;display:grid;text-align:left;cursor:pointer;line-height:1.4;}
.csm-res-opt.active{outline:3px solid var(--border-int-red-1);background:var(--action-active);}
.results-layout{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:var(--gap-5);align-items:start;}
.results-sidebar{position:static;top:12px;overflow:auto;}
.results-main{min-width:0;}
.result-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px 0;}
.result-metrics .metric-card{box-shadow:none;}
.filter-bar{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(140px,.65fr));gap:var(--gap-3);align-items:end;margin-bottom:18px;}
.filter-bar .checkline{height:45px;align-self:end;}
.finding-list{display:grid;gap:var(--gap-3);}
.finding-card{padding:0;overflow:hidden;}
.finding-toggle{width:100%;border:0;background:transparent;color:inherit;padding:var(--padding-4);cursor:pointer;text-align:left;}
.finding-toggle:hover{background:var(--action-active);}
.finding-head-main{display:grid;gap:var(--gap-1);}
.finding-body{padding:0 16px 16px 16px;border-top:1px solid var(--border-int-blue-1);}
.finding-description{line-height:1.5;color:var(--lead);}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-2);margin:12px 0;}
.detail-row{display:grid;gap:var(--gap-1);padding:var(--padding-2);border-radius:var(--border-radius-1);background:var(--bg-card-1);min-width:0;}
.detail-row strong{font-size:12px;text-transform:uppercase;color:var(--more-muted);}
.detail-row span{word-break:break-word;font-family:var(--font-label);line-height:1.3;font-size:12px;letter-spacing:0.05em;}
.report-wrap{margin:0 0 0 10px;}
.report-p{margin:10px 0 0 10px;}
.report-p2{margin:0 0 10px 10px;}
.evidence-box{min-height:0;max-height:260px;margin-top:12px;background:var(--mutiest);}
.report-header-key{font-weight:700;}
.report-header-head{color:var(--red-accent);}
#repWrap{width:70%;}
#repWrap div{display:flex;flex-direction:row;flex-wrap:wrap;margin:10px;}
#repWrap div p{flex-basis:50%;margin:5px 0;}
.space-apart{display:flex;justify-content:space-between;align-items:center;}
.step-size-input{width:50% !important;margin:0 auto;}
.step-field{display:flex;flex-direction:column;align-items:center;}
.prev-page-btn,.next-page-btn{width:3em;min-height:15px;padding:0;height:1.6em;font-size:19px;}
.summ-nav{font-size:11px;background:transparent;width:10em;min-height:32px;padding:1.35em 8px;border-radius:var(--border-radius-1);color:var(--mutest);border:2px solid var(--border-int-blue-2);}
.field-wrap{display:flex;flex-direction:row !important;align-items:flex-end !important;margin-bottom:18px;justify-content:space-between;}
.summ-btns{display:flex;flex-direction:row;gap:8px;justify-content:end;}
.pull-up{width:fit-content;}


/* dashboard page */
.dashboard-workspace{grid-template-columns:minmax(0,1fr) minmax(340px,.5fr);}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-4);}
.workspace-gap{display:grid;gap:var(--gap-5);}
.dash-actions{margin:10px 0;display:flex;flex-direction:column;gap:var(--gap-2);}
.display-route{font-size:12px;display:flex;flex-direction:column;align-items:start;margin-top:0;white-space:pre-line;}
.display-route-header{font-weight:700;}
.display-route-txt{white-space:pre-line;}
.progress-bar{flex:1;background:linear-gradient(to right,var(--bg-opt),var(--bg-opt) 0%,var(--less-muted) 0%)}
.meta-sch > .pill{padding:var(--padding-2) var(--padding-4);font-size:0.85em;}


/* prep page */
.prep-workspace{grid-template-columns:100%;}
.prep-card{display:grid;grid-template-columns:minmax(200px,1fr) minmax(200px,1.2fr);gap:var(--gap-4);background:var(--bg-outline);}
.prep-wrap{display:grid;gap:var(--gap-5);grid-template-columns:70% 25%;}
.prep-wrap button{max-height:42px;}
.landing-frame{padding:var(--padding-4);border-radius:var(--border-radius-2);}
.img-width{width:100%;height:auto;}
#unqueueBtn{cursor:pointer;}
.shortcut{border:1px solid var(--border-int-red-3)}
.shortcut:hover{transform:translateY(-1px);}
.img-wrap{width:44px;flex:0 0 44px;}
.img-wrap img{width:100%;height:auto;display:block;}


/* scan page */
.radio-wrap{display:flex;flex-direction:row;justify-content:space-around;width:100%;margin-top:-9px;border:none;}
.radio-wrap label{background:var(--muted);padding:var(--padding-xy-2);border-radius:var(--border-radius-3);padding-right:20px;min-width:9em;min-height:42px;display:flex;justify-content:center;cursor:pointer;color:var(--panel-ink);border:1px solid var(--border-int-red-3);}
.radio-wrap label:hover{background:var(--yellow-active);transform:translateY(-1px);border:none;}
.radio-wrap label:has(input[type=radio]:checked){background:var(--border-int-red-3);}
.radio-wrap label input[type=radio]{appearance:none;}
.checks{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--gap-3);padding:0;border:0;}
.checks legend{grid-column:1/-1;color:var(--more-muted);font-weight:800;margin-bottom:2px;}
.checkline,.scan-type-radio,.api-places{display:flex;gap:10px;align-items:center;padding:var(--padding-xy-2);border-radius:var(--border-radius-1);background:var(--bg-card-1);border:1px solid var(--border-int-blue-1);font-weight:600;margin:5px 20px;}
.scan-type-radio{background:transparent;}
div.check-wraps{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-card-1),var(--bg-card-2));display:flex;gap:10px;padding:var(--padding-4);border-radius:var(--border-radius-1);border:1px solid var(--border-int-blue-1);font-weight:600;margin:5px 20px;}
.checkseses{display: flex;gap:var(--gap-1);}
.api-f-set{border:none;display:flex;justify-content:space-around;margin-top:-10px;}
.scan-type-radio{border:none;margin:-10px 0 0;}
.scan-type-radio legend{opacity:0;transition:opacity .2s ease;margin:0 auto;}
.scan-type-radio legend h3{margin:0 0 10px;}
.checks input,.checkline input{accent-color:var(--red-accent);}
.recording-card{display:flex;justify-content:space-between;flex-direction:column;padding:var(--padding-4);border-radius:var(--border-radius-2);background:linear-gradient(180deg,var(--bg-card-1),var(--bg-card-2));border:1px solid var(--border-int-blue-1);}
.recording-actions{display:flex;flex-direction:row;justify-content:space-between;width:100%;}
.recording-card>div>h3{margin-bottom:10px;}
.recording-empty{width:min(420px,100%);display:none;position:absolute;left:50%;transform:translate(-50%);gap:var(--gap-2);padding:var(--padding-6);border-radius:var(--border-radius-2);background:linear-gradient(180deg,var(--bg-outline),var(--bg-outnone));border:1px solid var(--bg-outline);text-align:center;color:var(--less-muted);}
.recording-empty strong{font-size:22px;line-height:1.1;}
iframe{width:100%;height:100%;border:0;border-radius:var(--border-radius-2);background:var(--black);}
#recordingOverlay{padding:var(--padding-2);}
#recordingOverlay .overlay-shell{width:min(1800px,100%);height:calc(100vh - 24px);grid-template-rows:auto auto minmax(0,1fr);gap:10px;}
#recordingOverlay .overlay-head{align-items:center;padding:var(--padding-xy-2);border-radius:var(--border-radius-2);}
#recordingOverlay .overlay-head h2{font-size:20px;line-height:1.1;}
#recordingOverlay .overlay-copy{margin-top:6px;font-size:13px;line-height:1.35;max-width:88ch;}
#recordingOverlay .overlay-actions{padding:var(--padding-xy-2);gap:10px;border-radius:var(--border-radius-2);box-shadow:0 14px 34px var(--bg-outline);}
#recordingOverlay .overlay-actions .primary-button,#recordingOverlay .overlay-actions .ghost-button{margin-top:0;padding:var(--padding-xy-1);white-space:nowrap;width:10em;}
#recordingOverlay .overlay-body{gap:10px;min-height:0;}
#recordingOverlay .overlay-browser{align-items:stretch;justify-content:stretch;padding:var(--padding-1);border-radius:var(--border-radius-2);overflow:hidden;}
#recordingOverlay #recordingFrame{display:block;width:100%;height:100%;min-height:0;border-radius:var(--border-radius-1);}
#recordingOverlay .overlay-status{padding:var(--padding-2);border-radius:var(--border-radius-2);display:flex;flex-direction:column;min-height:0;}
#recordingOverlay .overlay-status h3{font-size:14px;line-height:1.2;margin-bottom:8px;}
#recordingOverlay .overlay-status pre{flex:1;min-height:0;padding:var(--padding-2);border-radius:var(--border-radius-1);font-size:11px;line-height:1.35;}
#recordingOverlay .recording-empty{place-self:center;width:min(360px,100%);padding:var(--padding-5);}
#recordingOverlay .recording-empty strong{font-size:18px;}
#recordingOverlay .overlay-browser > iframe,#recordingOverlay #recordingFrame{min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden;}
.margintop{display:flex;flex-direction:column;gap:var(--gap-3);}
.pre-line{white-space:pre-line;}
.curr-page-text{font-style:italic;padding:6px 14px 5px;color:var(--red-accent-deep);border:1px solid var(--bg);border-radius:var(--border-radius-2);font-size:16px;}
.dom-pages-wrap{display:flex;justify-content:space-between;margin:28px 0 32px;}
.recording-open-btns{min-width:150px;}
.files::file-selector-button{display:none;}
.files::-webkit-file-upload-button{display:block;width:0;height:0;margin-left:-100%;}
.files::-ms-browse{display:none;}
.files{cursor:pointer;text-align:center;}
.file-additionals{cursor:pointer;}
.file-buttons{width:100%;height:61%;min-height:38px;padding:var(--padding-xy-2);margin:auto;text-align:center;cursor:pointer;}
.file-labels{display:none;}
.close-continue{display:flex;flex-direction:column;height:100%;}
.continue-addon-bt{font-size:16px;}
.check-items{display:flex;margin-top:1px;}
#scanTypeWriteup{white-space:pre-line;}
.margin-correction{margin:0 0 22px;}
.fixed-height{height:23em;}
.scan-form-margin-top{margin-top:18px;}
.smaller-box{width:70%;margin:0 auto;}
.area{min-height:7em;line-height:1.5;resize:vertical;}
.ext-wrap{display:flex;flex-wrap:wrap;gap:4px 8px;margin:8px 12px;font-size:12px;text-align:center;justify-content:space-evenly;}
.ext-link{color:var(--red-accent);}
.scan-helps{font-size:12px;white-space:pre-line;margin:6px 0 0;font-weight:400;line-height:1.5;}
.recording-random{display:flex;flex-direction:column;gap:6px;}
.recording-wrapses{height:60px;padding:0 0 22px 0;}
.column-head{flex-direction:column;gap:var(--gap-1);}
.over-wrap{display:flex;flex-direction:row;height:100%;gap:var(--gap-4);}
.target-grid{grid-template-columns:repeat(1,minmax(0,1fr));}
h2.text-center{text-align:center;margin:36px auto 12px;color:var(--red-accent);font-size:1.8em;}
.form-acts-top{margin-top:60px;}
.form-actions{justify-content:center;}
.api-places{width:20%;display:flex;justify-content:center;align-items:center;}
.api-places label,.api-places input{margin:auto 0;}
.tiny-push{margin-top:2px !important;}
.auth-card{padding:var(--padding-5);border-radius:var(--border-radius-2);background:linear-gradient(180deg,var(--bg-card-1),var(--bg-card-2));border:1px solid var(--border-int-red-1);display:grid;gap:var(--gap-1);min-height:82px;}
.plus-minus-wrap{padding:12px;display:flex;gap:12px;justify-content:end;}
.cookie-header-plus-minus{font-size:15px;width:4em;min-height:32px;padding:.2em 8px;border-radius:var(--border-radius-1);color:var(--mutest);border:2px solid var(--border-int-blue-2);background:transparent;}
.flexwrap{flex-wrap:wrap;}
.justifybetween{justify-content:space-between;width:100%;}
.p-hint{color:var(--panel-ink);font-size:14px;margin:8px 0;}
.p-hint strong{color:var(--red-accent);}
.field-pull{margin-top:10px !important;}
.field-distance{margin-bottom:10px;}

/* admin page */
.ad-body-radio{border:none;margin:-10px 0 0;}
.ad-radio{display:flex;flex-direction:row;justify-content:space-around;width:100%;margin-top:-9px;}
.ad-radio label{background:var(--yellow-accent);padding:var(--padding-xy-2);border-radius:var(--border-radius-3);padding-right:20px;min-width:7em;min-height:42px;display:flex;justify-content:center;cursor:pointer;color:var(--panel-ink);}
.ad-radio label:hover{background:var(--muted);transform:translateY(-1px);}
.ad-radio label:has(  input[type=radio]:checked){background:var(--red-accent);color:var(--ink);}
.ad-radio label input[type=radio]{appearance:none;}
.admin-config-panel .status-head>div{width:100%}
.admin-config-panel .status-head div h2{margin:0}
.admin-config-panel .status-head div div{display:flex;justify-content:space-between;}
.admin-message{margin-bottom:16px;padding:var(--padding-2);border-radius:var(--border-radius-1);background:var(--bg-card-2);color:var(--lead);border:1px solid var(--border-int-red-1);}
.admin-message[hidden]{display:none;}


/* profile page */
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-4);}
.one-col{grid-template-columns:repeat(1,minmax(0,1fr));}
.profile-wrap{display:grid;gap:0;}
.profile-text{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--gap-3);align-items:center;padding:var(--padding-2) 0;border-top:1px solid var(--border-int-blue-1);min-height:50px;}
.profile-text:first-child{border-top:0;}
.border-top{border-top:1px solid var(--border-int-blue-1) !important;}
.profile-text-action{display:flex;justify-content:space-between;gap:var(--gap-4);align-items:center;}
.profile-text-action>div{min-width:0;}
.profile-keys,.profile-avail-keys{font-family:var(--font-label);line-height:1.1;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--more-muted);}
.profile-vals{font-weight:700;word-break:break-word;}
.profile-avail-wrap{display:flex;justify-content:flex-end;align-items:center;gap:var(--gap-2);}
.profile-avail-keys{font-size:10px;color:var(--red-accent)}
.profile-avails{min-width:3em;text-align:right;font-family:var(--font-label);font-weight:700;}
.profile-action-button{width:fit-content;}
.profile-small-button{width:fit-content;min-height:20px;padding:var(--padding-xy-1);font-size:12px;}
.profile-edit-handle:empty{display:none;}
.profile-edit-box{display:grid;gap:var(--gap-3);padding:var(--padding-4);border-radius:var(--border-radius-1);background:linear-gradient(180deg,var(--bg-card-1),var(--bg-card-2));border:1px solid var(--border-int-red-1);}
.field-set{display:grid;gap:var(--gap-3);}
.profile-edit-actions{display:flex;justify-content:space-between;flex-wrap:wrap;}
.action-btns-wrap{display:flex;gap:var(--gap-3);height:42px;margin:auto 0;}
.profile-pic-wrap{width:min(220px,100%);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-2);overflow:hidden;background:var(--bg-card-2);border:1px solid var(--border-int-red-1);}
.profile-pics{display:block;width:100%;height:100%;object-fit:cover;}
.profile-pic-empty{padding:var(--padding-4);text-align:center;color:var(--more-muted);font-family:var(--font-label);font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.profile-file-field{width:100%;margin-top:12px;}
.profile-file-field .file-wrap{display:flex;align-items:center;justify-content:center;}
.profile-file-field .files{width:100%;}
.profile-file-field .file-labels{display:block;color:var(--ink);word-break:break-word;}
.profile-file-error{color:var(--red-light)!important;}
.profile-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-3);margin-top:10px;}
.profile-notice{margin-bottom:18px;padding:var(--padding-3);border-radius:var(--border-radius-1);background:var(--bg-card-2);color:var(--lead);border:1px solid var(--border-int-red-1);line-height:1.5;}
.profile-plan-radio{margin-bottom:var(--gap-4);}
.plans-wrapper{display:flex;flex:1;min-height:0;flex-direction:column;}
.profile-plan-handle{width:min(620px,100%);margin:0 auto var(--gap-4);display:flex;flex:1;min-height:0;}
.profile-plan-card{width:100%;display:grid;grid-template-rows:minmax(0,1.2fr) minmax(0,5fr);overflow:hidden;background:linear-gradient(145deg,var(--bg-card-1) 0%,var(--bg-card-3) 58%,var(--bg-card-2) 100%);border-color:var(--border-int-red-2);box-shadow:0 12px 28px rgba(143,52,24,.08);}
.profile-plan-card .profile-plan-head{min-height:0;justify-content:center;padding-inline:48px;background:linear-gradient(85deg,var(--bg-card-1) 0%,var(--bg-card-2) 6%,var(--bg-card-1) 58%,var(--red-accent-soft) 80%,var(--bg-card-1) 100%);border-bottom:1px solid var(--border-int-red-2);}
.profile-plan-card .pricing-meta{min-height:0;grid-template-rows:repeat(5,minmax(0,1fr));padding:0 var(--padding-5) var(--padding-2);}
.profile-plan-card .pricing-line{padding-inline:var(--padding-2);}
.profile-plan-card .pricing-line strong{font-size:13px;color:var(--lead);}
.profile-plan-card .pricing-line span{font-size:16px;font-weight:700;color:var(--panel-ink);}
.profile-org-check-field{width:min(620px,100%);margin:0 auto;}
.profile-status-error{color:var(--red-accent-deep);}
.radio-gap{gap:12px;}
.plans-panel{display:flex;flex-direction:column;gap:var(--gap-4);}
.prof-pic-wrap{gap:10px;display:flex;justify-content:space-between;align-items:center;}
.profile-pic-wrapper{max-width:max(150px,50%);margin:0;}
.profile-wrappp{display:grid;align-items:center;width:100%;grid-template-columns:.4fr .4fr;}
.upload-gap{display:flex;gap:12px;}
.profile-non-button{appearance:none;font-size:18px;border:none;background:transparent;cursor:pointer;width:50px;text-align:right;}
.border-bottom{margin-bottom:12px !important;}
table.org-members{border:2px solid;border-collapse:collapse;}
table.org-members,table.org-members th,table.org-members td{width:100%;table-layout:fixed;text-align:left;}
table.org-members th,table.org-members td{border:1px solid;border-collapse:collapse;padding:12px;}
table.org-members thead tr td{border:2px solid}
table.org-members tr:nth-child(2n){background-color:var(--bg-card-2);}
table.org-members tr:nth-child(2n+1){background-color:var(--bg-card-3);}
table.org-members tr {border-bottom:1px solid #fff8f2;}
table.org-members th{background:var(--muted);}
table.org-members th:nth-child(1),table.org-members tr:nth-child(1){width:50%}
table.org-members th:nth-child(2),table.org-members tr:nth-child(2){width:14%}
table.org-members th:nth-child(3),table.org-members tr:nth-child(3){width:13%}
table.org-members th:nth-child(4),table.org-members tr:nth-child(4){width:13%}
.panel-wrap{display:grid;gap:var(--gap-5);}
.panel-gap{display:flex;flex-direction:column;gap:12px;}
.overlay-instructions{display:block;padding:var(--padding-xyx-1);}
.overlay-instructions span,.overlay-instructions a{margin:6px 0;}
.overlay-instructions p a{color:revert;}
.overlay-instructions p a:visited{color:var(--ghost);}


/* pricing page */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap-5)}
.pricing-card{display:grid;gap:var(--gap-3)}
.pricing-card h2,.pricing-card p{margin:0}
.pricing-note{line-height:1.65;color:var(--lead)}
.pricing-badge-row{display:flex;gap:var(--gap-2);flex-wrap:wrap}
.plans-headers{display:flex;flex-direction:column;gap:var(--gap-4);min-height:13rem;}
.plans-heads{display:flex;flex-direction:column;gap:var(--gap-2);}
.plans-heads p{color:var(--red-accent-deep)}
@media (max-width:720px){.plans-headers{min-height:5rem;margin-bottom:12px;}}


/* demo page */
.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--gap-5)}
.demo-panel{display:grid;gap:var(--gap-3)}
.demo-panel h2,.demo-panel p{margin:0}
.demo-list{display:grid;gap:var(--gap-2);margin:0;padding-left:18px;color:var(--lead);line-height:1.65}
.demo-note{padding:var(--padding-3);border-radius:var(--border-radius-1);background:var(--bg-card-2);border:1px solid var(--border-int-red-1);color:var(--lead)}
.demo-form{display:grid;gap:var(--gap-3)}
.demo-form .field-grid{margin-top:0}
.demo-form textarea{min-height:130px;resize:vertical}
.demo-form input[disabled],.demo-form select[disabled],.demo-form textarea[disabled]{opacity:.7;cursor:not-allowed}
@media (max-width:1080px){.demo-grid{grid-template-columns:1fr;}}


/* browser-session setup page */
.cols{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.browsers-lists{margin:12px 24px 12px -6px;}

@keyframes panel-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes overlay-in{from{opacity:0}to{opacity:1;}}
@media (max-width:1080px){
  .workspace,.hero,.results-layout,.two-cols{grid-template-columns:1fr;}
  .hero h1{max-width:none;}
  .dashboard-grid,.result-metrics,.copy-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .results-sidebar{position:static;max-height:none;}
  #recordingOverlay .overlay-shell{height:calc(100vh - 20px);}
  .overlay-overhead{width:100%;min-width:0;}
}
@media (max-width:720px){
  .shell{width:min(100% - 20px,720px);padding:12px 0 20px;}
  .hero,.form-panel,.status-panel,.logs-panel,.iframe-panel,.overlay-head,.overlay-actions,.overlay-browser,.overlay-status,.copy-card,.legal-panel,.admin-config-panel{padding:var(--padding-4);}
  .field-grid,.checks,.dashboard-grid,.result-metrics,.filter-bar,.detail-grid,.copy-grid{grid-template-columns:1fr;}
  .radio-wrap{flex-wrap:wrap;gap:var(--gap-4);}
  .recording-card{flex-direction:column;}
  .csm-header{overflow:auto;justify-content:flex-start;font-size:13px;}
  .csm-header-item{min-width:max-content;padding:0 12px;}
  .overlay{padding:var(--padding-2);}
  .overlay-shell{height:calc(100vh - 20px);}.overlay-actions{flex-wrap:wrap;}
  .run-overlay{width:calc(100% - 20px);}
  #recordingOverlay{padding:var(--padding-1);}
  #recordingOverlay .overlay-shell{height:calc(100vh - 12px);gap:var(--gap-1);}
  #recordingOverlay .overlay-head,#recordingOverlay .overlay-actions,#recordingOverlay .overlay-browser,#recordingOverlay .overlay-status{padding:var(--padding-1);}
  #recordingOverlay .overlay-head{align-items:flex-start;}
  #recordingOverlay .overlay-copy{display:none;}
  #recordingOverlay .overlay-actions{flex-wrap:wrap;}
  #recordingOverlay .overlay-actions .primary-button,#recordingOverlay .overlay-actions .ghost-button{padding:var(--padding-xy-1);font-size:12px;}
  .profile-text{grid-template-columns:1fr;gap:var(--gap-1);}
  .profile-text-action{align-items:flex-start;flex-direction:column;}
  .profile-avail-wrap{justify-content:flex-start;}
  .profile-two-cols{grid-template-columns:1fr;}
  .profile-action-button{width:100%;}
  .profile-pic-wrap{width:min(180px,100%);}
  .profile-edit-actions{justify-content:stretch;}
  .profile-edit-actions .primary-button,.profile-edit-actions .ghost-button{flex:1;}
}

@media (max-width:1080px){
  .properties-workspace{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .property-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .property-card-head,.property-latest{flex-direction:column;}
  .property-chart-row{grid-template-columns:minmax(90px,.8fr) minmax(90px,1.2fr) 30px;}
}