/* SmartBarkod — cihaz rozeti (ortak/rozet.js; STANDART.md §5.2): bilgisayar köşeli kare, telefon yuvarlak; 6 renk (sıra
   önemli, rozet.js PALET ile aynı; sunucu/rozet.test.mjs denetler). Renkler sınıflarla: panelin CSP'si satır içi stile izin
   vermez. Boyut varsayılan 30px; --sm 22, --lg 46, --xl 76; başka boyut rozet.js'te --sb-rozet-boyut ile. */
.sb-rozet{--sb-rozet-boyut:30px;flex:none;display:inline-grid;place-items:center;box-sizing:border-box;width:var(--sb-rozet-boyut);height:var(--sb-rozet-boyut);
  border-radius:calc(var(--sb-rozet-boyut) * .29);overflow:hidden;white-space:nowrap;letter-spacing:.02em;line-height:1;
  font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-weight:800;font-size:calc(var(--sb-rozet-boyut) * .38);
  -webkit-user-select:none;user-select:none}
.sb-rozet--sm{--sb-rozet-boyut:22px;font-size:10px}
.sb-rozet--lg{--sb-rozet-boyut:46px}
.sb-rozet--xl{--sb-rozet-boyut:76px}
.sb-rozet--telefon{border-radius:50%}
.sb-rozet--r0{background:#6c5ce7;color:#ffffff}
.sb-rozet--r1{background:#00cec9;color:#0c0e14}
.sb-rozet--r2{background:#00b894;color:#0c0e14}
.sb-rozet--r3{background:#fdcb6e;color:#0c0e14}
.sb-rozet--r4{background:#e17055;color:#0c0e14}
.sb-rozet--r5{background:#74b9ff;color:#0c0e14}