@import url("/assets/electric-blue.css?v=20261108theme1");
@import url("/assets/theme-mode.css?v=20261108theme1");
@import url("/assets/midnight-sapphire.css?v=20261109sapphire1");
/* Original TestLancer branding preserved. Geometry/accessibility only: no palette or logo replacement. */
html{overflow-x:clip;scroll-padding-top:88px}*,*:before,*:after{box-sizing:border-box}body{min-width:0;overflow-wrap:break-word}img,svg,video,canvas{max-width:100%}img{height:auto}.saas-main,.saas-content,.container,.page,.suite-grid,.suite-stack,.suite-card,.panel,form,fieldset{min-width:0;max-width:100%}h1,h2,h3{overflow-wrap:anywhere}button,input,select,textarea{font:inherit}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-width:0;max-width:100%;min-height:46px;font-size:16px}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:20px;height:20px;vertical-align:middle}input[type=file]{overflow:hidden}.btn,.suite-btn,button[type=submit],input[type=submit]{min-height:44px;white-space:normal;line-height:1.35;max-width:100%;border-radius:12px}label{line-height:1.5}fieldset{min-width:0}.panel,.suite-card,.dashboard-task-card{border-radius:18px}.notice,.flash,pre,code{overflow-wrap:anywhere}pre{max-width:100%;white-space:pre-wrap;overflow:auto}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.sm-skip-link{position:fixed;left:16px;top:-100px;z-index:10001;padding:12px 18px;background:var(--surface);color:var(--primary);border:2px solid currentColor;border-radius:12px}.sm-skip-link:focus{top:12px}.sm-menu-close{display:none}.sm-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;border-radius:14px;margin-block:16px;-webkit-overflow-scrolling:touch}.sm-table-scroll>table{margin:0;min-width:580px;width:100%}td,th{vertical-align:top}td .btn,td button{min-width:max-content}details{max-width:100%}summary{cursor:pointer;min-height:44px;display:list-item;padding-block:10px}.broadcast-popup-backdrop{overflow-y:auto;padding:20px}.broadcast-popup-card{max-height:calc(100dvh - 40px);overflow:auto}.broadcast-popup-message{overflow-wrap:anywhere}
/* Reference geometry uses real source data and supported categories, never sample tasks. */
.ob-dashboard-heading{margin:6px 0 20px}.ob-dashboard-heading h1{font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 8px}.ob-dashboard-heading p{margin:0}.ob-feature{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;width:100%;padding:28px;border-radius:22px!important;margin-bottom:22px!important;min-height:200px}.ob-feature .suite-hero-copy{position:relative;z-index:1;flex:1;min-width:0}.ob-feature h2{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.15;margin:0 0 10px;letter-spacing:-.04em;color:inherit}.ob-feature p{max-width:32ch;margin:0 0 16px}.ob-feature-art{position:relative;width:130px;height:145px;flex-shrink:0;color:inherit;opacity:.3}.ob-feature-art:before{content:"";position:absolute;inset:5px 5px 25px 25px;border:2px dotted currentColor;border-radius:50%}.ob-feature-art span{position:absolute;width:84px;height:84px;border-radius:28px 28px 28px 50%;background:currentColor;left:5px;bottom:5px}.ob-feature-art i{position:absolute;width:38px;height:38px;border:2px solid currentColor;transform:rotate(45deg);right:0;bottom:0}.ob-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.ob-section-heading h2{font-size:18px;margin:0}.ob-categories{margin-bottom:14px}.ob-category-row{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto;max-width:100%;padding:3px 1px 10px;scrollbar-width:thin}.ob-category-row a{flex-shrink:0;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;padding:8px 12px!important;border-radius:13px!important}.ob-quick-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 18px}.ob-quick-pair>a{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:54px;border-radius:14px;padding:12px!important}.ob-quick-pair .nav-ico{flex-shrink:0}.ob-quick-pair a>span:last-child{margin-left:auto}.ob-account-overview{margin:22px 0}.ob-account-overview .suite-hero-copy{min-width:0}.ob-account-overview h2{margin-top:0}.ob-account-overview .suite-hero-points{margin-top:16px}.tester-dashboard .suite-task-board{margin-bottom:22px}.tester-dashboard .dash-id{margin-top:24px}
@media(min-width:801px){body .saas-sidebar{width:var(--sidebar-w)!important}.saas-main{margin-left:var(--sidebar-w)!important;width:calc(100% - var(--sidebar-w));min-height:100vh}.saas-content{padding:24px}.ob-feature{max-width:100%}.sm-menu-close{display:none!important}.ob-dashboard-heading h1 br{display:none}}
@media(max-width:800px){.saas-main{margin-left:0!important;width:100%!important}.saas-content{padding:12px!important}.page{padding:8px 0!important}.container{width:100%!important;padding-inline:3px!important;margin-inline:auto!important}.saas-topbar{position:sticky;top:0;min-height:64px;height:auto!important;padding:10px 14px!important;gap:8px;align-items:center}.saas-mobile-brand{display:flex!important;flex:1;min-width:0}.saas-mobile-brand img{width:auto;max-width:155px;max-height:32px;object-fit:contain}.saas-mobile-brand small,.saas-search,.saas-user-copy,.role-tester .saas-currency-select{display:none!important}.saas-top-actions{gap:6px;min-width:0}.role-tester .saas-user{display:none!important}.saas-menu-btn{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}.saas-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(330px,88vw)!important;height:100dvh!important;z-index:1001!important;overflow-y:auto;transform:translateX(-105%)!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.saas-sidebar.open{transform:translateX(0)!important}.sm-menu-close{display:block;margin:10px 12px 14px auto;border:1px solid currentColor;border-radius:10px;padding:8px 14px;min-height:44px;background:transparent;color:inherit}.tl-native-scrim:not([hidden]){display:block!important;position:fixed;inset:0;z-index:1000!important;background:rgb(0 0 0 / .45)}.tl-menu-open{overflow:hidden}.role-tester,.role-developer{--tl-tab-row:64px;--tl-tab-safe:env(safe-area-inset-bottom,0px);--tl-tab-height:calc(var(--tl-tab-row) + var(--tl-tab-safe));padding-bottom:0!important}.role-tester .saas-mobile-nav.tl-native-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.role-developer .saas-mobile-nav.tl-native-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.saas-mobile-nav.tl-native-tabs{box-sizing:border-box;height:var(--tl-tab-height)!important;min-height:0;max-height:var(--tl-tab-height);padding:0 6px var(--tl-tab-safe)!important;grid-template-rows:minmax(0,1fr);grid-auto-flow:column;align-items:stretch;align-content:stretch;bottom:0;z-index:90}.saas-mobile-nav>a,.saas-mobile-nav>button{height:100%!important;min-height:48px!important;min-width:0;margin:0;padding:5px 2px!important;gap:4px}.saas-mobile-nav small{font-size:11px!important}.role-admin{padding-bottom:0!important}.role-admin .saas-mobile-nav{display:none!important}.suite-grid,.form-grid,.grid-2,.grid-3{grid-template-columns:1fr!important}.suite-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.suite-kpi{min-width:0;padding:14px!important}.suite-kpi strong{overflow-wrap:anywhere}.suite-card,.panel{padding:16px!important}.suite-list-row{flex-wrap:wrap;gap:10px}.suite-list-main{min-width:0;flex:1 1 150px}.suite-hero-actions,.broadcast-popup-actions,.actions{display:flex;flex-wrap:wrap;gap:10px}.suite-row-value,.suite-row-action{max-width:100%}.ob-dashboard-heading{margin:8px 0 18px}.ob-dashboard-heading h1{font-size:32px;line-height:1.12}.ob-feature{min-height:195px;padding:20px!important;gap:6px;border-radius:21px!important;display:flex!important}.ob-feature h2{font-size:25px}.ob-feature p{font-size:13px;max-width:24ch}.ob-feature .suite-btn{padding:10px 14px;min-height:42px;font-size:13px}.ob-feature-art{width:92px;height:125px}.ob-feature-art span{width:65px;height:72px;border-radius:22px}.ob-feature-art i{width:30px;height:30px}.ob-quick-pair{gap:10px}.ob-quick-pair>a{font-size:13px;min-height:54px}.ob-category-row{margin-bottom:0!important}.tester-dashboard .suite-task-board{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.tester-dashboard .suite-task-board>.suite-card-head{padding:4px 1px 10px;margin:0}.tester-dashboard .suite-task-board>.suite-card-head h2{font-size:18px}.tester-dashboard .suite-task-board>.suite-card-head p{display:none}.tester-dashboard .dashboard-task-grid{display:grid;grid-template-columns:1fr!important;gap:10px}.tester-dashboard .dashboard-task-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;gap:3px 10px;padding:12px!important;border-radius:16px!important;align-items:start}.tester-dashboard .dashboard-task-card>.task-grid-media{grid-column:1;grid-row:1 / 4;width:48px!important;height:48px!important;min-height:0!important;aspect-ratio:1!important;border-radius:12px!important;margin:0!important}.tester-dashboard .task-grid-media img,.tester-dashboard .task-grid-placeholder{width:48px!important;height:48px!important;min-height:0!important;object-fit:contain;border-radius:12px!important;font-size:23px!important}.tester-dashboard .dashboard-task-badge{grid-column:2;grid-row:1;justify-self:start;font-size:9px!important;max-width:100%;white-space:normal}.tester-dashboard .dashboard-task-head{display:contents!important}.tester-dashboard .dashboard-task-head h3{grid-column:2;grid-row:2;margin:0!important;font-size:14px!important;line-height:1.3!important;min-width:0;overflow-wrap:anywhere}.tester-dashboard .dashboard-task-price{grid-column:3;grid-row:1 / 3;font-size:12px!important;white-space:normal!important;max-width:88px;text-align:right;align-self:center}.tester-dashboard .dashboard-task-desc{grid-column:2 / 4;grid-row:3;margin:0!important;font-size:12px!important;line-height:1.4!important}.tester-dashboard .dashboard-task-meta{grid-column:2 / 4;grid-row:4;display:flex;flex-wrap:wrap;gap:4px 9px;font-size:10px!important;margin-top:4px}.tester-dashboard .tl24-task-actions{grid-column:2 / 4;grid-row:5;display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.tester-dashboard .tl24-task-actions>a{min-height:36px;font-size:11px!important;padding:7px 9px!important}.tester-dashboard .dash-id{grid-template-columns:1fr!important;gap:16px}.tester-dashboard .dash-id-card{max-width:420px;width:100%;margin-inline:auto}.ob-account-overview .suite-hero-points{display:grid;gap:10px}.tl-ai-launch{bottom:calc(91px + env(safe-area-inset-bottom))!important}.broadcast-popup-card{max-width:480px;width:100%}.login-card,.auth-card{max-width:100%;margin-inline:auto}.suite-card-head{gap:12px;flex-wrap:wrap}.suite-card-head>div{min-width:0}}
@media(max-width:360px){.ob-feature-art{width:64px;height:110px}.ob-feature-art span{width:52px;height:60px}.ob-feature h2{font-size:23px}.ob-quick-pair>a{font-size:12px;gap:6px}.ob-quick-pair .nav-ico svg{width:18px;height:18px}.saas-mobile-brand img{max-width:135px}.saas-topbar{padding-inline:10px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.sm-skip-link,.sm-menu-close,.saas-mobile-nav,.saas-sidebar,.saas-topbar{display:none!important}.saas-main{margin:0!important;width:100%!important}body{padding:0!important}.sm-table-scroll{overflow:visible}.tester-dashboard .dashboard-task-card{break-inside:avoid}}

/* One compact tab row + the real CSS safe area. Reserve its space ONCE, in content. */
.tl-mobile-legal{display:none}
@media(max-width:800px){
 :is(.role-tester,.role-developer) .saas-content{padding-bottom:calc(var(--tl-tab-height) + 12px)!important;min-height:0}
 :is(.role-tester,.role-developer) .saas-content>.page{min-height:0}
 :is(.role-tester,.role-developer){scroll-padding-bottom:calc(var(--tl-tab-height) + 12px)}
 :is(.role-tester,.role-developer).tl-keyboard-open .saas-mobile-nav.tl-native-tabs{display:none!important}
 :is(.role-tester,.role-developer).tl-keyboard-open .saas-content{padding-bottom:12px!important}
 .tl-mobile-legal{display:flex;flex-wrap:wrap;gap:8px 14px;margin:14px 12px 6px;padding-top:12px;border-top:1px solid currentColor;font-size:12px}
 .tl-mobile-legal a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:3px}
 .tester-dashboard .suite-hero.ob-feature,.tester-dashboard .suite-hero.ob-feature h2,.tester-dashboard .suite-hero.ob-feature p{color:#fff!important}
}

/* Bounded mobile polish: existing content/actions, no new application features. */
@media(max-width:800px){
 .ob-dashboard-heading{margin:6px 0 16px}.ob-dashboard-heading h1{font-size:30px;line-height:1.13}
 .tester-dashboard .ob-feature{min-height:160px;padding:18px!important;margin-bottom:18px!important}
 .tester-dashboard .ob-feature h2{font-size:24px;line-height:1.18}
 .tester-dashboard .ob-feature p{font-size:13px;line-height:1.5;margin-bottom:12px}
 .tester-dashboard .ob-feature-art{width:76px;height:104px}
 .tester-dashboard .ob-feature .suite-btn{min-height:44px}
 .ob-category-row a{min-height:44px}.ob-quick-pair{margin-bottom:16px}
 .tester-dashboard .dashboard-task-meta{font-size:11px!important;line-height:1.45}
 .tester-dashboard .tl24-task-actions>a,.tl-task-screen .task-card .btn{min-height:44px;font-size:12px!important;line-height:1.35}
 .tl-task-screen .tl24-task-copy h3{font-size:15px;line-height:1.35}
 .suite-card-head h2{line-height:1.3}.suite-card-head p{line-height:1.5}
}
