[data-staff-tools="off"] [data-staff-tool] { display:none!important; }
.staff-tools-toggle { margin:0; }
.staff-tools-toggle button { display:flex; align-items:center; gap:.4rem; padding:.55rem; min-height:44px; background:white; border:1px solid #c2cee0; border-radius:7px; color:#03256a; font:inherit; font-size:.8rem; white-space:nowrap; }
.staff-tools-toggle strong { background:#03256a; color:white; border-radius:1rem; padding:.2rem .45rem; }
.staff-tools-toggle [aria-checked="false"] strong { background:#e5eaf2; color:#03256a; }
.staff-tools-desktop { margin-left:auto; }
.staff-tools-mobile { display:none; }
.shop-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1.25rem; }
.shop-tabs>a,.shop-tabs>button { display:flex; flex:1; justify-content:center; align-items:center; padding:.85rem 1rem; min-height:48px; border:2px solid #b8c8df; color:#03256a; background:white; font:inherit; font-weight:700; text-decoration:none; border-radius:9px; }
.shop-tabs [aria-current],.shop-tabs [aria-selected="true"] { background:#03256a; color:white; border-color:#03256a; }
.plate-panels { padding-block:1.4rem; }
.plate-panels .shop-tabs { margin-bottom:1rem; }
.plate-panels .shop-tabs a { flex-direction:column; gap:.2rem; }
.plate-panels .shop-tabs small { font-weight:400; font-size:.85rem; }
.plate-panels [role="tabpanel"][hidden],[data-art-kind][hidden],[data-department-product][hidden],[data-real-fastener][hidden] { display:none; }
.plate-selection { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:1rem; }
.plate-selection form,.plate-selection aside { border:1px solid #d2ddec; border-radius:12px; padding:1.2rem; background:white; }
.plate-selection .form-grid { margin-top:1rem; }
.plate-selection h2 { margin:0 0 .5rem; }
.plate-selection input,.plate-selection select { width:100%; }
.plate-quote-output { padding:1rem 0; min-height:9rem; }
.plate-quote-output p { margin:.4rem 0; }
.plate-quote-output strong { display:block; font-size:1.25rem; color:#03256a; }
.plate-quote-output small { display:block; }
.sheet-guidance { margin:1rem 0; padding:1rem; border-left:4px solid #03256a; background:#edf3fb; }
.department-tools { display:flex; flex-wrap:wrap; gap:1rem; align-items:end; margin:1rem 0; }
.department-tools label { flex:1; min-width:140px; }
.department-tools input,.department-tools select { width:100%; }
.real-fastener-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.8rem; }
.real-fastener-grid article { background:white; padding:1rem; border:1px solid #cad5e5; border-radius:9px; }
.real-fastener-grid h3 { margin:.2rem 0 .7rem; }
.demo-fastener-panel { margin-top:1rem; }
.demo-fastener-panel>summary { padding:1rem; background:#eaf0f8; cursor:pointer; }
.helper-shop-section:has(.shop-data-nav:only-child) { padding-block:.5rem; }
.filter-status { color:#03256a; font-size:.9rem; }
@media(max-width:1100px) { .staff-tools-desktop { display:none; } .staff-tools-mobile { display:block; padding:.7rem; border-top:1px solid #d6dfec; } .staff-tools-toggle button { width:100%; justify-content:space-between; } .primary-nav .staff-menu-link { display:block; } }
@media(max-width:800px) { .plate-selection { grid-template-columns:1fr; } .art-filters.shop-tabs { display:grid; grid-template-columns:1fr 1fr; } .plate-panels .shop-tabs { flex-wrap:nowrap; } .plate-panels .shop-tabs a { padding:.7rem .4rem; } }

[data-staff-tools="off"] .helper-shop-section:has(.shop-data-nav:only-child) { display:none; }