/* Camada visual isolada do painel do restaurante. */
body:has(#admin-main-wrapper:not([style*="display:none"])) { background: #f4f7fb; }

#admin-main-wrapper.admin-layout {
    width: 100%;
    max-width: none;
    margin: 0;
    gap: clamp(16px, 1.4vw, 26px);
    align-items: flex-start;
}

main.main-content:has(#admin-main-wrapper) { width: 100%; max-width: none; }

#admin-main-wrapper .admin-sidebar {
    position: sticky;
    top: 88px;
    width: 258px;
    min-width: 258px;
    max-height: calc(100vh - 112px);
    padding: 18px 14px;
    overflow-y: auto;
    border: 0;
    border-radius: 20px;
    background: linear-gradient(165deg, #132238 0%, #0c1728 100%);
    box-shadow: 0 18px 45px rgba(15, 23, 42, .17);
}

#admin-main-wrapper .admin-profile-sidebar-card {
    padding: 12px;
    margin-bottom: 16px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    background: rgba(255,255,255,.06);
}

#admin-main-wrapper .admin-profile-sidebar-card h4 { color: #fff; }
#admin-main-wrapper .admin-profile-sidebar-card span { color: #aebbd0; }

#admin-main-wrapper .admin-nav { gap: 5px; }

#admin-main-wrapper .admin-nav-btn {
    padding: 11px 12px;
    border-radius: 11px;
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 600;
}

#admin-main-wrapper .admin-nav-btn:hover { color: #fff; background: rgba(255,255,255,.08); }
#admin-main-wrapper .admin-nav-btn.active {
    color: #fff;
    background: linear-gradient(100deg, #ff5a2a, #ff7a3d);
    box-shadow: 0 8px 22px rgba(255, 90, 42, .26);
}

#admin-main-wrapper .admin-body {
    flex: 1 1 auto;
    width: 0;
    min-width: 0;
    padding: clamp(20px, 3vw, 36px);
    border: 1px solid #e7ebf2;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(15, 23, 42, .065);
}

@media (min-width: 1700px) {
    #admin-main-wrapper .admin-sidebar { width: 276px; min-width: 276px; }
    #admin-main-wrapper .dashboard-cards { gap: 18px; }
    #admin-main-wrapper .tables-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
}

#admin-main-wrapper .tab-title {
    margin-bottom: 24px;
    font-size: clamp(24px, 3vw, 32px);
    letter-spacing: -.025em;
    color: #172033;
}

#admin-main-wrapper .dashboard-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

#admin-main-wrapper .dash-card {
    min-height: 132px;
    padding: 20px;
    border: 1px solid #e9edf4;
    border-radius: 17px;
    background: linear-gradient(145deg, #fff, #f8fafc);
    box-shadow: none;
}

#admin-main-wrapper .dash-card:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(15,23,42,.08); }
#admin-main-wrapper .dash-card h3 { color: #697386; font-size: 12px; text-transform: uppercase; letter-spacing: .045em; }
#admin-main-wrapper .dash-value { color: #162033; font-size: clamp(24px, 2.5vw, 32px); }

#admin-main-wrapper .chart-container,
#admin-main-wrapper .orders-table-wrapper,
#admin-main-wrapper .settings-section {
    border: 1px solid #e7ebf2;
    border-radius: 17px;
    box-shadow: none;
}
#admin-main-wrapper .dashboard-charts-grid > *,
#admin-main-wrapper .chart-container { min-width:0; }

#admin-main-wrapper .tables-grid { grid-template-columns: repeat(auto-fill, minmax(178px, 1fr)); gap: 12px; }
#admin-main-wrapper .table-card { border-radius: 15px; border: 1px solid #e5eaf1; box-shadow: none; }

