:root{font-family:Segoe UI,Arial,sans-serif;color:#143340;background:#edf2f5;font-size:16px;--ink:#0b3441;--accent:#f28a27}*{box-sizing:border-box}body{margin:0}header{height:86px;background:var(--ink);color:white;padding:0 3%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:1px}.brand small{display:block;font-size:12px;letter-spacing:1.6px;color:#b9cbd3;margin-top:4px}.mark{background:var(--accent);color:var(--ink);width:43px;height:43px;border-radius:8px;display:grid;place-items:center;font-size:30px}.demo{font-size:14px;border:1px solid #69848e;padding:8px 12px;border-radius:5px}main{padding:24px 3%}.intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}h1{font-size:25px;margin:0}#coverage{font-size:14px;color:#506975}.selectors{display:grid;grid-template-columns:.7fr .8fr 1.2fr 1.4fr 1.6fr;gap:12px;background:white;padding:18px;border-radius:8px;border-top:3px solid var(--accent)}label{font-size:14px;font-weight:650;color:#526a75}select{width:100%;display:block;margin-top:8px;padding:11px 8px;border:1px solid #bdcdd4;border-radius:5px;font:inherit;font-weight:500;background:white;color:var(--ink);min-width:0}.path{font-size:14px;padding:18px 2px;color:#526a75;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:18px}.drawing,.parts{background:white;border:1px solid #d7e1e6;border-radius:8px;overflow:hidden}.toolbar{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #d7e1e6}.eyebrow{font-size:12px;letter-spacing:1px;color:#667e89}h2{font-size:17px;margin:5px 0;line-height:1.4}.tools{display:flex;gap:6px;align-items:center;flex-shrink:0}button{font:inherit;font-size:14px;background:#fff;border:1px solid #bdcdd4;border-radius:5px;color:var(--ink);padding:8px 11px;cursor:pointer}button:hover{background:#edf4f6}button:focus-visible,select:focus-visible,#viewport:focus-visible{outline:3px solid #e28b32;outline-offset:2px}button:disabled{opacity:.4;cursor:default}output{font-size:13px;width:44px;text-align:center}#viewport{height:60vh;min-height:330px;overflow:auto;position:relative;background:#fff;cursor:grab;touch-action:pan-x pan-y}#viewport.dragging{cursor:grabbing;user-select:none}#stage{position:relative;width:100%;line-height:0}#image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.spot{position:absolute;padding:0;min-width:12px;min-height:12px;border:1px solid transparent;border-radius:2px;background:transparent}.spot:hover{background:#f28a2750;border-color:#f28a27}.spot.selected{background:#f28a2770;border:2px solid #df6c00;box-shadow:0 0 0 2px #fff}.drawingFoot{font-size:13px;color:#607782;padding:12px 16px;border-top:1px solid #d7e1e6;display:flex;justify-content:space-between;gap:10px;align-items:center}.drawingFoot>div{display:flex;gap:7px}.partsHead{padding:17px 16px;display:flex;justify-content:space-between;align-items:center}.partsHead span{font-size:13px;color:#607782}#detail{margin:0 16px 15px;background:#f1f5f7;padding:14px;border-left:3px solid var(--accent);font-size:14px;line-height:1.5;min-height:84px;overflow-wrap:anywhere}#detail strong{font-size:18px;color:#0b3441}#detail p{margin:6px 0}#tableViewport{max-height:55vh;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead{position:sticky;top:0;background:#eaf1f4;z-index:1}th{text-align:left;padding:12px 10px;font-size:13px;color:#486570}td{padding:11px 10px;border-bottom:1px solid #e1e9ed;vertical-align:top}tbody tr{cursor:pointer}tbody tr:hover{background:#f3f7f9}tbody tr.selected{background:#fff0dd}td small{display:block;color:#5b7380;font-size:13px;line-height:1.45;margin-top:5px}td:nth-child(2){overflow-wrap:anywhere}td button{padding:5px 8px;font-size:13px}footer{font-size:13px;color:#607782;margin-top:20px;line-height:1.6}@media(max-width:1100px){.selectors{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.toolbar,.drawingFoot{flex-wrap:wrap}}@media(max-width:760px){header{padding:14px 16px;height:auto;gap:12px}.brand{font-size:17px}.brand small{font-size:10px}.demo{font-size:12px;padding:5px}main{padding:18px 12px}.intro{align-items:flex-start;flex-direction:column;gap:7px}.selectors{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.selectors label:last-child{grid-column:1/-1}.workspace{grid-template-columns:minmax(0,1fr)}#viewport{height:55vh}.toolbar{padding:12px}#tableViewport{max-height:50vh}.path{font-size:13px}h1{font-size:22px}}

[hidden]{display:none!important}.categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.categories button{padding:13px 22px;font-size:16px;font-weight:650;border-color:#bbccd4}.categories button[aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink);box-shadow:inset 0 -3px var(--accent)}#emptyCategory{background:white;border:1px solid #d7e1e6;border-radius:8px;padding:32px;margin-bottom:20px}#emptyCategory h2{font-size:22px}#emptyCategory p{color:#526a75}@media(max-width:760px){.categories{display:grid;grid-template-columns:1fr 1fr;gap:8px}.categories button{padding:12px 8px;font-size:14px}}

.inquiry{background:white;border:1px solid #d7e1e6;border-top:3px solid var(--accent);border-radius:8px;padding:22px;margin-top:22px}.inquiryTop{display:flex;justify-content:space-between;gap:14px;align-items:center}.inquiryTop a{color:#0b596e;font-size:14px}.inquiry h2{font-size:21px}.inquiry p{font-size:14px;line-height:1.6}.addPart,.primary{background:var(--ink);color:white;border-color:var(--ink)}.addPart:hover,.primary:hover{background:#16566b}.addPart{margin:4px 0 12px}#inquiryItems{display:grid;gap:10px;margin:16px 0}.inquiryItem{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:16px;align-items:center;background:#f1f5f7;padding:14px;border-radius:5px}.inquiryItem small{display:block;font-size:13px;color:#526a75;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.inquiry input,.inquiry textarea{display:block;width:100%;padding:10px;font:inherit;margin-top:6px;border:1px solid #bdcdd4;border-radius:5px}.contactFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.inquiry details{margin-top:16px;font-size:14px}.inquiry pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Segoe UI,Arial;background:#f1f5f7;padding:14px}.inquiryActions{display:flex;flex-wrap:wrap;gap:10px}.inquiryHelp{color:#526a75}@media(max-width:760px){.inquiry{padding:16px}.inquiryTop{align-items:flex-start;flex-direction:column}.contactFields{grid-template-columns:1fr}.inquiryItem{grid-template-columns:minmax(0,1fr) 90px}.inquiryItem>button{grid-column:1/-1;justify-self:start}}

.partSearch{background:white;padding:18px;border:1px solid #d7e1e6;border-radius:8px;margin-bottom:18px}.searchControls{display:flex;gap:10px;margin-top:7px}.searchControls input{font:inherit;padding:11px;border:1px solid #bdcdd4;border-radius:5px;width:min(420px,100%);min-width:0}.partSearch p{font-size:14px;color:#526a75;margin:10px 0 0}#searchResults{max-height:340px;overflow:auto}.searchResult{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #e1e9ed}.searchResult small{display:block;font-size:13px;color:#526a75;line-height:1.5;margin-top:4px}.searchResult div{min-width:0;overflow-wrap:anywhere}.searchResult button{flex-shrink:0}@media(max-width:760px){.searchControls{flex-wrap:wrap}.searchControls input{width:100%}.searchResult{align-items:flex-start;flex-direction:column;gap:8px}}

#nodeSearch{display:block;width:100%;min-width:0;margin-top:8px;font:inherit;font-size:14px;font-weight:400;padding:8px;border:1px solid #bdcdd4;border-radius:5px}#nodeSearch+select{margin-top:6px}

.favorites{background:white;border:1px solid #dce4e6;border-radius:12px;padding:18px;margin:18px 0}.favoriteHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.favoriteHead h2{font-size:18px;margin:0}.favorites p{font-size:13px;color:#52676f}.favoriteItem{display:flex;gap:10px;align-items:center;border-top:1px solid #e5ebed;padding:10px 0}.favoriteItem>button:first-child{text-align:left;flex:1;min-width:0}.favoriteItem span,.favoriteItem small{display:block;overflow-wrap:anywhere}.favoriteItem small{color:#52676f;margin-top:4px}@media(max-width:600px){.favoriteHead{align-items:flex-start;flex-direction:column}.favoriteItem{align-items:stretch;flex-direction:column}}


.originalName{display:block;font-size:12px;font-weight:400;color:#607782;line-height:1.5;margin-top:4px}.tools{max-width:100%}

.machines{background:white;border:1px solid #d7e1e6;border-radius:8px;padding:18px;margin-bottom:18px}.machines p{font-size:13px;color:#526a75;line-height:1.5}#saveMachineForm{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:end}.machines input{display:block;width:100%;min-width:0;margin-top:8px;padding:11px 8px;font:inherit;border:1px solid #bdcdd4;border-radius:5px}.savedMachine{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #d7e1e6;padding:12px 0;margin-top:12px}.savedMachine>div{flex:1;min-width:180px;overflow-wrap:anywhere}.savedMachine small{display:block;color:#526a75;margin-top:5px}@media(max-width:760px){#saveMachineForm{grid-template-columns:1fr}.savedMachine{align-items:stretch}.savedMachine>div{flex-basis:100%}}

#projectForm{display:grid;gap:12px}#projectForm textarea{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #bdcdd4;border-radius:5px;font:inherit}#projectForm button{justify-self:start}.inquiryItem a{color:#0b596e}

.portalNav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.portalNav a{display:block;padding:10px 13px;background:white;border:1px solid #bdcdd4;border-radius:5px;color:#0b3441;text-decoration:none;font-size:14px}.portalNav a:hover{background:#fff0dd}.catalogInfo{background:#fff;padding:14px;border:1px solid #d7e1e6;border-radius:8px;margin-bottom:16px;font-size:14px}.catalogInfo summary{cursor:pointer;font-weight:600}.catalogInfo dl{display:grid;grid-template-columns:1fr 2fr;gap:10px}.catalogInfo dt{font-weight:600}.catalogInfo dd{margin:0}#schemeLinkStatus input{font:inherit;padding:8px;margin-top:6px;border:1px solid #bdcdd4;border-radius:5px}@media(max-width:760px){.catalogInfo dl{grid-template-columns:1fr}.portalNav a{flex-grow:1}}


.workspaceFold summary{cursor:pointer;font-weight:650;font-size:16px;padding:5px 0;color:#0b3441}.workspaceFold[open] summary{margin-bottom:12px}.workspaceFold summary:focus-visible{outline:3px solid #e28b32;outline-offset:3px}#myMachines,#repairProjects,#myFavorites,#myInquiry,#catalogSurface,#findParts{scroll-margin-top:14px}


.serviceAccess{padding:16px;background:#edf4f6;border-radius:8px;margin:16px 0}.serviceAccess select{max-width:440px}.serviceAccess p{font-size:13px}#serviceProfileForm{display:flex;align-items:end;flex-wrap:wrap;gap:10px}#serviceProfileForm label{flex:1;min-width:220px}input[readonly]{background:#e9eff2;color:#0b3441}


.fluidRow{display:grid;grid-template-columns:2fr 2fr 1fr .7fr auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #d7e1e6}#repairExtras h3,#machineHistory h3{font-size:16px}#repairExtras .inquiryActions{margin-top:18px}@media(max-width:760px){.fluidRow{grid-template-columns:1fr 1fr}.fluidRow>label:first-child,.fluidRow>label:nth-child(2){grid-column:1/-1}}


#serviceExtensions{border-bottom:1px solid #d7e1e6;padding-bottom:16px;margin-bottom:18px}#serviceExtensions input[type=checkbox]{display:inline;width:auto}.photoCard{padding:10px;border:1px solid #d7e1e6;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.photoCard img{display:block;width:100%;max-height:280px;object-fit:contain;margin-bottom:8px}#photoPreview,.historyPhotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}@media(max-width:760px){#photoPreview,.historyPhotos{grid-template-columns:1fr}}
