:root {
    --bg: #0f172a;
    --panel: #111827;
    --panel-soft: #1f2937;
    --border: rgba(255,255,255,.08);
    --text: #e5e7eb;
    --muted: #9ca3af;
    --primary: #6d4aff;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
    --shadow: 0 18px 50px rgba(0,0,0,.22);
    --radius: 20px;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, Arial, sans-serif; background: linear-gradient(180deg,#0b1120,#111827); color: var(--text); }
a { color: inherit; text-decoration: none; }
small, .panel-subtitle { color: var(--muted); }
.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.auth-card, .panel, .stat-card { background: rgba(17,24,39,.9); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }
.auth-card { width: 100%; max-width: 460px; padding: 32px; }
label, .field-title { display: grid; gap: 8px; margin-bottom: 16px; font-size: 14px; color: var(--muted); }
input, select, textarea { width: 100%; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--border); background: #0f172a; color: var(--text); }
textarea { resize: vertical; }
button { font: inherit; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; border-radius: 14px; border: 1px solid transparent; cursor: pointer; font-weight: 700; }
.btn-small { padding: 9px 12px; font-size: 13px; }
.btn-primary { background: var(--primary); color: #fff; }
.btn-outline { background: transparent; border-color: rgba(255,255,255,.2); color: var(--text); }
.btn-ghost { background: rgba(255,255,255,.04); color: var(--text); border: 1px solid rgba(255,255,255,.08); }
.alert { padding: 14px 16px; border-radius: 14px; margin-bottom: 18px; }
.alert-danger { background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.3); }
.alert-success { background: rgba(16,185,129,.12); border: 1px solid rgba(16,185,129,.3); }
.eyebrow { display: inline-block; font-size: 12px; text-transform: uppercase; letter-spacing: .16em; color: #c4b5fd; margin-bottom: 10px; }
.app-shell { display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; }
.sidebar { padding: 24px; border-right: 1px solid var(--border); display: flex; flex-direction: column; justify-content: space-between; background: rgba(15,23,42,.8); }
.brand-block { padding: 20px; border-radius: 20px; background: linear-gradient(180deg, rgba(109,74,255,.18), rgba(255,255,255,.03)); border: 1px solid var(--border); margin-bottom: 28px; }
.brand-badge { font-size: 11px; letter-spacing: .18em; color: #ddd6fe; }
.nav-list { display: grid; gap: 10px; }
.nav-list a { padding: 12px 14px; border-radius: 14px; color: var(--muted); }
.nav-list a:hover { background: rgba(255,255,255,.05); color: var(--text); }
.sidebar-footer { display: grid; gap: 10px; color: var(--muted); }
.content-area { padding: 32px; }
.page-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 24px; }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px; }
.stats-grid-4 { grid-template-columns: repeat(4, 1fr); }
.stat-card { padding: 22px; }
.stat-card span { color: var(--muted); display: block; margin-bottom: 10px; }
.stat-card strong { font-size: 30px; }
.panel { padding: 24px; margin-bottom: 24px; }
.panel-nested { padding: 22px; border-radius: 18px; background: rgba(255,255,255,.03); border: 1px solid var(--border); }
.compact-panel { padding-bottom: 6px; }
.panel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; gap: 12px; }
.table-wrap { overflow: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 14px 12px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.status-pill { display: inline-flex; padding: 8px 12px; border-radius: 999px; font-size: 12px; }
.status-active { background: rgba(16,185,129,.15); color: #6ee7b7; }
.status-inactive { background: rgba(245,158,11,.15); color: #fbbf24; }
.status-blocked { background: rgba(239,68,68,.15); color: #fca5a5; }
.inline-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.inline-actions-stack { align-items: flex-start; }
.inline-form { display: inline-flex; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.form-actions { display: flex; align-items: end; }
.span-2 { grid-column: 1 / -1; }
.two-col-grid, .product-admin-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.mini-card, .sortable-item { padding: 18px; border-radius: 18px; background: rgba(255,255,255,.03); border: 1px solid var(--border); }
.sortable-list { display: grid; gap: 12px; }
.sortable-item { display: flex; justify-content: space-between; align-items: center; }
.checkbox-field { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.02); }
.checkbox-field input { width: auto; margin: 0; }
.size-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.checkbox-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; border: 1px solid var(--border); background: rgba(255,255,255,.02); margin: 0; }
.checkbox-pill input { width: auto; margin: 0; }
.product-row-meta { display: flex; gap: 12px; align-items: center; min-width: 220px; }
.product-row-meta img { width: 56px; height: 56px; object-fit: cover; border-radius: 12px; }
@media (max-width: 1100px) {
    .stats-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 960px) {
    .app-shell { grid-template-columns: 1fr; }
    .stats-grid, .form-grid, .two-col-grid, .product-admin-grid { grid-template-columns: 1fr; }
    .page-head { display: grid; align-items: start; }
    .sidebar { border-right: 0; border-bottom: 1px solid var(--border); }
    .span-2 { grid-column: auto; }
}

.panel h2 { margin: 0; }
.panel p { line-height: 1.5; }
.nav-list a.active { background: rgba(109,74,255,.18); color: var(--text); border: 1px solid rgba(109,74,255,.28); }
.sidebar-footer a { padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.04); }
.sidebar-footer a:hover { background: rgba(255,255,255,.08); }
input[type="color"] { height: 52px; padding: 8px; }


.builder-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:18px 0; }
.theme-group { padding: 20px; border: 1px solid var(--border); border-radius: 18px; background: rgba(255,255,255,.02); margin-bottom: 18px; }
.theme-group h3 { margin-top: 0; }
.theme-grid { display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:16px; }
.theme-grid-metrics { grid-template-columns: repeat(3, minmax(0,1fr)); }
.preset-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.theme-preview { margin-top: 6px; }
.theme-preview-surface { border-radius: 20px; padding: 24px; background: linear-gradient(135deg, rgba(109,74,255,.18), rgba(255,255,255,.03)); border:1px solid var(--border); }
.preview-badge, .preview-chip { display:inline-flex; padding:8px 12px; border-radius: 999px; background: rgba(255,255,255,.08); color: var(--text); font-size: 12px; }
.preview-chip.alt { background: rgba(109,74,255,.22); }
.security-grid { display:grid; grid-template-columns: 1.2fr .8fr; gap:18px; margin-top:18px; }
.security-side { display:grid; gap:18px; }
.activity-list { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.activity-list li { display:grid; gap:4px; padding:12px 0; border-bottom:1px solid var(--border); }
.export-card { display:grid; gap:12px; }
@media (max-width: 980px) {
  .theme-grid, .theme-grid-metrics, .security-grid, .builder-toolbar { grid-template-columns:1fr; display:grid; }
}


.auth-logo{width:84px;height:84px;object-fit:cover;border-radius:20px;margin:8px 0 6px;border:1px solid var(--border);background:rgba(255,255,255,.04)}
.master-shell{grid-template-columns:185px 1fr}
.compact-sidebar{padding:18px}
.nav-buttons a{justify-content:flex-start}
.brand-block-with-logo{display:grid;gap:10px}
.sidebar-logo{width:72px;height:72px;object-fit:cover;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.04)}
.top-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}
.app-shell.sidebar-collapsed{grid-template-columns:92px 1fr}
.app-shell.sidebar-collapsed .sidebar{padding:18px 12px}
.app-shell.sidebar-collapsed .brand-block h2,
.app-shell.sidebar-collapsed .brand-block p,
.app-shell.sidebar-collapsed .sidebar-footer small,
.app-shell.sidebar-collapsed .sidebar-footer a:not(:last-child),
.app-shell.sidebar-collapsed .nav-list a{font-size:0}
.app-shell.sidebar-collapsed .brand-badge{font-size:11px}
.app-shell.sidebar-collapsed .sidebar-logo{width:48px;height:48px}
.app-shell.sidebar-collapsed .nav-list a{padding:12px}
.app-shell.sidebar-collapsed .nav-list a::before{content:"•";font-size:18px;color:var(--text)}
.panel-toggle{margin-left:auto}
.builder-sections{display:grid;gap:24px}
.builder-card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:18px;padding:18px}
.builder-card h3{margin:0 0 6px}
.theme-preview-surface{color:var(--text)}
.master-theme .sidebar{background:rgba(255,255,255,.02)}
.quick-actions-master{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:960px){
  .master-shell,.app-shell.sidebar-collapsed,.app-shell{grid-template-columns:1fr}
}