@media (max-width: 1100px) {
    #admin-main-wrapper .dashboard-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.brand-preview-card { margin-top:18px; overflow:hidden; border:1px solid #e5eaf1; border-radius:16px; background:var(--card-bg); }
.brand-preview-cover { height:105px; background:linear-gradient(120deg, var(--primary), var(--secondary)); background-size:cover; background-position:center; }
.brand-preview-info { display:flex; gap:12px; align-items:center; padding:14px; }
.brand-preview-logo { flex:0 0 52px; width:52px; height:52px; display:grid; place-items:center; overflow:hidden; border:3px solid var(--card-bg); border-radius:15px; background:var(--card-bg); box-shadow:0 5px 16px rgba(15,23,42,.13); font-size:27px; margin-top:-35px; }
.brand-preview-logo img { width:100%; height:100%; object-fit:cover; }
.brand-preview-info strong,.brand-preview-info small { display:block; }
.brand-preview-info small { margin-top:3px; color:var(--gray); font-size:11px; }
.print-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.print-settings-grid small{display:block;margin-top:4px;color:var(--gray);font-size:10px}.print-preset-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}.print-preset-actions .btn{padding:7px 10px;font-size:11px}
@media(max-width:600px){.print-settings-grid{grid-template-columns:1fr}}
.modal-content-thermal{width:fit-content;min-width:280px;max-width:calc(100vw - 24px)}
.modal-content-thermal .thermal-paper{max-width:calc(100vw - 24px)}
.coupon-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coupon-form-grid .form-group{margin:0}@media(max-width:600px){.coupon-form-grid{grid-template-columns:1fr}}
.role-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-top:20px}.role-guide-grid span{padding:12px;border:1px solid #e7ebf2;border-radius:12px;color:var(--gray);font-size:11px}.role-guide-grid b{display:block;margin-bottom:3px;color:var(--light);font-size:12px}

@media (max-width: 768px) {
    main.main-content { padding: 12px !important; }
    #admin-main-wrapper .admin-sidebar { position: fixed; top: 0; max-height: 100vh; border-radius: 0 20px 20px 0; }
    #admin-main-wrapper .admin-body { padding: 18px 14px; border-radius: 16px; }
    #admin-main-wrapper .dashboard-cards { grid-template-columns: 1fr; }
}

/* Design system 2026 — painel do restaurante */
.global-header .platform-header-logo { display:block !important; width:170px !important; height:44px !important; max-width:170px !important; object-fit:cover; object-position:center 43%; border-radius:7px; }
.platform-footer img { width:92px !important; height:28px !important; max-width:92px !important; object-fit:cover; object-position:center 43%; border-radius:5px; }
#admin-main-wrapper {
    --panel-accent: #f97316;
    --panel-accent-strong: #ea580c;
    --panel-accent-soft: #fff7ed;
    --panel-ink: #172033;
    --panel-muted: #667085;
    --panel-line: #e7ebf2;
    --panel-surface: #ffffff;
    --panel-subtle: #f8fafc;
    --panel-danger: #dc2626;
    --panel-success: #15803d;
}

#admin-main-wrapper .admin-body { color: var(--panel-ink); }
#admin-main-wrapper .admin-tab { min-height: 580px; }
#admin-main-wrapper .tab-header-flex { gap: 18px; margin-bottom: 26px; }
#admin-main-wrapper .tab-title { margin: 0 0 5px !important; line-height: 1.08; }
#admin-main-wrapper .tab-subtitle { margin: 0; color: var(--panel-muted); line-height: 1.55; }

#admin-main-wrapper .btn {
    min-height: 40px;
    padding: 9px 15px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.005em;
    box-shadow: none;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}
#admin-main-wrapper .btn:hover { transform: translateY(-1px); }
#admin-main-wrapper .btn:active { transform: translateY(0); }
#admin-main-wrapper .btn:focus-visible { box-shadow: 0 0 0 4px rgba(249,115,22,.16); }
#admin-main-wrapper .btn-primary {
    color: #fff !important;
    border-color: var(--panel-accent);
    background: linear-gradient(135deg, var(--panel-accent), var(--panel-accent-strong));
    box-shadow: 0 8px 20px rgba(234,88,12,.2);
}
#admin-main-wrapper .btn-primary:hover { color: #fff !important; background: linear-gradient(135deg,#fb923c,#ea580c); box-shadow: 0 11px 25px rgba(234,88,12,.25); }
#admin-main-wrapper .btn-secondary {
    color: #344054 !important;
    border-color: #dce2ea;
    background: #fff;
}
#admin-main-wrapper .btn-secondary:hover { color: #172033 !important; border-color: #c8d0dc; background: #f8fafc; box-shadow: 0 7px 18px rgba(15,23,42,.07); }
#admin-main-wrapper .btn-danger { color:#fff !important; border-color:#dc2626; background:#dc2626; }
#admin-main-wrapper .btn-danger:hover { background:#b91c1c; box-shadow:0 8px 20px rgba(220,38,38,.2); }
#admin-main-wrapper .admin-sidebar .btn-danger { color:#fecaca !important; border-color:rgba(248,113,113,.22); background:rgba(220,38,38,.13); }
#admin-main-wrapper .admin-sidebar .btn-danger:hover { color:#fff !important; background:#dc2626; }

