.customer-catalog .filter-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);align-items:start;gap:18px}.customer-catalog .filter-panel>label{grid-column:auto;min-width:0;width:100%}.customer-catalog .manufacturer-picker{max-width:none;width:100%}.customer-catalog #manufacturerTrigger,.customer-catalog #searchInput{height:54px}
.workspace-menu{position:relative;margin-left:auto;z-index:60}.workspace-menu>summary{cursor:pointer;list-style:none;border:1px solid #67c8b7;border-radius:12px;padding:12px 18px;color:#e3fffa;background:#142825}.workspace-menu>summary::after{content:' ☰';margin-left:8px}.workspace-menu-content{position:absolute;right:0;top:calc(100% + 10px);width:260px;border:1px solid #3b625e;border-radius:16px;background:#0e2023;padding:18px;box-shadow:0 18px 50px #0009;display:grid;gap:12px}.workspace-menu-content .top-actions,.workspace-menu-content .account-nav{display:grid!important;margin:0!important;gap:10px}.workspace-menu-content .language-picker{margin:0}.workspace-menu-content a,.workspace-menu-content button{width:100%;box-sizing:border-box}.inspection-help{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:30px 0;color:#a5babd;font-size:14px}.inspection-help .issue-trigger{font-size:13px;padding:9px 13px;background:transparent}
.zoom-controls input[type=range]{appearance:none;height:8px;border-radius:10px;background:linear-gradient(to right,#64dec7 var(--zoom-fill,0%),#233c45 var(--zoom-fill,0%));cursor:ew-resize;box-shadow:inset 0 1px 3px #0006;touch-action:pan-y}.zoom-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border:4px solid #b6fff0;border-radius:50%;background:#1eaa93;box-shadow:0 0 0 5px #68dfc51c,0 2px 9px #0007;transition:box-shadow .18s,transform .18s}.zoom-controls input[type=range]:hover::-webkit-slider-thumb,.zoom-controls input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 8px #68dfc530,0 0 20px #55dbb970;transform:scale(1.12)}.zoom-controls input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}.zoom-controls button{transition:transform .16s,background .16s}.zoom-controls button:active{transform:scale(.9)}
.catalog-welcome{max-width:490px;width:calc(100% - 48px);padding:36px;border:1px solid #4f968a;border-radius:26px;background:radial-gradient(ellipse at top right,#1e4541,#0d1c23 75%);color:#ecfffc;box-shadow:0 30px 100px #000b;animation:welcome-in .4s ease-out}.catalog-welcome::backdrop{background:#030b10bc;backdrop-filter:blur(6px)}.catalog-welcome h2{font-size:32px;line-height:1.13;margin:15px 0}.catalog-welcome p{color:#bbcecf;line-height:1.7}.welcome-board{display:grid;place-items:center;border:1px solid #65d9bf;width:56px;height:56px;border-radius:17px;color:#85efdc;font-size:30px;margin-bottom:24px;box-shadow:0 0 28px #6efbd326}.welcome-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.welcome-actions a,.welcome-actions button{padding:13px 17px;text-decoration:none;border-radius:10px;font:inherit}.welcome-actions .button-primary{background:#82e6d2;color:#09271f}.welcome-actions button{background:transparent;border:1px solid #567b76;color:#e4f7f3}@keyframes welcome-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.customer-repair .section-nav{display:flex!important;flex-wrap:wrap;gap:10px;margin:28px 0 38px;padding:18px;background:#12272d;border:1px solid #305050;border-radius:18px}.customer-repair .section-nav a{border-radius:9px;padding:10px 14px;color:#b7eee3;background:#193737;text-decoration:none}.customer-repair .repair-section{scroll-margin-top:26px}.lesson-purpose{color:#80ddcc;font-size:16px;margin:-8px 0 26px}.lesson-next{display:inline-block;color:#8fead8;margin-top:24px;padding:13px 0;text-decoration:none}.customer-repair .academy-image img{opacity:1!important}.customer-repair .lesson-figure{opacity:1}
@media(max-width:560px){.customer-catalog .filter-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px}.customer-catalog .filter-panel input,.customer-catalog #manufacturerTrigger{font-size:13px;padding:10px}.customer-catalog .filter-panel label>span{font-size:11px}.inspection-help{flex-direction:column;align-items:flex-start}.catalog-welcome{padding:24px}.catalog-welcome h2{font-size:27px}.workspace-menu-content{right:0}}
@media(prefers-reduced-motion:reduce){.catalog-welcome,.connection-overlay path[data-route-id].is-active{animation:none}.zoom-controls *{transition:none!important}}
.workspace-menu-content>.language-picker{width:100%;max-width:none;display:block}.workspace-menu-content>.language-picker>button,.workspace-menu-content>.language-picker>summary,.workspace-menu-content>a,.workspace-menu-content .top-actions>a,.workspace-menu-content .account-nav>a{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin:0;padding:12px 16px;box-sizing:border-box;text-decoration:none;font-size:14px;font-weight:600}.workspace-menu-content .language-picker .language-menu{right:0;left:0;width:100%;box-sizing:border-box}
.workspace-menu-content .language-picker{width:100%;max-width:none;display:block}.workspace-menu-content .language-trigger{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin:0;padding:12px 16px;box-sizing:border-box;font-size:14px;font-weight:600}

.workspace-menu-content>nav{display:flex;flex-direction:column;width:100%;gap:12px;margin:0}.workspace-menu-content>nav>a{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin:0;padding:12px 16px;box-sizing:border-box;text-decoration:none;font-size:14px;font-weight:600}

/* First-visit welcome: visual introduction to the repair guide. */
.catalog-welcome{box-sizing:border-box;width:min(1020px,calc(100% - 40px));max-width:1020px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #49615d;border-radius:24px;background:#f3f2eb;color:#172d2b;overflow:auto;box-shadow:0 32px 110px #000a}.catalog-welcome::backdrop{background:#061411c9;backdrop-filter:blur(9px)}.welcome-layout{display:grid;grid-template-columns:1fr 1fr}.welcome-copy{padding:38px 40px 36px}.welcome-brand{display:flex;align-items:center;gap:10px;margin-bottom:42px;font-weight:800;font-size:16px;letter-spacing:2px}.welcome-brand img{object-fit:contain}.welcome-brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:3px}.welcome-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#4c7165}.catalog-welcome h2{font-size:clamp(30px,3.1vw,42px);font-weight:650;letter-spacing:-1.6px;line-height:1.12;margin:17px 0}.catalog-welcome h2 em{font-style:normal;color:#2c8065}.catalog-welcome #welcomeDescription{color:#5d6b64;font-size:14px;line-height:1.8;margin:0;max-width:350px}.welcome-topics{display:grid;gap:14px;margin:25px 0;color:#64927f;font-size:11px}.welcome-topics span{display:flex;gap:13px;align-items:center}.welcome-topics b{font-size:12px;color:#334d41;font-weight:550}.catalog-welcome .welcome-actions{display:grid;gap:14px;margin-top:28px}.catalog-welcome .welcome-guide{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#173e32;color:white;border:0;border-radius:9px;font-size:14px;font-weight:650;box-shadow:0 5px 15px #163e3218}.welcome-guide span{font-size:22px;line-height:1}.catalog-welcome .welcome-browse{border:0;background:transparent;color:#53685e;font-size:12px;padding:6px;cursor:pointer;text-align:center}.catalog-welcome .welcome-close{position:absolute;right:14px;top:12px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:50%;background:#15352f;color:white;font-size:24px;cursor:pointer}.catalog-welcome :is(a,button):focus-visible{outline:3px solid #49b898;outline-offset:4px}.welcome-gallery{padding:42px 28px 24px;background:radial-gradient(ellipse at 60% 20%,#264c41,#0e2924 75%);color:#e9f4ec;display:flex;flex-direction:column;justify-content:center}.welcome-gallery-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#9fc0ae;margin:18px 0 24px}.welcome-gallery figure{margin:0;overflow:hidden}.welcome-hero-image{border:1px solid #54736666;border-radius:15px;background:radial-gradient(ellipse at center,#4d766040,#23423830);padding:14px 0 20px}.welcome-hero-image img{display:block;width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 20px 14px #0004)}.welcome-hero-image figcaption{display:grid;gap:8px;padding:0 20px}.welcome-hero-image figcaption span{font-size:9px;letter-spacing:1.8px;color:#9fc6b5}.welcome-hero-image figcaption strong{font-size:18px;line-height:1.35;font-weight:500;max-width:240px}.welcome-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.welcome-image-pair figure{border:1px solid #54736666;border-radius:13px;background:#adcab909}.welcome-image-pair img{display:block;width:100%;height:112px;object-fit:contain;padding:6px;box-sizing:border-box}.welcome-image-pair figcaption{display:flex;justify-content:space-between;padding:8px 13px 14px;font-size:12px;color:#cbe2d6}.catalog-welcome .welcome-gallery-note{font-size:10px;letter-spacing:.3px;text-align:center;color:#91b2a3;margin:18px 0 0}
@media(max-width:700px){.catalog-welcome{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.welcome-layout{grid-template-columns:1fr}.welcome-copy{padding:26px 26px 22px}.welcome-brand{margin-bottom:25px}.catalog-welcome h2{font-size:34px}.catalog-welcome #welcomeDescription{max-width:none;font-size:13px}.welcome-topics{gap:11px;margin:20px 0}.catalog-welcome .welcome-actions{margin-top:20px}.welcome-gallery{padding:18px 22px 22px}.welcome-gallery-heading{margin:0 0 14px}.welcome-hero-image img{height:135px}.welcome-hero-image figcaption strong{font-size:16px;max-width:none}.welcome-image-pair img{height:95px}.catalog-welcome .welcome-close{background:#e7ece4;border-color:#cad9ca;color:#274d3d}.welcome-kicker{font-size:9px}}
.catalog-welcome button.welcome-browse{background:transparent!important;border:0!important;box-shadow:none!important;color:#53685e!important}.catalog-welcome button.welcome-browse:hover{color:#173e32!important;text-decoration:underline}.catalog-welcome a.welcome-guide:hover{background:#245743}
/* Compact welcome dialog: leave the catalog visible around the card. */
.catalog-welcome{width:min(700px,calc(100% - 64px));max-width:700px;max-height:78dvh;border-radius:20px;margin:auto;box-shadow:0 24px 70px #0007}.catalog-welcome::backdrop{background:#06141170;backdrop-filter:blur(2px)}.welcome-layout{grid-template-columns:1.15fr 1fr}.welcome-copy{padding:28px}.welcome-brand{margin-bottom:24px;font-size:13px}.welcome-brand img{width:25px;height:28px}.welcome-kicker{font-size:8px;letter-spacing:1.4px}.catalog-welcome h2{font-size:29px;letter-spacing:-1px;margin:13px 0}.catalog-welcome #welcomeDescription{font-size:13px;line-height:1.65}.welcome-topics{display:none}.catalog-welcome .welcome-actions{gap:9px;margin-top:22px}.catalog-welcome .welcome-guide{padding:13px 15px;font-size:13px}.catalog-welcome .welcome-browse{font-size:11px}.welcome-gallery{padding:44px 18px 22px}.welcome-gallery-heading{font-size:8px;letter-spacing:1px;margin:0 0 14px}.welcome-gallery-heading>span:last-child{display:none}.welcome-hero-image{padding:5px 0 14px;border-radius:11px}.welcome-hero-image img{height:112px}.welcome-hero-image figcaption{padding:0 13px;gap:7px}.welcome-hero-image figcaption span{font-size:8px}.welcome-hero-image figcaption strong{font-size:14px}.welcome-image-pair{gap:8px;margin-top:8px}.welcome-image-pair img{height:72px}.welcome-image-pair figcaption{padding:4px 9px 10px;font-size:10px}.catalog-welcome .welcome-gallery-note{font-size:9px;margin-top:12px}.catalog-welcome .welcome-close{width:30px;height:30px;right:10px;top:10px;font-size:20px}
@media(max-width:600px){.catalog-welcome{width:calc(100% - 48px);max-width:380px;max-height:78dvh;border-radius:18px}.welcome-layout{display:flex;flex-direction:column}.welcome-copy{padding:24px 22px 18px}.welcome-brand{margin-bottom:16px}.welcome-kicker{font-size:8px}.catalog-welcome h2{font-size:27px;margin:11px 0}.catalog-welcome #welcomeDescription{font-size:12px;line-height:1.6}.catalog-welcome .welcome-actions{margin-top:17px}.welcome-gallery{padding:12px 16px;display:grid;grid-template-columns:1.2fr 1fr;gap:8px;align-items:center}.welcome-gallery-heading,.welcome-hero-image figcaption,.welcome-image-pair figcaption,.catalog-welcome .welcome-gallery-note{display:none}.welcome-hero-image{padding:0;border:0;background:none}.welcome-hero-image img{height:70px}.welcome-image-pair{gap:4px;margin:0}.welcome-image-pair figure{border:0;background:none}.welcome-image-pair img{height:60px;padding:0}.catalog-welcome .welcome-close{background:#e7ece4;border-color:#cad9ca;color:#274d3d}}