.admin-image-preview{margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03)}
.admin-image-preview.small{max-width:160px}
.admin-image-preview img{display:block;max-width:100%;max-height:140px;object-fit:cover;border-radius:10px}


.upload-box{position:relative;display:grid;place-items:center;min-height:120px;padding:18px;border:1.5px dashed rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.025);transition:.2s ease;overflow:hidden}
.upload-box:hover,.upload-box.is-dragover{border-color:rgba(109,74,255,.55);background:rgba(109,74,255,.08)}
.upload-box input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;padding:0}
.upload-help{pointer-events:none;color:var(--muted);text-align:center;font-size:14px}
.checkbox-field{margin-top:10px}


.sidebar-footer .btn-master-logout{
    width:100px;
}


.master-page-head{padding:6px 0 4px}
.master-toolbar-panel{padding:18px 24px}
.master-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}
.master-search-wrap{min-width:280px}
.master-search-wrap input{background:#0f172a}
.master-counter{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:13px}
.tenant-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tenant-card{padding:20px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.03);display:grid;gap:18px}
.tenant-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.tenant-ident{display:flex;align-items:center;gap:14px;min-width:0}
.tenant-ident strong,.tenant-meta-grid strong{display:block}
.tenant-ident small,.tenant-card-footer small{color:var(--muted)}
.tenant-thumb,.master-summary-logo{width:58px;height:58px;border-radius:16px;object-fit:cover;border:1px solid var(--border);background:rgba(255,255,255,.03)}
.tenant-thumb-fallback,.master-summary-fallback{display:grid;place-items:center;font-weight:800;font-size:22px}
.tenant-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tenant-meta-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.tenant-card-footer{display:grid;gap:12px}
.master-edit-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start;margin-bottom:24px}
.master-summary-card{display:grid;gap:12px}
.master-summary-pills{display:flex;flex-wrap:wrap;gap:10px}
.master-form-panel .form-grid,.panel .form-grid{align-items:start}
.quick-actions-master{display:flex;gap:10px;flex-wrap:wrap}
.quick-actions-master .btn{min-width:84px}
@media (max-width:1080px){
  .tenant-list-grid,.master-edit-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .master-toolbar{flex-direction:column;align-items:stretch}
  .master-search-wrap{min-width:0}
}


.master-topbar{min-height:100vh;background:linear-gradient(180deg,#0b1120,#111827)}
.master-content-area{padding-top:24px}
.master-brand-block{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.master-top-actions{justify-content:flex-end}
.master-top-actions .btn-master-logout{width:100px}
.master-shell,.compact-sidebar{display:block}
.master-theme .content-area{padding:0}
.master-theme .page-head{margin-top:0}
.master-theme .panel,.master-theme .stat-card{background:rgba(17,24,39,.9)}
@media (max-width:920px){
  .master-brand-block{flex-direction:column;align-items:flex-start}
  .master-top-actions{width:100%;justify-content:flex-start}
}


.icon-picker-field{border:1px solid var(--border);border-radius:16px;padding:16px;background:rgba(255,255,255,.02);margin:0}
.icon-picker-field legend{padding:0 8px;color:var(--muted);font-size:14px}
.icon-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.icon-choice{display:block}
.icon-choice input{position:absolute;opacity:0;pointer-events:none}
.icon-choice-box{display:grid;justify-items:center;gap:8px;padding:14px 10px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03);cursor:pointer;transition:.2s ease}
.icon-choice input:checked + .icon-choice-box{border-color:rgba(109,74,255,.55);background:rgba(109,74,255,.12)}
.icon-choice-svg{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.06);color:var(--text)}
.icon-choice-svg svg{width:22px;height:22px;display:block}
@media (max-width:900px){.icon-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


.top-toolbar{position:sticky;top:0;z-index:20;padding:0 0 18px;background:linear-gradient(180deg,var(--bg),rgba(11,17,32,.92) 72%, transparent)}
.sidebar-footer .btn{width:100%}
.admin-hero{padding:28px;overflow:hidden}
.admin-hero-main{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center}
.admin-hero-copy{display:grid;gap:16px}
.admin-hero-copy h1{margin:0;font-size:clamp(34px,4vw,52px);line-height:1}
.admin-hero-copy p{max-width:720px}
.admin-store-card{padding:22px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--border);display:grid;gap:10px;justify-items:start}
.admin-store-logo{width:84px;height:84px;border-radius:22px;object-fit:cover;border:1px solid var(--border);background:rgba(255,255,255,.03)}
.admin-store-logo-fallback{display:grid;place-items:center;font-size:30px;font-weight:800}
.admin-store-pills{display:flex;gap:10px;flex-wrap:wrap}
.admin-shortcuts{padding-top:22px}
.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.shortcut-card{padding:18px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.03);display:grid;gap:6px;transition:.2s ease}
.shortcut-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}
.shortcut-card strong{font-size:16px}
.shortcut-card small{color:var(--muted)}
.section-chip-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.section-chip-nav a{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text);font-size:14px}
.section-chip-nav a:hover{background:rgba(255,255,255,.08)}
.builder-card{display:grid;gap:6px}
.product-form-panel,.product-list-panel{height:100%}
.product-form-panel .form-grid{margin-top:14px}
.panel-subtitle + .table-wrap{margin-top:14px}
@media (max-width:1100px){
  .admin-hero-main,.shortcut-grid{grid-template-columns:1fr}
}


.admin-view-nav a.is-active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
.single-settings-view .panel:first-child{margin-top:0}
.single-settings-view{display:grid}


.nav-list-saas a{display:grid;gap:2px;padding:12px 14px;border-radius:14px}
.nav-list-saas a span{font-weight:700;font-size:14px}
.nav-list-saas a small{color:var(--muted);font-size:12px}
.nav-list-saas a.active{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08)}
.nav-list-saas a.active small{color:var(--text)}
.settings-page-head{padding:20px 24px}
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:8px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs strong{color:var(--text)}
.settings-page-copy{display:grid;gap:6px}
.settings-page-copy h2{margin:0;font-size:32px;line-height:1.05}
.settings-page-copy p{margin:0;color:var(--muted)}
.admin-view-nav{position:sticky;top:72px;z-index:10;padding-bottom:4px;background:linear-gradient(180deg,var(--bg),rgba(11,17,32,.9) 72%, transparent)}
.single-settings-view{display:grid;gap:20px}
.single-settings-view .panel{margin-bottom:0}


/* Mobile-first accessibility and responsiveness pass */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
body.sidebar-mobile-open { overflow: hidden; }
input, select, textarea, button, .btn { min-height: 44px; }
input, select, textarea { font-size: 16px; }
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible,
button:focus-visible {
    outline: 2px solid rgba(255,255,255,.8);
    outline-offset: 2px;
}
img { height: auto; }
.table-wrap { -webkit-overflow-scrolling: touch; }
table { min-width: 680px; }
.product-row-meta { min-width: 0; }
.product-row-meta div { min-width: 0; }
.product-row-meta strong,
.product-row-meta small { display:block; overflow-wrap:anywhere; }
.sidebar-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.56);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .2s ease;
    border: 0;
    z-index: 34;
}
.sidebar-backdrop.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.auth-card { max-width: 520px; }
.auth-card form .btn { width: 100%; }
.upload-box { min-height: 132px; }
.admin-image-preview img { width: 100%; object-fit: cover; }
.inline-actions .btn,
.form-actions .btn { min-height: 44px; }
.shortcut-grid,
.two-col-grid,
.product-admin-grid,
.theme-grid,
.theme-grid-metrics,
.security-grid { align-items: start; }

