*{box-sizing:border-box}
.smt-wrap{max-width:1200px;margin:0 auto;padding:10px}
.smt-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-weight:800;font-size:14px;border:1px solid rgba(0,0,0,.08)}
.badge-grey{background:#f0f0f0;color:#444}
.badge-green{background:#d9f7be;color:#237804}
.badge-white{background:#fafafa;color:#444}
.badge-blue{background:#d6e4ff;color:#10239e}
.badge-red{background:#ffccc7;color:#a8071a}
.badge-orange{background:#ffe7ba;color:#ad4e00}
.smt-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:12px}
@media (max-width:1200px){.smt-grid{grid-template-columns:repeat(8,1fr)}}
@media (max-width:980px){.smt-grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:720px){.smt-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.smt-grid{grid-template-columns:repeat(2,1fr)}}
.cell{display:flex}
.card{width:100%;height:92px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px;box-shadow:0 1px 0 rgba(0,0,0,.03);cursor:pointer;user-select:none}
.num{font-weight:900;letter-spacing:.08em;font-size:14px;opacity:.9;margin-bottom:6px}
.line2{font-weight:900;font-size:14px;line-height:1.15;word-break:break-word}
.card--taken{background:#52c41a;color:#fff;border-color:rgba(0,0,0,.02)}
.card--servis{background:#2f54eb;color:#fff;border-color:rgba(0,0,0,.02)}
.card--expired{background:#ff4d4f;color:#fff;border-color:rgba(0,0,0,.02)}
.card--orange{background:#faad14;color:#111;border-color:rgba(0,0,0,.05)}