/* Sky palette from the owner's light and dark app references. */
.sb{--bg:#202c36;--surface:#293946;--raised:#344756;--text:#edf4fa;--muted:#b9cbdc;--line:#4b6478;--accent:#8dc8fa;--button:#006bb9;--soft:#244861;--focus:#8dc8fa;--good:#b8e1cd;background:var(--bg);color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;color-scheme:dark;isolation:isolate}
.sb[data-theme=light]{--bg:#dfe7ed;--surface:#f8fbfd;--raised:#eaf1f6;--text:#283d50;--muted:#52687c;--line:#bdcbd7;--accent:#006fbe;--button:#006fbe;--soft:#d7eafa;--focus:#0067b0;--good:#246146;color-scheme:light}
.sb *{box-sizing:border-box}.sb button,.sb input,.sb textarea,.sb select{font:inherit}.sb button,.sb a,.sb input,.sb select,.sb textarea{touch-action:manipulation}.sb button,.sb select{cursor:pointer}.sb button,.sb input,.sb textarea,.sb select{border-radius:10px}.sb button{min-height:44px;padding:10px 16px;border:1px solid var(--line);background:var(--raised);color:var(--text);font-weight:600}.sb button:hover{filter:brightness(1.1)}.sb button:disabled{opacity:.6;cursor:wait}.sb a{color:var(--accent);text-decoration:none}.sb a:hover{text-decoration:underline}.sb :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sb p,.sb h1,.sb h2,.sb h3{color:inherit;margin:0}.sb p{margin-top:12px}.sb h1{font-size:clamp(30px,4vw,44px);line-height:1.16;letter-spacing:-1.3px;font-weight:650;margin-top:12px}.sb h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:650}.sb h3{font-size:19px;line-height:1.4;margin-top:16px}.sb small{font-size:12px}.sb-top{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100% - 1200px)/2));box-shadow:0 5px 24px #00000008}.sb-brand{display:flex;align-items:center;gap:12px;color:var(--text)!important;flex-shrink:0}.sb-brand:hover{text-decoration:none!important}.sb-brand img{width:48px;height:48px;object-fit:contain;border-radius:13px}.sb-brand>span{font-size:24px;line-height:1.1;font-weight:650;letter-spacing:-.6px}.sb-brand b{font-weight:400;color:var(--accent)}.sb-brand small{display:block;font-size:9px;letter-spacing:1.6px;margin-top:6px;color:var(--muted)}.sb-top-actions{display:flex;align-items:center;gap:16px}.sb-switch{display:flex;align-items:center;gap:12px}.sb-switch>span{font-size:12px;color:var(--muted)}.sb select{min-height:44px;padding:10px 36px 10px 12px;border:1px solid var(--line);background:var(--surface);color:var(--text);max-width:100%}.sb-signout{font-size:13px;white-space:nowrap}.sb-main{max-width:1200px;margin:0 auto;padding:40px 24px 24px}.sb-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.sb-intro p{color:var(--muted)}.sb-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--accent)}.sb-local{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:6px 12px;white-space:nowrap}.sb-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;scroll-margin-top:120px}.sb-tabs button{position:relative;border:0;background:none;border-radius:0;padding:12px 0 16px;color:var(--muted)}.sb-tabs button[aria-current]{color:var(--text)}.sb-tabs button[aria-current]:after{position:absolute;content:'';bottom:-1px;left:0;right:0;height:3px;background:var(--accent);border-radius:2px}.sb-tabs button span{font-size:11px;margin-left:7px;background:var(--raised);padding:3px 7px;border-radius:20px}.sb-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:start}.sb-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.sb-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.sb-card-top h2{margin-top:6px}.sb-badge{font-size:11px;white-space:nowrap;background:var(--raised);color:var(--muted);padding:5px 10px;border-radius:30px}.sb-task h2{margin-top:20px}.sb-muted{color:var(--muted)!important}.sb-task-steps{font-size:15px;margin:24px 0;color:var(--text);line-height:1.8;overflow-wrap:anywhere}.sb .sb-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--button);color:#fff;border:1px solid transparent;min-height:44px;padding:12px 20px;border-radius:10px;font-weight:650;line-height:1.5;text-decoration:none}.sb-symbol{display:block;color:var(--accent);font-size:38px;line-height:1;margin-bottom:24px}.sb-aside h2{font-size:26px}.sb-aside p,.sb-aside ul{color:var(--muted);font-size:14px}.sb-aside ul{padding-left:20px;margin:24px 0}.sb-aside li{padding-left:4px;margin-top:12px}.sb-aside li::marker{color:var(--accent)}.sb-aside-foot{border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;gap:16px}.sb-aside-foot strong{font-size:32px;line-height:1}.sb-aside-foot span{font-size:12px;color:var(--muted)}.sb-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}.sb-form-card{margin-top:16px;scroll-margin-top:130px}.sb-dismiss{font-size:24px!important;line-height:1;padding:0!important;min-width:44px}.sb form{margin-top:24px}.sb fieldset{margin:0 0 24px;padding:0;border:0}.sb legend,.sb form>label,.sb-form-grid>label{font-size:14px;font-weight:600}.sb legend{margin-bottom:10px}.sb-outcomes{display:flex;gap:12px;flex-wrap:wrap}.sb-outcomes label{position:relative;flex:1;min-width:100px}.sb-outcomes input{position:absolute;left:12px;top:15px;margin:0;accent-color:var(--accent)}.sb-outcomes span{display:block;padding:12px 14px 12px 36px;border:1px solid var(--line);border-radius:10px;background:var(--raised);font-size:14px}.sb-outcomes input:checked+span{border-color:var(--accent);background:var(--soft)}.sb-outcomes input:focus-visible+span{outline:3px solid var(--focus)}.sb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sb input:not([type=radio]),.sb textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:12px;margin-top:8px;min-height:46px;font-weight:400;font-size:15px}.sb input::placeholder,.sb textarea::placeholder{color:var(--muted);opacity:1}.sb textarea{resize:vertical;min-height:140px}.sb form>label{display:block;margin-top:24px}.sb form small{display:block;font-weight:400;color:var(--muted);margin-top:8px}.sb-optional{font-weight:400;color:var(--muted);margin-left:6px}.sb-form-bottom{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sb-form-bottom p{font-size:12px;color:var(--muted);margin:0}.sb-form-error:not(:empty){margin-top:16px;border-left:3px solid var(--accent);padding:12px;color:var(--text);background:var(--soft)}#sb-notice:not(:empty){padding:16px;margin-bottom:16px;background:var(--soft);border:1px solid var(--accent);border-radius:12px}.sb-section-heading{margin-bottom:24px}.sb-report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sb-result{font-weight:600;color:var(--accent);font-size:13px}.sb-result[data-result=Worked]{color:var(--good)}.sb-report-meta{font-size:12px;color:var(--muted)!important}.sb-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.sb-image-link{display:inline-block;margin-top:16px}.sb-status-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:13px;gap:16px}.sb-empty{text-align:center;padding:48px 24px}.sb-empty .sb-primary{margin-top:24px}.sb-welcome{max-width:640px;margin:48px auto}.sb-welcome .sb-primary{margin-top:32px}.sb-welcome h1{font-size:52px}.sb-hint{font-size:12px;color:var(--muted)!important;margin-top:24px!important}.sb-loading{padding:48px}
@media(max-width:900px){.sb-switch>span{display:none}.sb-top-actions{gap:12px}.sb-top{gap:16px}.sb-intro p{max-width:480px}}
@media(max-width:700px){.sb-top{padding:12px 16px;flex-wrap:wrap;gap:12px}.sb-brand img{width:40px;height:40px}.sb-brand>span{font-size:22px}.sb-brand small{font-size:8px}.sb-top-actions{width:100%;gap:12px}.sb-switch{flex:1;min-width:0}.sb-switch select{width:100%;min-width:0}.sb-theme{white-space:nowrap}.sb-signout{font-size:12px}.sb-main{padding:24px 16px 16px}.sb-intro{align-items:flex-start;margin-bottom:24px}.sb-intro h1{font-size:32px;letter-spacing:-.8px}.sb-intro p{font-size:14px}.sb-intro .sb-local{display:none}.sb-eyebrow{font-size:10px;letter-spacing:1.2px}.sb-tabs{gap:24px;scroll-margin-top:150px}.sb-tabs button{font-size:14px}.sb-grid,.sb-report-list,.sb-form-grid{grid-template-columns:1fr}.sb-card{padding:16px;border-radius:14px}.sb-aside{display:none}.sb-card h2{font-size:23px}.sb-card-top{gap:12px}.sb-badge{font-size:10px;padding:5px 8px}.sb-form-card{scroll-margin-top:155px}.sb-form-bottom{align-items:stretch;flex-direction:column;gap:16px}.sb-form-grid{gap:24px}.sb-footer{flex-direction:column;gap:8px;margin-top:24px}.sb-status-label{flex-wrap:wrap}.sb-welcome{margin:24px auto}.sb-welcome h1{font-size:40px}}
@media(max-height:500px) and (min-width:701px){.sb-top{padding-top:8px;padding-bottom:8px}.sb-main{padding-top:24px}.sb-top .sb-brand small{display:none}.sb-intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.sb *{scroll-behavior:auto!important}}
/* Keep the application typography independent of the site's marketing headings. */
.sb h1,.sb h2,.sb h3,.sb button,.sb input,.sb textarea,.sb select{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-transform:none}
.sb-top{padding-left:max(24px,calc((100% - 1200px)/2 + 24px));padding-right:max(24px,calc((100% - 1200px)/2 + 24px))}.sb-brand,.sb-signout{min-height:44px}.sb-signout{display:inline-flex;align-items:center;justify-content:center;min-width:44px}
@media(max-width:700px){.sb-top{padding-left:16px;padding-right:16px}}
.sb-status-label select{width:190px;flex:0 1 190px}
#sb-form-slot{scroll-margin-top:130px}
@media(max-width:700px){#sb-form-slot{scroll-margin-top:155px}}
/* Owner correction: a slightly lighter blue hover, independent of Elementor's global link colors. */
.sb .sb-primary:hover,.sb .sb-primary:focus,.sb .sb-primary:focus-visible{background:#1680c7!important;color:#ffffff!important;text-decoration:none!important;filter:none;border-color:#1680c7}
.sb .sb-primary:hover span,.sb .sb-primary:focus span{color:inherit!important}
.sb .sb-primary{transition:none!important}
/* Semantic messages are independent of the blue application skin. */
.sb{--success-bg:#203b30;--success-border:#72c79c;--success-text:#d5f4e3;--attention-bg:#45351c;--attention-border:#dfb64c;--attention-text:#ffe4a3;--error-bg:#4c2631;--error-border:#f18da2;--error-text:#ffe0e7}
.sb[data-theme=light]{--success-bg:#e4f4ea;--success-border:#37845a;--success-text:#1e5738;--attention-bg:#fff1cd;--attention-border:#b27c13;--attention-text:#6d4805;--error-bg:#fce7ec;--error-border:#bd2344;--error-text:#84203a}
#sb-notice:not(:empty){background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}
#sb-notice[data-kind=attention]:not(:empty),.sb .sb-attention,.sb .sb-form-error[data-kind=attention]:not(:empty){background:var(--attention-bg);border:1px solid var(--attention-border);color:var(--attention-text)}
#sb-notice[data-kind=error]:not(:empty),.sb .sb-form-error:not(:empty){background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}
.sb .sb-attention{padding:16px;border-radius:10px;font-size:14px}.sb-result[data-result=Problem],.sb-result[data-result=Blocked]{color:var(--attention-text);background:var(--attention-bg);border-radius:6px;padding:3px 7px}
.sb-build-summary{padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:var(--raised)}.sb-build-summary small{display:block;color:var(--muted);margin-top:4px;font-size:12px}
.sb input[type=hidden]{display:none}.sb-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sb-outcomes label{min-width:0}.sb-outcomes strong{display:block;font-size:14px;font-weight:600}.sb-outcomes span{padding-top:12px;padding-bottom:12px;height:100%}.sb-outcomes small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px;line-height:1.45}.sb .sb-form-grid select{width:100%;min-height:46px;margin-top:8px;background:var(--bg);font-weight:400;font-size:15px}.sb-environment-help{font-size:12px;color:var(--muted)!important;margin-top:12px!important}
.sb-viewer{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:24px;border:0;background:transparent;color:var(--text);overflow:auto}.sb-viewer::backdrop{background:rgba(13,23,33,.84)}.sb-viewer[open]{display:flex;align-items:center;justify-content:center}.sb-viewer-panel{display:flex;flex-direction:column;width:100%;max-width:1200px;max-height:calc(100dvh - 48px);padding:24px;gap:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.sb-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.sb .sb-viewer-head h1,.sb .sb-viewer-head h2{font-size:20px;margin:0;line-height:1.4;letter-spacing:0}.sb .sb-viewer-close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex-shrink:0;font-size:26px;line-height:1;padding:0;border:1px solid var(--line);background:var(--raised);border-radius:10px;color:var(--text);text-decoration:none}.sb-image-stage{min-height:0;display:flex;justify-content:center;align-items:center;overflow:auto}.sb-image-stage img{display:block;max-width:100%;max-height:calc(100dvh - 172px);width:auto;height:auto;object-fit:contain}.sb-image-stage p{margin:0}.sb-image-stage [hidden]{display:none!important}.sb-standalone{padding:24px;display:flex;flex-direction:column;gap:16px}.sb-standalone .sb-image-stage img{max-height:calc(100dvh - 124px)}
@media(max-width:700px){.sb-outcomes{grid-template-columns:1fr}.sb-viewer{padding:16px}.sb-viewer-panel{padding:16px;border-radius:14px;max-height:calc(100dvh - 32px)}.sb-image-stage img{max-height:calc(100dvh - 140px)}.sb-standalone{padding:16px}.sb-standalone .sb-image-stage img{max-height:calc(100dvh - 108px)}}
.sb-viewer-panel{height:calc(100dvh - 48px)}.sb-viewer-panel .sb-image-stage{flex:1}
@media(max-width:700px){.sb-viewer-panel{height:calc(100dvh - 32px)}}
.sb-badge[data-status=Fixed]{background:var(--success-bg);color:var(--success-text)}.sb-badge[data-status=Reviewing],.sb-badge[data-status="Needs retest"]{background:var(--attention-bg);color:var(--attention-text)}
.sb-viewer-actions{display:flex;align-items:center;gap:16px}.sb .sb-image-zoom{font-size:13px;white-space:nowrap;min-height:44px;padding:8px 12px}.sb-viewer[data-zoom=actual] .sb-image-stage{display:block;overflow:auto}.sb-viewer[data-zoom=actual] .sb-image-stage img{max-width:none;max-height:none;width:auto;height:auto}
/* Keep secondary controls independent of the site's legacy pink hover styles. */
.sb button{transition:none!important}.sb button:hover,.sb button:focus{background:var(--soft);color:var(--text);border-color:var(--line)}.sb .sb-tabs button:hover,.sb .sb-tabs button:focus{background:transparent}