#admin-main-wrapper .form-group label,
#admin-main-wrapper .print-settings-grid label { color:#344054; font-size:12px; font-weight:700; }
#admin-main-wrapper .form-input,
#admin-main-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
#admin-main-wrapper select,
#admin-main-wrapper textarea {
    min-height: 42px;
    color: #172033;
    border: 1px solid #d9e0e9;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15,23,42,.025);
}
#admin-main-wrapper textarea { min-height: 90px; }
#admin-main-wrapper .form-input:hover,
#admin-main-wrapper input:hover,
#admin-main-wrapper select:hover,
#admin-main-wrapper textarea:hover { border-color:#bfc9d6; }
#admin-main-wrapper .form-input:focus,
#admin-main-wrapper input:focus,
#admin-main-wrapper select:focus,
#admin-main-wrapper textarea:focus { border-color:var(--panel-accent); box-shadow:0 0 0 4px rgba(249,115,22,.11); }
#admin-main-wrapper input[type="checkbox"] { accent-color:var(--panel-accent); width:17px; height:17px; }
#admin-main-wrapper input[type="color"] { width:48px; height:38px; padding:3px; border:1px solid #d9e0e9; border-radius:10px; background:#fff; }
#admin-main-wrapper select option { color:#172033; background:#fff; }
#admin-main-wrapper small { color:var(--panel-muted); line-height:1.45; }

#admin-main-wrapper .settings-section { padding: 0; border: 0; background: transparent; }
#admin-main-wrapper .settings-card,
#admin-main-wrapper .chart-container,
#admin-main-wrapper .orders-table-wrapper,
#admin-main-wrapper .recipe-editor-card,
#admin-main-wrapper .role-guide-grid span {
    border:1px solid var(--panel-line) !important;
    border-radius:16px !important;
    background:var(--panel-surface) !important;
    box-shadow:0 5px 18px rgba(15,23,42,.045) !important;
}
#admin-main-wrapper .settings-card { padding:22px !important; margin-top:16px; }
#admin-main-wrapper .settings-grid {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
#admin-main-wrapper .settings-grid > *,
#admin-main-wrapper .settings-card,
#admin-main-wrapper .form-group { min-width:0; }
#admin-main-wrapper .settings-card > h3 { color:var(--panel-ink); font-family:var(--font-header); font-size:17px !important; letter-spacing:-.015em; }
#admin-main-wrapper .settings-card > p { line-height:1.55; }
#admin-main-wrapper .billing-profile-card { border-top:3px solid var(--panel-accent) !important; }

#admin-main-wrapper .print-route-card {
    position:relative;
    overflow:hidden;
    padding:16px !important;
    border:1px solid var(--panel-line) !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#fff,#fbfcfe);
    box-shadow:none;
}
#admin-main-wrapper .print-route-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--panel-accent); opacity:.75; }
#admin-main-wrapper .print-route-card > div:first-child strong { color:var(--panel-ink); font-size:14px; }

#admin-main-wrapper .data-table { border-collapse:separate; border-spacing:0; }
#admin-main-wrapper .data-table th {
    padding:12px 14px;
    color:#667085;
    border-bottom:1px solid var(--panel-line);
    background:#f8fafc;
    font-size:10px;
    font-weight:800;
    letter-spacing:.055em;
    text-transform:uppercase;
}
#admin-main-wrapper .data-table td { padding:14px; color:#344054; border-bottom:1px solid #edf0f4; font-size:12px; vertical-align:middle; }
#admin-main-wrapper .data-table tbody tr { transition:background .15s ease; }
#admin-main-wrapper .data-table tbody tr:hover { background:#fffaf5; }
#admin-main-wrapper .data-table tbody tr:last-child td { border-bottom:0; }
#admin-main-wrapper .orders-table-wrapper { overflow:hidden; }
#admin-main-wrapper .orders-table-wrapper > table { min-width:760px; }

