/* admin_store.css - the Store section of the admin dashboard (admin_store.js). */
.as-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 18px; }
.as-tab { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--border-color); background: var(--bg-secondary); color: var(--text-secondary); cursor: pointer; font: inherit; }
.as-tab.active { background: var(--sd-primary); border-color: var(--sd-primary); color: #fff; }
.as-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 14px; }
.as-row.end { justify-content: flex-end; }
.as-row > .as-hint { flex: 1 1 320px; margin: 0; }
.as-hint { color: var(--text-secondary); opacity: .8; font-size: .88rem; display: block; margin-top: 4px; }
.as-note { background: rgba(255, 193, 7, .08); border: 1px solid rgba(255, 193, 7, .35); border-radius: 8px; padding: 10px 14px; margin: 0 0 14px; color: var(--text-secondary); }
.as-note.error, .as-error { color: #ff8a8a; }
.as-empty { text-align: center; color: var(--text-secondary); opacity: .7; }
.as-h3 { margin: 0 0 12px; font-size: 1.1rem; }
.as-inline { width: auto; min-width: 160px; }
.as-cols { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { .as-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.as-form-grid { display: grid; gap: 0 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.as-span { grid-column: 1 / -1; }
.as-thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; }
.as-images { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.as-image { margin: 0; display: grid; gap: 6px; }
.as-image img { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; }
.as-upload { position: relative; overflow: hidden; }
.as-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.as-review { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .as-review { grid-template-columns: 280px minmax(0, 1fr); } }
.as-review.reported { border-color: rgba(220, 53, 69, .6); }
.as-review-images { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; align-content: start; }
.as-review-images img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; }
.as-review-images img.wide { grid-column: 1 / -1; aspect-ratio: 16 / 5; }
.as-review-body h4 { margin: 0 0 4px; }
.as-desc, .as-pre { white-space: pre-line; color: var(--text-secondary); }
.as-reports { color: #ff8a8a; margin: 6px 0 10px 18px; }
.as-check { display: flex; gap: 8px; align-items: center; margin: 6px 0; }
.as-dialog { width: min(560px, calc(100vw - 32px)); background: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 10px; padding: 20px; }
.as-dialog::backdrop { background: rgba(0, 0, 0, .6); }
.as-toast { position: fixed; right: 20px; bottom: 20px; z-index: 3000; background: #f4efe6; color: #111; padding: 12px 18px; border-radius: 8px; max-width: 420px; box-shadow: 0 6px 24px rgba(0, 0, 0, .4); }
.as-toast.error { background: #f3d2d4; color: #3a0d10; }
.as-content a:not(.btn) { color: var(--sd-primary); }