/* Quiet application chrome. System fonts only; no external font requests. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-synthesis:none;font-kerning:normal;--radius:16px}
body{letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea,select{font-family:inherit;letter-spacing:inherit}
.sidebar{width:204px;padding:24px 12px}.sidebar .brand{margin:0 8px 30px;font-weight:620;letter-spacing:-.35px;gap:10px;font-size:21px}
.brand-light{font-weight:460}.brand-mark{flex-shrink:0}
main{padding:62px 26px 24px;min-height:calc(100dvh / var(--ui-scale));max-width:none}
.heading{margin-bottom:18px;gap:16px}.heading h1{font-size:27px;letter-spacing:-.55px;font-weight:620;margin:3px 0 6px}.heading p{font-size:12px}.top-back{margin-bottom:12px}
.user-island{position:fixed;right:20px;top:12px;z-index:60;display:flex;align-items:center;gap:9px;padding:5px 8px 5px 14px;border-radius:24px;background:var(--sidebar);border:1px solid var(--line);box-shadow:0 4px 18px #00000008;backdrop-filter:blur(16px);max-width:300px}
.user-island #account{color:var(--fg);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:205px;font-weight:600}
.island-logout{display:grid;place-items:center;width:28px;height:28px;background:none;border:0;border-radius:50%;color:var(--muted);font-size:18px}.island-logout:hover{background:var(--panel2);color:var(--fg)}
#breadcrumb[hidden]{display:none}.heading .eyebrow,.nav-caption{display:none}
.photo-rail{padding:8px;gap:7px;margin-bottom:12px}.photo-tab{min-width:74px;padding:3px}.photo-tab img{width:68px;height:51px}
.review-workspace{position:relative}.review-workspace>.toolbar{margin-bottom:10px}.review-workspace>.selection-bar{padding:9px 12px;margin-bottom:10px}
.review-workspace>.review-body{display:grid;grid-template-columns:minmax(0,1fr) 304px;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:12px;height:min(calc(72dvh / var(--ui-scale)),920px);min-height:360px}
.review-body>#photo-viewer{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;width:auto}
.review-workspace .review-body .image-scroll{height:auto;max-height:none;flex:1;min-height:0;overflow:auto;padding:14px;overscroll-behavior:contain;border-radius:0}
.review-body .canvas-toolbar{flex:none;gap:9px;padding:9px 12px}.review-body .canvas-toolbar .filename{min-width:40px;font-size:11px}.review-body .canvas-toolbar .text-button{font-size:11px}
.review-body>#summary{grid-column:2;grid-row:1;margin:0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;width:auto}
#summary .summary-heading{display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px;flex:none;min-height:0}
#summary .summary-heading>span{font-size:15px;font-weight:630}#summary-scope{grid-column:1/-1;width:100%;min-width:0!important;padding:7px 9px!important;min-height:32px!important;font-size:12px}
#summary #clear-highlight{grid-column:2;grid-row:1;font-size:20px;line-height:1;padding:0 3px}
.review-body #summary .table-wrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.review-body #summary table{min-width:0;table-layout:fixed}.review-body #summary th{position:sticky;top:0;z-index:1;font-size:11px;padding:10px 13px}.review-body #summary td{padding:10px 13px;font-size:12px}
.review-body #summary th:last-child,.review-body #summary td:last-child{width:73px;padding-left:3px}.review-body #summary .summary-pick{font-size:12px;line-height:1.4;overflow-wrap:anywhere;padding:3px 0;display:block}
#summary .pagination{padding:10px;gap:6px;justify-content:space-between;flex:none;font-size:10px}#summary .pagination .button{padding:5px 8px;min-height:28px;font-size:11px}
#summary .pagination:has(.prev:disabled):has(.next:disabled){display:none}
.review-body>.candidate-panel{grid-column:2;grid-row:1;width:auto;min-width:0;min-height:0;max-height:none;height:auto;overflow:auto;padding:12px;scrollbar-width:thin}
.review-workspace.has-diagnostics #summary{display:none}.diagnostic-head h2{font-size:14px}.diagnostic-head .text-button{white-space:nowrap;font-size:11px}.diagnostic-images img{height:108px}.diagnostic-images{gap:8px}.candidate summary{padding:9px 7px}.candidate-name{font-size:11px}
.review-workspace.expanded>.review-body{height:auto;min-height:0;flex:1;grid-template-rows:minmax(0,1fr)}
.review-workspace.expanded .candidate-panel{height:auto;max-height:none;flex:initial}.review-workspace.expanded #photo-viewer{min-height:0}
#photo-viewer .moge-tools{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;flex:none;padding:8px 12px;background:var(--panel)}
#photo-viewer .moge-toolbar{gap:8px;display:flex;flex-wrap:wrap;align-items:center}#photo-viewer .moge-toolbar>strong{font-size:11px;font-weight:600}#photo-viewer #moge-status{font-size:10px;flex:1;min-width:80px;color:var(--muted)}
#photo-viewer .moge-toolbar .button-row{gap:10px;margin:0}.moge-toolbar .button,.moge-toolbar .text-button{font-size:11px;min-height:27px;padding:4px 7px}
#photo-viewer .moge-correction{margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#photo-viewer .moge-correction label{margin:0;display:flex;align-items:center;gap:7px;font-size:10px}#photo-viewer .moge-correction input{width:92px;min-height:31px;padding:5px 7px;margin:0}
#photo-viewer .moge-correction .button,#photo-viewer .moge-correction .text-button{font-size:11px;min-height:30px;padding:5px 8px}.moge-inline{margin:10px 0;padding-top:10px}.moge-inline .note{font-size:11px}.moge-inline .moge-values{gap:7px}
.moge-inline #moge-anchor{font-size:11px;margin-top:8px}.moge-inline h3{font-size:12px;color:var(--muted)}
#summary-toggle,.drawer-close{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
#outlet-map-status:empty,.map-footer:empty{display:none}.leaflet-control-attribution{font-size:10px!important;line-height:1.4}
button.danger-action,.menu-items .danger-text{color:var(--red)!important;border-radius:7px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
button.danger-action:hover,.menu-items .danger-text:hover{background:color-mix(in srgb,var(--red) 13%,var(--panel))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 13%,transparent)}
button.danger-action:focus-visible{outline-color:var(--red)}.button.danger{background:#ba3545!important;border-color:#ba3545!important;color:white!important}.button.danger:hover{background:#a52235!important}
.reference-card button.danger-action{background:var(--panel);color:var(--red)}
.rotation-preview{height:min(47vh,420px);position:relative;overflow:hidden;border-radius:12px;background:var(--panel2);margin-bottom:16px}.rotation-preview img{position:absolute;left:50%;top:50%;max-width:none;object-fit:contain;transition:transform .18s ease}
.rotation-actions{display:flex;align-items:center;justify-content:center;gap:24px}.rotation-actions output{min-width:50px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:1200px){.sidebar{width:188px}.sidebar .brand{font-size:19px}.sidebar nav a,.sidebar .nav-action{font-size:12px;padding:11px 9px}.review-workspace>.review-body{grid-template-columns:minmax(0,1fr) 282px}main{padding-left:20px;padding-right:20px}.heading h1{font-size:24px}}
@media(max-width:1000px){
 .review-workspace>.review-body{grid-template-columns:minmax(0,1fr);position:relative}
 #summary-toggle{display:inline-flex}.review-body>#summary{display:none}.drawer-close{display:block;position:absolute;right:9px;top:6px;z-index:5;background:var(--panel);border:0;font-size:20px;color:var(--muted);border-radius:8px;padding:4px 9px}
 .review-workspace.products-open:not(.has-diagnostics) .review-body>#summary,.review-workspace.has-diagnostics .review-body>.candidate-panel{position:absolute;right:0;top:0;bottom:0;width:min(310px,88%);grid-column:1;display:flex;z-index:15;box-shadow:-10px 0 32px #0002}
 .review-workspace.has-diagnostics .review-body>.candidate-panel{display:block}.review-workspace.products-open #summary .summary-heading{padding-top:39px}.review-workspace.has-diagnostics #summary{display:none!important}
}
@media(max-width:760px){.sidebar{width:63px;padding:20px 8px}.sidebar .brand{margin:2px 1px 27px}.sidebar nav a,.sidebar .nav-action{padding:12px}.user-island{right:12px;top:10px;padding-left:11px;max-width:240px}.user-island #account{max-width:150px}main{padding:59px 13px 20px}.heading{flex-wrap:wrap}.heading h1{font-size:22px}.heading>.button-row{gap:7px}.review-workspace>.review-body{height:calc(72dvh / var(--ui-scale));min-height:320px}.review-workspace.expanded>.review-body{height:auto;min-height:0}.review-workspace.expanded .review-body>#photo-viewer{min-height:0}.review-body .canvas-toolbar{gap:6px}.review-body .canvas-toolbar .filename{flex-basis:100%}.photo-rail{padding:6px}}

.review-workspace.expanded>.review-body{height:auto!important}

.brand-mark.brand-eye{width:42px;height:34px;border-radius:0;background:var(--fg);-webkit-mask:url(/static/brand/symbol.svg) center/contain no-repeat;mask:url(/static/brand/symbol.svg) center/contain no-repeat;box-shadow:none;display:block}.login-card .brand{gap:11px;letter-spacing:-.4px}.login-card .brand-eye{width:48px;height:38px}


/* Approved B1 logo: identical vector contours on light and dark themes. */
.brand-mark.brand-eye{
  display:block;flex:0 0 45px;width:45px;height:34px;
  border-radius:0;box-shadow:none;
  background-color:transparent!important;
  background-image:url("/static/brand/b1-symbol-light.svg?v=b1")!important;
  background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;
  mask:none!important;-webkit-mask:none!important;
}
:root[data-theme="dark"] .brand-mark.brand-eye {
  background-image:url("/static/brand/b1-symbol-dark.svg?v=b1")!important;
}
.brand .brand-light{font-weight:400;letter-spacing:-.025em;color:var(--fg)}
.login-card .brand-eye{flex-basis:49px;width:49px;height:39px}
.login-card .brand{gap:8px}
@media(max-width:760px){.sidebar .brand-eye{flex-basis:39px;width:39px;height:32px}}