#admin-main-wrapper .status-pill,
#admin-main-wrapper .status-badge { padding:5px 9px; border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.035em; }
#admin-main-wrapper .status-pending { color:#a16207; background:#fef9c3; }
#admin-main-wrapper .status-confirmed { color:#0369a1; background:#e0f2fe; }
#admin-main-wrapper .status-preparing { color:#1d4ed8; background:#dbeafe; }
#admin-main-wrapper .status-ready { color:#15803d; background:#dcfce7; }
#admin-main-wrapper .status-delivering { color:#7e22ce; background:#f3e8ff; }
#admin-main-wrapper .status-completed { color:#166534; background:#dcfce7; }
#admin-main-wrapper .status-cancelled { color:#b91c1c; background:#fee2e2; }

#admin-main-wrapper .dash-card { position:relative; overflow:hidden; }
#admin-main-wrapper .dash-card::after { content:""; position:absolute; right:-24px; bottom:-34px; width:95px; height:95px; border-radius:50%; background:rgba(249,115,22,.07); }
#admin-main-wrapper .dash-card:first-child { border-top:3px solid #f97316; }
#admin-main-wrapper .dash-card:nth-child(2) { border-top:3px solid #2563eb; }
#admin-main-wrapper .dash-card:nth-child(3) { border-top:3px solid #16a34a; }
#admin-main-wrapper .dash-card:nth-child(4) { border-top:3px solid #9333ea; }

