/* Admin: solid surfaces, compact operational density, no decorative animation.
   Sidebar width and content offset share one token; zoom uses CSS breakpoints. */
body.admin-active {
  --admin-sidebar-width: clamp(208px, 18vw, 248px);
  --admin-bg: #101318;
  --admin-surface: #181d24;
  --admin-raised: #202731;
  --admin-border: #343e4b;
  --admin-text: #eef2f6;
  --admin-muted: #b1bdcb;
  --admin-accent: #ff8b94;
  --admin-action: #bd2639;
  --admin-success: #78dfa6;
  --admin-warning: #f0ca79;
  --admin-info: #94c6ff;
  --bg-dark: var(--admin-bg);
  --bg-card: var(--admin-surface);
  --darker: var(--admin-bg);
  --dark: var(--admin-surface);
  --light: var(--admin-border);
  --lighter: var(--admin-muted);
  --white: var(--admin-text);
  --primary: var(--admin-accent);
  --secondary: #ffadb3;
  --success: var(--admin-success);
  --danger: #ffa0a5;
  --warning: var(--admin-warning);
  --on-primary: #1c1113;
  --modal-surface: var(--admin-surface);
  --modal-text: var(--admin-text);
  --modal-border: var(--admin-border);
  --modal-sep: var(--admin-border);
  --modal-soft: #202731;
  --modal-hover: #293342;
  --texto: var(--admin-text);
  --texto-sec: var(--admin-muted);
  background: var(--admin-bg);
  color: var(--admin-text);
  color-scheme: dark;
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  line-height: 1.45;
  padding-bottom: 0 !important;
}
body.admin-active .bottom-nav { display: none !important; }
body.admin-active *, body.admin-active *::before, body.admin-active *::after {
  box-sizing: border-box;
  animation: none !important;
  transition: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}
/* Only genuine loading indicators need motion. */
body.admin-active .fa-spinner.fa-spin { animation: admin-loading .9s linear infinite !important; }
@keyframes admin-loading { to { transform: rotate(360deg); } }
body.admin-active :is(button, input, select, textarea) { font: inherit; }
body.admin-active :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--admin-info) !important;
  outline-offset: 3px;
}
body.admin-active :is(button, .btn):disabled { opacity: .5; cursor: not-allowed; }
body.admin-active.saas-sidebar-enabled #app.admin-full.admin-main {
  width: calc(100% - var(--admin-sidebar-width)) !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 0 0 var(--admin-sidebar-width) !important;
  padding: clamp(16px, 2vw, 28px) !important;
  min-height: 100dvh;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  transform: none !important;
  animation: none !important;
}
body.admin-active.saas-sidebar-enabled #app.admin-full.admin-main > * { width: 100% !important; max-width: 100% !important; min-width: 0; margin-inline: 0 !important; }
body.admin-active #sidebar.admin-sidebar { position: static !important; width: 0 !important; padding: 0 !important; margin: 0 !important; }
body.admin-active #sidebar .saas-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: var(--admin-sidebar-width) !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 16px 12px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  background: var(--admin-surface) !important;
  border: 0 !important;
  border-right: 1px solid var(--admin-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  z-index: 9000;
}
body.admin-active #sidebar .saas-sidebar-top { display: flex !important; flex: 0 0 auto; padding: 4px 10px 18px; margin: 0; }
body.admin-active #sidebar .saas-brand h3 { color: var(--admin-text); font-size: 19px; letter-spacing: -.5px; }
body.admin-active #sidebar .saas-brand small { display: block; color: var(--admin-muted); font-size: 12px; margin-top: 3px; }
body.admin-active #sidebar .saas-nav-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  gap: 3px !important;
  padding: 0 4px 8px;
}
body.admin-active #sidebar .saas-nav-section-title { color: var(--admin-muted); font-size: 10px; letter-spacing: .1em; margin: 12px 10px 5px; }
body.admin-active #sidebar .saas-nav-separator { margin: 7px 10px; background: var(--admin-border); }
body.admin-active #sidebar .saas-nav-item {
  flex: 0 0 auto;
  min-height: 42px !important;
  padding: 10px 12px !important;
  gap: 10px;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--admin-muted) !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 13px;
  text-align: left;
}
body.admin-active #sidebar .saas-nav-item :is(i, span) { color: inherit !important; transform: none !important; font-size: 13px !important; }
body.admin-active #sidebar .saas-nav-item:is(:hover, .active) { background: var(--admin-raised) !important; color: var(--admin-text) !important; }
body.admin-active #sidebar .saas-nav-item.active { box-shadow: inset 3px 0 var(--admin-accent) !important; }
body.admin-active #sidebar .saas-nav-item.active i { color: var(--admin-accent) !important; }
body.admin-active #sidebar .saas-nav-item::before, body.admin-active #sidebar .saas-nav-item::after { display: none !important; }
body.admin-active #sidebar .saas-nav-status { flex: 0 0 auto; margin: 10px 0 0 !important; padding: 12px 4px 0; border-top: 1px solid var(--admin-border); gap: 6px; }
body.admin-active #sidebar .saas-status-item { flex: 1; width: auto; padding: 8px 5px; background: var(--admin-raised) !important; border: 0; border-radius: 6px; color: var(--admin-muted); font-size: 11px; }
body.admin-active .saas-sidebar-toggle { min-height: 40px; min-width: 40px; }
body.admin-active .saas-sidebar-backdrop { background: #0009; z-index: 8990 !important; }
body.admin-active .saas-sidebar-mobile-fab { background: var(--admin-surface) !important; color: var(--admin-text) !important; border: 1px solid var(--admin-border); box-shadow: none; min-height: 44px; }
body.admin-active #saas-sidebar-mobile-fab {
  top: 50% !important; bottom: auto !important; left: 0 !important;
  transform: translateY(-50%) !important; width: 32px; height: 56px;
  padding: 0 !important; border-radius: 0 10px 10px 0 !important;
  font-size: 30px; z-index: 8980;
}
body.admin-active.saas-sidebar-open #saas-sidebar-mobile-fab { visibility: hidden; }
body.admin-active #saas-sidebar-mobile-fab span { font-size: 30px; line-height: 1; }