@media (max-width: 1200px) {
    .content-area { padding: 24px; }
    .stats-grid-4,
    .shortcut-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .app-shell {
        display: block;
        min-height: 100vh;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: min(86vw, 320px);
        max-width: 320px;
        z-index: 40;
        transform: translateX(-105%);
        transition: transform .22s ease;
        border-right: 1px solid var(--border);
        border-bottom: 0;
        overflow-y: auto;
        padding: 18px 16px 22px;
        backdrop-filter: blur(12px);
    }
    .sidebar.open {
        transform: translateX(0);
    }
    .content-area {
        padding: 18px 14px 28px;
    }
    .top-toolbar {
        position: sticky;
        top: 0;
        z-index: 20;
        margin: 0 -14px 18px;
        padding: 12px 14px 14px;
        background: linear-gradient(180deg,var(--bg),rgba(11,17,32,.92) 76%,transparent);
    }
    .top-toolbar .inline-actions {
        width: 100%;
        justify-content: space-between;
        gap: 10px;
    }
    .top-toolbar .btn {
        flex: 1 1 calc(33.333% - 8px);
        min-width: 0;
        padding-inline: 10px;
        font-size: 12px;
    }
    .page-head,
    .panel-head,
    .admin-hero-main,
    .security-grid,
    .shortcut-grid,
    .two-col-grid,
    .product-admin-grid,
    .stats-grid,
    .stats-grid-4,
    .form-grid,
    .theme-grid,
    .theme-grid-metrics {
        grid-template-columns: 1fr !important;
    }
    .page-head {
        display: grid;
        align-items: start;
    }
    .page-head .inline-actions,
    .admin-hero-copy .inline-actions {
        width: 100%;
    }
    .page-head .inline-actions .btn,
    .admin-hero-copy .inline-actions .btn {
        flex: 1 1 100%;
        width: 100%;
    }
    .panel,
    .panel-nested,
    .stat-card,
    .auth-card,
    .admin-hero {
        padding: 18px;
        border-radius: 18px;
    }
    .admin-store-card {
        width: 100%;
    }
    .section-chip-nav {
        position: static;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .section-chip-nav a {
        white-space: nowrap;
    }
    .settings-page-copy h2 {
        font-size: 28px;
    }
    .nav-list-saas a {
        grid-template-columns: 1fr;
    }
    .sidebar-footer .btn {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .auth-page { padding: 14px; }
    .auth-card { padding: 20px; }
    .brand-block { padding: 16px; margin-bottom: 18px; }
    .brand-block h2 { font-size: 22px; margin: 6px 0 4px; }
    .sidebar-logo { width: 60px; height: 60px; }
    .btn,
    .btn-small {
        width: 100%;
    }
    .top-toolbar .btn {
        flex: 1 1 100%;
    }
    .form-grid .span-2,
    .span-2 {
        grid-column: auto;
    }
    .checkbox-field,
    .checkbox-pill {
        align-items: flex-start;
    }
    .size-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .icon-picker-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    table {
        min-width: 560px;
    }
    .status-pill {
        font-size: 11px;
        padding: 7px 10px;
    }
}


/* Final mobile hardening */
:root { color-scheme: dark; }
* { min-width: 0; }
.content-area, .panel, .panel-nested, .mini-card, .stat-card, .shortcut-card, .auth-card { overflow-wrap: anywhere; }
.table-wrap { border-radius: 16px; }
.product-admin-grid > * { min-width: 0; }
.theme-group, .theme-grid, .theme-grid label { min-width: 0; }
.nav-list-saas a, .shortcut-card, .mini-card, .panel-head > div, .page-head > div, .admin-hero-copy { min-width: 0; }
.upload-help { line-height: 1.45; }
.checkbox-field span, .checkbox-pill span { line-height: 1.4; }
.icon-choice-box small, .panel-subtitle, small { line-height: 1.45; }

@media (max-width: 960px) {
    .brand-block-with-logo { gap: 10px; }
    .brand-block-with-logo p { margin: 0; }
    .nav-list-saas { gap: 8px; }
    .sidebar-footer { padding-top: 8px; }
    .table-wrap { margin: 0 -6px; padding-bottom: 4px; }
    table th, table td { padding: 12px 10px; }
    .product-row-meta { align-items: flex-start; gap: 10px; }
    .product-row-meta img { width: 48px; height: 48px; border-radius: 10px; }
    .settings-page-head { padding: 18px; }
    .settings-page-copy h2 { font-size: 26px; }
    .breadcrumbs { flex-wrap: wrap; }
}

@media (max-width: 640px) {
    .content-area { padding: 14px 12px 22px; }
    .top-toolbar { margin: 0 -12px 16px; padding: 10px 12px 12px; }
    .top-toolbar .inline-actions { flex-direction: column; align-items: stretch; }
    .top-toolbar .btn { width: 100%; flex: 1 1 100%; }
    .panel, .panel-nested, .stat-card, .admin-hero, .mini-card, .shortcut-card { padding: 16px; }
    .panel-head { margin-bottom: 14px; }
    .panel-head, .page-head { gap: 10px; }
    .sidebar { width: min(92vw, 320px); padding: 16px 14px 20px; }
    .brand-block { padding: 14px; border-radius: 16px; }
    .brand-badge { font-size: 10px; }
    .nav-list-saas a { padding: 11px 12px; }
    .nav-list-saas a span { font-size: 13px; }
    .nav-list-saas a small { font-size: 11px; }
    .admin-store-card { padding: 16px; }
    .admin-store-logo { width: 72px; height: 72px; border-radius: 18px; }
    .stat-card strong { font-size: 26px; }
    .shortcut-grid { grid-template-columns: 1fr !important; }
    .section-chip-nav { gap: 8px; margin-bottom: 18px; }
    .section-chip-nav a { padding: 9px 12px; font-size: 13px; }
    .form-grid { gap: 14px; }
    label, .field-title { margin-bottom: 12px; }
    input, select, textarea { padding: 13px 14px; border-radius: 12px; }
    .size-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .checkbox-field, .checkbox-pill { padding: 12px 13px; border-radius: 12px; }
    .icon-picker-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .icon-choice-box { padding: 12px 8px; border-radius: 12px; }
    .admin-image-preview img { max-height: 180px; }
    .upload-box { min-height: 116px; border-radius: 14px; }
    .auth-card { padding: 18px; border-radius: 18px; }
    .auth-logo { width: 72px; height: 72px; border-radius: 18px; }
}

@media (max-width: 420px) {
    .size-grid, .icon-picker-grid { grid-template-columns: 1fr; }
    .status-pill { width: fit-content; max-width: 100%; }
    .admin-store-pills, .inline-actions { gap: 8px; }
    .btn, .btn-small { padding: 11px 14px; }
}


/* Admin da loja sem sidebar */
.app-shell.no-sidebar{
    display:block;
    min-height:100vh;
}
.content-area.full{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding:24px 16px 32px;
}
@media (max-width:960px){
    .content-area.full{
        padding:18px 14px 28px;
    }
}
@media (max-width:640px){
    .content-area.full{
        padding:14px 12px 22px;
    }
}


.sortable-dnd{
    display:grid;
    gap:12px;
}
.sortable-item-dnd{
    display:grid;
    grid-template-columns:34px 1fr;
    gap:14px;
    align-items:center;
    padding:16px 18px;
    border:1px solid var(--border);
    border-radius:16px;
    background:rgba(255,255,255,.03);
    cursor:grab;
    transition:.18s ease;
}
.sortable-item-dnd:hover{
    background:rgba(255,255,255,.05);
}
.sortable-item-dnd.is-dragging{
    opacity:.55;
    transform:scale(.995);
}
.sortable-item-dnd.is-drop-target{
    border-color:rgba(109,74,255,.6);
    box-shadow:0 0 0 2px rgba(109,74,255,.15) inset;
}
.sortable-handle{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:10px;
    background:rgba(255,255,255,.05);
    color:var(--muted);
    font-size:18px;
    user-select:none;
}
.sortable-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
}
@media (max-width:640px){
    .sortable-item-dnd{
        grid-template-columns:1fr;
        padding:14px;
    }
    .sortable-content{
        flex-direction:column;
        align-items:flex-start;
    }
    .sortable-handle{
        width:44px;
        height:32px;
    }
}


/* admin-view-nav em chips com scroll horizontal */
.admin-view-nav{
    position:static !important;
    top:auto !important;
    display:flex;
    gap:10px;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 8px;
    margin:0 0 20px;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
    background:transparent !important;
}
.admin-view-nav::-webkit-scrollbar{
    height:6px;
}
.admin-view-nav::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.14);
    border-radius:999px;
}
.admin-view-nav a{
    flex:0 0 auto;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.04);
    color:var(--text);
    transition:.18s ease;
}
.admin-view-nav a:hover{
    background:rgba(255,255,255,.08);
}
.admin-view-nav a.is-active{
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.18);
}

