.narrow-panel{max-width:520px}
.stock-value{display:inline-flex;min-width:54px;justify-content:center;padding:5px 10px;border-radius:4px;background:#e8f5ef;color:#167455;font-weight:800}
.stock-value.out{background:#fbeaec;color:#a52d3a}
.product-admin-card>img,.game-preview>img{aspect-ratio:15/7;height:auto;object-fit:cover}
.range-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.range-tabs span,.filter-label{font-size:12px;color:var(--muted);font-weight:700}.range-tabs button,.range-preset{border:1px solid #d9dde5;background:#fff;color:#445064;border-radius:6px;padding:8px 13px;font-size:12px}.range-tabs button.active,.range-tabs button:hover,.range-preset:hover{background:var(--primary);border-color:var(--primary);color:#fff}.range-tabs input{width:145px;padding:8px}.range-filter{align-items:center}.danger-btn{border-color:#f0c4ca!important;color:var(--danger)!important;background:#fff5f6!important}.five{grid-template-columns:repeat(5,1fr)}.three{grid-template-columns:repeat(3,1fr)}.tiny{padding:6px 9px!important;border:1px solid #dce2ea!important;background:#fff!important;color:#355064!important}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions>*{flex:1}.history-table{overflow:auto;max-height:55vh}.date-overlay{position:fixed;inset:0;background:rgba(16,24,40,.5);z-index:150;display:grid;place-items:center;padding:20px}.date-overlay[hidden]{display:none}.date-dialog{position:relative;background:#fff;border-radius:10px;width:min(680px,100%);padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.date-dialog h2{margin:0 0 12px}.range-value{border:1px solid #dce3ea;padding:10px;border-radius:6px;color:#516072;font-size:13px}.date-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 2px;color:#6e7b8d;font-size:12px}.date-nav button{border:0;background:transparent;font-size:26px;color:#617187}.calendar-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calendar-month{min-width:0}.calendar-month h3{text-align:center;font-size:15px;margin:4px 0 12px}.calendar-week{text-align:center;color:#9aa5b4;font-size:11px;word-spacing:18px;padding-bottom:10px;border-bottom:1px solid #edf0f3}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:9px}.calendar-grid i{height:34px}.calendar-day{height:34px;border:0;background:#fff;border-radius:50%;color:#445064;font-size:12px}.calendar-day:hover,.calendar-day.selected{background:var(--primary);color:#fff}.calendar-day.between{background:#e8f4f0;border-radius:0;color:var(--primary)}.date-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0f3;padding-top:15px;margin-top:15px}@media(max-width:760px){.five,.three{grid-template-columns:repeat(2,1fr)}.calendar-panels{gap:8px}.calendar-week{word-spacing:4px}.calendar-day{height:29px}}
.pagination{display:flex;align-items:center;justify-content:space-between;margin:12px 0;color:var(--muted);font-size:12px}.pagination>div{display:flex;gap:4px}.page-btn{display:grid;place-items:center;min-width:28px;height:28px;border:1px solid var(--line);border-radius:5px;background:#fff}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.table-product-image{width:150px;aspect-ratio:15/7;object-fit:cover;border-radius:5px}.sku-inline-list>div{display:flex;justify-content:space-between;gap:30px;min-width:380px;padding:10px 0;border-bottom:1px solid #edf0f3}.sku-inline-list small{display:block;color:var(--muted);margin-top:3px}.empty-inline{color:var(--muted)}.sync-settings{margin-bottom:15px}.sync-settings form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.sync-settings label{font-size:12px;color:var(--muted);font-weight:700}.sync-settings input{width:100px;display:block;margin-top:6px}.sync-settings span{font-size:12px;color:var(--muted)}