.admin-body { background: #f3f6f4; color: #1b2822; }
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 245px 1fr; }
.admin-sidebar { position: sticky; top: 0; height: 100vh; padding: 25px 17px 18px; display: flex; flex-direction: column; background: #0f3b2e; color: white; }
.brand--admin { padding: 0 8px 27px; border-bottom: 1px solid rgba(255,255,255,.1); }
.brand--admin strong { color: #d8f2e5; }
.brand--admin em { color: #ff9a5f; }
.admin-sidebar nav { display: grid; gap: 6px; margin-top: 24px; }
.admin-sidebar nav a, .admin-sidebar__bottom a, .admin-sidebar__bottom button { width: 100%; min-height: 45px; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 0; border-radius: 11px; color: #bcd1c8; background: transparent; font-size: .84rem; font-weight: 700; text-align: left; }
.admin-sidebar nav a span, .admin-sidebar__bottom span { width: 25px; text-align: center; font-size: 1rem; }
.admin-sidebar nav a:hover, .admin-sidebar nav a.is-active, .admin-sidebar__bottom a:hover, .admin-sidebar__bottom button:hover { color: white; background: rgba(255,255,255,.1); }
.admin-sidebar nav a.is-active { box-shadow: inset 3px 0 0 #f18a4d; }
.admin-sidebar__bottom { margin-top: auto; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.1); }
.admin-sidebar__bottom form { margin: 3px 0 0; }
.admin-main { min-width: 0; }
.admin-topbar { height: 76px; padding: 0 30px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dce5e0; background: rgba(255,255,255,.93); backdrop-filter: blur(12px); }
.admin-topbar > div:first-of-type { display: grid; margin-right: auto; }
.admin-topbar small { color: #75827c; font-size: .72rem; }
.admin-topbar strong { color: #173d30; }
.admin-user { display: flex; align-items: center; gap: 10px; }
.admin-user > span { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 50%; color: white; background: #1f7656; font-weight: 800; }
.admin-user > div { display: grid; }
.admin-user > div strong { font-size: .82rem; }
.admin-user > div small { font-size: .68rem; }
.admin-menu { display: none; border: 0; background: transparent; font-size: 1.3rem; }
.admin-content { padding: 30px; }
.admin-alert { margin-bottom: 18px; padding: 13px 15px; border-radius: 11px; font-size: .84rem; font-weight: 700; }
.admin-alert--success { color: #16613f; background: #e5f5eb; border: 1px solid #c8e9d5; }
.admin-alert--error { color: #a43a3a; background: #fff0f0; border: 1px solid #f2c9c9; }
.admin-page-heading { margin-bottom: 25px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.admin-page-heading > div > span { color: #e16f2f; font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.admin-page-heading h1 { margin-top: 4px; color: #103f2f; font-size: 2.25rem; }
.admin-page-heading p { margin-top: 6px; color: #6f7d76; font-size: .86rem; }
.admin-primary-link, .admin-secondary-link { color: #176246; font-size: .84rem; font-weight: 800; }
.admin-button { min-height: 43px; display: inline-flex; align-items: center; padding: 9px 17px; border-radius: 999px; color: white; background: #ee7b3a; font-size: .83rem; font-weight: 800; box-shadow: 0 9px 20px rgba(238,123,58,.2); }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.metric-card { padding: 20px; display: flex; align-items: flex-start; gap: 14px; border: 1px solid #dce5e0; border-radius: 17px; background: white; box-shadow: 0 8px 24px rgba(17,63,47,.05); }
.metric-icon { flex: 0 0 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; color: #176246; background: #e6f3eb; font-size: .83rem; font-weight: 900; }
.metric-card > div { display: grid; }
.metric-card small { color: #78847e; font-size: .72rem; }
.metric-card strong { margin-top: 3px; color: #113c2f; font-size: 1.55rem; }
.metric-card p { margin-top: 4px; color: #8a958f; font-size: .67rem; }
.admin-dashboard-grid { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; }
.admin-card { border: 1px solid #dce5e0; border-radius: 17px; background: white; box-shadow: 0 7px 24px rgba(17,63,47,.045); }
.admin-card__head { min-height: 70px; padding: 18px 21px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #e7ece9; }
.admin-card__head h2 { color: #153c2f; font-family: "DM Sans", sans-serif; font-size: 1rem; }
.admin-card__head p { margin-top: 3px; color: #7a8780; font-size: .73rem; }
.admin-card__head > a { color: #176246; font-size: .76rem; font-weight: 800; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.admin-table th { padding: 12px 16px; color: #7a8780; background: #f8faf9; font-size: .67rem; text-align: left; text-transform: uppercase; letter-spacing: .06em; }
.admin-table td { padding: 14px 16px; border-top: 1px solid #edf1ef; color: #43524b; font-size: .79rem; vertical-align: middle; }
.admin-table td > strong, .admin-table td > small { display: block; }
.admin-table td > strong { color: #153c2f; }
.admin-table td > small { margin-top: 2px; color: #8c9791; font-size: .67rem; }
.empty-cell { padding: 35px !important; color: #87938d !important; text-align: center !important; }
.table-action { color: #176246; font-weight: 800; }
.admin-status, .payment-status { display: inline-flex; padding: 6px 9px; border-radius: 999px; color: #476058; background: #edf3f0; font-size: .65rem; font-weight: 900; text-transform: capitalize; }
.admin-status--novo, .admin-status--preparando { color: #8c5208; background: #fff2df; }
.admin-status--pronto_retirada { color: #155d86; background: #e9f4fb; }
.admin-status--concluido, .payment-status--approved { color: #176244; background: #e3f3e9; }
.admin-status--cancelado, .admin-status--pagamento_recusado, .payment-status--rejected, .payment-status--cancelled { color: #9a3737; background: #fdecec; }
.top-products { padding: 13px 20px 20px; display: grid; }
.top-products > div { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #edf1ef; }
.top-products > div:last-child { border: 0; }
.top-products b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #176246; background: #e8f3ed; }
.top-products span { display: grid; }
.top-products strong { color: #153c2f; font-size: .8rem; }
.top-products small { color: #8a958f; font-size: .69rem; }
.product-cell { min-width: 330px; display: flex; align-items: center; gap: 11px; white-space: normal; }
.product-cell img { flex: 0 0 62px; height: 52px; border-radius: 10px; object-fit: cover; background: #f4f7f5; }
.product-cell div { display: grid; }
.product-cell small { color: #87938d; font-size: .67rem; line-height: 1.35; }
.stock-pill { display: inline-flex; min-width: 31px; justify-content: center; padding: 5px 8px; border-radius: 999px; background: #edf3f0; font-weight: 800; }
.stock-pill.is-low { color: #aa4d1f; background: #fff0e6; }
.toggle-pill { border: 0; display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 999px; color: #7b8781; background: #edf1ef; font-size: .65rem; font-weight: 800; }
.toggle-pill i { width: 8px; height: 8px; border-radius: 50%; background: #a4aea9; }
.toggle-pill.is-on { color: #176244; background: #e4f3ea; }
.toggle-pill.is-on i { background: #2d9b66; }
.row-actions { display: flex; gap: 8px; }
.row-actions a, .row-actions button { border: 0; color: #176246; background: transparent; font-size: .72rem; font-weight: 800; }
.row-actions button { color: #a33f3f; }
.admin-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.admin-form-main { padding-bottom: 23px; }
.admin-fields-grid { padding: 22px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px; }
.admin-field { display: grid; gap: 7px; }
.admin-field--full { grid-column: 1 / -1; }
.admin-field > span { color: #4b5b53; font-size: .74rem; font-weight: 800; }
.admin-field input, .admin-field textarea, .admin-field select { width: 100%; min-height: 45px; padding: 11px 13px; border: 1px solid #d6dfda; border-radius: 10px; outline: 0; color: #1d2b24; background: #fcfdfc; }
.admin-field textarea { resize: vertical; }
.admin-field input:focus, .admin-field textarea:focus, .admin-field select:focus { border-color: #1f7656; box-shadow: 0 0 0 4px rgba(31,118,86,.09); background: white; }
.admin-form-side { display: grid; gap: 16px; }
.image-uploader { display: grid; gap: 10px; padding: 17px; cursor: pointer; }
.image-uploader input { display: none; }
.image-uploader img { width: 100%; height: 200px; object-fit: cover; border-radius: 12px; border: 1px dashed #ccd8d2; background: #f5f8f6; }
.image-uploader span { color: #176246; text-align: center; font-size: .78rem; font-weight: 800; }
.admin-check { display: flex; gap: 10px; padding: 16px 18px; border-bottom: 1px solid #edf1ef; cursor: pointer; }
.admin-check:last-child { border: 0; }
.admin-check input { width: 18px; height: 18px; accent-color: #1f7656; }
.admin-check span { display: grid; }
.admin-check strong { color: #153c2f; font-size: .79rem; }
.admin-check small { color: #88948e; font-size: .68rem; }
.admin-filter-chips { justify-content: flex-start; margin-bottom: 15px; }
.admin-filter-chips a { padding: 8px 13px; border: 1px solid #d8e2dd; border-radius: 999px; color: #64716b; background: white; font-size: .72rem; font-weight: 800; }
.admin-filter-chips a.is-active { color: white; border-color: #176246; background: #176246; }
.order-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; align-items: start; }
.order-detail-grid > div, .order-detail-grid > aside { display: grid; gap: 18px; }
.order-items-admin { padding: 4px 21px; }
.order-items-admin > div { padding: 15px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid #edf1ef; }
.order-items-admin span { display: grid; }
.order-items-admin span:first-child { display: flex; align-items: center; gap: 10px; }
.order-items-admin b { color: #176246; }
.order-items-admin strong { color: #183d31; font-size: .81rem; }
.order-items-admin small { color: #87938d; font-size: .67rem; }
.order-totals-admin { padding: 16px 21px 20px; display: grid; gap: 8px; background: #f8faf9; border-radius: 0 0 17px 17px; }
.order-totals-admin > div { display: flex; justify-content: space-between; color: #64716b; font-size: .79rem; }
.order-totals-admin > div:last-child { padding-top: 10px; border-top: 1px solid #dce5e0; color: #153c2f; font-size: .9rem; }
.detail-list { padding: 12px 21px 21px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.detail-list > div { display: grid; }
.detail-list__full { grid-column: 1 / -1; }
.detail-list span { color: #87938d; font-size: .68rem; }
.detail-list strong { color: #253a31; font-size: .78rem; line-height: 1.55; overflow-wrap: anywhere; }
.order-detail-grid aside .admin-card form { padding: 18px; }
.payment-card .detail-list { grid-template-columns: 1fr; }
.message-list { display: grid; gap: 14px; }
.message-card { padding: 20px; }
.message-card.is-unread { border-left: 4px solid #ee7b3a; }
.message-card__head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.message-card__head > div { display: flex; align-items: center; gap: 11px; }
.message-avatar { flex: 0 0 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: white; background: #1f7656; font-weight: 800; }
.message-card h2 { color: #153c2f; font-family: "DM Sans", sans-serif; font-size: .94rem; }
.message-card__head p, .message-card__head small { color: #87938d; font-size: .69rem; }
.message-body { margin: 17px 0; color: #495950; font-size: .83rem; line-height: 1.65; white-space: pre-line; }
.message-actions { display: flex; gap: 13px; }
.message-actions a, .message-actions button { border: 0; color: #176246; background: transparent; font-size: .73rem; font-weight: 800; }
.admin-settings-form { max-width: 900px; }
.form-actions { padding: 0 22px 22px; }
.admin-login-body { min-height: 100vh; display: grid; grid-template-columns: 1.1fr .9fr; background: #f7faf8; }
.admin-login-visual { position: relative; overflow: hidden; min-height: 100vh; padding: 38px 8vw; display: flex; flex-direction: column; justify-content: space-between; color: white; background: radial-gradient(circle at 20% 80%, rgba(238,123,58,.25), transparent 30%), linear-gradient(145deg, #0b3024, #176246); }
.brand--login strong { color: #d8f2e5; }
.admin-login-visual > div { position: relative; z-index: 2; max-width: 590px; }
.admin-login-visual h1 { margin-top: 13px; font-size: clamp(2.8rem, 5vw, 4.7rem); }
.admin-login-visual p { margin-top: 18px; max-width: 520px; color: #c3d9d0; }
.admin-login-visual > img { position: absolute; right: -40px; bottom: -40px; width: 55%; opacity: .45; }
.admin-login-panel { display: grid; place-items: center; padding: 35px; }
.admin-login-card { width: min(100%, 430px); padding: 35px; display: grid; gap: 20px; border: 1px solid #dce5e0; border-radius: 22px; background: white; box-shadow: 0 22px 60px rgba(17,63,47,.12); }
.admin-login-card h2 { margin-top: 7px; color: #103f2f; font-size: 2.2rem; }
.admin-login-card > div:first-child > p { color: #77837d; font-size: .84rem; }
.password-field { position: relative; }
.password-field input { padding-right: 45px; }
.password-field button { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); border: 0; background: transparent; color: #64716b; }
.login-security { color: #839089; text-align: center; font-size: .68rem; }

@media (max-width: 1100px) {
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .admin-dashboard-grid { grid-template-columns: 1fr; }
  .admin-form-grid, .order-detail-grid { grid-template-columns: 1fr; }
  .admin-form-side { grid-template-columns: repeat(2, 1fr); }
  .admin-form-side > .button { grid-column: 1 / -1; }
}

@media (max-width: 850px) {
  .admin-shell { grid-template-columns: 1fr; }
  .admin-sidebar { position: fixed; z-index: 100; inset: 0 auto 0 0; width: 245px; transform: translateX(-105%); transition: .25s; }
  .admin-sidebar.is-open { transform: translateX(0); box-shadow: 18px 0 45px rgba(0,0,0,.2); }
  .admin-menu { display: block; margin-right: 13px; }
  .admin-content { padding: 22px; }
  .admin-login-body { grid-template-columns: 1fr; }
  .admin-login-visual { display: none; }
  .admin-login-panel { min-height: 100vh; }
}

@media (max-width: 600px) {
  .admin-topbar { padding: 0 16px; }
  .admin-topbar > div:first-of-type { display: none; }
  .admin-content { padding: 17px; }
  .admin-page-heading { align-items: start; flex-direction: column; }
  .admin-page-heading h1 { font-size: 1.9rem; }
  .metric-grid { grid-template-columns: 1fr; }
  .admin-fields-grid, .admin-form-side, .detail-list { grid-template-columns: 1fr; }
  .admin-field--full, .detail-list__full { grid-column: auto; }
  .admin-login-panel { padding: 18px; }
  .admin-login-card { padding: 25px 20px; }
}

/* Painel 1.2 — indicadores, rastreio e feedbacks */
.admin-nav-icon { width: 25px; height: 25px; display: inline-grid !important; place-items: center; border-radius: 8px; background: rgba(255,255,255,.06); font-size: .8rem; }
.admin-heading-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.admin-page-heading--dashboard { align-items: end; }
.period-switch { display: flex; padding: 4px; border: 1px solid #d7e1dc; border-radius: 999px; background: #fff; }
.period-switch a { padding: 8px 13px; border-radius: 999px; color: #6f7d76; font-size: .71rem; font-weight: 900; }
.period-switch a.is-active { color: white; background: #176246; box-shadow: 0 6px 15px rgba(23,98,70,.18); }
.metric-grid--analytics { grid-template-columns: repeat(4, 1fr); }
.metric-card--percentage strong { color: #176246; }
.metric-progress { width: 100%; height: 6px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: #e7eeea; }
.metric-progress i, .mix-progress i { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #1f7656, #ee7b3a); transition: width .5s ease; }
.analytics-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, .8fr); gap: 18px; margin-bottom: 18px; }
.analytics-grid--bottom { grid-template-columns: repeat(2, 1fr); margin-top: 18px; }
.analytics-card--sales .admin-card__head > strong { color: #176246; font-size: 1.05rem; }
.sales-chart { min-height: 250px; padding: 20px 18px 14px; display: flex; align-items: stretch; gap: 7px; overflow-x: auto; }
.sales-chart__column { flex: 1 0 22px; min-width: 22px; display: grid; grid-template-rows: 1fr auto; gap: 8px; align-items: end; }
.sales-chart__bar { height: 190px; display: flex; align-items: end; overflow: hidden; border-radius: 8px 8px 4px 4px; background: #f0f5f2; }
.sales-chart__bar i { width: 100%; min-height: 3px; display: block; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, #ee7b3a, #1f7656); transition: height .55s ease; }
.sales-chart__column small { color: #8b9791; text-align: center; font-size: .58rem; transform: rotate(-45deg); transform-origin: center; white-space: nowrap; }
.customer-donut { --donut-value: 0deg; width: 170px; height: 170px; margin: 22px auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#ee7b3a 0 var(--donut-value), #1f7656 var(--donut-value) 360deg); box-shadow: inset 0 0 0 1px rgba(17,63,47,.08); }
.customer-donut::before { content: ""; grid-area: 1/1; width: 112px; height: 112px; border-radius: 50%; background: white; box-shadow: 0 5px 20px rgba(17,63,47,.08); }
.customer-donut > div { position: relative; grid-area: 1/1; display: grid; text-align: center; }
.customer-donut strong { color: #153c2f; font-size: 1.8rem; }
.customer-donut small { color: #87938d; font-size: .68rem; }
.analytics-legend { padding: 0 20px 20px; display: grid; gap: 9px; }
.analytics-legend > div { display: grid; grid-template-columns: 10px 1fr auto; gap: 8px; align-items: center; color: #5e6d66; font-size: .72rem; }
.analytics-legend i { width: 9px; height: 9px; border-radius: 50%; }
.legend-new { background: #ee7b3a; }
.legend-returning { background: #1f7656; }
.analytics-legend strong { color: #244137; }
.payment-mix { padding: 12px 20px 20px; display: grid; gap: 17px; }
.payment-mix > div { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; }
.payment-mix span { display: grid; }
.payment-mix strong { color: #153c2f; font-size: .79rem; }
.payment-mix small { color: #89958f; font-size: .66rem; }
.payment-mix b { color: #176246; font-size: .8rem; }
.mix-progress { grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 999px; background: #edf2ef; }
.dashboard-feedbacks { padding: 8px 20px 20px; display: grid; gap: 12px; }
.dashboard-feedbacks > div { padding: 12px 0; border-bottom: 1px solid #edf1ef; }
.dashboard-feedbacks > div:last-child { border-bottom: 0; }
.dashboard-feedbacks > div > span { display: flex; justify-content: space-between; }
.dashboard-feedbacks b { color: #e99a20; letter-spacing: 2px; }
.dashboard-feedbacks small { color: #87938d; }
.dashboard-feedbacks strong { display: block; margin-top: 4px; color: #153c2f; font-size: .76rem; }
.dashboard-feedbacks p { margin-top: 4px; color: #65736c; font-size: .72rem; line-height: 1.5; }
.admin-status--aguardando_pagamento, .payment-status--pending, .payment-status--in_process, .payment-status--pay_on_pickup { color: #8c5208; background: #fff2df; }
.admin-status--preparando { color: #965717; background: #fff0df; }
.admin-status--pronto_retirada { color: #155d86; background: #e9f4fb; }
.order-quick-actions { margin-bottom: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.order-quick-actions form { min-width: 0; }
.quick-status { width: 100%; min-height: 70px; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid #d9e2dd; border-radius: 15px; color: #28483c; background: white; box-shadow: 0 6px 18px rgba(17,63,47,.05); text-align: left; transition: .2s; }
.quick-status:hover { transform: translateY(-2px); border-color: #aacabc; box-shadow: 0 11px 25px rgba(17,63,47,.1); }
.quick-status span { flex: 0 0 37px; height: 37px; display: grid; place-items: center; border-radius: 11px; color: #176246; background: #e8f3ed; font-size: .68rem; font-weight: 900; }
.quick-status strong { font-size: .76rem; }
.quick-status.is-current { color: white; border-color: #176246; background: #176246; }
.quick-status.is-current span { color: #176246; background: white; }
.admin-status-history { padding: 12px 21px 22px; }
.admin-status-history > div { position: relative; display: grid; grid-template-columns: 16px 1fr; gap: 10px; padding-bottom: 18px; }
.admin-status-history > div::before { content: ""; position: absolute; top: 14px; bottom: -2px; left: 6px; width: 2px; background: #dce6e1; }
.admin-status-history > div:last-child::before { display: none; }
.admin-status-history i { position: relative; z-index: 1; width: 14px; height: 14px; margin-top: 2px; border: 3px solid #dff1e8; border-radius: 50%; background: #1f7656; }
.admin-status-history span { display: grid; }
.admin-status-history strong { color: #173d30; font-size: .77rem; }
.admin-status-history small { color: #69766f; font-size: .7rem; line-height: 1.5; }
.admin-status-history time { color: #98a39e; font-size: .62rem; }
.payment-confirm-form { padding-top: 0 !important; }
.order-feedback { padding: 0 21px 22px; }
.order-feedback b { color: #e99a20; letter-spacing: 3px; }
.order-feedback p { margin-top: 9px; color: #506058; line-height: 1.65; }
.order-feedback small { color: #87938d; }
.feedback-admin-metrics { margin-bottom: 18px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.feedback-admin-metrics article { padding: 18px; display: grid; border: 1px solid #dce5e0; border-radius: 15px; background: white; box-shadow: 0 7px 20px rgba(17,63,47,.05); }
.feedback-admin-metrics small { color: #7f8c85; font-size: .68rem; }
.feedback-admin-metrics strong { color: #153c2f; font-size: 1.6rem; }
.feedback-admin-list { display: grid; gap: 15px; }
.feedback-admin-card { padding: 22px; border-left: 4px solid #e99a20; }
.feedback-admin-card.is-approved { border-left-color: #2d9b66; }
.feedback-admin-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.feedback-admin-card__top b { color: #e99a20; letter-spacing: 3px; }
.feedback-admin-card__top h2 { margin-top: 4px; color: #153c2f; font-family: "DM Sans", sans-serif; font-size: .95rem; }
.feedback-admin-card__top p { color: #87938d; font-size: .68rem; }
.feedback-admin-card__top p a { color: #176246; font-weight: 800; }
.feedback-admin-card__top > span { padding: 6px 9px; border-radius: 999px; color: #8c5208; background: #fff2df; font-size: .65rem; font-weight: 900; }
.feedback-admin-card.is-approved .feedback-admin-card__top > span { color: #176244; background: #e3f3e9; }
.feedback-admin-card blockquote { margin: 17px 0; color: #46574e; line-height: 1.7; }
.feedback-admin-card form { display: grid; gap: 12px; }
.feedback-moderation-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.empty-feedback-admin { padding: 45px; display: grid; justify-items: center; text-align: center; }
.empty-feedback-admin h2 { margin-top: 10px; color: #153c2f; }
.empty-feedback-admin p { color: #87938d; }
.admin-field > small { color: #89958f; font-size: .65rem; line-height: 1.45; }

@media (max-width: 1200px) {
  .metric-grid--analytics { grid-template-columns: repeat(2, 1fr); }
  .analytics-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .order-quick-actions, .feedback-admin-metrics { grid-template-columns: repeat(2, 1fr); }
  .analytics-grid--bottom { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .period-switch { width: 100%; }
  .period-switch a { flex: 1; text-align: center; }
  .metric-grid--analytics, .order-quick-actions, .feedback-admin-metrics { grid-template-columns: 1fr; }
  .feedback-admin-card__top { flex-direction: column; }
}

.admin-sidebar .admin-nav-icon { width: 25px; height: 25px; object-fit: contain; flex: 0 0 25px; }
.admin-sidebar__bottom .admin-nav-icon { width: 23px; height: 23px; object-fit: contain; }

/* Ícones autorais e atalhos operacionais */
.metric-icon--image { padding: 0; overflow: hidden; background: transparent; }
.metric-icon--image img { width: 43px; height: 43px; display: block; }
.metric-trend { font-weight: 800; }
.metric-trend.is-positive { color: #25815d; }
.metric-trend.is-negative { color: #b44747; }
.table-quick-form { margin: 0; }
.table-quick-form button { min-height: 32px; padding: 6px 11px; border: 1px solid #cde0d6; border-radius: 999px; color: #176246; background: #eaf5ef; font-size: .67rem; font-weight: 900; white-space: nowrap; transition: .2s; }
.table-quick-form button:hover { color: white; border-color: #176246; background: #176246; }
.table-quick-done { color: #a0aaa5; }
.quick-status:disabled { cursor: not-allowed; opacity: .58; transform: none; box-shadow: none; }
.quick-status.is-done { border-color: #c9dfd4; color: #176246; background: #edf7f1; opacity: .78; }
.quick-status.is-done span { color: white; background: #25815d; }
.quick-status.is-next { border-color: #f0a476; box-shadow: 0 10px 24px rgba(238,123,58,.12); }

/* Atendimento integrado, menus e modais autorais */
.admin-sidebar__brand-row { display: flex; align-items: center; justify-content: space-between; }
.admin-sidebar__brand-row .brand--admin { flex: 1; }
.admin-sidebar-close { display: none; width: 38px; height: 38px; padding: 0; border: 0; background: transparent; }
.admin-sidebar-close img { width: 100%; height: 100%; }
.admin-sidebar nav a { position: relative; }
.admin-nav-badge { margin-left: auto; min-width: 22px; height: 22px; display: grid; place-items: center; padding: 0 6px; border-radius: 999px; color: #0f3b2e; background: #d9f5e5; font-size: .61rem; }
.admin-nav-badge--orange { color: white; background: #ee7b3a; }
.admin-sidebar-backdrop { position: fixed; inset: 0; z-index: 89; display: none; background: rgba(6,27,20,.52); backdrop-filter: blur(3px); }
.admin-menu { width: 43px; height: 43px; padding: 11px; border-radius: 12px; background: #edf5f1; }
.admin-menu span { width: 100%; height: 2px; display: block; margin: 4px 0; border-radius: 9px; background: #176246; }
.admin-topbar__welcome { display: grid; margin-right: auto; }
.admin-user-menu-wrap { position: relative; }
.admin-user { border: 0; background: transparent; cursor: pointer; }
.admin-user > img { width: 20px; height: 20px; transition: transform .2s; }
.admin-user[aria-expanded="true"] > img { transform: rotate(180deg); }
.admin-user-dropdown { position: absolute; top: calc(100% + 12px); right: 0; z-index: 60; width: 255px; padding: 9px; border: 1px solid #dce7e1; border-radius: 17px; background: #fff; box-shadow: 0 18px 45px rgba(15,59,46,.16); opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98); transition: .18s ease; }
.admin-user-dropdown.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.admin-user-dropdown > div { display: flex; gap: 10px; align-items: center; padding: 10px 10px 14px; margin-bottom: 6px; border-bottom: 1px solid #edf1ef; }
.admin-user-dropdown > div > span { flex: 0 0 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: #176246; font-weight: 900; }
.admin-user-dropdown p { min-width: 0; display: grid; }
.admin-user-dropdown p strong { color: #173d30; font-size: .8rem; }
.admin-user-dropdown p small { overflow: hidden; color: #87938d; font-size: .65rem; text-overflow: ellipsis; }
.admin-user-dropdown a, .admin-user-dropdown button { width: 100%; min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 0; border-radius: 10px; color: #43574e; background: transparent; font-size: .74rem; font-weight: 800; }
.admin-user-dropdown a:hover, .admin-user-dropdown button:hover { color: #176246; background: #edf7f1; }
.admin-user-dropdown img { width: 23px; height: 23px; }

.juh-dialog { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; opacity: 0; visibility: hidden; transition: .2s; }
.juh-dialog.is-open { opacity: 1; visibility: visible; }
.juh-dialog__backdrop { position: absolute; inset: 0; background: rgba(5,26,19,.66); backdrop-filter: blur(7px); }
.juh-dialog__panel { position: relative; width: min(440px, 100%); padding: 34px 32px 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.65); border-radius: 26px; background: #fff; box-shadow: 0 30px 80px rgba(4,30,21,.28); text-align: center; transform: translateY(18px) scale(.96); transition: .22s ease; }
.juh-dialog.is-open .juh-dialog__panel { transform: translateY(0) scale(1); }
.juh-dialog__panel::before { content: ""; position: absolute; top: -65px; left: 50%; width: 220px; height: 120px; border-radius: 50%; background: #e8f5ee; transform: translateX(-50%); }
.juh-dialog__close { position: absolute; top: 14px; right: 14px; z-index: 2; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 12px; background: transparent; }
.juh-dialog__close img { width: 100%; }
.juh-dialog__icon { position: relative; z-index: 1; width: 68px; height: 68px; margin: 0 auto 18px; }
.juh-dialog__icon img { width: 100%; height: 100%; }
.juh-dialog__eyebrow { color: #df7134; font-size: .66rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.juh-dialog h2 { margin-top: 7px; color: #103f2f; font-family: "Fraunces", serif; font-size: 1.75rem; }
.juh-dialog p { margin: 11px auto 0; max-width: 330px; color: #68776f; font-size: .84rem; line-height: 1.65; }
.juh-dialog__actions { margin-top: 25px; display: flex; justify-content: center; gap: 10px; }
.juh-dialog__actions button { min-height: 44px; padding: 10px 20px; border-radius: 999px; font-size: .76rem; font-weight: 900; }
.juh-dialog__cancel { border: 1px solid #d7e2dc; color: #496057; background: #fff; }
.juh-dialog__confirm { border: 1px solid #176246; color: #fff; background: #176246; box-shadow: 0 10px 22px rgba(23,98,70,.2); }
.juh-dialog.is-danger .juh-dialog__confirm { border-color: #bd4242; background: #bd4242; }
.juh-dialog.is-notice .juh-dialog__actions { grid-template-columns: 1fr; }
.dialog-open { overflow: hidden; }
.juh-toast-stack { position: fixed; z-index: 350; right: 24px; bottom: 24px; display: grid; gap: 10px; }
.juh-toast { width: min(360px, calc(100vw - 32px)); min-height: 62px; display: grid; grid-template-columns: 38px 1fr 24px; gap: 10px; align-items: center; padding: 11px 12px; border: 1px solid #cfe3d8; border-radius: 17px; background: #fff; box-shadow: 0 20px 50px rgba(15,59,46,.18); opacity: 0; transform: translateX(25px); transition: .22s; }
.juh-toast.is-visible { opacity: 1; transform: translateX(0); }
.juh-toast img { width: 38px; height: 38px; }
.juh-toast span { color: #29483c; font-size: .76rem; font-weight: 800; }
.juh-toast button { border: 0; color: #8b9891; background: transparent; font-size: 1.2rem; }
.juh-toast--error { border-color: #efcccc; }

.whatsapp-unread-summary { display: flex; align-items: center; gap: 10px; padding: 9px 14px; border: 1px solid #cde4d7; border-radius: 15px; color: #176246; background: #edf8f2; box-shadow: 0 8px 20px rgba(23,98,70,.08); }
.whatsapp-unread-summary img { width: 39px; height: 39px; }
.whatsapp-unread-summary span { display: grid; font-size: .7rem; }
.whatsapp-unread-summary strong { font-size: 1rem; }
.admin-orders-table tr.has-unread-message td:first-child { box-shadow: inset 4px 0 0 #24a36b; }
.whatsapp-order-cell { min-width: 230px; white-space: normal !important; }
.whatsapp-order-cell > a { display: flex; align-items: center; gap: 9px; }
.whatsapp-order-cell__icon { position: relative; flex: 0 0 36px; }
.whatsapp-order-cell__icon img { width: 36px; height: 36px; }
.whatsapp-order-cell__icon b { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 999px; color: #fff; background: #ee7b3a; font-size: .55rem; }
.whatsapp-order-cell a > span:last-child { min-width: 0; display: grid; }
.whatsapp-order-cell strong { color: #176246; font-size: .7rem; }
.whatsapp-order-cell small { max-width: 180px; overflow: hidden; color: #718078; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.whatsapp-order-cell__empty { color: #6f7e76; font-size: .68rem; font-weight: 800; }
.whatsapp-order-cell__empty img { width: 30px; height: 30px; }

.integration-pill { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; color: #86601d; background: #fff3dc; font-size: .65rem; font-weight: 900; white-space: nowrap; }
.integration-pill i { width: 8px; height: 8px; border-radius: 50%; background: #d59a32; box-shadow: 0 0 0 4px rgba(213,154,50,.12); }
.integration-pill.is-online { color: #176246; background: #e6f5ec; }
.integration-pill.is-online i { background: #24a36b; box-shadow: 0 0 0 4px rgba(36,163,107,.12); }
.whatsapp-chat-card { margin-top: 18px; overflow: hidden; scroll-margin-top: 20px; }
.whatsapp-chat-card--standalone { max-width: 920px; margin: 0 auto; }
.whatsapp-chat-head > div { display: flex; align-items: center; gap: 11px; }
.whatsapp-chat-head__icon { flex: 0 0 43px; height: 43px; }
.whatsapp-chat-head__icon img { width: 100%; height: 100%; }
.whatsapp-chat-messages { height: 430px; padding: 22px; display: flex; flex-direction: column; gap: 9px; overflow-y: auto; background: radial-gradient(circle at 20% 10%, rgba(238,123,58,.06), transparent 25%), linear-gradient(135deg, #eef7f2, #f8faf9); scrollbar-color: #b7d1c4 transparent; }
.whatsapp-bubble { max-width: min(76%, 560px); display: grid; gap: 5px; padding: 11px 13px 8px; border-radius: 16px 16px 16px 5px; color: #29443a; background: #fff; box-shadow: 0 5px 14px rgba(15,59,46,.08); font-size: .78rem; line-height: 1.5; overflow-wrap: anywhere; }
.whatsapp-bubble--outbound { align-self: flex-end; border-radius: 16px 16px 5px 16px; color: #fff; background: #176246; }
.whatsapp-bubble small { color: #8a9790; font-size: .57rem; text-align: right; }
.whatsapp-bubble--outbound small { color: #c9e7d8; }
.whatsapp-chat-empty { margin: auto; max-width: 350px; display: grid; justify-items: center; text-align: center; }
.whatsapp-chat-empty img { width: 72px; height: 72px; opacity: .8; }
.whatsapp-chat-empty strong { margin-top: 8px; color: #174333; }
.whatsapp-chat-empty p { margin-top: 4px; color: #7d8983; font-size: .72rem; line-height: 1.5; }
.whatsapp-composer { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; padding: 14px 16px 16px; border-top: 1px solid #e3ebe7; background: #fff; }
.whatsapp-composer label { min-width: 0; display: grid; gap: 4px; }
.whatsapp-composer textarea { width: 100%; min-height: 55px; max-height: 150px; padding: 12px 14px; resize: vertical; border: 1px solid #d4e0da; border-radius: 15px; outline: none; color: #263a31; background: #f8fbf9; font: inherit; }
.whatsapp-composer textarea:focus { border-color: #24a36b; box-shadow: 0 0 0 4px rgba(36,163,107,.1); background: #fff; }
.whatsapp-composer label small { padding-left: 4px; color: #92a099; font-size: .58rem; }
.whatsapp-composer button { min-width: 105px; height: 55px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 13px; border: 0; border-radius: 16px; color: #fff; background: #176246; font-size: .73rem; font-weight: 900; box-shadow: 0 9px 20px rgba(23,98,70,.2); }
.whatsapp-composer button img { width: 38px; height: 38px; }
.whatsapp-composer button:disabled { opacity: .55; cursor: wait; }
.whatsapp-setup-empty { padding: 30px; display: flex; align-items: center; gap: 16px; }
.whatsapp-setup-empty > img { width: 72px; height: 72px; }
.whatsapp-setup-empty h3 { color: #153c2f; }
.whatsapp-setup-empty p { margin-top: 5px; color: #76837d; font-size: .75rem; line-height: 1.5; }
.whatsapp-setup-empty a { display: inline-flex; margin-top: 10px; color: #176246; font-size: .72rem; font-weight: 900; }

.inbox-section { overflow: hidden; }
.inbox-count { padding: 6px 10px; border-radius: 999px; color: #fff; background: #ee7b3a; font-size: .65rem; font-weight: 900; }
.whatsapp-config-banner { margin: 15px; padding: 14px; display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; border: 1px solid #f1d6bb; border-radius: 15px; background: #fff8ef; }
.whatsapp-config-banner img { width: 48px; height: 48px; }
.whatsapp-config-banner strong { color: #5c462f; font-size: .78rem; }
.whatsapp-config-banner p { color: #8a7561; font-size: .68rem; }
.whatsapp-config-banner a { padding: 8px 12px; border-radius: 999px; color: #fff; background: #ee7b3a; font-size: .67rem; font-weight: 900; }
.whatsapp-inbox-list { display: grid; }
.whatsapp-inbox-item { position: relative; min-height: 82px; display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; padding: 13px 20px; border-top: 1px solid #edf1ef; transition: .18s; }
.whatsapp-inbox-item:hover { background: #f6faf8; }
.whatsapp-inbox-item.is-unread { background: #eff8f3; }
.whatsapp-inbox-avatar { position: relative; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; color: #fff; background: linear-gradient(135deg, #176246, #35a575); font-weight: 900; }
.whatsapp-inbox-avatar i { position: absolute; right: -1px; bottom: -1px; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: #24a36b; }
.whatsapp-inbox-main { min-width: 0; display: grid; gap: 3px; }
.whatsapp-inbox-main > span { display: flex; justify-content: space-between; gap: 12px; }
.whatsapp-inbox-main strong { overflow: hidden; color: #173d30; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.whatsapp-inbox-main time { color: #92a099; font-size: .6rem; white-space: nowrap; }
.whatsapp-inbox-main small { overflow: hidden; color: #63726b; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.whatsapp-inbox-main em { color: #9aa59f; font-size: .58rem; font-style: normal; }
.whatsapp-inbox-unread { min-width: 24px; height: 24px; display: grid; place-items: center; padding: 0 6px; border-radius: 999px; color: #fff; background: #ee7b3a; font-size: .6rem; }
.empty-inbox { padding: 42px 20px; display: grid; justify-items: center; text-align: center; }
.empty-inbox img { width: 72px; height: 72px; }
.empty-inbox h3 { color: #173d30; }
.empty-inbox p { max-width: 440px; margin-top: 5px; color: #85918b; font-size: .72rem; }
.admin-page-heading--section { margin-top: 30px; margin-bottom: 14px; }
.admin-page-heading--section h2 { margin-top: 3px; color: #103f2f; font-family: "Fraunces", serif; font-size: 1.65rem; }

.integration-settings-card { margin-bottom: 18px; overflow: hidden; }
.integration-settings-grid { padding: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.integration-step { padding: 15px; display: flex; gap: 11px; border: 1px solid #e1e9e5; border-radius: 15px; background: #f9fbfa; }
.integration-step > b { flex: 0 0 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: #176246; }
.integration-step strong { color: #24463a; font-size: .73rem; }
.integration-step p { margin-top: 4px; color: #7a8881; font-size: .66rem; line-height: 1.5; }
.integration-step code { color: #176246; }
.integration-code-block { margin: 0 20px 15px; padding: 12px 14px; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; border: 1px solid #d6e5dd; border-radius: 13px; background: #edf7f2; }
.integration-code-block span { color: #176246; font-size: .67rem; font-weight: 900; }
.integration-code-block code { min-width: 0; overflow: hidden; color: #36534a; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.integration-code-block button { padding: 7px 11px; border: 0; border-radius: 999px; color: #fff; background: #176246; font-size: .63rem; font-weight: 900; }
.integration-code-block button:disabled { opacity: .45; }
.integration-env-list { padding: 0 20px 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }
.integration-env-list code { padding: 9px 11px; overflow: hidden; border-radius: 9px; color: #cce8da; background: #123d30; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-field select { appearance: none; padding-right: 42px; background-image: url('/images/icon-chevron-juh.svg'); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px; }

@media (max-width: 1000px) {
  .integration-settings-grid { grid-template-columns: 1fr; }
  .integration-env-list { grid-template-columns: 1fr; }
}
@media (max-width: 850px) {
  .admin-sidebar { position: fixed; left: 0; z-index: 90; width: min(290px, 87vw); transform: translateX(-105%); transition: transform .23s ease; }
  .admin-sidebar.is-open { transform: translateX(0); }
  .admin-sidebar-backdrop.is-open { display: block; }
  .admin-sidebar-close { display: block; }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-menu { display: block; margin-right: 12px; }
  .admin-menu-open { overflow: hidden; }
  .admin-topbar { padding: 0 18px; }
  .admin-content { padding: 22px 18px; }
}
@media (max-width: 600px) {
  .admin-user > div, .admin-user > img { display: none; }
  .admin-user-dropdown { position: fixed; top: 72px; right: 12px; width: calc(100vw - 24px); }
  .admin-page-heading { align-items: flex-start; flex-direction: column; }
  .whatsapp-chat-messages { height: 390px; padding: 14px; }
  .whatsapp-bubble { max-width: 88%; }
  .whatsapp-composer { grid-template-columns: 1fr; }
  .whatsapp-composer button { width: 100%; }
  .whatsapp-composer button img { width: 34px; height: 34px; }
  .whatsapp-config-banner { grid-template-columns: 42px 1fr; }
  .whatsapp-config-banner a { grid-column: 1 / -1; justify-self: start; }
  .integration-code-block { grid-template-columns: 1fr auto; }
  .integration-code-block span { grid-column: 1 / -1; }
  .integration-code-block code { white-space: normal; overflow-wrap: anywhere; }
  .juh-dialog__panel { padding: 32px 20px 24px; border-radius: 22px; }
  .juh-dialog__actions { flex-direction: column-reverse; }
  .juh-dialog__actions button { width: 100%; }
  .juh-toast-stack { right: 16px; bottom: 16px; }
}


/* v1.3.2 cache-bust + defensive sizing */
.admin-card{overflow:hidden;}
.whatsapp-inbox-list{min-height:180px;}
.empty-inbox,.whatsapp-chat-empty,.empty-cell{min-height:180px;align-content:center;}
.empty-inbox img,.whatsapp-chat-empty img{width:72px !important;height:72px !important;max-width:72px !important;max-height:72px !important;flex:0 0 72px;}
.admin-sidebar .admin-nav-icon{width:25px !important;height:25px !important;max-width:25px !important;max-height:25px !important;}
.admin-sidebar__bottom .admin-nav-icon,.admin-user-dropdown img{width:23px !important;height:23px !important;max-width:23px !important;max-height:23px !important;flex:0 0 23px;object-fit:contain;}
.admin-user-dropdown{display:block;pointer-events:none;max-width:min(255px,calc(100vw - 24px));}
.admin-user-dropdown.is-open{pointer-events:auto;}
.admin-user-dropdown a,.admin-user-dropdown button{justify-content:flex-start;min-height:44px;}
.admin-user{min-height:44px;}
.admin-content img{height:auto;}
.inbox-section .empty-inbox{padding:52px 20px;}


/* v1.3.4 feedback + rastreio */
.status-side-card form{padding:0 18px 18px;}
.status-side-current{margin:0 18px 16px;padding:16px;border:1px solid #dce7e1;border-radius:16px;background:linear-gradient(180deg,#f8fbf9 0%,#eef7f2 100%);display:grid;gap:8px;}
.status-side-current small{color:#6f7d76;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.status-side-current strong{width:max-content;}
.status-side-current p{color:#5f6e67;font-size:.75rem;line-height:1.5;}
.status-note-form{display:grid;gap:14px;}
.status-note-templates{display:flex;flex-wrap:wrap;gap:8px;}
.status-note-chip{padding:8px 12px;border:1px solid #d9e4de;border-radius:999px;background:#f8fbf9;color:#176246;font-size:.68rem;font-weight:800;transition:.18s;}
.status-note-chip:hover{background:#eaf5ef;border-color:#176246;}
.feedback-moderation-actions .button--secondary{box-shadow:none;}
.feedback-admin-card.is-approved .feedback-moderation-actions{justify-content:flex-start;}
@media (max-width: 600px){.status-note-templates{display:grid;grid-template-columns:1fr;}.status-note-chip{text-align:center;}}

/* ===== v2.0.0: delivery, tamanhos e galeria pronta ===== */
.admin-size-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;padding:16px;border:1px dashed #cbded4;border-radius:15px;background:#f5faf7;}
.admin-size-fields[hidden]{display:none!important;}
.admin-check--boxed{margin:0;padding:15px;border:1px solid #dce7e1!important;border-radius:14px;background:#f8fbf9;}
.preset-gallery{padding:0 17px 17px;}
.preset-gallery>strong{display:block;margin-bottom:10px;color:#4c5d54;font-size:.72rem;}
.preset-gallery>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.preset-gallery button{padding:3px;overflow:hidden;border:2px solid transparent;border-radius:11px;background:#f2f6f4;transition:.18s;}
.preset-gallery button:hover,.preset-gallery button.is-selected{border-color:#ee7b3a;transform:translateY(-1px);}
.preset-gallery img{width:100%;height:66px;border-radius:8px;object-fit:cover;}
.delivery-settings-card{margin-bottom:18px;}
.delivery-formula-preview{margin:0 20px 20px;padding:16px;display:flex;align-items:center;gap:13px;border:1px solid #d7e6de;border-radius:16px;background:linear-gradient(135deg,#edf8f2,#fff8ef);}
.delivery-formula-preview img{flex:0 0 54px;}
.delivery-formula-preview strong{color:#153d30;font-size:.8rem;}
.delivery-formula-preview p{margin-top:4px;color:#6d7a74;font-size:.7rem;line-height:1.5;}
.fulfillment-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:.65rem;font-weight:900;white-space:nowrap;}
.fulfillment-pill img{width:24px;height:24px;}
.fulfillment-pill--pickup{color:#176246;background:#e7f4ec;}
.fulfillment-pill--delivery{color:#9a4f12;background:#fff0df;}
.admin-status--pronto_entrega{color:#155d86;background:#e9f4fb;}
.admin-status--saiu_entrega{color:#8b4d10;background:#fff0df;}
.order-quick-actions--delivery{grid-template-columns:repeat(4,1fr);}
.order-fulfillment-banner{margin-bottom:16px;padding:15px 18px;display:flex;align-items:center;gap:13px;border:1px solid #dce7e1;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(17,63,47,.045);}
.order-fulfillment-banner>img{flex:0 0 52px;}
.order-fulfillment-banner>div{display:grid;}
.order-fulfillment-banner span{color:#e16f2f;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.order-fulfillment-banner strong{margin-top:3px;color:#173d30;font-size:.82rem;}
.order-fulfillment-banner small{margin-top:3px;color:#74817a;font-size:.68rem;}
.order-fulfillment-banner--delivery{background:linear-gradient(135deg,#fff8ef,#f4faf7);}
.detail-list a{color:#176246;text-decoration:underline;text-underline-offset:2px;}
@media(max-width:1200px){.order-quick-actions--delivery{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.admin-size-fields{grid-template-columns:1fr;}.preset-gallery>div{grid-template-columns:repeat(2,1fr);}.order-quick-actions--delivery{grid-template-columns:1fr;}.order-fulfillment-banner{align-items:flex-start;}}
.product-format-pill{display:inline-flex;padding:6px 9px;border-radius:999px;color:#176246;background:#eaf5ef;font-size:.65rem;font-weight:900;}
.products-table td>small{display:block;margin-top:3px;color:#a1661f;font-size:.62rem;font-weight:800;}
.size-field-note{display:grid;align-content:center;padding:12px 14px;border-radius:12px;background:#eaf5ef;}
.size-field-note strong{color:#176246;font-size:.76rem;}
.size-field-note small{margin-top:3px;color:#6d7b74;font-size:.65rem;line-height:1.4;}

/* v2.2.0 taxas por bairro e cardápio automático */
.delivery-neighborhood-title{margin:0 20px 14px;padding:15px;display:flex;align-items:center;gap:13px;border:1px solid #dbe7e0;border-radius:16px;background:#f5faf7;}
.delivery-neighborhood-title img{flex:0 0 54px;}
.delivery-neighborhood-title strong{color:#174333;}
.delivery-neighborhood-title p{margin-top:3px;color:#77847e;font-size:.7rem;}
.delivery-neighborhood-grid{padding:0 20px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.delivery-neighborhood-grid .admin-field{padding:13px;border:1px solid #e0e8e4;border-radius:14px;background:#fbfdfc;}
.delivery-neighborhood-grid .admin-field small{color:#ee7b3a;font-weight:900;}
.delivery-fallback-note{margin:0 20px 20px;padding:13px 15px;display:flex;justify-content:space-between;gap:12px;border-radius:14px;color:#6e4e2d;background:#fff6e9;font-size:.72rem;}
.delivery-fallback-note strong{color:#6a4725;}

.menu-broadcast-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.menu-broadcast-settings{padding:0 20px 20px;}
.menu-message-preview{margin:0 20px 16px;padding:18px;max-height:420px;overflow:auto;border-radius:16px;color:#d8f2e5;background:#103d30;font:500 .72rem/1.65 "DM Sans",sans-serif;white-space:pre-wrap;}
.menu-broadcast-actions{padding:0 20px 20px;display:grid;gap:13px;}
.menu-broadcast-actions>form:first-child .button{width:100%;}
.menu-test-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;}
.menu-test-form .button{height:47px;}
.menu-subscriber-list{margin-bottom:18px;overflow:hidden;}
.menu-subscriber-row{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:14px 20px;border-top:1px solid #edf1ef;}
.menu-subscriber-row>div:nth-child(2){min-width:0;display:grid;gap:3px;}
.menu-subscriber-row strong{color:#173d30;font-size:.8rem;}
.menu-subscriber-row small{color:#68766f;font-size:.68rem;}
.menu-subscriber-row em{color:#96a19b;font-size:.6rem;font-style:normal;}
.menu-campaign-history{overflow:hidden;}
@media(max-width:1100px){.delivery-neighborhood-grid{grid-template-columns:repeat(2,1fr);}.menu-broadcast-grid{grid-template-columns:1fr;}}
@media(max-width:600px){.delivery-neighborhood-grid{grid-template-columns:1fr;padding:0 14px 16px;}.delivery-neighborhood-title,.delivery-fallback-note{margin-left:14px;margin-right:14px;}.delivery-fallback-note{flex-direction:column;}.menu-subscriber-row{grid-template-columns:42px 1fr;}.menu-subscriber-row form{grid-column:1/-1;}.menu-subscriber-row form .button{width:100%;}.menu-test-form{grid-template-columns:1fr;}}

/* ===== v2.3.0: tabelas encaixadas, preços simples e ícones proporcionais ===== */
.admin-price-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.admin-price-fields>[hidden]{display:none!important;}
.products-list-card,.orders-list-card{overflow:hidden;}
.products-admin-list,.orders-admin-list{display:grid;}
.product-admin-row{display:grid;grid-template-columns:minmax(250px,2fr) minmax(120px,.8fr) minmax(135px,.8fr) minmax(115px,.65fr) minmax(90px,.55fr) minmax(120px,.7fr);gap:14px;align-items:center;padding:15px 20px;border-top:1px solid #e8eeeb;}
.product-admin-row:hover{background:#f8fbf9;}
.product-admin-row>*{min-width:0;}
.product-cell{display:flex;align-items:center;gap:12px;min-width:0;}
.product-cell>img{flex:0 0 58px;width:58px!important;height:50px!important;max-width:58px!important;object-fit:cover;border-radius:12px;background:#f5f1e8;}
.product-cell>div{min-width:0;display:grid;gap:3px;}
.product-cell strong,.product-cell small{overflow:hidden;text-overflow:ellipsis;}
.product-cell small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;}
.product-admin-meta,.product-admin-price,.product-admin-stock{display:grid;gap:5px;}
.product-admin-meta>strong{color:#25493c;font-size:.76rem;}
.product-admin-meta>small,.product-admin-price>small,.product-admin-stock>small{color:#87928c;font-size:.62rem;}
.product-admin-price{grid-template-columns:repeat(2,minmax(0,1fr));}
.product-admin-price>span{display:grid;gap:1px;}
.product-admin-price small{color:#7a8881;font-size:.58rem;font-weight:900;}
.product-admin-price strong{color:#113f30;font-size:.78rem;white-space:nowrap;}
.product-admin-stock{justify-items:start;}
.product-admin-row>.row-actions{justify-content:flex-end;}

.orders-admin-head,.order-admin-row{display:grid;grid-template-columns:minmax(160px,1.05fr) minmax(190px,1.3fr) minmax(150px,.95fr) minmax(145px,.9fr) minmax(80px,.55fr) minmax(175px,1fr);gap:14px;align-items:center;}
.orders-admin-head{padding:13px 20px;color:#78867f;background:#f8faf9;border-bottom:1px solid #e5ece8;font-size:.63rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.order-admin-row{padding:15px 20px;border-bottom:1px solid #e8eeeb;}
.order-admin-row:last-child{border-bottom:0;}
.order-admin-row:hover{background:#f8fbf9;}
.order-admin-row>*{min-width:0;}
.order-admin-code,.order-admin-customer,.order-admin-fulfillment,.order-admin-status{display:grid;gap:5px;}
.order-admin-code strong,.order-admin-customer>strong{color:#123f30;font-size:.76rem;overflow:hidden;text-overflow:ellipsis;}
.order-admin-code small,.order-admin-customer small,.order-admin-fulfillment>small{color:#89958f;font-size:.61rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.order-admin-customer>a{width:max-content;max-width:100%;display:flex;align-items:center;gap:6px;color:#176246;font-size:.67rem;font-weight:800;}
.order-admin-customer>a img{flex:0 0 20px;width:20px!important;height:20px!important;max-width:20px!important;object-fit:contain;}
.order-admin-customer>a b{min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:999px;color:#fff;background:#ee7b3a;font-size:.55rem;}
.order-admin-status{justify-items:start;}
.order-admin-total strong{color:#123f30;font-size:.82rem;white-space:nowrap;}
.order-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.order-admin-actions .table-action,.order-admin-actions .table-quick-form button{min-height:34px;padding:7px 11px;border-radius:999px;white-space:nowrap;font-size:.64rem;}
.fulfillment-pill{width:max-content;max-width:100%;}
.fulfillment-pill img{flex:0 0 19px!important;width:19px!important;height:19px!important;max-width:19px!important;object-fit:contain;}
.whatsapp-unread-summary img{flex:0 0 28px;width:28px!important;height:28px!important;max-width:28px!important;object-fit:contain;}
.admin-table img,.admin-card button img,.admin-card a img{object-fit:contain;}
.admin-sidebar .admin-nav-icon{width:23px!important;height:23px!important;max-width:23px!important;}

@media(max-width:1100px){
  .product-admin-row{grid-template-columns:minmax(230px,1.8fr) minmax(110px,.8fr) minmax(125px,.75fr) minmax(100px,.6fr) minmax(115px,.7fr);}
  .product-admin-row>form{display:none;}
  .orders-admin-head,.order-admin-row{grid-template-columns:minmax(155px,1fr) minmax(180px,1.2fr) minmax(140px,.85fr) minmax(135px,.8fr) minmax(165px,1fr);}
  .orders-admin-head span:nth-child(5),.order-admin-total{display:none;}
}
@media(max-width:820px){
  .products-list-card,.orders-list-card{background:transparent;border:0;box-shadow:none;overflow:visible;}
  .products-list-card>.admin-card__head,.orders-admin-head{display:none;}
  .products-admin-list,.orders-admin-list{gap:12px;}
  .product-admin-row,.order-admin-row{grid-template-columns:1fr 1fr;padding:16px;border:1px solid #dce6e1;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(17,63,47,.05);}
  .product-cell,.order-admin-customer{grid-column:1/-1;}
  .product-admin-row>.row-actions,.order-admin-actions{grid-column:1/-1;justify-content:flex-start;}
  .product-admin-row>form{display:block;justify-self:end;}
  .order-admin-total{display:block;}
}
@media(max-width:560px){
  .admin-price-fields,.product-admin-row,.order-admin-row{grid-template-columns:1fr;}
  .product-admin-row>*{justify-self:stretch;}
  .product-admin-row>form{justify-self:start;}
  .order-admin-actions{flex-wrap:wrap;}
}

/* v2.4.0 — fila de pedidos e pagamentos */
.orders-admin-head,.order-admin-row{
  grid-template-columns:72px minmax(155px,1fr) minmax(180px,1.25fr) minmax(135px,.9fr) minmax(135px,.85fr) minmax(78px,.5fr) minmax(170px,1fr);
}
.order-admin-queue{display:grid;justify-items:center;gap:3px;min-width:0;}
.order-admin-queue strong{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#176246;font-size:.85rem;box-shadow:0 8px 18px rgba(23,98,70,.16);}
.order-admin-queue span{color:#8a9690;font-size:1rem;}
.order-admin-queue small{color:#76857d;font-size:.56rem;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.04em;}
.order-admin-row:first-child .order-admin-queue strong{background:#ee7b3a;box-shadow:0 8px 18px rgba(238,123,58,.2);}
.payment-status{white-space:nowrap;text-transform:none;}
.payment-status--in_process{color:#6f5209;background:#fff4d9;}
.payment-status--refunded{color:#155d86;background:#e8f4fb;}
.payment-status--charged_back{color:#773a78;background:#f7eafb;}
.payment-status--expired,.payment-status--error{color:#7b4840;background:#f5ece9;}
@media(max-width:1180px){
  .orders-admin-head,.order-admin-row{grid-template-columns:64px minmax(145px,1fr) minmax(170px,1.15fr) minmax(130px,.85fr) minmax(130px,.8fr) minmax(155px,.95fr);}
  .orders-admin-head span:nth-child(6),.order-admin-total{display:none;}
}
@media(max-width:760px){
  .order-admin-queue{justify-items:start;align-self:start;}
  .order-admin-queue strong{width:38px;height:38px;border-radius:12px;}
  .order-admin-queue small{text-align:left;}
}


/* v2.5.0 — ações de rastreio e cancelamento */
.table-cancel-form{margin:0;}
.table-cancel-form button{border:0;background:transparent;color:#b44242;font-size:.68rem;font-weight:800;text-decoration:underline;text-underline-offset:3px;}
.order-admin-actions{flex-wrap:wrap;}
.button--danger-soft{border:1px solid #ebc5c5!important;color:#a43a3a!important;background:#fff7f7!important;box-shadow:none!important;}