@media (max-width:640px){
    .admin-view-nav{
        gap:8px;
        padding-bottom:6px;
        margin-bottom:16px;
    }
    .admin-view-nav a{
        min-height:38px;
        padding:9px 12px;
        font-size:13px;
    }
}


.admin-top-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin:0 0 18px;
}
.btn-logout-top{
    min-width:100px;
}
@media (max-width:640px){
    .admin-top-actions{
        gap:8px;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:4px;
    }
    .admin-top-actions .btn{
        flex:0 0 auto;
    }
}


/* Top actions visíveis no admin da loja */
.admin-top-actions{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin:0 0 18px;
    width:100%;
}
.admin-top-actions .btn{
    flex:0 0 auto;
}
.btn-logout-top{
    min-width:100px;
}
@media (max-width:640px){
    .admin-top-actions{
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:4px;
    }
}


.admin-top-actions{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin:0 0 18px;
    width:100%;
}
.admin-profile-dropdown{
    position:relative;
    margin-left:auto;
}
.admin-profile-trigger{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:48px;
    padding:8px 12px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    color:var(--text);
    cursor:pointer;
    box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.admin-profile-trigger:hover{
    background:rgba(255,255,255,.07);
}
.admin-profile-avatar{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:12px;
    background:rgba(109,74,255,.2);
    color:#fff;
    font-weight:800;
}
.admin-profile-meta{
    display:grid;
    text-align:left;
    line-height:1.15;
}
.admin-profile-meta strong{
    font-size:14px;
}
.admin-profile-meta small{
    font-size:11px;
    color:var(--muted);
}
.admin-profile-caret{
    font-size:13px;
    color:var(--muted);
}
.admin-profile-menu{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    min-width:240px;
    padding:10px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(17,24,39,.98);
    box-shadow:0 18px 40px rgba(0,0,0,.24);
    z-index:30;
    display:grid;
    gap:6px;
}
.admin-profile-menu-head{
    display:grid;
    gap:4px;
    padding:10px 10px 12px;
    border-bottom:1px solid rgba(255,255,255,.08);
    margin-bottom:2px;
}
.admin-profile-menu-head strong{
    font-size:14px;
}
.admin-profile-menu-head small{
    color:var(--muted);
    font-size:12px;
}
.admin-profile-link{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:10px 12px;
    border-radius:12px;
    color:var(--text);
}
.admin-profile-link:hover{
    background:rgba(255,255,255,.06);
}
.admin-profile-danger{
    color:#fca5a5;
}
@media (max-width:640px){
    .admin-top-actions{
        margin-bottom:14px;
    }
    .admin-profile-dropdown{
        width:100%;
    }
    .admin-profile-trigger{
        width:100%;
        justify-content:space-between;
    }
    .admin-profile-menu{
        left:0;
        right:0;
        min-width:0;
    }
}


.admin-profile-menu[hidden]{
    display:none !important;
}


.admin-hero-copy .inline-actions{
    margin-top:2px;
}
.admin-hero-metrics{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:6px;
}
.hero-metric-card{
    padding:18px;
    border-radius:18px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.04);
    display:grid;
    gap:6px;
}
.hero-metric-card small{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:#cbd5e1;
}
.hero-metric-card strong{
    font-size:34px;
    line-height:1;
}
.hero-metric-card span{
    color:var(--muted);
    font-size:13px;
}
.admin-store-links{
    display:grid;
    gap:10px;
    width:100%;
    margin-top:6px;
}
.admin-store-links .btn{
    width:100%;
}
@media (max-width:900px){
    .admin-hero-metrics{
        grid-template-columns:1fr;
    }
}


/* Melhor fluxo ao abrir seções do admin */
.panel[id]{
    scroll-margin-top: 16px;
}


/* Admin hero mais compacto e funcional */
.admin-hero-compact{
    padding:18px;
}
.admin-hero-main-compact{
    display:grid;
    grid-template-columns:1.35fr .65fr;
    gap:16px;
    align-items:start;
}
.admin-hero-copy-compact{
    display:grid;
    gap:14px;
}
.admin-hero-heading-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
}
.admin-hero-heading-row h1{
    margin:6px 0 6px;
    font-size:clamp(28px,3vw,38px);
    line-height:1.02;
}
.admin-hero-heading-row p{
    margin:0;
    max-width:620px;
}
.admin-hero-actions-compact{
    justify-content:flex-end;
    flex-wrap:nowrap;
}
.admin-hero-actions-compact .btn{
    min-height:42px;
}
.admin-hero-inline-stats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.hero-inline-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border-radius:999px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.04);
    color:var(--muted);
    font-size:13px;
}
.hero-inline-pill strong{
    color:var(--text);
    font-size:14px;
}
.admin-hero-side-compact{
    align-self:stretch;
}
.admin-store-card-compact{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    align-items:center;
    padding:16px;
}
.admin-store-card-compact .admin-store-logo{
    width:68px;
    height:68px;
    border-radius:18px;
}
.admin-store-meta{
    display:grid;
    gap:4px;
}
.admin-store-meta strong{
    font-size:16px;
}
.admin-store-meta small{
    color:var(--muted);
}
.admin-store-card-compact .admin-store-pills{
    grid-column:1 / -1;
}
@media (max-width:980px){
    .admin-hero-main-compact{
        grid-template-columns:1fr;
    }
    .admin-hero-heading-row{
        flex-direction:column;
    }
    .admin-hero-actions-compact{
        width:100%;
        justify-content:flex-start;
        flex-wrap:wrap;
    }
}
@media (max-width:640px){
    .admin-hero-compact{
        padding:16px;
    }
    .admin-hero-heading-row h1{
        font-size:26px;
    }
    .admin-hero-actions-compact .btn{
        width:100%;
    }
    .admin-store-card-compact{
        grid-template-columns:1fr;
    }
    .admin-store-card-compact .admin-store-logo{
        width:60px;
        height:60px;
    }
}


/* Ajustes finais do admin hero */
.admin-hero-inline-stats{
    display:none !important;
}
.admin-hero-brand-logo{
    display:block;
    width:auto;
    max-width:min(260px, 100%);
    max-height:74px;
    object-fit:contain;
    margin:4px 0 2px;
}
.admin-hero-actions-compact .btn.btn-primary,
.admin-hero-actions-compact .btn.btn-outline{
    min-height:48px;
    padding:12px 18px;
    font-size:14px;
    border-radius:14px;
}
@media (max-width:640px){
    .admin-hero-brand-logo{
        max-height:62px;
    }
    .admin-hero-actions-compact .btn.btn-primary,
    .admin-hero-actions-compact .btn.btn-outline{
        min-height:46px;
    }
}


/* Ajustes solicitados */
.admin-store-card-compact{
    max-width: 320px;
    justify-self: end;
}
.admin-view-nav a.is-active{
    background:#000 !important;
    border-color:rgba(255,255,255,.16) !important;
    color:#fff !important;
}


