/* Items page — shared by the admin panel and the partner dashboard. */
.itm-bar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.itm-bar input { flex: 1 1 240px; min-width: 200px; }
.itm-bar select { width: auto; min-width: 150px; max-width: 260px; }
.itm-table td { vertical-align: middle; }
.itm-game { display: flex; align-items: center; gap: 10px; min-width: 200px; }
.itm-game b { display: block; font-size: 13.5px; }
.itm-game .muted { display: block; }
.itm-ic { width: 34px; height: 34px; border-radius: 9px; background: #eef1f8; color: var(--primary); font-weight: 800; display: grid; place-items: center; overflow: hidden; flex: none; }
.itm-ic img { width: 100%; height: 100%; object-fit: cover; }
.itm-id { font-family: var(--mono, monospace); font-size: 12.5px; background: #f1f3fb; border: 1px solid transparent; border-radius: 6px; padding: 3px 8px; cursor: pointer; color: var(--text); max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.itm-id:hover { border-color: var(--primary); color: var(--primary); }
.itm-num { white-space: nowrap; font-variant-numeric: tabular-nums; }
.itm-pager { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 12px; }

/* Smile.One Coin Calculator */
.cc-card, .cc-card + .cc-card { margin: 0 0 16px; }
.cc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cc-grid .field { margin: 0; }
.cc-grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 2fr; }
.cc-rate { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-top: 14px; padding: 10px 14px; background: #f6f7fd; border-radius: 12px; font-size: 14px; font-variant-numeric: tabular-nums; }
.cc-rate span { color: var(--text2); }
.cc-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.cc-tools { display: flex; gap: 10px; align-items: center; }
.cc-tools input { width: 220px; }
.cc-num { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .cc-grid, .cc-grid-5 { grid-template-columns: 1fr 1fr; } .cc-tools input { width: 100%; } }
.cc-pkg { display: flex; align-items: center; gap: 12px; }
.cc-ic { width: 40px; height: 40px; border-radius: 10px; background: #f1f3fa; display: grid; place-items: center; overflow: hidden; flex: none; color: var(--primary); font-weight: 800; }
.cc-ic img { width: 100%; height: 100%; object-fit: contain; }

/* Redeem Smile.One vouchers */
.vc-card, .vc-card + .vc-card { margin: 0 0 16px; }
.vc-card textarea { width: 100%; font-family: var(--mono, monospace); font-size: 14px; letter-spacing: .5px; text-transform: uppercase; }
.vc-bar { display: flex; align-items: center; gap: 10px; justify-content: flex-end; flex-wrap: wrap; margin-top: 10px; }
.vc-bar .muted { margin-right: auto; }
.vc-sum { font-size: 15px; margin: 0 0 10px; }
.vc-top { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 4px; }
.vc-top .field { min-width: 220px; margin: 0; }
.vc-bal { font-size: 14px; color: var(--text2); padding-bottom: 10px; font-variant-numeric: tabular-nums; }
.req-mark { font-size: 11px; font-weight: 700; color: var(--red); text-transform: uppercase; margin-left: 4px; }