#jobGearBrowser{border:1px solid #314654;border-radius:11px;background:#10202a;padding:16px;min-width:0}.job-browser-search{display:flex;gap:8px}.job-browser-search>input{flex:1}.job-browser-search .ghost{font-size:11px;white-space:nowrap;padding:9px}.job-browser-route{display:flex;align-items:center;gap:10px;padding:14px 0}.job-browser-route>.ghost{padding:6px 11px}.job-browser-route nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;min-width:0;color:#b4d6cd}.job-browser-route nav>button{font:inherit;border:0;color:#99b2c0;background:none;padding:4px;cursor:pointer}.job-browser-route nav>[aria-current]{font-weight:600;overflow-wrap:anywhere}.job-browser-route nav>button:hover{color:var(--accent2)}.job-browser-route nav>span:not([aria-current]){color:#526b7b}.job-browser-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 16px}.job-browser-heading h4{margin:0 0 6px;font-size:15px}.job-browser-heading>div>span{color:#8fa8b7;font-size:11px;line-height:1.6;display:block}.job-browser-heading>label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.job-browser-heading input{accent-color:var(--accent2)}.job-gear-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-browse-group{display:grid;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:7px 10px;padding:17px 13px;border:1px solid #35505a;background:linear-gradient(130deg,#1c343b,#182933);border-radius:9px;text-align:left;color:var(--text);font:inherit;cursor:pointer;min-height:92px}.job-browse-group:hover{border-color:#73baa9;background:#24443f}.job-browse-group>strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.job-browse-group>small{grid-column:2/-1;font-size:10px;color:#92aeb9;line-height:1.5}.job-browse-group>span:last-child:not(.job-group-icon):not(.job-family-dots){grid-row:1;grid-column:3;color:var(--accent2)}.job-group-icon{grid-row:1/3;color:#79d4bc;font-size:22px}.job-family-dots{display:flex;gap:5px;grid-column:2/-1;flex-wrap:wrap}.job-family-dots i{width:10px;height:10px;border:1px solid #fff4;border-radius:50%}.job-catalog-card{padding:14px;background:#152833;border:1px solid #314a58;border-top:3px solid var(--cable-colour,#547b85);border-radius:9px;display:flex;flex-direction:column;gap:9px;min-width:0}.job-catalog-title{display:grid;gap:7px}.job-catalog-title>strong{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.job-catalog-title>small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.job-catalog-title .cable-band{width:fit-content;white-space:normal}.job-catalog-stock{font-size:10px;color:#8dd3be;line-height:1.6;margin-top:auto}.job-catalog-planned{font-size:10px;color:#b7bfd0}.job-catalog-add{display:flex;gap:8px;align-items:flex-end}.job-catalog-add label{flex:1;min-width:0;font-size:10px}.job-catalog-add button{font-size:10px;padding:11px;white-space:nowrap}.job-catalog-add input{padding:9px!important}.unclassified-cable-card{background:#2b2822;border-color:#6a5940;grid-column:1/-1}.unclassified-cable-card .job-catalog-add{max-width:280px}.unclassified-cable-card .job-catalog-title>strong{color:#e0c18f}.job-browser-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:10px;color:var(--muted)}.job-browser-pages .ghost{font-size:11px;padding:8px 12px}.job-browser-pages[hidden]{display:none}#jobGearPickerError{font-size:12px;padding:0;margin:12px 0 0}#jobGearPickerError:empty{display:none}.job-plan-heading{padding-top:10px;border-top:1px solid var(--line)}.job-plan-heading h4{font-size:14px;margin:0 0 7px}.job-plan-heading span{font-size:11px;color:var(--muted)}
@media(max-width:1000px){.job-browser-heading{flex-direction:column}.job-browse-group{padding:14px 10px;grid-template-columns:22px minmax(0,1fr) 12px;gap:7px}.job-catalog-add{flex-wrap:wrap}.job-catalog-add label{min-width:55px}.job-catalog-add button{flex:1}.job-gear-cards{gap:8px}}
@media(max-width:440px){.job-gear-cards{grid-template-columns:1fr}#jobGearBrowser{padding:12px}.job-browser-search{flex-wrap:wrap}.job-browser-search>input{flex-basis:100%}.job-catalog-add{flex-wrap:nowrap}.job-catalog-add button{flex:initial}}