.compatibility-filter{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr)) auto auto;gap:12px;align-items:end;margin:18px 0 28px;padding:16px;border:1px solid var(--line,#2c2d35);border-radius:18px;background:var(--panel,#121319)}
.compatibility-filter label,.compatibility-check-grid label{display:block;margin:0 0 7px;color:var(--muted,#a1a4b0);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.compatibility-filter select,.compatibility-check-grid select{width:100%;min-height:44px}
.compatibility-badges{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
.compatibility-badges span{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--accent,#ff3b3b) 27%,var(--line,#2c2d35));border-radius:999px;background:color-mix(in srgb,var(--accent,#ff3b3b) 8%,transparent);color:var(--text,#f7f7f8);font-size:.7rem;font-weight:700}
.store-main .product-card{--product-card-height:438px}
.product-card .compatibility-badges{flex-wrap:nowrap;min-height:25px;overflow:hidden}
.product-card .compatibility-badges span{flex:0 0 auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-compatibility{margin:20px 0;padding:20px;border:1px solid var(--line,#2c2d35);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel,#121319) 94%,var(--accent,#ff3b3b)),var(--panel,#121319))}
.compatibility-unconfigured p{color:var(--muted,#a1a4b0);line-height:1.6}.compatibility-unconfigured .button{margin-top:4px}
.compatibility-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}
.compatibility-heading h2{margin:3px 0 0;font-size:1.35rem}
.compatibility-state{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent,#ff3b3b) 13%,transparent);color:var(--accent,#ff4b4b);font-size:.72rem;font-weight:800}
.compatibility-check-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:17px}
.compatibility-result{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:.9rem;font-weight:650}
.compatibility-result.compatible{border:1px solid #1d8b5b;background:rgba(25,185,112,.11);color:#71e8ad}
.compatibility-result.incompatible{border:1px solid #a63f45;background:rgba(236,65,75,.1);color:#ff969c}
.compatibility-result.review{border:1px solid #9c7426;background:rgba(232,164,40,.1);color:#ffd27c}
.compatibility-detail-list{display:grid;gap:10px;margin-top:14px}
.compatibility-detail-list>div{padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--surface,#17181f) 90%,transparent)}
.compatibility-detail-list p{margin:5px 0 0;color:var(--muted,#a1a4b0);line-height:1.55}
.compatibility-warning{display:flex;gap:10px;margin-top:12px;padding:12px 14px;border-left:3px solid #e5a830;border-radius:8px;background:rgba(229,168,48,.1);color:var(--text,#f7f7f8)}
.compatibility-warning.important{border-color:var(--accent,#ff4646);background:color-mix(in srgb,var(--accent,#ff4646) 10%,transparent)}
.compatibility-admin-fields{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid var(--line,#2c2d35);border-radius:16px}
.compatibility-admin-fields legend{padding:0 8px;font-size:1rem;font-weight:800}
.compatibility-device-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px}
.compatibility-device-grid label,.compatibility-vpn-toggle{display:flex!important;align-items:center;gap:7px;min-height:42px;padding:9px 10px;border:1px solid var(--line,#2c2d35);border-radius:10px;margin:0!important}
.compatibility-device-grid input,.compatibility-vpn-toggle input{width:auto!important;margin:0}
@media(max-width:900px){.compatibility-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.compatibility-filter .button{width:100%}.compatibility-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.compatibility-filter,.compatibility-check-grid{grid-template-columns:1fr}.product-compatibility{padding:15px}.compatibility-heading{align-items:flex-start}.compatibility-state{white-space:nowrap}.compatibility-warning{flex-direction:column}.compatibility-device-grid{grid-template-columns:1fr 1fr}.store-main .product-card{--product-card-height:auto}}