/* Slider visual do overlay */
.hero-overlay-control{
    gap:10px;
}
.range-control{
    display:grid;
    gap:10px;
    padding:14px;
    border-radius:16px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.03);
}
.range-control input[type="range"]{
    width:100%;
    padding:0;
    background:transparent;
    border:0;
    accent-color:var(--primary);
    min-height:auto;
}
.range-control-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.range-control-meta small{
    color:var(--muted);
    line-height:1.4;
}
.range-control-meta strong{
    min-width:58px;
    text-align:center;
    padding:8px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:var(--text);
    font-size:13px;
}
@media (max-width:640px){
    .range-control{
        padding:12px;
        border-radius:14px;
    }
    .range-control-meta{
        flex-direction:column;
        align-items:flex-start;
    }
}


/* Ajuste do logo na tela de login do cliente */
.auth-card{
    overflow:hidden;
}
.auth-logo{
    display:block;
    width:min(180px, 72%);
    height:auto;
    max-height:110px;
    object-fit:contain;
    margin:0 auto 14px;
    padding:10px;
    border-radius:20px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
}
.auth-logo-fallback{
    display:grid;
    place-items:center;
    width:90px;
    height:90px;
    max-height:none;
    padding:0;
    font-size:30px;
    font-weight:800;
    color:#fff;
    background:linear-gradient(180deg, rgba(109,74,255,.3), rgba(255,255,255,.05));
}

/* Ajustes do card lateral do admin da loja */
.admin-store-card-compact{
    max-width:280px;
    justify-self:end;
}
.admin-store-card-compact > strong{
    display:block;
    margin:2px 0 0;
    font-size:16px;
}
.admin-store-card-compact > small{
    display:block;
    color:var(--muted);
    margin-top:2px;
}
.admin-store-fallback-badge{
    display:grid;
    place-items:center;
    width:68px;
    height:68px;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(109,74,255,.24), rgba(255,255,255,.05));
    color:#fff;
    font-weight:800;
    font-size:24px;
}
@media (max-width:640px){
    .auth-logo{
        width:min(160px, 78%);
        max-height:96px;
    }
    .admin-store-card-compact{
        max-width:none;
        width:100%;
    }
}


/* Logo login alinhado à esquerda */
.auth-logo{
    margin:0 0 16px 0 !important;
    display:block;
    text-align:left;
}
.auth-card{
    align-items:flex-start;
}
/* FIX: admin hero compact ocupar 100% largura corretamente */
.admin-hero-main.admin-hero-main-compact{
    display:grid;
    grid-template-columns: 1fr auto;
    align-items:center;
    gap:16px;
    width:100%;
}

.admin-hero-main-compact .admin-hero-content{
    width:100%;
}

.admin-hero-main-compact .admin-store-card-compact{
    justify-self:end;
    margin-left:auto;
}

/* evitar espaço vazio */
.admin-hero-main-compact > *{
    max-width:100%;
}

/* mobile */
@media (max-width:768px){
    .admin-hero-main.admin-hero-main-compact{
        grid-template-columns:1fr;
    }
    .admin-hero-main-compact .admin-store-card-compact{
        width:100%;
        justify-self:stretch;
    }
}


/* ===============================
   ADMIN MASTER SPACING FIX
================================ */

/* container geral */
.admin-master-wrapper,
.admin-master-container,
.content-area{
    padding:24px 28px;
}

/* espaçamento vertical entre blocos */
.admin-master-container > * + *{
    margin-top:20px;
}

/* cards */
.admin-master-card{
    padding:20px;
    border-radius:16px;
}

/* tabelas e listas */
.admin-master-table,
.admin-master-list{
    margin-top:12px;
}

/* header */
.admin-master-header{
    margin-bottom:20px;
}

/* mobile */
@media (max-width:768px){
    .admin-master-wrapper,
    .admin-master-container,
    .content-area{
        padding:16px;
    }

    .admin-master-container > * + *{
        margin-top:16px;
    }
}


/* ===============================
   ADMIN MASTER DASHBOARD UPGRADE
================================ */
.admin-master-dashboard{
    display:grid;
    gap:22px;
    margin-bottom:24px;
}
.admin-master-hero{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:18px;
    align-items:center;
    padding:24px;
}
.admin-master-hero-copy{
    display:grid;
    gap:14px;
}
.admin-master-hero-copy h1{
    margin:0;
    font-size:clamp(30px,4vw,42px);
    line-height:1.02;
}
.admin-master-hero-copy p{
    margin:0;
    max-width:720px;
}
.admin-master-hero-side{
    display:flex;
    justify-content:flex-end;
}
.admin-master-plan-stack{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}
.admin-master-stats .stat-card{
    min-height:132px;
}
.admin-master-shortcuts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.shortcut-card{
    display:grid;
    gap:8px;
    padding:18px;
    border-radius:18px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.03);
}
.shortcut-card strong{
    font-size:17px;
}
.shortcut-card p{
    margin:0;
    color:var(--muted);
}
@media (max-width:960px){
    .admin-master-hero{
        grid-template-columns:1fr;
        align-items:start;
    }
    .admin-master-hero-side,
    .admin-master-plan-stack{
        justify-content:flex-start;
    }
    .admin-master-shortcuts{
        grid-template-columns:1fr;
    }
}


/* Admin master dashboard visual upgrade */
.admin-master-dashboard-shell{
    display:grid;
    gap:22px;
    margin-bottom:24px;
}
.admin-master-hero{
    padding:26px;
    background:
      radial-gradient(circle at top right, rgba(109,74,255,.18), transparent 34%),
      rgba(17,24,39,.92);
}
.admin-master-hero-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:20px;
    align-items:center;
}
.admin-master-hero-copy{
    display:grid;
    gap:14px;
}
.admin-master-hero-copy h1{
    margin:0;
    font-size:clamp(32px, 4vw, 46px);
    line-height:1.02;
}
.admin-master-hero-copy p{
    margin:0;
    max-width:720px;
}
.admin-master-hero-side{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.admin-master-plan-pills{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}
.admin-master-plan-pills .status-pill{
    background:rgba(255,255,255,.06);
    color:#fff;
    border:1px solid rgba(255,255,255,.1);
}
.admin-master-stat-grid{
    margin-bottom:0;
}
.admin-master-stat-card{
    min-height:138px;
    display:grid;
    gap:8px;
    align-content:start;
}
.admin-master-stat-card small{
    color:var(--muted);
}
.admin-master-shortcut-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}
.admin-master-shortcut-grid .shortcut-card{
    background:rgba(255,255,255,.03);
    border:1px solid var(--border);
    border-radius:18px;
    padding:20px;
}
.admin-master-shortcut-grid .shortcut-card strong{
    font-size:17px;
}
.admin-master-shortcut-grid .shortcut-card p{
    margin:6px 0 0;
    color:var(--muted);
}
.admin-master-tenant-panel{
    margin-top:4px;
}
@media (max-width:960px){
    .admin-master-hero-grid{
        grid-template-columns:1fr;
        align-items:start;
    }
    .admin-master-hero-side,
    .admin-master-plan-pills{
        justify-content:flex-start;
    }
    .admin-master-shortcut-grid{
        grid-template-columns:1fr;
    }
}


/* Removido admin-store-mini-metrics */
.admin-store-mini-metrics{
    display:none !important;
}


/* ===============================
   ADMIN MASTER - MARGEM + CONTAINER + GRID FLUIDO
================================ */
body.admin-master{
    margin:40px !important;
}

body.admin-master .app-shell,
body.admin-master .content-area{
    min-height:auto;
}

body.admin-master .content-area{
    padding:0 !important;
}

.admin-master-shell{
    width:min(1200px, 100%);
    margin:0 auto;
    display:grid;
    gap:24px;
}

body.admin-master .page-head,
body.admin-master .admin-master-hero,
body.admin-master .master-toolbar-panel,
body.admin-master .admin-master-tenant-panel,
body.admin-master .panel{
    margin-left:0;
    margin-right:0;
}

body.admin-master .stats-grid,
body.admin-master .admin-master-stat-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:16px;
}

body.admin-master .admin-master-shortcut-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

body.admin-master .tenant-list-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