#admin-main-wrapper .modal-overlay { padding:20px; background:rgba(15,23,42,.64); backdrop-filter:blur(8px); }
#admin-main-wrapper .modal-content,
.modal-overlay .modal-content {
    overflow:hidden;
    max-height:calc(100vh - 40px);
    border:1px solid rgba(255,255,255,.7);
    border-radius:20px;
    background:#fff;
    box-shadow:0 30px 80px rgba(15,23,42,.28);
}
.modal-overlay .modal-header { padding:18px 22px; border-bottom:1px solid #e9edf3; background:#fff; }
.modal-overlay .modal-header h3 { color:#172033; font-family:var(--font-header); font-size:19px; }
.modal-overlay .modal-body { padding:22px; max-height:calc(100vh - 180px); }
.modal-overlay .modal-footer { padding:15px 22px; border-top:1px solid #e9edf3; background:#f8fafc; }
.modal-overlay .btn-close { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:#667085; background:#f2f4f7; }
.modal-overlay .btn-close:hover { color:#172033; background:#e8ecf2; }

#admin-main-wrapper .brand-preview-card { border-color:var(--panel-line); box-shadow:0 8px 24px rgba(15,23,42,.07); }
#admin-main-wrapper .fees-manager-wrapper > div:last-child { border-color:var(--panel-line) !important; border-radius:12px !important; }
#admin-main-wrapper .print-preset-actions .btn { min-height:34px; border-radius:9px; }

html[data-theme="dark"] body:has(#admin-main-wrapper:not([style*="display:none"])) { background:#0b1120; }
html[data-theme="dark"] #admin-main-wrapper {
    --panel-ink:#f8fafc; --panel-muted:#94a3b8; --panel-line:#263246; --panel-surface:#121c2d; --panel-subtle:#0f172a;
}
html[data-theme="dark"] #admin-main-wrapper .admin-body { color:#e5e7eb; border-color:#243146; background:#101827; }
html[data-theme="dark"] #admin-main-wrapper .tab-title,
html[data-theme="dark"] #admin-main-wrapper .settings-card > h3,
html[data-theme="dark"] #admin-main-wrapper .print-route-card > div:first-child strong { color:#f8fafc; }
html[data-theme="dark"] #admin-main-wrapper .dash-card,
html[data-theme="dark"] #admin-main-wrapper .print-route-card { border-color:#263246 !important; background:linear-gradient(145deg,#121c2d,#0f1828); }
html[data-theme="dark"] #admin-main-wrapper .dash-card h3,
html[data-theme="dark"] #admin-main-wrapper .tab-subtitle { color:#94a3b8; }
html[data-theme="dark"] #admin-main-wrapper .dash-value { color:#f8fafc; }
html[data-theme="dark"] #admin-main-wrapper .btn-secondary { color:#dbe5f2 !important; border-color:#334155; background:#172235; }
html[data-theme="dark"] #admin-main-wrapper .btn-secondary:hover { color:#fff !important; background:#213047; }
html[data-theme="dark"] #admin-main-wrapper .form-group label,
html[data-theme="dark"] #admin-main-wrapper .print-settings-grid label { color:#cbd5e1; }
html[data-theme="dark"] #admin-main-wrapper .form-input,
html[data-theme="dark"] #admin-main-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-theme="dark"] #admin-main-wrapper select,
html[data-theme="dark"] #admin-main-wrapper textarea { color:#f8fafc; border-color:#334155; background:#0f172a; }
html[data-theme="dark"] #admin-main-wrapper select option { color:#f8fafc; background:#0f172a; }
html[data-theme="dark"] #admin-main-wrapper .data-table th { color:#94a3b8; border-color:#263246; background:#172235; }
html[data-theme="dark"] #admin-main-wrapper .data-table td { color:#d6deea; border-color:#263246; }
html[data-theme="dark"] #admin-main-wrapper .data-table tbody tr:hover { background:#172235; }

@media (min-width:1500px) {
    main.main-content:has(#admin-main-wrapper) { padding:24px 32px !important; }
    #admin-main-wrapper .admin-body { padding:32px 36px; }
}
@media (max-width:900px) {
    #admin-main-wrapper .tab-header-flex { align-items:flex-start; flex-direction:column; }
    #admin-main-wrapper .tab-header-flex > .btn { width:100%; }
    #admin-main-wrapper .settings-card { padding:17px !important; }
    #admin-main-wrapper .modal-content { width:min(100%,560px) !important; }
}
@media (max-width:1350px) {
    #admin-main-wrapper .settings-grid { grid-template-columns:minmax(0,1fr) !important; }
}
@media (max-width:600px) {
    #admin-main-wrapper .admin-body { border:0; box-shadow:none; }
    #admin-main-wrapper .chart-container { width:100%; padding:16px !important; overflow:hidden; }
    #admin-main-wrapper .chart-container h3 { overflow-wrap:anywhere; }
    #admin-main-wrapper .chart-bar-wrapper { min-width:0; }
    #admin-main-wrapper .chart-bar-label { font-size:9px; }
    #admin-main-wrapper .top-selling-list li { align-items:center; }
    #admin-main-wrapper .top-selling-list strong { flex:0 0 auto; font-size:11px; }
    #admin-main-wrapper .btn { min-height:42px; }
    #admin-main-wrapper .modal-overlay { padding:8px; align-items:flex-end; }
    #admin-main-wrapper .modal-content,.modal-overlay .modal-content { width:100% !important; max-height:94vh; border-radius:20px 20px 10px 10px; }
    .modal-overlay .modal-footer { flex-direction:column-reverse; }
    .modal-overlay .modal-footer .btn { width:100%; }
}
/* Imagens compactas nos rankings do dashboard */
#admin-main-wrapper .top-selling-list li {
    gap: 12px;
    min-height: 48px;
}

#admin-main-wrapper .top-selling-product {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

#admin-main-wrapper .top-selling-product > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#admin-main-wrapper .top-selling-thumb,
#admin-main-wrapper .top-selling-emoji {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 10px;
}

/* Navegação responsiva e recolhível */
#btn-sidebar-toggle { display:inline-grid !important; place-items:center; width:40px; height:40px; margin-right:10px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; color:#172033; font-size:20px; cursor:pointer; }
#admin-main-wrapper .admin-sidebar { transition:width .22s ease,min-width .22s ease,left .25s ease,padding .22s ease; }
#admin-main-wrapper.sidebar-collapsed .admin-sidebar { width:72px; min-width:72px; padding-inline:10px; overflow-x:hidden; }
#admin-main-wrapper.sidebar-collapsed .admin-profile-sidebar-card { justify-content:center; padding:10px 4px; }
#admin-main-wrapper.sidebar-collapsed .user-profile-details { display:none; }
#admin-main-wrapper.sidebar-collapsed .admin-nav-btn { width:50px; overflow:hidden; white-space:nowrap; padding-inline:14px; }
#admin-main-wrapper.sidebar-collapsed .admin-sidebar > .btn-danger { width:50px; overflow:hidden; white-space:nowrap; padding-inline:13px; }
.product-media-fallback { display:grid; place-items:center; width:100%; height:100%; font-size:28px; }
#admin-main-wrapper .admin-product-photo { display:block; width:100%; height:100%; object-fit:cover; }
#admin-main-wrapper .origin-badge { display:inline-flex; align-items:center; margin-top:5px; padding:3px 7px; border-radius:999px; background:#eef2f6; color:#526071; font-size:9px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
#admin-main-wrapper .origin-ifood { background:#fff0f2; color:#ea1d2c; border:1px solid #ffd5d9; }
#admin-main-wrapper tr.order-origin-ifood td:first-child { border-left:3px solid #ea1d2c; }
#admin-main-wrapper .kds-order-card.order-origin-ifood { border-top:4px solid #ea1d2c; }

/* Relatórios */
#admin-main-wrapper .reports-header { align-items:flex-end; }
#admin-main-wrapper .report-actions { display:flex; gap:8px; flex-wrap:wrap; }
#admin-main-wrapper .report-filter-card { display:flex; align-items:end; gap:12px; margin:20px 0; padding:16px; border:1px solid var(--panel-line); border-radius:16px; background:var(--panel-subtle); }
#admin-main-wrapper .report-filter-card label { display:grid; gap:6px; color:#344054; font-size:12px; font-weight:700; }
#admin-main-wrapper .report-kpis { margin-bottom:18px; }
#admin-main-wrapper .reports-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#admin-main-wrapper .report-card { min-width:0; padding:20px; border:1px solid var(--panel-line); border-radius:17px; background:var(--panel-surface); box-shadow:0 6px 20px rgba(15,23,42,.045); }
#admin-main-wrapper .report-card h3 { margin:0 0 18px; color:var(--panel-ink); font-size:16px; }
#admin-main-wrapper .report-card-head { display:flex; justify-content:space-between; gap:12px; }
#admin-main-wrapper .report-card-head span { color:var(--panel-muted); font-size:11px; }
#admin-main-wrapper .report-bars { display:flex; align-items:flex-end; gap:8px; min-height:205px; padding-top:20px; overflow-x:auto; }
#admin-main-wrapper .report-bar-column { flex:1 0 38px; min-width:38px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:6px; }
#admin-main-wrapper .report-bar-column span { max-width:72px; overflow:hidden; color:var(--panel-muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
#admin-main-wrapper .report-bar-column i { display:block; width:24px; min-height:5px; border-radius:7px 7px 3px 3px; background:linear-gradient(#fb923c,#ea580c); }
#admin-main-wrapper .report-bar-column small { color:var(--panel-muted); font-size:9px; }
#admin-main-wrapper .report-breakdown-row { display:grid; grid-template-columns:minmax(110px,1fr) minmax(70px,1.3fr) auto; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--panel-line); }
#admin-main-wrapper .report-breakdown-row:last-child { border-bottom:0; }
#admin-main-wrapper .report-breakdown-row strong,#admin-main-wrapper .report-breakdown-row span { display:block; }
#admin-main-wrapper .report-breakdown-row span { margin-top:2px; color:var(--panel-muted); font-size:10px; }
#admin-main-wrapper .report-progress { height:7px; overflow:hidden; border-radius:999px; background:#edf1f5; }
#admin-main-wrapper .report-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#f97316,#fb923c); }
#admin-main-wrapper .report-breakdown-row b { color:var(--panel-ink); font-size:12px; }
#admin-main-wrapper .report-empty { color:var(--panel-muted); }

@media (max-width:900px) {
    #btn-sidebar-toggle { display:inline-grid !important; }
    #admin-main-wrapper .admin-sidebar { left:-285px; z-index:180; width:276px; min-width:276px; }
    #admin-main-wrapper .admin-sidebar.mobile-active { left:0; }
    #admin-main-wrapper.sidebar-collapsed .admin-sidebar { width:276px; min-width:276px; padding:18px 14px; }
    #admin-main-wrapper.sidebar-collapsed .user-profile-details { display:block; }
    #admin-main-wrapper.sidebar-collapsed .admin-nav-btn,#admin-main-wrapper.sidebar-collapsed .admin-sidebar > .btn-danger { width:100%; padding-inline:12px; }
    #admin-main-wrapper .reports-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
    #admin-main-wrapper .report-filter-card { align-items:stretch; flex-direction:column; }
    #admin-main-wrapper .report-filter-card label { width:100%; }
    #admin-main-wrapper .report-actions { width:100%; }
    #admin-main-wrapper .report-actions .btn { flex:1; }
    #admin-main-wrapper .report-breakdown-row { grid-template-columns:1fr auto; }
    #admin-main-wrapper .report-progress { grid-column:1/-1; grid-row:2; }
}

#admin-main-wrapper .top-selling-thumb {
    display: block;
    object-fit: cover;
    border: 1px solid var(--panel-line);
    background: #f8fafc;
}

#admin-main-wrapper .top-selling-emoji {
    display: grid;
    place-items: center;
    background: #fff7ed;
    font-size: 18px;
}