/* Independent direct-purchase cards. No legacy hardware grid/flip overrides. */
#custom-hardware-panel{padding:18px!important;background:#f5f8fc;border:1px solid #dbe6f0;border-radius:16px}
#custom-hardware-panel .fw-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:16px;background:#fff;border:1px solid #d9e4ef;border-radius:12px}
.fw-toolbar label{display:flex;flex-direction:column;gap:6px;font:600 12px/1.4 'Segoe UI',sans-serif;color:#57718a}.fw-toolbar input,.fw-toolbar select{box-sizing:border-box;width:170px;height:42px;border:1px solid #c9d9e8;border-radius:8px;padding:0 12px;color:#123854;background:#f8fbff;font:400 14px 'Segoe UI',sans-serif}.fw-toolbar .fw-search input{width:240px}
.fw-list-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0 4px;font-size:13px;color:#5a7187}.fw-list-meta>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fw-list-meta button,.fw-edit{border:0;background:transparent;color:#006ca4;padding:6px;font:600 12px 'Segoe UI',sans-serif;cursor:pointer}.fw-list-meta label{display:flex;align-items:center;gap:5px}
.fw-status{margin:6px 0;min-height:18px;font-size:13px;color:#315c7b}
#custom-hardware-panel .fw-grid{display:grid;grid-template-columns:repeat(auto-fit,320px);gap:16px;align-items:start;justify-content:start}
.fw-card{box-sizing:border-box;width:320px;display:flex;flex-direction:column;gap:12px;padding:14px;background:#fff;border:1px solid #d2e1ed;border-radius:14px;color:#123854;box-shadow:0 3px 8px #173b5d05;transition:border-color .15s,box-shadow .15s}.fw-card:hover{border-color:#90bad5;box-shadow:0 5px 14px #173b5d10}
.fw-visual{height:150px;position:relative;background:#f4f8fc;border-radius:10px;overflow:hidden}.fw-photo{position:absolute;inset:7px 78px 12px 12px;display:grid;place-items:center}.fw-photo img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.fw-photo img[hidden],.fw-no-photo[hidden]{display:none}.fw-no-photo{font-size:12px;color:#8394a4}.fw-colors{position:absolute;right:10px;top:12px;display:grid;grid-template-columns:24px 24px;gap:9px}.fw-colors button{width:24px;height:24px;border-radius:50%;background:var(--swatch);border:3px solid white;outline:1px solid #bfccd7;cursor:pointer;padding:0}.fw-colors button[aria-pressed=true]{outline:2px solid #008ac0;outline-offset:2px}.fw-color-name{position:absolute;bottom:7px;right:10px;max-width:90px;font-size:10px;text-align:right;color:#426079}
#custom-hardware-panel .fw-grid{align-items:stretch}.fw-price{margin-top:auto}
.fw-photo img{position:absolute;inset:0;min-width:0;min-height:0;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.fw-heading{min-height:57px}.fw-heading small{font-size:10px;letter-spacing:.8px;color:#74899d;text-transform:uppercase;font-weight:700}.fw-heading h3{margin:5px 0 0;font:700 16px/1.4 'Segoe UI',sans-serif;color:#063e69;overflow-wrap:anywhere}
.fw-storage{display:flex;flex-wrap:wrap;gap:6px;min-height:30px;align-items:center}.fw-storage button,.fw-storage>span{padding:6px 9px;border-radius:6px;border:1px solid #d7e1eb;background:#fff;color:#456079;font:600 12px 'Segoe UI',sans-serif}.fw-storage button{cursor:pointer}.fw-storage button[aria-pressed=true]{background:#eaf5fc;border-color:#6eb6df;color:#005984}
.fw-price{display:flex;justify-content:space-between;align-items:end;gap:8px;border-top:1px solid #e7edf3;padding-top:13px;min-height:48px}.fw-price small{display:block;color:#6a8194;font-size:11px}.fw-price strong{display:block;font:750 23px/1.4 'Segoe UI',sans-serif;color:#003b75;font-variant-numeric:tabular-nums}.fw-edit{max-width:86px;text-align:right}
.fw-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.fw-reference{font:400 10px monospace;color:#8a97a3}.fw-add,.fw-primary{border:1px solid #00669f;border-radius:8px;background:#006da8;color:#fff;padding:11px 13px;font:600 13px 'Segoe UI',sans-serif;cursor:pointer}.fw-add:disabled{background:#eef3f7;color:#8191a0;border-color:#e0e7ed;cursor:default}.fw-empty{padding:35px;color:#587187}.fw-empty button{display:block;margin-top:14px}
.fw-dialog{box-sizing:border-box;width:480px;max-width:94vw;max-height:90vh;overflow:auto;border:1px solid #c7d9e7;border-radius:16px;padding:24px;background:white;color:#183c59;font:14px/1.5 'Segoe UI',sans-serif;box-shadow:0 20px 90px #14344d44}.fw-dialog::backdrop{background:#18364f66}.fw-dialog h2{font-size:21px;margin:0 0 12px}.fw-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-weight:600}.fw-dialog input{box-sizing:border-box;max-width:100%;width:100%;height:45px;padding:10px;border-radius:8px;border:1px solid #c7d9e7;font:17px 'Segoe UI',sans-serif}.fw-dialog footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.fw-dialog button:not(.fw-primary){border:1px solid #c7d9e7;background:#f5f9fc;border-radius:7px;padding:9px 12px;color:#174a6e;cursor:pointer}.fw-dialog [role=status]{color:#a42e36}.fw-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fw-dialog [data-margin]{background:#f0f7fc;border-radius:8px;padding:10px}.fw-dialog small{color:#677f93}.fw-image-dialog{width:720px}.fw-image-dialog>img{width:100%;height:65vh;object-fit:contain}.fw-image-dialog>button{float:right}.fw-price-list{width:700px}.fw-price-list [data-list]{margin-top:12px;max-height:55vh;overflow:auto}.fw-price-list [data-key]{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:15px;margin:5px 0}.fw-price-list [data-key]>span:last-child{white-space:nowrap;font-size:12px}
.fw-card button:focus-visible,.fw-toolbar :focus-visible,.fw-dialog :focus-visible{outline:3px solid #59b2e2;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.fw-card{transition:none}}