body.admin-master .tenant-card{
    height:100%;
}

body.admin-master .admin-master-hero{
    padding:28px;
    border-radius:24px;
}

body.admin-master .panel,
body.admin-master .stat-card,
body.admin-master .shortcut-card,
body.admin-master .tenant-card{
    border-radius:20px;
}

@media (max-width: 1100px){
    body.admin-master .stats-grid,
    body.admin-master .admin-master-stat-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    body.admin-master .tenant-list-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 768px){
    body.admin-master{
        margin:16px !important;
    }

    .admin-master-shell{
        gap:18px;
    }

    body.admin-master .stats-grid,
    body.admin-master .admin-master-stat-grid,
    body.admin-master .admin-master-shortcut-grid{
        grid-template-columns:1fr;
    }

    body.admin-master .admin-master-hero{
        padding:20px;
        border-radius:20px;
    }
}


/* FORCE REAL CHANGE - admin master layout */
body.admin-master{
    margin:40px !important;
    padding:0 !important;
}

body.admin-master .app-shell{
    display:block !important;
    min-height:auto !important;
}

body.admin-master .content-area{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
}

body.admin-master .admin-master-shell{
    width:min(1200px, 100%) !important;
    max-width:1200px !important;
    margin:0 auto !important;
    display:grid !important;
    gap:24px !important;
}

body.admin-master .page-head,
body.admin-master .admin-master-dashboard-shell,
body.admin-master .admin-master-hero,
body.admin-master .stats-grid,
body.admin-master .admin-master-stat-grid,
body.admin-master .admin-master-shortcut-grid,
body.admin-master .master-toolbar-panel,
body.admin-master .admin-master-tenant-panel,
body.admin-master .panel{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

body.admin-master .stats-grid,
body.admin-master .admin-master-stat-grid{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:16px !important;
}

body.admin-master .admin-master-shortcut-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:16px !important;
}

body.admin-master #tenant-list.tenant-list-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:16px !important;
}

body.admin-master .tenant-card,
body.admin-master .stat-card,
body.admin-master .shortcut-card,
body.admin-master .panel{
    border-radius:20px !important;
}

body.admin-master .admin-master-hero{
    padding:28px !important;
}

@media (max-width:1100px){
    body.admin-master .stats-grid,
    body.admin-master .admin-master-stat-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }
    body.admin-master #tenant-list.tenant-list-grid,
    body.admin-master .admin-master-shortcut-grid{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:768px){
    body.admin-master{
        margin:16px !important;
    }
    body.admin-master .admin-master-shell{
        gap:18px !important;
    }
    body.admin-master .stats-grid,
    body.admin-master .admin-master-stat-grid,
    body.admin-master .admin-master-shortcut-grid,
    body.admin-master #tenant-list.tenant-list-grid{
        grid-template-columns:1fr !important;
    }
    body.admin-master .admin-master-hero{
        padding:20px !important;
    }
}


/* =========================================================
   ADMIN MASTER HARDENING - layout, spacing, mobile, polish
========================================================= */
body.admin-master{
    margin:40px !important;
    padding:0 !important;
    background:#070d18 !important;
}

body.admin-master .master-topbar{
    width:min(1280px, 100%);
    margin:0 auto;
    min-height:calc(100vh - 80px);
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    background:
      radial-gradient(circle at top right, rgba(109,74,255,.14), transparent 28%),
      linear-gradient(180deg,#0b1120,#111827);
    box-shadow:0 24px 60px rgba(0,0,0,.26);
    overflow:hidden;
}

body.admin-master .content-area.master-content-area,
body.admin-master .content-area{
    width:100%;
    max-width:none;
    padding:28px !important;
    margin:0 !important;
}

body.admin-master .master-brand-block{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:center;
    margin:0 0 24px;
    padding:18px 20px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
}

body.admin-master .master-brand-block h2{
    margin:2px 0 6px;
    font-size:clamp(24px, 3vw, 32px);
    line-height:1.02;
}

body.admin-master .master-brand-block p{
    margin:0;
    color:var(--muted);
    max-width:680px;
}

body.admin-master .master-top-actions{
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

body.admin-master .master-top-actions .btn{
    min-height:42px;
    padding:10px 14px;
}

body.admin-master .master-top-actions .btn-master-logout{
    width:auto;
    min-width:100px;
}

body.admin-master .admin-master-shell{
    width:100%;
    max-width:none;
    margin:0;
    display:grid;
    gap:24px;
}

body.admin-master .page-head,
body.admin-master .admin-master-dashboard-shell,
body.admin-master .master-toolbar-panel,
body.admin-master .panel{
    margin-bottom:0 !important;
}

body.admin-master .page-head{
    align-items:flex-start;
    padding:4px 0 0;
}

body.admin-master .page-head h1{
    margin:4px 0 6px;
    font-size:clamp(28px, 3vw, 38px);
    line-height:1.02;
}

body.admin-master .stats-grid,
body.admin-master .admin-master-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
}

body.admin-master .stat-card{
    min-height:132px;
    display:grid;
    align-content:start;
    gap:8px;
}

body.admin-master .stat-card span{
    margin:0;
    font-size:13px;
}

body.admin-master .stat-card strong{
    font-size:32px;
    line-height:1;
}

body.admin-master .admin-master-shortcut-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
}

body.admin-master .shortcut-card{
    min-height:118px;
    align-content:start;
}

body.admin-master .master-toolbar-panel{
    padding:18px 20px;
}

body.admin-master .master-toolbar{
    display:grid;
    grid-template-columns:1fr minmax(260px, 380px);
    gap:18px;
    align-items:center;
}

body.admin-master .master-search-wrap{
    min-width:0;
}

body.admin-master .master-search-wrap input{
    min-height:48px;
}

body.admin-master #tenant-list.tenant-list-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
}

body.admin-master .tenant-card{
    height:100%;
    padding:18px;
    gap:16px;
}

body.admin-master .tenant-card-top{
    gap:14px;
}

body.admin-master .tenant-meta-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

body.admin-master .quick-actions-master{
    gap:8px;
}

body.admin-master .quick-actions-master .btn{
    min-height:38px;
}

body.admin-master .master-edit-grid{
    grid-template-columns:minmax(260px, 320px) minmax(0, 1fr);
    gap:18px;
}

body.admin-master .master-summary-card{
    padding:4px 0;
}

body.admin-master .master-form-panel .form-grid,
body.admin-master .panel .form-grid{
    gap:16px;
}

body.admin-master .panel{
    padding:22px;
}

body.admin-master .admin-image-preview img{
    max-width:180px;
    border-radius:16px;
}

body.admin-master .upload-box{
    min-height:120px;
}

body.admin-master .panel-head{
    margin-bottom:16px;
}

body.admin-master .master-counter{
    white-space:nowrap;
}

@media (max-width:1100px){
    body.admin-master .stats-grid,
    body.admin-master .admin-master-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.admin-master #tenant-list.tenant-list-grid,
    body.admin-master .admin-master-shortcut-grid{
        grid-template-columns:1fr !important;
    }

    body.admin-master .master-toolbar{
        grid-template-columns:1fr;
    }

    body.admin-master .master-edit-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:768px){
    body.admin-master{
        margin:16px !important;
    }

    body.admin-master .master-topbar{
        min-height:calc(100vh - 32px);
        border-radius:22px;
    }

    body.admin-master .content-area.master-content-area,
    body.admin-master .content-area{
        padding:18px !important;
    }

    body.admin-master .master-brand-block{
        grid-template-columns:1fr;
        padding:16px;
        border-radius:18px;
    }

    body.admin-master .master-top-actions{
        justify-content:flex-start;
        width:100%;
    }

    body.admin-master .master-top-actions .btn{
        flex:1 1 calc(50% - 5px);
    }

    body.admin-master .page-head{
        gap:14px;
    }

    body.admin-master .page-head .inline-actions{
        width:100%;
    }

    body.admin-master .page-head .inline-actions .btn{
        flex:1 1 100%;
    }

    body.admin-master .stats-grid,
    body.admin-master .admin-master-stat-grid,
    body.admin-master #tenant-list.tenant-list-grid,
    body.admin-master .admin-master-shortcut-grid{
        grid-template-columns:1fr !important;
    }

    body.admin-master .panel{
        padding:18px;
    }

    body.admin-master .tenant-meta-grid{
        grid-template-columns:1fr;
    }

    body.admin-master .quick-actions-master .btn{
        flex:1 1 calc(50% - 4px);
    }

    body.admin-master .form-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    body.admin-master .span-2{
        grid-column:auto;
    }
}

