/* Bs2Fix device and board directory — clear, adaptable knowledge interface */
.device-catalog-page{--dc-ink:#263d59;--dc-muted:#6c849d;--dc-line:#dce7f2;max-width:100%;direction:rtl;padding-bottom:42px;font-family:Cairo,sans-serif;color:var(--dc-ink)}
.device-catalog-page *{box-sizing:border-box;min-width:0}
.device-catalog-hero,.device-detail-hero{background:linear-gradient(125deg,#e7f4ff 0%,#f5f9ff 63%,#ecfdf9);border:1px solid #d5e7f5;padding:30px;border-radius:22px}
.device-catalog-eyebrow{display:flex;align-items:center;gap:8px;color:#3376c4;font-size:11px;font-weight:900;margin-bottom:10px}
.device-catalog-hero h1,.device-detail-hero h1{font-size:clamp(21px,2.6vw,31px);font-weight:900;color:#1f456d;line-height:1.65;overflow-wrap:anywhere}
.device-catalog-hero p,.device-detail-hero p{font-size:12px;line-height:2;color:#63809c;max-width:660px;margin-top:8px}
.device-catalog-hero-links,.device-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.device-catalog-hero-links a,.device-detail-actions a{display:inline-flex;gap:8px;align-items:center;background:#2b73c4;color:white;border-radius:11px;padding:11px 15px;font-size:11px;font-weight:900}
.device-catalog-hero-links a.light,.device-detail-actions a.light{background:#fff;border:1px solid #c3d8ed;color:#2d6fba}
.device-catalog-disclaimer{display:flex;align-items:start;gap:9px;margin:15px 0;padding:13px 16px;background:#fff8eb;border:1px solid #f3e3bd;border-radius:12px;font-size:11px;font-weight:700;line-height:1.95;color:#927440}
.device-catalog-disclaimer i{margin-top:4px;color:#b68330}
.device-catalog-panel,.device-detail-section{border:1px solid var(--dc-line);border-radius:18px;background:#fff;overflow:hidden;margin-top:15px}
.device-catalog-panel-heading{padding:23px 22px 12px}.device-catalog-panel-heading h2{font-weight:900;font-size:18px}.device-catalog-panel-heading p{font-size:11px;color:var(--dc-muted);margin-top:4px}
.device-catalog-tabs{display:flex;flex-wrap:wrap;gap:9px;padding:0 22px;margin:6px 0 15px}
.device-catalog-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f2f6fc;color:#6381a5;border-radius:10px;font-size:12px;font-weight:900}
.device-catalog-tabs a.active{color:#236dbd;background:#e8f3ff}
.device-catalog-search{display:flex;align-items:end;gap:10px;padding:0 22px 24px}
.device-catalog-search label{flex:1;display:flex;flex-direction:column;gap:6px}
.device-catalog-search label span{font-size:11px;font-weight:800;color:#536d89}
.device-catalog-search input{width:100%;background:#fafcff;border:1px solid #d4e2f0;border-radius:11px;padding:11px 13px;min-height:44px;font-size:12px;color:#293e59;outline:none}
.device-catalog-search input:focus{border-color:#589be5;box-shadow:0 0 0 3px #5799df22}
.device-catalog-search button{min-height:44px;background:#2d73c3;color:white;border-radius:10px;padding:0 19px;display:inline-flex;align-items:center;gap:7px;font-weight:900;font-size:11px}
.device-catalog-clear{font-size:11px;color:#477bac;font-weight:900;margin-bottom:14px}
.device-catalog-topic{display:flex;align-items:center;gap:14px;padding:18px 21px;border-top:1px solid #e6edf5;color:#29425f;transition:background .15s}
.device-catalog-topic:hover{background:#f4f9ff}
.device-topic-icon{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eaf3fe;color:#3677c4;font-size:19px}
.device-topic-main{flex:1;display:flex;flex-direction:column;gap:3px}
.device-topic-main strong{font-size:13px;font-weight:900;overflow-wrap:anywhere;color:#27466a;line-height:1.7}
.device-topic-main small{font-size:10px;color:#8b9caf}
.device-topic-counts{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.device-topic-counts span{background:#f1f5fb;color:#6b839d;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}
.device-topic-arrow{color:#98aac0;font-size:11px}
.device-catalog-empty{text-align:center;padding:40px 20px;color:#8293aa}
.device-catalog-empty>i{font-size:27px;margin-bottom:11px}.device-catalog-empty strong{display:block;font-size:14px;font-weight:900;color:#597594}
.device-catalog-empty p{font-size:11px;line-height:2;margin:7px auto}.device-catalog-empty a{display:inline-flex;padding:9px 13px;background:#e7f2ff;color:#286bb9;font-size:11px;font-weight:900;border-radius:9px}
.device-catalog-pager{padding:20px}.device-catalog-note{border-top:1px solid #e6edf5;padding:14px 19px;font-size:10px;line-height:1.9;color:#8ba0b6}
.device-detail-back{display:inline-flex;align-items:center;gap:8px;color:#6285ab;font-size:11px;font-weight:900;margin-bottom:13px}
.device-detail-stats{display:flex;gap:11px;flex-wrap:wrap;margin-top:17px}
.device-detail-stats>span{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d8e7f6;padding:9px 13px;border-radius:10px;font-size:11px;color:#6783a0}
.device-detail-stats strong{font-size:17px;font-weight:900;color:#246dbd}
.device-detail-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px;border-bottom:1px solid #e5edf5}
.device-detail-heading h2{font-size:15px;font-weight:900;line-height:1.7;color:#2a496e}
.device-detail-heading h2 i{color:#3983cd;margin-left:7px}.device-detail-heading>span{font-size:11px;color:#8499b0}
.device-detail-item{padding:18px 20px;border-bottom:1px solid #e8eef5}
.device-detail-item:last-child{border:0}
.device-item-status{display:inline-flex;border-radius:20px;background:#ecf2fc;color:#5c7a9c;font-size:10px;font-weight:900;padding:5px 11px}
.device-item-status.solved{background:#e3f7ee;color:#21845f}
.device-detail-title{display:block;margin-top:10px;color:#286cae;font-size:14px;font-weight:900;line-height:1.8;overflow-wrap:anywhere}
.device-detail-title:hover{text-decoration:underline}
.device-detail-item>p{margin-top:5px;color:#6c839b;font-size:11px;line-height:2;overflow-wrap:anywhere}
.device-detail-meta{display:flex;gap:13px;flex-wrap:wrap;margin-top:11px;color:#8193a8;font-size:10px}
.device-context-links{display:flex;flex-wrap:wrap;gap:8px;padding:12px 15px;margin:15px 0;border:1px solid #d6e6f5;background:#f1f7ff;border-radius:12px}
.device-context-links a{display:inline-flex;gap:7px;align-items:center;color:#2a6cbb;font-size:11px;font-weight:900;padding:6px 10px;border-radius:8px;background:white;border:1px solid #d9e7f5}
.dark .device-catalog-page{--dc-ink:#e6f0fa;--dc-muted:#b6c6db;--dc-line:#334b67}
.dark .device-catalog-hero,.dark .device-detail-hero{background:linear-gradient(135deg,#1b3c62,#1a2d43 62%,#204039);border-color:#345573}
.dark .device-catalog-hero h1,.dark .device-detail-hero h1,.dark .device-detail-heading h2,.dark .device-catalog-panel-heading h2{color:#ebf5ff}
.dark .device-catalog-hero p,.dark .device-detail-hero p{color:#c0d5ea}
.dark .device-catalog-disclaimer{background:#3b321f;border-color:#6b5730;color:#f1d39a}
.dark .device-catalog-panel,.dark .device-detail-section{background:#192a40;border-color:#334b67}
.dark .device-catalog-tabs a,.dark .device-topic-counts span,.dark .device-topic-icon,.dark .device-item-status{background:#273e5b;color:#c3d9f1}
.dark .device-catalog-tabs a.active,.dark .device-item-status.solved{background:#235743;color:#b1f1d5}
.dark .device-catalog-search input{background:#243c56;border-color:#3b5775;color:#e4f0ff}
.dark .device-catalog-topic,.dark .device-detail-item,.dark .device-catalog-note,.dark .device-detail-heading{border-color:#334860}
.dark .device-catalog-topic:hover{background:#203751}
.dark .device-topic-main strong,.dark .device-detail-title{color:#add3ff}
.dark .device-topic-main small,.dark .device-detail-item>p,.dark .device-detail-meta{color:#b1c4d8}
.dark .device-detail-stats>span,.dark .device-context-links{background:#243a53;border-color:#3c5977;color:#cfdded}
.dark .device-context-links a{background:#2e4d6e;border-color:#4d7096;color:#d4e9ff}
@media(max-width:650px){.device-catalog-hero,.device-detail-hero{padding:19px}.device-catalog-search{flex-wrap:wrap;padding:0 15px 19px}.device-catalog-search label{flex-basis:100%}.device-catalog-panel-heading{padding:18px 15px 10px}.device-catalog-tabs{padding:0 15px}.device-catalog-topic{gap:9px;padding:15px 12px}.device-topic-icon{width:36px;height:36px;font-size:15px}.device-topic-main strong{font-size:12px}.device-topic-counts{flex-direction:column;gap:4px}.device-topic-counts span{font-size:9px;padding:5px 7px}.device-detail-heading,.device-detail-item{padding:14px}.device-topic-arrow{display:none}}
@media(max-width:360px){.device-catalog-topic{flex-wrap:wrap}.device-topic-counts{flex-direction:row;width:100%;padding-right:45px}.device-catalog-tabs a{font-size:10px;padding:9px}}