/* 90s-RO Public Item Code — Horizontal Card V2. Only .itemcode-* classes */
.itemcode-paper{background:#fff!important;max-width:100%;padding:20px!important}
.itemcode-content{background:#fff;padding:22px 14px 28px;min-height:300px}
.itemcode-content .main-header{text-align:center;font-size:30px;font-weight:700;color:#111;margin:10px 0 16px}
.itemcode-content .main-header small{font-size:22px;color:#f33;font-weight:400}
.itemcode-intro{text-align:center;color:#777;margin:0 0 24px;font-size:14px}
.itemcode-grid{display:flex;flex-direction:column;gap:13px;width:100%}
.itemcode-card{width:100%;min-width:0;background:#fff;border:1px solid #e7e9ef;border-radius:12px;padding:18px 22px;box-shadow:0 3px 14px rgba(20,31,49,.055);transition:border-color .2s,box-shadow .2s}
.itemcode-card:hover{border-color:#f0c6c8;box-shadow:0 6px 22px rgba(20,31,49,.085)}
.itemcode-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.itemcode-identity{min-width:0;flex:1}
.itemcode-title{font-size:16px;font-weight:700;color:#283142;line-height:1.5;margin:0 0 4px}
.itemcode-code{font-size:23px;font-weight:750;color:#d93643;letter-spacing:.65px;line-height:1.35;overflow-wrap:anywhere}
.itemcode-status{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:#1c915a;background:#eaf8ef;border:1px solid #c9ecd7;border-radius:99px;padding:6px 11px;font-size:10px;font-weight:750;letter-spacing:.4px;white-space:nowrap}
.itemcode-status-dot{width:7px;height:7px;border-radius:50%;background:#22a668;box-shadow:0 0 0 3px rgba(34,166,104,.1)}
.itemcode-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f3}
.itemcode-rewards{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;flex:1;min-width:0}
.itemcode-reward{display:inline-flex;align-items:center;gap:9px;max-width:100%;border:1px solid #e9edf2;border-radius:7px;background:#f8f9fb;padding:7px 10px;color:#3e4653;font-size:12px;line-height:1.45}
.itemcode-reward small{color:#9299a4;font-size:11px}
.itemcode-reward strong{color:#303b4a;white-space:nowrap;font-size:12px}
.itemcode-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.itemcode-timer{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border-radius:7px;background:#fff8ee;border:1px solid #f5e4c9;color:#a8681b;font-size:12px;font-weight:700;white-space:nowrap}
.itemcode-timer svg{flex-shrink:0}
.itemcode-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:0;border-radius:7px;padding:9px 15px;background:#e43d47;color:#fff;cursor:pointer;font-weight:700;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}
.itemcode-copy:hover{background:#c92f3a;transform:translateY(-1px)}
.itemcode-copy:focus-visible{outline:3px solid rgba(228,61,71,.3);outline-offset:2px}
.itemcode-empty{text-align:center;padding:40px 10px;color:#777}
[hidden]{display:none!important}
@media(max-width:1050px){.itemcode-card-bottom{align-items:stretch;flex-direction:column;gap:12px}.itemcode-card-actions{justify-content:space-between}}
@media(max-width:767px){.itemcode-paper{padding:12px!important}.itemcode-content{padding:15px 5px}.itemcode-content .main-header{font-size:23px}.itemcode-content .main-header small{display:block;font-size:17px;margin-top:4px}.itemcode-card{padding:15px}.itemcode-card-top{flex-direction:column-reverse;gap:10px}.itemcode-status{align-self:flex-end}.itemcode-code{font-size:19px}.itemcode-card-actions{flex-wrap:wrap}.itemcode-copy{flex:1}.itemcode-timer{flex:1}}
@media(max-width:420px){.itemcode-card-actions{flex-direction:column;align-items:stretch}.itemcode-copy,.itemcode-timer{width:100%}}