@media (max-width:480px){
    body.admin-master .master-top-actions .btn,
    body.admin-master .quick-actions-master .btn{
        flex:1 1 100%;
    }

    body.admin-master .content-area.master-content-area,
    body.admin-master .content-area{
        padding:14px !important;
    }

    body.admin-master .master-topbar{
        border-radius:18px;
    }
}


/* ADMIN MASTER EDIT REFACTOR */
.master-edit-head{
    margin-bottom:0;
}
.master-edit-nav{
    display:flex;
    gap:10px;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:6px;
    -webkit-overflow-scrolling:touch;
}
.master-edit-nav a{
    flex:0 0 auto;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.04);
    color:var(--text);
}
.master-edit-nav a.is-active{
    background:#000;
    color:#fff;
    border-color:rgba(255,255,255,.16);
}
.master-edit-grid-refined{
    display:grid;
    grid-template-columns:minmax(260px, 320px) minmax(0, 1fr);
    gap:18px;
    align-items:start;
}
.master-edit-sidebar{
    position:sticky;
    top:18px;
}
.master-summary-card{
    display:grid;
    gap:12px;
}
.master-summary-card strong{
    font-size:18px;
}
.master-summary-actions{
    display:grid;
    gap:10px;
}
.master-summary-actions .btn{
    width:100%;
}
.master-edit-content{
    min-width:0;
}
.master-edit-sections{
    display:grid;
    gap:18px;
}
.master-edit-section{
    scroll-margin-top:18px;
}
.master-edit-section-danger{
    border-color:rgba(239,68,68,.18);
}
.master-danger-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}
.master-edit-submit{
    justify-content:flex-start;
}
.master-edit-submit .btn{
    min-height:48px;
    padding:12px 18px;
}
@media (max-width:1080px){
    .master-edit-grid-refined{
        grid-template-columns:1fr;
    }
    .master-edit-sidebar{
        position:static;
        top:auto;
    }
}
@media (max-width:760px){
    .master-edit-nav{
        gap:8px;
    }
    .master-edit-nav a{
        min-height:38px;
        padding:9px 12px;
        font-size:13px;
    }
    .master-danger-grid{
        grid-template-columns:1fr;
    }
}


/* Admin master - create page templates */
.master-template-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
}
.master-template-card{
    display:grid;
    gap:10px;
    min-height:140px;
    align-content:start;
}
.master-template-card strong{
    font-size:17px;
}
.master-template-card p{
    margin:0;
    color:var(--muted);
    line-height:1.55;
}
body.admin-master .master-top-actions{
    justify-content:flex-end;
}
@media (max-width:960px){
    .master-template-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   ADMIN MASTER DASHBOARD SHELL - REFINO VISUAL
========================================================= */
body.admin-master .admin-master-dashboard-shell-refined{
    display:grid;
    gap:20px;
}

body.admin-master .admin-master-dashboard-top{
    display:grid;
    grid-template-columns:minmax(0, 1.45fr) minmax(280px, .75fr);
    gap:18px;
    align-items:stretch;
}

body.admin-master .admin-master-hero-refined{
    padding:24px;
    display:flex;
    align-items:center;
    min-height:220px;
    background:
      radial-gradient(circle at top right, rgba(109,74,255,.12), transparent 34%),
      rgba(17,24,39,.92);
}

body.admin-master .admin-master-hero-refined .admin-master-hero-copy{
    display:grid;
    gap:14px;
    max-width:760px;
}

body.admin-master .admin-master-hero-refined h1{
    margin:0;
    font-size:clamp(30px, 4vw, 44px);
    line-height:1.02;
}

body.admin-master .admin-master-hero-refined p{
    margin:0;
    color:var(--muted);
    max-width:680px;
}

body.admin-master .admin-master-hero-actions{
    margin-top:2px;
}

body.admin-master .admin-master-overview-card{
    padding:22px;
    display:grid;
    gap:16px;
    align-content:start;
}

body.admin-master .admin-master-overview-head{
    display:grid;
    gap:4px;
}

body.admin-master .admin-master-overview-head strong{
    font-size:18px;
}

body.admin-master .admin-master-overview-head small{
    color:var(--muted);
}

body.admin-master .admin-master-overview-pills{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

body.admin-master .admin-master-overview-pills .status-pill{
    background:rgba(255,255,255,.06);
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
}

/* removed */
body.admin-master .admin-master-overview-meta{display:none;}
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
}

body.admin-master .admin-master-overview-meta div{
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    display:grid;
    gap:4px;
}

body.admin-master .admin-master-overview-meta span{
    color:var(--muted);
    font-size:12px;
}

body.admin-master .admin-master-overview-meta strong{
    font-size:22px;
    line-height:1;
}

body.admin-master .admin-master-stat-grid-refined{
    margin-bottom:0;
}

body.admin-master .admin-master-stat-grid-refined .admin-master-stat-card{
    min-height:124px;
}

body.admin-master .admin-master-shortcut-grid-refined{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
}

body.admin-master .admin-master-shortcut-card{
    min-height:110px;
    padding:18px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    display:grid;
    gap:8px;
    align-content:start;
}

body.admin-master .admin-master-shortcut-card strong{
    font-size:16px;
}

body.admin-master .admin-master-shortcut-card p{
    margin:0;
    color:var(--muted);
    line-height:1.55;
}

@media (max-width:1100px){
    body.admin-master .admin-master-dashboard-top{
        grid-template-columns:1fr;
    }

    body.admin-master .admin-master-shortcut-grid-refined{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:760px){
    body.admin-master .admin-master-hero-refined{
        min-height:auto;
        padding:20px;
    }

    body.admin-master .admin-master-overview-card{
        padding:18px;
    }

    /* removed */
body.admin-master .admin-master-overview-meta{display:none;}
        grid-template-columns:1fr 1fr;
    }

    body.admin-master .admin-master-shortcut-grid-refined{
        grid-template-columns:1fr;
    }
}

@media (max-width:520px){
    /* removed */
body.admin-master .admin-master-overview-meta{display:none;}
        grid-template-columns:1fr;
    }
}


/* Ações rápidas no card lateral do admin master */
body.admin-master .admin-master-overview-actions{
    display:grid;
    gap:10px;
}
body.admin-master .admin-master-overview-actions .btn{
    width:100%;
    min-height:42px;
}
@media (max-width:760px){
    body.admin-master .admin-master-overview-actions{
        grid-template-columns:1fr;
    }
}


/* Ações rápidas realmente visíveis no card lateral do admin master */
body.admin-master .admin-master-overview-card{
    display:grid !important;
    gap:16px !important;
}
body.admin-master .admin-master-overview-actions{
    display:grid !important;
    gap:10px !important;
    margin-top:4px !important;
}
body.admin-master .admin-master-overview-actions .btn{
    width:100% !important;
    min-height:42px !important;
    justify-content:center !important;
}


/* Admin master spacing improvements */
body.admin-master .admin-master-shell,
body.admin-master .admin-master-dashboard-shell,
body.admin-master .admin-master-page-stack{
    gap: 28px !important;
}
body.admin-master section + section{
    margin-top: 0 !important;
}
body.admin-master .panel,
body.admin-master .page-head,
body.admin-master .stats-grid,
body.admin-master .admin-master-shortcut-grid{
    margin-bottom: 0 !important;
}
body.admin-master .admin-master-dashboard-shell-refined{
    gap: 24px !important;
}
body.admin-master .master-toolbar-panel{
    margin-top: 8px !important;
}
body.admin-master .admin-master-tenant-panel{
    margin-top: 8px !important;
}
body.admin-master .tenant-list-wrap[hidden]{
    display:none !important;
}
@media (max-width:768px){
    body.admin-master .admin-master-shell,
    body.admin-master .admin-master-dashboard-shell,
    body.admin-master .admin-master-page-stack{
        gap: 20px !important;
    }
}


