/* «سجل الشعارات» (public/icon-registry-box.js). Reuses the .cf-ov/.cf-pop pop-up from cf-box.css; only the icon grid is new. Tokens only. */
.ir-pop{width:min(760px,100%);height:88vh}
.ir-b{display:flex;flex-direction:column;flex:1;min-height:0}
.ir-acts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ir-q{margin-bottom:10px}
.ir-list{display:flex;flex-direction:column}
.ir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ir-it{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border:.5px solid var(--stroke);border-radius:14px;background:var(--chrome);min-width:0}
.ir-it b{font-size:13px;line-height:1.4}
.ir-it small{font-size:11px;color:var(--text3);overflow-wrap:anywhere}
/* theme-exempt: button placement in the icon card */ .ir-it .btn{margin-top:4px}
.ir-ic{display:block;width:56px;height:56px;border-radius:14px;background:var(--elevated)}
.ir-sw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.ir-swc{display:flex;align-items:center;gap:10px;padding:8px;border:.5px solid var(--stroke);border-radius:14px;background:var(--elevated)}
.ir-swc i{flex:none;width:32px;height:32px;border-radius:10px;border:.5px solid var(--stroke)}
.ir-swc b{display:block;font-size:13px}.ir-swc small{display:block;font-size:11.5px;color:var(--text3)}
.ir-sizes{display:flex;align-items:flex-end;gap:14px;padding:12px;margin-bottom:8px;border:.5px solid var(--stroke);border-radius:14px;background:var(--elevated)}
.ir-sizes figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.ir-sizes img{display:block;border-radius:22%}
.ir-sizes figcaption{font-size:11px;color:var(--text3)}
.ir-rule{color:var(--text2);font-size:12.5px;line-height:1.6;overflow-wrap:anywhere}
.ir-code{margin:0;padding:10px;border:.5px solid var(--stroke);border-radius:12px;background:var(--chrome);color:var(--text2);font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}
@media (min-width:640px){.ir-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ir-sw{grid-template-columns:repeat(4,minmax(0,1fr))}}