/* Shared controls and panels, including route modules with legacy inline styles. */
body.admin-active #app.admin-full.admin-main :is(.admin-panel, .admin-content, .complementos-container, .nfce-content, .crm-container, .relatorio-container, .pedidos-dashboard) {
  width: 100% !important; max-width: none !important; min-width: 0; margin-inline: 0 !important;
}
body.admin-active #app.admin-full.admin-main :is(.admin-card, .config-card, .config-section, .form-section, .programa-card, .config-saas-card, .ap-panel, .votacao-admin-card, .morango-panel, .crm-card, .pedido-card, .metric-card, .stats-card) {
  background: var(--admin-surface) !important; border: 1px solid var(--admin-border) !important;
  border-radius: 12px !important; box-shadow: none !important; transform: none !important;
  color: var(--admin-text) !important; min-width: 0;
}
body.admin-active #app.admin-full.admin-main :is(.admin-card, .config-section, .form-section, .ap-panel) { padding: clamp(14px, 2vw, 24px) !important; }
/* Catalog wrappers provide layout only: each category has a single solid surface. */
body.admin-active #app.admin-full.admin-main :is(.admin-content, .admin-content > .admin-card, .admin-card-inner, #listaProdutos, #listaComplementos) {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  padding: 0 !important; margin: 0 !important; height: auto !important;
  max-height: none !important; overflow: visible !important;
}
body.admin-active #app.admin-full.admin-main .admin-category-section {
  background: var(--admin-surface) !important; border: 1px solid var(--admin-border) !important;
  border-radius: 10px !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 12px !important;
}
body.admin-active #app.admin-full.admin-main :is(.admin-category-header, .admin-category-list, .produto-card, .complemento-card) {
  background: transparent !important; background-image: none !important; box-shadow: none !important;
}
body.admin-active #app.admin-full.admin-main .admin-category-header { margin: 0 !important; padding: 14px !important; border: 0 !important; border-radius: 10px !important; gap: 12px; }
body.admin-active #app.admin-full.admin-main .admin-category-title { color: var(--admin-text) !important; font-size: 15px; }
body.admin-active #app.admin-full.admin-main .admin-category-list { padding: 0 14px 14px !important; }
body.admin-active #app.admin-full.admin-main :is(.produto-card, .complemento-card) { border: 0 !important; border-top: 1px solid var(--admin-border) !important; border-radius: 0 !important; }
body.admin-active #app.admin-full.admin-main .admin-category-controls { flex-wrap: wrap; gap: 6px; }
body.admin-active #app.admin-full.admin-main .admin-category-header button { background: var(--admin-raised) !important; color: var(--admin-text) !important; border: 1px solid var(--admin-border) !important; min-width: 36px; }
body.admin-active #app.admin-full.admin-main .admin-category-header .btn-delete { color: #ffa0a5 !important; }
body.admin-active #app.admin-full.admin-main .status-badge .status-state {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 6px;
  min-width: 76px; min-height: 32px; padding: 6px 10px !important;
  border-radius: 7px; font-size: 12px; font-weight: 750; line-height: 1;
  white-space: nowrap; letter-spacing: 0; opacity: 1 !important;
}
body.admin-active #app.admin-full.admin-main .status-badge .status-state-active,
body.admin-active #app.admin-full.admin-main .status-badge .btn-success {
  background: #1f7d4d !important; border: 1px solid #43a870 !important; color: #fff !important;
}
body.admin-active #app.admin-full.admin-main .status-badge .status-state-paused {
  background: #5d2631 !important; border: 1px solid #b95a68 !important; color: #fff !important;
}
body.admin-active #app.admin-full.admin-main .status-badge .status-state-paused i { color: #ffd7dc !important; font-size: 11px; }
/* Fallback for a status node still rendered by an older cached module. */
body.admin-active #app.admin-full.admin-main .status-badge .btn-delete {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-width: 76px; min-height: 32px; padding: 6px 10px !important;
  background: #5d2631 !important; border: 1px solid #b95a68 !important;
  border-radius: 7px; color: #fff !important; font-size: 12px; font-weight: 750;
  line-height: 1; white-space: nowrap; opacity: 1 !important;
}
body.admin-active .lancar-entrega-choice { display: flex; flex-wrap: wrap; gap: 8px; border: 0; padding: 0; margin: 8px 0; }
body.admin-active .lancar-entrega-choice legend { font-weight: 650; margin-bottom: 8px; }
body.admin-active .lancar-entrega-choice label { display: flex; align-items: center; gap: 8px; flex: 1; padding: 12px; border: 1px solid var(--admin-border); border-radius: 8px; cursor: pointer; }
body.admin-active .lancar-entrega-choice label:has(:checked) { background: #192d23; border-color: #78dfa6; }
body.admin-active #lancarEnderecoCampos:not([hidden]) { display: grid; gap: 8px; }
body.admin-active #lancarEnderecoCampos[hidden] { display: none !important; }
/* One scroll area keeps tall forms from shrinking over each other. */
body.admin-active .aq-modal-box.lancar-pedido-modal {
  display: flex !important; flex-direction: column; padding: 24px !important;
  height: calc(100dvh - 40px) !important; max-height: calc(100dvh - 40px) !important;
  overflow: hidden !important;
}
body.admin-active .aq-modal-box.lancar-pedido-modal > .aq-modal-content {
  display: flex !important; flex-direction: column; flex: 1; min-height: 0;
  height: auto !important; max-height: none !important; padding: 0 !important; overflow: hidden !important;
}
body.admin-active .lancar-pedido-modal h2 { flex: 0 0 auto; padding-right: 36px; font-size: 22px; }
body.admin-active .lancar-pedido-modal .lancar-pedido-grid {
  flex: 1 1 auto; min-height: 0; max-height: none !important;
  overflow-y: auto !important; overflow-x: hidden !important; align-items: start;
  padding-right: 6px; scrollbar-gutter: stable;
}
body.admin-active .lancar-pedido-modal .lancar-pedido-col { min-width: 0; height: auto; }
body.admin-active .lancar-pedido-modal .lancar-pedido-col > div { flex: 0 0 auto !important; }
body.admin-active .lancar-pedido-modal :is(#listaProdutosLancar, #carrinhoLancar) { flex: 0 0 auto !important; min-height: 0; max-height: 340px !important; overflow-y: auto; }
body.admin-active .lancar-pedido-modal .lancar-pedido-footer {
  display: grid !important; grid-template-columns: 1fr 1fr; flex: 0 0 auto;
  position: static !important; margin: 0 !important; padding: 12px 0 0 !important;
  background: var(--admin-surface) !important; border-top: 1px solid var(--admin-border);
}
body.admin-active .lancar-pedido-modal .lancar-pedido-footer .btn { margin: 0 !important; width: 100%; min-width: 0; }
body.admin-active .lancar-pedido-modal .category-header { background: var(--admin-raised) !important; }
body.admin-active #app.admin-full.admin-main :is(h1, h2, h3, h4) { color: var(--admin-text) !important; letter-spacing: -.02em; line-height: 1.25; }
body.admin-active #app.admin-full.admin-main :is(.page-header h1, .pedidos-title-block h1, .admin-actions h2) { font-size: clamp(22px, 2.3vw, 30px) !important; font-weight: 750; }
body.admin-active #app.admin-full.admin-main :is(.admin-actions, .page-header, .admin-section-heading) { gap: 16px; flex-wrap: wrap; margin-bottom: 24px; background: transparent !important; box-shadow: none !important; }
body.admin-active #app.admin-full.admin-main :is(.subtitle, .muted, .config-card p, .config-desc, .pedidos-title-block p) { color: var(--admin-muted) !important; font-size: 13px; }
body.admin-active #app.admin-full.admin-main :is(button, .btn), body.admin-active .aq-modal :is(button, .btn) {
  min-height: 40px; border-radius: 8px !important; font-size: 13px; font-weight: 650;
  box-shadow: none !important; transform: none !important; cursor: pointer; white-space: normal;
  background: var(--admin-raised); color: var(--admin-text); border: 1px solid var(--admin-border);
}
body.admin-active #app.admin-full.admin-main :is(.btn-primary, .top-btn), body.admin-active .aq-modal .btn-primary {
  background: var(--admin-action) !important; color: #fff !important; border: 1px solid var(--admin-action) !important;
}
body.admin-active #app.admin-full.admin-main :is(.btn-secondary, .pedidos-action-secondary, .admin-back-btn, .tab-btn, .crm-tab, .relatorio-tab, .ap-tab) {
  background: var(--admin-raised) !important; color: var(--admin-text) !important; border: 1px solid var(--admin-border) !important;
}
body.admin-active #app.admin-full.admin-main :is(.tab-btn, .crm-tab, .relatorio-tab, .ap-tab).active { color: var(--admin-accent) !important; border-color: var(--admin-accent) !important; }
body.admin-active #app.admin-full.admin-main :is(.btn-success, .pedidos-action-primary, .btn-para-entrega, .btn-concluir), body.admin-active .aq-modal .btn-success {
  background: #207849 !important; color: #fff !important; border: 1px solid #368a5c !important;
}
body.admin-active #app.admin-full.admin-main :is(.btn-danger, .btn-cancelar) { background: #352027 !important; color: #ffa0a5 !important; border: 1px solid #76404a !important; }
body.admin-active #app.admin-full.admin-main button:hover:not(:disabled), body.admin-active .aq-modal button:hover:not(:disabled) { filter: brightness(1.12); }
body.admin-active #app.admin-full.admin-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea),
body.admin-active .aq-modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
  max-width: 100%; min-height: 42px; background: var(--admin-bg) !important; color: var(--admin-text) !important;
  border: 1px solid #637186 !important; border-radius: 8px !important; padding: 10px 12px; box-shadow: none !important;
}
body.admin-active :is(input, textarea)::placeholder { color: var(--admin-muted); opacity: 1; }
body.admin-active :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--admin-accent); }
body.admin-active #app.admin-full.admin-main :is(.nfce-tabs, .crm-tabs, .relatorio-tabs, .ap-tabs) { display: flex; flex-wrap: wrap; gap: 8px; border-color: var(--admin-border); }
body.admin-active #app.admin-full.admin-main table { width: 100%; border-collapse: collapse; font-size: 13px; }
body.admin-active #app.admin-full.admin-main :is(th, td) { padding: 12px; border-bottom: 1px solid var(--admin-border); text-align: left; }
body.admin-active #app.admin-full.admin-main th { background: var(--admin-raised); color: var(--admin-muted); font-weight: 650; }
body.admin-active #app.admin-full.admin-main tbody tr:hover { background: var(--admin-raised); }
body.admin-active #app.admin-full.admin-main :is(.table-responsive, .table-container, .morango-finance-table) { max-width: 100%; overflow-x: auto; }
body.admin-active .aq-modal-box { background: var(--admin-surface) !important; border: 1px solid var(--admin-border) !important; border-radius: 14px !important; box-shadow: 0 12px 36px #0005 !important; max-height: calc(100dvh - 24px) !important; }
body.admin-active .aq-modal :is(.pedido-detail-info-card, .pedido-detail-total-card, .lancar-pedido-section) { background: var(--admin-raised) !important; border-color: var(--admin-border) !important; box-shadow: none !important; }

/* Orders and strawberries use the same operational board. */
body.admin-active #app.admin-full.admin-main .pedidos-dashboard { padding: 0 !important; }
body.admin-active #app.admin-full.admin-main .pedidos-dashboard-top { display: grid; grid-template-columns: 1fr auto; gap: 20px; margin-bottom: 20px; }
body.admin-active #app.admin-full.admin-main .pedidos-title-block p { margin-top: 6px; }
body.admin-active #app.admin-full.admin-main .pedidos-top-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; max-width: 700px; }
body.admin-active #app.admin-full.admin-main .pedidos-top-actions > button { padding: 9px 13px; min-width: 0; }
body.admin-active #app.admin-full.admin-main .pedidos-summary-strip { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 10px; width: 100%; }
body.admin-active #app.admin-full.admin-main .pedidos-summary-card { padding: 14px 16px; min-height: 78px; background: var(--admin-surface); border: 1px solid var(--admin-border); border-radius: 10px; box-shadow: none; }
body.admin-active #app.admin-full.admin-main .pedidos-summary-card strong { font-size: 21px; color: var(--admin-text); font-variant-numeric: tabular-nums; }
body.admin-active #app.admin-full.admin-main .pedidos-summary-card small { color: var(--admin-muted); font-size: 12px; }
body.admin-active #app.admin-full.admin-main .summary-total { border-color: #3c795a; background: #192d23; }
body.admin-active #app.admin-full.admin-main .summary-icon { background: var(--admin-raised); color: var(--admin-info); border-radius: 8px; }
body.admin-active #app.admin-full.admin-main .pedidos-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
body.admin-active #app.admin-full.admin-main .pedidos-dashboard .coluna { min-width: 0; padding: 12px; background: #141920; border: 1px solid var(--admin-border); border-radius: 12px; box-shadow: none; }
body.admin-active #app.admin-full.admin-main .pedidos-dashboard .coluna h2 { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 4px 0 12px; margin: 0 0 12px; font-size: 15px; border-bottom: 1px solid var(--admin-border); }
body.admin-active #app.admin-full.admin-main .coluna h2 strong { font-size: 12px; padding: 3px 8px; border-radius: 6px; background: var(--admin-raised); }
body.admin-active #app.admin-full.admin-main .coluna-preparo h2 { color: var(--admin-warning) !important; }
body.admin-active #app.admin-full.admin-main .coluna-entrega h2 { color: var(--admin-info) !important; }
body.admin-active #app.admin-full.admin-main .coluna-concluido h2 { color: var(--admin-success) !important; }
body.admin-active #app.admin-full.admin-main .pedidos-bulk-action { width: 100%; margin-bottom: 12px; font-size: 12px; background: var(--admin-raised) !important; color: var(--admin-text) !important; border-color: var(--admin-border) !important; }
body.admin-active #app.admin-full.admin-main .pedidos-dashboard .pedido-card { margin: 0 0 10px; padding: 14px; opacity: 1 !important; cursor: pointer; }
body.admin-active #app.admin-full.admin-main .pedidos-dashboard .pedido-card:hover { border-color: #75849a !important; }
body.admin-active #app.admin-full.admin-main .pedido-card .pedido-header { padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid var(--admin-border); }
body.admin-active #app.admin-full.admin-main .pedido-card .pedido-header h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 16px; }
body.admin-active #app.admin-full.admin-main .pedido-header-time { color: var(--admin-muted); font-size: 11px; }
body.admin-active #app.admin-full.admin-main .pedido-details-trigger { padding: 0; min-height: 28px; border: 0; background: transparent; color: var(--admin-text); font-size: 16px; }
body.admin-active #app.admin-full.admin-main #pedidosSyncStatus { display: block; color: var(--admin-muted); font-size: 11px; margin-top: 6px; }
body.admin-active #app.admin-full.admin-main .pedido-body { padding: 0; }
body.admin-active #app.admin-full.admin-main .pedido-body p { margin: 6px 0; font-size: 12px; line-height: 1.5; color: var(--admin-muted); overflow-wrap: anywhere; }
body.admin-active #app.admin-full.admin-main .pedido-body .cliente { color: var(--admin-text); font-size: 15px; }
body.admin-active #app.admin-full.admin-main .pedido-valor { padding: 8px 0 12px; font-size: 20px; color: var(--admin-text); font-variant-numeric: tabular-nums; }
body.admin-active #app.admin-full.admin-main .pedido-card .status { padding: 4px 6px; font-size: 9px; letter-spacing: .02em; border-radius: 5px; }
body.admin-active #app.admin-full.admin-main .pedido-card .pedido-actions { margin: 0; padding: 0; gap: 8px; }
body.admin-active #app.admin-full.admin-main .pedido-card .pedido-actions button { min-height: 38px; padding: 8px; font-size: 12px; }
body.admin-active #app.admin-full.admin-main .pedido-empty { color: var(--admin-muted); padding: 22px 6px; font-size: 13px; text-align: center; }
body.admin-active #app.admin-full.admin-main .pedidos-more-actions { flex: 1 1 100%; }
body.admin-active #app.admin-full.admin-main .pedidos-more-actions summary { cursor: pointer; color: var(--admin-muted); font-size: 13px; text-align: right; padding: 10px 0; }
body.admin-active #app.admin-full.admin-main .pedidos-more-actions > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 8px 0; }
body.admin-active #app.admin-full.admin-main .morango-stock-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin: 0 0 20px; }
body.admin-active #app.admin-full.admin-main .morango-stock-overview article { background: var(--admin-surface); border: 1px solid var(--admin-border); border-radius: 10px; padding: 14px 16px; box-shadow: none; }
body.admin-active #app.admin-full.admin-main .morango-stock-overview article strong { font-size: 18px; line-height: 1.4; }
body.admin-active #app.admin-full.admin-main .morango-stock-overview :is(small, span) { color: var(--admin-muted); }
@supports (content-visibility: auto) {
  body.admin-active #app.admin-full.admin-main .pedido-card { content-visibility: auto; contain-intrinsic-size: auto 290px; }
}
@media (max-width: 1100px) {
  body.admin-active.saas-sidebar-enabled #app.admin-full.admin-main { width: 100% !important; margin: 0 !important; padding: 16px 16px max(20px, env(safe-area-inset-bottom, 0px)) !important; }
  body.admin-active #sidebar .saas-sidebar { width: min(280px, calc(100vw - 48px)) !important; transform: translateX(-100%) !important; visibility: hidden; }
  body.admin-active.saas-sidebar-open #sidebar .saas-sidebar { transform: translateX(0) !important; visibility: visible; }
  body.admin-active #app.admin-full.admin-main .pedidos-dashboard-top { grid-template-columns: 1fr; }
  body.admin-active #app.admin-full.admin-main .pedidos-top-actions { justify-content: flex-start; max-width: none; }
  body.admin-active #app.admin-full.admin-main .pedidos-more-actions summary { text-align: left; }
  body.admin-active #app.admin-full.admin-main .pedidos-more-actions > div { justify-content: flex-start; }
}
@media (max-width: 760px) {
  body.admin-active .aq-modal:has(.lancar-pedido-modal) { padding: 0 !important; }
  body.admin-active .aq-modal-box.lancar-pedido-modal {
    width: 100% !important; max-width: 100% !important; height: 100dvh !important; max-height: 100dvh !important;
    border-radius: 0 !important; padding: max(16px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }
  body.admin-active .lancar-pedido-modal .lancar-pedido-grid { grid-template-columns: 1fr !important; }
  body.admin-active #app.admin-full.admin-main .pedidos-columns { grid-template-columns: 1fr; }
  body.admin-active #app.admin-full.admin-main .pedidos-summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-active #app.admin-full.admin-main .pedidos-summary-card { min-width: 0; padding: 12px; }
  body.admin-active #app.admin-full.admin-main .pedidos-summary-card strong { font-size: 18px; }
  body.admin-active #app.admin-full.admin-main .pedidos-top-actions > * { flex: 1 1 auto; }
  body.admin-active :is(input, select, textarea) { font-size: 16px !important; }
}
@media (max-height: 600px) {
  body.admin-active #sidebar .saas-sidebar { padding-top: 8px !important; padding-bottom: 8px !important; }
  body.admin-active #sidebar .saas-sidebar-top { padding-bottom: 10px; }
  body.admin-active #sidebar .saas-nav-status { margin-top: 6px !important; padding-top: 6px; }
}
@media (prefers-reduced-motion: reduce) { body.admin-active .fa-spinner.fa-spin { animation: none !important; } }