/* Produtos e serviços - fluxo mais limpo */
.panel-head-products{
    align-items:center;
}
.product-summary-grid{
    margin-bottom:18px;
}
.product-form-collapsible{
    margin-bottom:18px;
}
.product-form-collapsible[hidden]{
    display:none !important;
}
.product-form-panel{
    overflow:hidden;
}
.panel-head-products-list{
    margin-bottom:14px;
}
@media (max-width:760px){
    .panel-head-products{
        align-items:flex-start;
    }
    .panel-head-products .inline-actions{
        width:100%;
    }
    .panel-head-products .inline-actions .btn{
        width:100%;
    }
}


/* Remoção do botão recolher/expandir no tenant panel */
body.admin-master .tenant-panel-toggle,
body.admin-master .tenant-list-wrap[hidden]{
    display:none !important;
}

body.admin-master .panel-toggle{display:none !important;}


/* Correção da página Produtos e Serviços no admin da loja */
#produtos{
    display:grid;
    gap:18px;
}
#produtos > .panel-nested,
#produtos > .two-col-grid{
    width:100%;
    position:relative;
    z-index:1;
}
#produtos .product-form-panel{
    order:3;
}
#produtos .product-list-panel{
    order:4;
}
#produtos .product-list-panel,
#produtos .product-form-panel{
    display:block;
    clear:both;
}
#produtos .table-wrap{
    position:relative;
    z-index:1;
}
#produtos table{
    width:100%;
}
#produtos .inline-actions form{
    margin:0;
}


/* ADMIN DA LOJA - HARDENING MOBILE / UX */
.admin-view-nav{
    scroll-snap-type:x proximity;
    padding-bottom:8px;
}
.admin-view-nav a{
    scroll-snap-align:start;
    min-height:42px;
    padding:10px 14px;
    border-radius:999px;
}
.admin-view-nav a.is-active{
    box-shadow:0 10px 22px rgba(0,0,0,.16);
}

.admin-hero-compact{
    overflow:hidden;
}
.admin-hero-actions-compact .btn{
    min-height:46px;
}

.visual-config-form,
.blocos-config-form,
.rodape-config-form,
.catalogo-config-form{
    align-items:start;
}
.visual-config-form > label,
.blocos-config-form > label,
.rodape-config-form > label,
.catalogo-config-form > label{
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.02);
    margin-bottom:0;
}
.visual-config-form > .span-2,
.blocos-config-form > .span-2,
.rodape-config-form > .span-2,
.catalogo-config-form > .span-2{
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.02);
}
.visual-config-form textarea,
.blocos-config-form textarea,
.rodape-config-form textarea,
.catalogo-config-form textarea{
    min-height:110px;
}
.upload-box{
    min-height:112px;
}

#produtos{
    display:grid;
    gap:18px;
}
#produtos .product-summary-grid .mini-card{
    min-height:112px;
}
#produtos .product-form-panel,
#produtos .product-list-panel-stacked{
    width:100%;
    position:relative;
}
#produtos .product-form-panel[hidden]{
    display:none !important;
}

@media (max-width:760px){
    #produtos .table-wrap{
        overflow:visible;
    }

    #produtos table,
    #produtos thead,
    #produtos tbody,
    #produtos tr,
    #produtos th,
    #produtos td{
        display:block;
        width:100%;
    }

    #produtos thead{
        display:none;
    }

    #produtos tbody{
        display:grid;
        gap:12px;
    }

    #produtos tr{
        padding:14px;
        border:1px solid var(--border);
        border-radius:16px;
        background:rgba(255,255,255,.03);
    }

    #produtos td{
        border:0;
        padding:0;
        margin:0 0 10px;
    }

    #produtos td:last-child{
        margin-bottom:0;
    }

    #produtos td::before{
        display:block;
        color:var(--muted);
        font-size:12px;
        margin-bottom:4px;
    }

    #produtos td:nth-child(2)::before{ content:"Categoria"; }
    #produtos td:nth-child(3)::before{ content:"Tipo"; }
    #produtos td:nth-child(4)::before{ content:"Preço"; }
    #produtos td:nth-child(5)::before{ content:"Status"; }
    #produtos td:nth-child(6)::before{ content:"Ações"; }

    #produtos td:nth-child(6) .inline-actions{
        width:100%;
    }

    #produtos td:nth-child(6) .inline-actions .btn,
    #produtos td:nth-child(6) .inline-actions form{
        flex:1 1 100%;
        width:100%;
        margin:0;
    }

    .product-row-meta{
        min-width:0;
    }

    .content-area{
        padding:18px;
    }

    .panel{
        padding:18px;
    }

    .panel-nested{
        padding:16px;
    }

    .page-head{
        gap:14px;
    }

    .admin-view-nav a{
        min-height:40px;
        padding:9px 13px;
        font-size:13px;
    }

    .visual-config-form > label,
    .blocos-config-form > label,
    .rodape-config-form > label,
    .catalogo-config-form > label,
    .visual-config-form > .span-2,
    .blocos-config-form > .span-2,
    .rodape-config-form > .span-2,
    .catalogo-config-form > .span-2{
        padding:12px;
        border-radius:14px;
    }

    .checkbox-field{
        align-items:flex-start;
    }
}

.auth-card h1,
.auth-card h2{
    margin-top:0;
}


/* =========================================================
   MOBILE HARDENING - ADMIN / ADMIN MASTER
========================================================= */
button,
.btn,
a.btn,
input,
select,
textarea,
.template-card,
.segment-pill,
.shortcut-card,
.nav-list a,
.admin-view-nav a,
.inline-actions a,
.inline-actions button{
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}

@media (hover:none){
    .btn:hover,
    .panel:hover,
    .shortcut-card:hover,
    .template-card:hover{
        transform:none !important;
    }
}

@media (max-width:980px){
    .app-shell{
        grid-template-columns:1fr !important;
    }

    .sidebar{
        position:relative !important;
        top:auto !important;
        border-right:0 !important;
        border-bottom:1px solid var(--border);
        padding:16px !important;
        gap:16px;
    }

    .content-area,
    .main-content,
    .page-shell{
        min-width:0;
    }

    .panel,
    .auth-card{
        width:100%;
        overflow:hidden;
    }

    .admin-master-dashboard-top,
    .admin-master-overview-grid,
    .admin-master-shortcut-grid,
    .admin-master-dashboard-shell,
    .admin-master-dashboard-shell-refined{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:760px){
    body{
        overflow-x:hidden;
    }

    .content-area,
    .page-shell,
    .admin-master-dashboard-shell,
    .admin-master-dashboard-shell-refined{
        padding:16px !important;
    }

    .page-head,
    .inline-actions,
    .admin-hero-actions-compact,
    .admin-master-hero-actions{
        display:grid !important;
        grid-template-columns:1fr;
        gap:10px !important;
        width:100%;
    }

    .page-head .btn,
    .inline-actions .btn,
    .admin-hero-actions-compact .btn,
    .admin-master-hero-actions .btn{
        width:100%;
        min-height:44px;
    }

    .admin-view-nav{
        overflow-x:auto;
        flex-wrap:nowrap !important;
        padding-bottom:6px;
    }

    .admin-view-nav a{
        flex:0 0 auto;
        min-height:40px;
    }

    .form-grid,
    .two-col-grid,
    .product-summary-grid,
    .stats-grid,
    .kpi-row{
        grid-template-columns:1fr !important;
    }

    .table-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .inline-actions form{
        width:100%;
        margin:0;
    }

    .inline-actions form .btn{
        width:100%;
    }

    .auth-card{
        padding:20px;
    }

    .panel{
        padding:16px;
    }
}