/* Premium application UI: shared visual language, separate partner and admin shells. */
:root {
  --v27-ink: #191a1a;
  --v27-muted: #717472;
  --v27-paper: #f4f4f1;
  --v27-line: #e4e5e1;
  --v27-card: #fff;
  --v27-gold: #c9ad71;
  --v27-gold-deep: #a88b51;
  --v27-danger: #b42318;
  --v27-shadow: 0 16px 42px rgba(20, 22, 20, .055);
}

body.partner-app,
body.admin-app {
  background: var(--v27-paper);
  color: var(--v27-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Partner sign-in */
.partner-app .login { background: #efefeb; color: var(--v27-ink); }
.partner-app .login-content { padding-top: 42px; padding-bottom: 30px; }
.partner-app .login-brand h1 { font-size: clamp(36px, 4.4vw, 54px); }
.partner-app .login-panel { width: min(460px, 100%); }
.partner-app .login-card { padding: 34px; border: 1px solid #e6e6e1; border-radius: 18px; box-shadow: 0 24px 70px rgba(23, 24, 22, .09); }
.partner-app .field input,
.partner-app .field select,
.partner-app .field textarea { border-radius: 10px; min-height: 48px; }
.partner-app .login-card .btn { border-radius: 10px; }
.partner-app .login-card .btn.ghost { border-radius: 8px; }

/* Desktop partner shell */
.partner-app .sidebar {
  width: 264px;
  padding: 28px 18px 20px;
  background: linear-gradient(180deg, #202121 0%, #171818 100%);
  border-right: 1px solid #ffffff12;
}
.partner-app .sidebar .mark { gap: 13px; margin: 0 8px 34px; align-items: center; }
.partner-app .mark-logos { gap: 10px; }
.partner-app .mark-logos img:first-child { width: 42px; height: 42px; }
.partner-app .mark-logos img:last-child { width: 58px; height: 25px; }
.partner-app .sidebar .mark b { color: #fff; font: 500 14px/1.35 Inter, Arial, sans-serif; letter-spacing: -.01em; }
.partner-app .nav { gap: 5px; }
.partner-app .nav button {
  min-height: 46px;
  padding: 10px 12px;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #c2c5c2;
  font-size: 13px;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.partner-app .nav button:hover { background: #ffffff0d; color: #fff; transform: translateX(2px); }
.partner-app .nav button.active { background: #ffffff12; color: #fff; border-color: #ffffff12; box-shadow: inset 3px 0 var(--v27-gold); }
.partner-app .nav button[data-go="new"] { margin: 8px 0 10px; background: var(--v27-gold); color: #171817; font-weight: 700; }
.partner-app .nav button[data-go="new"]:hover { background: #d5bb83; }
.partner-app .nav button[data-go="new"].active { box-shadow: inset 3px 0 #fff; }
.partner-app .nav-icon { width: 22px; text-align: center; font-size: 17px; line-height: 1; }
.partner-app .nav-icon svg { display: block; width: 19px; height: 19px; }
.partner-app .nav-label { flex: 1; }
.partner-app .nav-count { margin-left: auto; }
.partner-app .account { padding: 18px 8px 0; border-color: #ffffff22; }
.partner-app .account strong { color: #fff; font-size: 13px; }
.partner-app .account small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.partner-app .account button { padding: 8px 0 2px; color: #d4d5d3; }
.partner-app .account button:hover { color: #fff; }
.partner-app .main {
  margin-left: 264px;
  max-width: 1600px;
  padding: 44px clamp(26px, 5vw, 76px) 72px;
}
.partner-app .top { align-items: center; margin-bottom: 30px; }
.partner-app .top h1 { margin-top: 6px; font: 500 clamp(34px, 3.4vw, 48px)/1.06 Inter, Arial, sans-serif; letter-spacing: -.045em; }
.partner-app .kicker { color: #8b754b; font-size: 10px; letter-spacing: .15em; }
.partner-app .home-lead { margin: 10px 0 0; max-width: 520px; color: var(--v27-muted); font-size: 14px; line-height: 1.55; }
.partner-app .top-actions { display: flex; align-items: center; gap: 12px; }
.partner-app .date { color: var(--v27-muted); }
.partner-app .btn,
.partner-app .btn.red {
  min-height: 46px;
  padding: 0 17px;
  border-radius: 10px;
  background: #1d1e20;
  color: #fff;
  font-size: 13px;
  font-weight: 650;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.partner-app .btn:hover,
.partner-app .btn.red:hover { background: #343638; transform: translateY(-1px); box-shadow: 0 8px 18px #1718171a; }
.partner-app .btn.ghost { background: #fff; color: var(--v27-ink); border: 1px solid var(--v27-line); }
.partner-app .btn.ghost:hover { background: #f8f8f5; }
.partner-app .home-panel { margin-top: 28px; }
.partner-app .section-head { margin: 30px 0 15px; }
.partner-app .section-head h2 { font: 600 19px/1.25 Inter, Arial, sans-serif; letter-spacing: -.025em; }
.partner-app .section-head .kicker { margin-bottom: 5px; }
.partner-app .metrics { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin: 0 0 28px; }
.partner-app .metric {
  position: relative;
  min-height: 112px;
  padding: 20px 22px;
  overflow: hidden;
  border: 1px solid var(--v27-line);
  border-radius: 15px;
  box-shadow: 0 5px 18px rgba(20, 22, 20, .025);
}
.partner-app .metric small { color: var(--v27-muted); font-size: 11px; line-height: 1.4; }
.partner-app .metric strong { margin-top: 15px; font: 650 30px/1 Inter, Arial, sans-serif; letter-spacing: -.04em; }
.partner-app .metric.highlight { background: #222322; border-color: #222322; }
.partner-app .metric.highlight small { color: #d2d4d0; }
.partner-app .metric.highlight strong { color: #fff; }
.partner-app .cards { gap: 10px; }
.partner-app .ref-card,
.partner-app .submission-card,
.partner-app .notice,
.partner-app .admin-card,
.partner-app .form-card,
.partner-app .detail-card,
.partner-app .faq,
.partner-app .how-card {
  border: 1px solid var(--v27-line);
  border-radius: 15px;
  box-shadow: var(--v27-shadow);
}
.partner-app .ref-card { padding: 19px 21px; gap: 15px; }
.partner-app .ref-card:hover { transform: translateY(-1px); box-shadow: 0 20px 48px rgba(20, 22, 20, .085); }
.partner-app .ref-card h3,
.partner-app .notice h3,
.partner-app .submission-card h3 { color: var(--v27-ink); font: 600 16px/1.35 Inter, Arial, sans-serif; letter-spacing: -.02em; }
.partner-app .muted { color: var(--v27-muted); }
.partner-app .pill { background: #f3efe5; color: #675634; border-radius: 999px; padding: 6px 10px; font-weight: 600; }
.partner-app .notice { grid-template-columns: minmax(0, 1fr) auto; padding: 17px 18px; }
.partner-app .notice.unread { border-left: 3px solid var(--v27-gold-deep); }
.partner-app .notice p { font-size: 12px; }
.partner-app .empty { padding: 36px 24px; border: 1px dashed #d1d3cf; border-radius: 15px; background: #fff; line-height: 1.55; }
.partner-app .form-card,
.partner-app .detail-card { max-width: 920px; padding: clamp(22px, 3vw, 34px); }
.partner-app .form-card h2,
.partner-app .detail-card h2 { font: 600 19px/1.3 Inter, Arial, sans-serif; letter-spacing: -.025em; }
.partner-app .field { margin: 16px 0; color: #424543; font-size: 12px; }
.partner-app .field input,
.partner-app .field select,
.partner-app .field textarea { min-height: 48px; padding: 12px 14px; border: 1px solid #d9dbd7; border-radius: 10px; background: #fff; }
.partner-app .field input:focus,
.partner-app .field select:focus,
.partner-app .field textarea:focus { border-color: #a88b51; box-shadow: 0 0 0 3px #c9ad7125; }
.partner-app .consent { color: #535754; line-height: 1.6; }
.partner-app .consent input { accent-color: #8f7546; }
.partner-app .program-banner { border: 1px solid var(--v27-line); border-radius: 16px; background: #fff; box-shadow: var(--v27-shadow); }
.partner-app .how-grid { gap: 14px; }
.partner-app .how-card { padding: 22px; }
.partner-app .how-card b { color: #9c8050; font: 600 26px Inter, Arial, sans-serif; }
.partner-app .how-card h3 { font: 600 16px Inter, Arial, sans-serif; }
.partner-app .faq { padding: 7px 22px; }
.partner-app .faq summary { font-size: 14px; }
.partner-app .faq p { color: var(--v27-muted); font-size: 13px; }
.partner-app .reward-brand {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr);
  align-items: center;
  gap: 22px;
  min-height: 230px;
  margin: 0 0 23px;
  padding: 22px 30px;
  overflow: hidden;
  border: 1px solid #292a28;
  border-radius: 18px;
  background: radial-gradient(ellipse at 76% 50%, #383831 0, #222321 48%, #1b1c1b 100%);
  color: #fff;
  box-shadow: 0 18px 45px rgba(18, 19, 18, .14);
}
.partner-app .reward-brand img { grid-column: 2; grid-row: 1; width: min(100%, 390px); max-height: 215px; justify-self: center; object-fit: contain; filter: drop-shadow(0 15px 15px #0005); }
.partner-app .reward-brand span { grid-column: 1; grid-row: 1; font: 600 clamp(24px, 3vw, 34px)/1.15 Inter, Arial, sans-serif; letter-spacing: -.04em; }
.partner-app .reward-brand span:after { content: "Uma recompensa simples de acompanhar."; display: block; max-width: 270px; margin-top: 12px; color: #c6c7c2; font: 400 13px/1.55 Inter, Arial, sans-serif; letter-spacing: 0; }
.partner-app .reward-terms-card { grid-template-columns: minmax(180px, .55fr) 1.45fr; align-items: center; gap: 24px; padding: 22px; border: 1px solid var(--v27-line); border-radius: 14px; background: #fafaf8; }
.partner-app .reward-terms-card img { width: 100%; max-height: 200px; }
.partner-app .reward-terms-card ul { font-size: 13px; }
.partner-app .terms-page h2 { font: 600 18px Inter, Arial, sans-serif; }
.partner-app .portal-footer { margin-top: 52px; padding-top: 24px; border-color: #dedfdb; }
.partner-app .portal-footer strong { font: 600 15px Inter, Arial, sans-serif; }
.partner-app .portal-footer a { border: 1px solid var(--v27-line); border-radius: 999px; padding: 10px 14px; background: #fff; }
.partner-app .portal-footer a:hover { background: #f7f7f3; }
.partner-app .mobile-header,
.partner-app .mobilebar,
.partner-app .mobile-more-panel { display: none; }

/* Mobile partner navigation: four primary destinations and a labelled More sheet. */
@media (max-width: 900px) {
  .partner-app .sidebar { display: none; }
  .partner-app .mobile-header {
    position: fixed;
    z-index: 25;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
    padding: 8px 16px;
    border-bottom: 1px solid #e2e3df;
    background: rgba(250, 250, 247, .94);
    backdrop-filter: blur(16px);
  }
  .partner-app .mobile-brand { gap: 9px; }
  .partner-app .mobile-header strong { font: 600 15px Inter, Arial, sans-serif; letter-spacing: -.03em; }
  .partner-app .mobile-header small { font-size: 9px; letter-spacing: .08em; }
  .partner-app .mobile-primary { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 0; border-radius: 12px; background: #1d1e20; color: #fff; font-size: 23px; }
  .partner-app .main { margin: 0; width: 100%; padding: 96px 17px calc(100px + env(safe-area-inset-bottom)); }
  .partner-app .top { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 24px; }
  .partner-app .top h1 { font-size: clamp(31px, 8vw, 42px); }
  .partner-app .top-actions { display: none; }
  .partner-app .home-lead { max-width: 320px; font-size: 13px; }
  .partner-app .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 23px; }
  .partner-app .metric { min-height: 100px; padding: 16px; border-radius: 13px; }
  .partner-app .metric strong { margin-top: 13px; font-size: 26px; }
  .partner-app .section-head { align-items: center; margin: 25px 0 12px; }
  .partner-app .section-head h2 { font-size: 17px; }
  .partner-app .section-head .btn { min-height: 42px; padding: 0 12px; font-size: 12px; }
  .partner-app .ref-card { grid-template-columns: minmax(0, 1fr) auto; padding: 16px; border-radius: 13px; }
  .partner-app .ref-card > div:nth-child(2),
  .partner-app .ref-card > div:nth-child(3) { display: block; grid-column: 1 / -1; }
  .partner-app .notice { grid-template-columns: 1fr; gap: 8px; padding: 15px; }
  .partner-app .notice small { text-align: left; }
  .partner-app .form-card,
  .partner-app .detail-card,
  .partner-app .admin-card { padding: 20px 16px; border-radius: 14px; }
  .partner-app .reward-brand { grid-template-columns: 1fr; min-height: 0; gap: 0; padding: 19px 18px 6px; }
  .partner-app .reward-brand span { grid-column: 1; grid-row: 1; font-size: 24px; }
  .partner-app .reward-brand span:after { max-width: 240px; font-size: 12px; }
  .partner-app .reward-brand img { grid-column: 1; grid-row: 2; width: min(100%, 320px); max-height: 170px; justify-self: end; }
  .partner-app .reward-terms-card { grid-template-columns: 1fr; padding: 17px; }
  .partner-app .reward-terms-card img { width: min(210px, 70%); justify-self: center; }
  .partner-app .how-grid { grid-template-columns: 1fr; }
  .partner-app .portal-footer { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 10px 12px; margin-top: 36px; }
  .partner-app .portal-footer .portal-avatar { width: 54px; height: 54px; grid-row: span 2; }
  .partner-app .portal-footer .portal-avatar img { width: 66px !important; left: -5px; top: -4px; }
  .partner-app .portal-footer div { gap: 3px; }
  .partner-app .portal-footer small { font-size: 10px; }
  .partner-app .portal-footer a { grid-column: 2; margin: 4px 0 0; width: max-content; }
  .partner-app .mobilebar {
    position: fixed;
    z-index: 30;
    left: 10px;
    right: 10px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    gap: 3px;
    min-height: 64px;
    padding: 6px;
    border: 1px solid #ffffff32;
    border-radius: 18px;
    background: rgba(29, 30, 32, .96);
    box-shadow: 0 14px 36px rgba(10, 11, 11, .24);
    backdrop-filter: blur(16px);
  }
  .partner-app .mobilebar button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 50px;
    padding: 4px 2px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #c2c4c1;
    font-size: 9px;
    font-weight: 500;
    white-space: normal;
  }
  .partner-app .mobilebar button .nav-icon { width: auto; font-size: 17px; }
  .partner-app .mobilebar .nav-label { display: block; width: 100%; max-width: 100%; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; line-height: 1; letter-spacing: -.02em; }
  .partner-app .mobilebar button.active { background: #ffffff12; color: #fff; }
  .partner-app .mobilebar button[data-go="new"] { background: var(--v27-gold); color: #171817; font-weight: 700; }
  .partner-app .mobilebar button[data-go="new"] .nav-icon { font-size: 20px; }
  .partner-app .mobilebar .nav-count { position: absolute; top: 2px; right: calc(50% - 21px); min-width: 16px; height: 16px; padding: 0 4px; font: 700 9px/16px Arial, sans-serif; }
  .partner-app .mobile-more-panel {
    position: fixed;
    z-index: 29;
    right: 12px;
    bottom: calc(81px + env(safe-area-inset-bottom));
    display: block;
    width: min(310px, calc(100vw - 24px));
    padding: 12px;
    border: 1px solid #e1e2dd;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 60px #0003;
  }
  .partner-app .mobile-more-panel[hidden] { display: none; }
  .partner-app .mobile-more-title { padding: 4px 8px 9px; color: var(--v27-muted); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
  .partner-app .mobile-more-items { display: grid; gap: 3px; }
  .partner-app .mobile-more-items button { display: flex; align-items: center; gap: 11px; min-height: 46px; padding: 8px 10px; border: 0; border-radius: 11px; background: transparent; color: var(--v27-ink); text-align: left; font-size: 13px; }
  .partner-app .mobile-more-items button:hover,
  .partner-app .mobile-more-items button.active { background: #f2f0ea; }
  .partner-app .mobile-more-items .nav-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; color: #75613c; }
  .partner-app .mobile-more-items .nav-icon svg { width: 18px; height: 18px; }
  .partner-app .mobile-logout { width: 100%; min-height: 43px; margin-top: 7px; padding: 8px 10px; border: 0; border-top: 1px solid var(--v27-line); background: transparent; color: #8e332b; text-align: left; font-size: 12px; }
  .partner-app .partner-help { right: 14px; bottom: calc(88px + env(safe-area-inset-bottom)); }
}

/* Admin shell: distinct interface and role boundary, with the same premium finish. */
.admin-app #app:not(.hidden) { grid-template-columns: 264px minmax(0, 1fr); }
.admin-app .admin-sidebar { padding: 25px 16px 18px; background: linear-gradient(180deg, #202121 0%, #171818 100%); }
.admin-app .side-brand { gap: 11px; padding: 4px 8px 22px; }
.admin-app .side-brand img:first-child { width: 42px; height: 42px; }
.admin-app .side-brand img:nth-child(2) { width: 58px; height: 25px; }
.admin-app .side-brand span { color: #fff; font: 500 13px/1.3 Inter, Arial, sans-serif; }
.admin-app .admin-nav { gap: 4px; }
.admin-app .admin-nav a { min-height: 44px; padding: 10px 11px; border-radius: 10px; color: #c5c7c4; transition: background .16s ease, color .16s ease; }
.admin-app .admin-nav a:hover,
.admin-app .admin-nav a:focus,
.admin-app .admin-nav a.is-current { background: #ffffff12; color: #fff; }
.admin-app .admin-nav a.is-current { box-shadow: inset 3px 0 var(--v27-gold); }
.admin-app .side-account { border-color: #ffffff22; }
.admin-app .side-account small { color: #afb2ae; }
.admin-app .side-account button { color: #d7d9d5; }
.admin-app .admin-main { max-width: 1680px; padding: 28px clamp(22px, 4vw, 62px) 58px; }
.admin-app .topline { min-height: 57px; margin-bottom: 20px; }
.admin-app .brandtitle { border-color: #d5d6d1; }
.admin-app .brandtitle strong { font: 600 15px Inter, Arial, sans-serif; letter-spacing: -.025em; }
.admin-app .brandtitle small { color: var(--v27-muted); font-size: 9px; letter-spacing: .12em; }
.admin-app .button { min-height: 42px; padding: 10px 15px; border: 1px solid #1d1e20; border-radius: 10px; background: #1d1e20; font-size: 12px; letter-spacing: 0; transition: transform .16s ease, background .16s ease, box-shadow .16s ease; }
.admin-app .button:hover { transform: translateY(-1px); background: #373938; box-shadow: 0 8px 18px #17181718; }
.admin-app .button.secondary { border-color: var(--v27-line); background: #fff; }
.admin-app .button.secondary:hover { background: #f8f8f5; }
.admin-app .admin-heading h1 { font: 600 clamp(30px, 3vw, 42px)/1.06 Inter, Arial, sans-serif; letter-spacing: -.045em; }
.admin-app .overview { padding: clamp(22px, 3vw, 34px); border: 1px solid #30312f; border-radius: 18px; background: radial-gradient(ellipse at 95% 0%, #424138 0, #242523 45%, #1d1e20 100%); box-shadow: 0 20px 50px #15161420; color: #fff; }
.admin-app .overview h1,
.admin-app .overview .muted { color: #fff; }
.admin-app .overview .muted { opacity: .77; }
.admin-app .overview p { color: #d0d1ce; }
.admin-app .queue-summary { gap: 10px; }
.admin-app .summary-card { min-height: 94px; padding: 15px; border: 1px solid #ffffff16; border-radius: 13px; background: #ffffff0d; }
.admin-app .summary-card small { color: #d3d4d1; line-height: 1.35; }
.admin-app .summary-card strong { margin-top: 12px; color: #fff; font: 650 27px Inter, Arial, sans-serif; }
.admin-app .overview-actions { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-app .overview-actions .button { min-height: 94px; border-color: #ffffff1f; border-radius: 13px; background: #ffffff10; color: #fff; }
.admin-app .overview-actions .button:hover { background: #ffffff1b; }
.admin-app .overview-actions .button.secondary { background: #ffffff10; }
.admin-app .overview-actions .button small { color: #e2e3df; }
.admin-app .card { margin: 16px 0; padding: clamp(19px, 2.5vw, 28px); border: 1px solid var(--v27-line); border-radius: 16px; background: var(--v27-card); box-shadow: var(--v27-shadow); scroll-margin-top: 18px; }
.admin-app h2 { font: 600 19px/1.25 Inter, Arial, sans-serif; letter-spacing: -.025em; }
.admin-app .section-intro { max-width: 800px; line-height: 1.55; }
.admin-app .field input,
.admin-app .field select,
.admin-app .field textarea { min-height: 44px; border-color: #d9dbd7; border-radius: 9px; }
.admin-app .field input:focus,
.admin-app .field select:focus,
.admin-app .field textarea:focus { border-color: var(--v27-gold-deep); outline: 0; box-shadow: 0 0 0 3px #c9ad7125; }
.admin-app .row { padding: 17px 0; border-color: #ecece8; }
.admin-app .detail { border-radius: 12px; }
.admin-app .link-card { border-color: var(--v27-line); border-radius: 12px; background: #fafaf8; }
.admin-app .notification-list { gap: 9px; }
.admin-app .admin-notice { padding: 15px; border-color: var(--v27-line); border-radius: 12px; background: #fff; }
.admin-app .admin-notice.unread { border-left-color: var(--v27-gold-deep); }
.admin-app .reward-stage { border-color: var(--v27-line); border-radius: 11px; background: #fafaf8; }
.admin-app .portal-footer { margin-top: 34px; border-color: #dedfdb; }
.admin-app .portal-footer strong { font: 600 15px Inter, Arial, sans-serif; }
.admin-app .portal-footer a { display: none; }

@media (max-width: 1000px) {
  .admin-app #app:not(.hidden) { grid-template-columns: 220px minmax(0, 1fr); }
  .admin-app .overview-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .partner-app .login-content { min-height: 100svh; padding: 24px 16px; }
  .partner-app .login-panel { margin-top: 0; }
  .partner-app .login-card { padding: 26px 21px; }
  .partner-app .login-portrait { display: none; }
  .admin-app #app:not(.hidden) { display: block; }
  .admin-app .admin-sidebar { position: sticky; top: 0; z-index: 25; height: auto; padding: 7px 10px 5px; }
  .admin-app .side-brand { padding: 2px 4px 7px; margin: 0; border: 0; }
  .admin-app .side-brand img:first-child { width: 31px; height: 32px; }
  .admin-app .side-brand img:nth-child(2) { width: 42px; height: 22px; }
  .admin-app .side-brand span { font-size: 12px; }
  .admin-app .admin-nav { display: flex; overflow-x: auto; overscroll-behavior-x: contain; margin: 0; padding: 0 0 3px; scrollbar-width: none; }
  .admin-app .admin-nav::-webkit-scrollbar { display: none; }
  .admin-app .admin-nav a { flex: 0 0 auto; min-height: 35px; padding: 8px 10px; font-size: 10px; }
  .admin-app .side-account { display: none; }
  .admin-app .admin-main { padding: 18px 12px 36px; }
  .admin-app .topline { justify-content: flex-end; min-height: 42px; margin-bottom: 13px; }
  .admin-app .topline .brandlockup { display: none; }
  .admin-app .admin-nav:after { position: sticky; right: 0; display: flex; align-items: center; padding: 0 8px; background: linear-gradient(90deg, transparent, #1d1e20 45%); color: #c5c7c4; content: "›"; font-size: 18px; }
  .admin-app .brandlockup img:first-child { width: 33px; height: 40px; }
  .admin-app .brandlockup img:nth-child(2) { width: 42px; height: 26px; }
  .admin-app .brandtitle { padding-left: 9px; margin-left: 1px; }
  .admin-app .brandtitle strong { font-size: 13px; }
  .admin-app .brandtitle small { font-size: 8px; }
  .admin-app .admin-heading { margin-bottom: 15px; }
  .admin-app .admin-heading h1 { font-size: 33px; }
  .admin-app .overview { padding: 20px 15px; border-radius: 15px; }
  .admin-app .queue-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-app .summary-card { min-height: 84px; padding: 12px; }
  .admin-app .summary-card strong { font-size: 24px; }
  .admin-app .overview-actions { grid-template-columns: 1fr 1fr; gap: 7px; }
  .admin-app .overview-actions .button { min-height: 76px; padding: 11px; }
  .admin-app .overview-actions .button strong { font-size: 11px; }
  .admin-app .overview-actions .button small { font-size: 10px; }
  .admin-app .card { padding: 17px 13px; border-radius: 14px; }
  .admin-app .toolbar { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .partner-app *, .admin-app * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* V28: clearer partner pipeline, richer rewards page, and matching admin shell. */
.partner-app .metrics:has(.pipeline-track) { display: block; margin: 0; }
.partner-app .pipeline-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; overflow: hidden; border: 1px solid var(--v27-line); border-radius: 15px; background: #fff; box-shadow: var(--v27-shadow); }
.partner-app .pipeline-step { position: relative; display: flex; align-items: center; gap: 13px; min-height: 100px; padding: 18px 21px; }
.partner-app .pipeline-step + .pipeline-step { border-left: 1px solid var(--v27-line); }
.partner-app .pipeline-index { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border: 1px solid #e3dac7; border-radius: 50%; background: #f6f3eb; color: #78643d; font: 600 11px Inter, Arial, sans-serif; }
.partner-app .pipeline-step small { display: block; max-width: 135px; color: var(--v27-muted); font-size: 11px; line-height: 1.35; }
.partner-app .pipeline-step strong { display: block; margin-top: 6px; color: var(--v27-ink); font: 600 25px/1 Inter, Arial, sans-serif; }
.partner-app .pipeline-panel { margin-bottom: 30px; }
.partner-app .home-panel .section-head { margin: 0 0 15px; }
.partner-app .home-panel .section-head h2 { font: 600 21px/1.2 Inter, Arial, sans-serif; letter-spacing: -.03em; }
.partner-app #partnerNoticePreview { gap: 8px; }
.partner-app #partnerNoticePreview .notice { border: 1px solid var(--v27-line); border-radius: 12px; box-shadow: 0 5px 15px #17181708; }
.partner-app .reward-brand { grid-template-columns: minmax(0, 1fr) minmax(240px, .8fr); gap: 24px; min-height: 290px; margin: 0 0 32px; padding: clamp(24px, 4vw, 42px); border: 1px solid #363735; border-radius: 18px; background: radial-gradient(ellipse at 88% 10%, #474438 0%, #242523 42%, #1b1c1b 100%); color: #fff; box-shadow: 0 20px 48px #1718171c; }
.partner-app .reward-brand .reward-copy { grid-column: 1; grid-row: 1; max-width: 510px; }
.partner-app .reward-brand .reward-copy span { display: block; color: #e4ca91; font: 600 clamp(38px, 5vw, 64px)/1 Inter, Arial, sans-serif; letter-spacing: -.055em; }
.partner-app .reward-brand .reward-copy span:after { content: none; }
.partner-app .reward-brand .reward-copy strong { display: block; max-width: 420px; margin-top: 14px; color: #fff; font: 550 clamp(18px, 2vw, 23px)/1.42 Inter, Arial, sans-serif; letter-spacing: -.025em; }
.partner-app .reward-brand .reward-copy p { max-width: 420px; margin: 17px 0 0; color: #d1d2ce; font-size: 13px; line-height: 1.6; }
.partner-app .reward-brand img { grid-column: 2; grid-row: 1; width: min(100%, 400px); max-height: 235px; justify-self: center; object-fit: contain; filter: drop-shadow(0 15px 20px #0006); }
.partner-app .merchant-section { margin: 0 0 32px; }
.partner-app .merchant-section > .section-head { align-items: flex-end; margin: 0 0 15px; }
.partner-app .merchant-section > .section-head h2 { margin: 3px 0 0; font: 600 22px/1.2 Inter, Arial, sans-serif; letter-spacing: -.03em; }
.partner-app .merchant-section > .section-head p { max-width: 290px; margin: 0; color: var(--v27-muted); font-size: 12px; line-height: 1.5; text-align: right; }
.partner-app .merchant-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.partner-app .merchant-card { display: flex; align-items: flex-start; gap: 15px; min-height: 146px; padding: 21px; border: 1px solid var(--v27-line); border-radius: 14px; background: #fff; box-shadow: 0 7px 20px #17181708; }
.partner-app .merchant-card.merchant-more { grid-column: 1 / -1; min-height: auto; background: #fafaf8; }
.partner-app .merchant-mark { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid #e3dac7; border-radius: 12px; background: #f6f3eb; color: #78643d; font: 600 18px Inter, Arial, sans-serif; }
.partner-app .merchant-card small { color: #907b51; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.partner-app .merchant-card h3 { margin: 4px 0 6px; color: var(--v27-ink); font: 600 18px/1.25 Inter, Arial, sans-serif; }
.partner-app .merchant-card p { margin: 0; color: var(--v27-muted); font-size: 12px; line-height: 1.55; }
.partner-app .merchant-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.partner-app .merchant-tags span { padding: 5px 8px; border: 1px solid #e9e8e1; border-radius: 999px; background: #f8f8f5; color: #555852; font-size: 9px; line-height: 1.2; }
.partner-app .referral-who { max-width: none; border-radius: 13px; }
.partner-app .referral-who p { margin: 0; font: 400 14px/1.65 Inter, Arial, sans-serif; color: var(--v27-ink); }
.partner-app .terms-page { max-width: 980px; padding: clamp(22px, 4vw, 42px); border: 1px solid var(--v27-line); border-radius: 16px; }
.partner-app .terms-page .terms-version { margin: 0 0 22px; color: #8a754a; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.partner-app .terms-article { padding: 21px 0; border-top: 1px solid var(--v27-line); }
.partner-app .terms-article h2 { margin: 0 0 9px; color: var(--v27-ink); font: 600 16px/1.4 Inter, Arial, sans-serif; letter-spacing: -.015em; }
.partner-app .terms-article p { max-width: 800px; margin: 7px 0 0; color: #515451; font-size: 13px; line-height: 1.7; }
.partner-app .terms-article a { color: #6c5832; }
.partner-app .terms-card-note { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 22px; margin-top: 16px; padding: 20px; border: 1px solid #e5dfd2; border-radius: 13px; background: #f8f6f0; }
.partner-app .terms-card-note img { width: 100%; height: auto; max-height: 110px; object-fit: contain; }
.partner-app .terms-card-note p { margin: 0; color: #565650; font-size: 12px; line-height: 1.65; }
.partner-app .read-only-tag { flex: 0 0 auto; padding: 7px 10px; border: 1px solid var(--v27-line); border-radius: 999px; color: var(--v27-muted); font-size: 10px; }
.partner-app #profileForm input[readonly] { background: #f7f7f4; color: #565955; }
.partner-app .portal-footer { margin-top: 76px; padding: 28px 0 8px; border-top: 1px solid #d9dad6; }
.partner-app .portal-footer .portal-avatar,
.admin-app .portal-footer .portal-avatar { position: relative; display: block; width: 72px; height: 72px; flex: 0 0 72px; overflow: hidden; border-radius: 50%; background: #e8e8e4; }
.partner-app .portal-footer .portal-avatar img,
.admin-app .portal-footer .portal-avatar img { position: absolute; top: -17px; left: -34px; width: 140px !important; height: auto !important; max-width: none; object-fit: initial !important; object-position: initial !important; border: 0; border-radius: 0 !important; background: transparent !important; }
.partner-app .portal-footer > a { display: inline-flex; align-items: center; min-height: 42px; margin-left: auto; padding: 0 15px; border: 0; border-radius: 999px; background: #16865d; color: #fff; font-size: 11px; font-weight: 650; text-decoration: none; }
.partner-app .portal-footer > a:hover { background: #11714e; }
.partner-app .mobile-more-items .mobile-whatsapp-link { display: block; margin-top: 8px; padding: 13px 10px 8px; border-top: 1px solid var(--v27-line); color: #176c4d; font-size: 12px; font-weight: 650; text-decoration: none; }

/* Admin navigation and cards now use the same rhythm and controls as the partner app. */
.admin-app .admin-nav a { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 9px 11px; border: 1px solid transparent; border-radius: 11px; font-size: 12px; line-height: 1.35; }
.admin-app .admin-nav a span:nth-child(2) { flex: 1; }
.admin-app .admin-nav-icon { display: inline-flex; align-items: center; justify-content: center; width: 21px; flex: 0 0 21px; color: #bfc1bd; }
.admin-app .admin-nav-icon svg { display: block; width: 18px; height: 18px; }
.admin-app .admin-nav a:hover .admin-nav-icon,
.admin-app .admin-nav a.is-current .admin-nav-icon { color: var(--v27-gold); }
.admin-app .nav-badge { min-width: 22px; border-radius: 999px; background: #b42318; box-shadow: 0 0 0 2px #1c1d1e; }
.admin-app .overview { margin-top: 0; }
.admin-app .overview .admin-heading { margin-bottom: 22px; }
.admin-app .overview .admin-heading > div > .muted:first-child { color: #ddc88f; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.admin-app .overview-actions { margin-top: 23px; }
.admin-app .overview-actions .button { justify-content: center; }
.admin-app .card h2 { margin-bottom: 7px; }
.admin-app .portal-footer { margin-top: 72px; padding-top: 28px; }

@media (max-width: 900px) {
  .partner-app .pipeline-step { min-height: 85px; gap: 9px; padding: 13px 11px; }
  .partner-app .pipeline-index { width: 28px; height: 28px; flex-basis: 28px; font-size: 9px; }
  .partner-app .pipeline-step small { font-size: 9px; }
  .partner-app .pipeline-step strong { font-size: 22px; }
  .partner-app .reward-brand { grid-template-columns: 1fr; min-height: 0; gap: 6px; padding: 23px 21px 10px; }
  .partner-app .reward-brand .reward-copy { grid-column: 1; grid-row: 1; }
  .partner-app .reward-brand .reward-copy span { font-size: 42px; }
  .partner-app .reward-brand .reward-copy strong { max-width: 300px; font-size: 18px; }
  .partner-app .reward-brand img { grid-column: 1; grid-row: 2; width: min(100%, 330px); max-height: 175px; justify-self: end; }
  .partner-app .terms-card-note { grid-template-columns: 1fr; }
  .partner-app .terms-card-note img { width: min(190px, 70%); justify-self: center; }
  .partner-app .portal-footer { margin-top: 62px; padding-top: 24px; }
  .partner-app .portal-footer .portal-avatar,
  .admin-app .portal-footer .portal-avatar { width: 58px; height: 58px; flex-basis: 58px; }
  .partner-app .portal-footer .portal-avatar img,
  .admin-app .portal-footer .portal-avatar img { top: -14px; left: -27px; width: 112px !important; }
  .partner-app .portal-footer > a { grid-column: 2; width: max-content; margin: 4px 0 0; }
  .admin-app .admin-nav a { min-height: 39px; padding: 7px 10px; }
}

@media (max-width: 560px) {
  .partner-app .pipeline-track { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 13px; }
  .partner-app .pipeline-step { min-height: 77px; padding: 12px; }
  .partner-app .pipeline-step:nth-child(3) { border-left: 0; border-top: 1px solid var(--v27-line); }
  .partner-app .pipeline-step:nth-child(4) { border-top: 1px solid var(--v27-line); }
  .partner-app .pipeline-step small { max-width: 105px; }
  .partner-app .merchant-grid { grid-template-columns: 1fr; }
  .partner-app .merchant-card.merchant-more { grid-column: auto; }
  .partner-app .merchant-section > .section-head { display: block; }
  .partner-app .merchant-section > .section-head p { margin-top: 9px; text-align: left; }
  .partner-app .portal-footer { margin-top: 54px; }
}

/* V30 · acompanhamento visual por referência e saída da sessão de gestor. */
.reference-pipeline { min-width: 0; margin-top: 10px; padding: 15px 16px 11px; border: 1px solid var(--v27-line, #e2dfd8); border-radius: 14px; background: #fbfaf7; }
.reference-pipeline-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.reference-pipeline-heading > span { color: var(--v27-muted, #73777a); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.reference-pipeline-heading > strong { color: #7d673f; font-size: 12px; font-weight: 650; text-align: right; }
.reference-pipeline-track { display: flex; min-width: 560px; margin: 0; padding: 3px 0 7px; overflow-x: auto; list-style: none; scrollbar-width: thin; }
.reference-pipeline-step { position: relative; display: flex; min-width: 112px; flex: 1 0 112px; flex-direction: column; align-items: center; gap: 7px; color: var(--v27-muted, #73777a); text-align: center; }
.reference-pipeline-step:not(:last-child)::after { position: absolute; top: 13px; left: calc(50% + 14px); width: calc(100% - 28px); height: 2px; background: #dedbd4; content: ""; }
.reference-pipeline-step.is-done::after { background: #c9ad71; }
.reference-pipeline-marker { position: relative; z-index: 1; display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #c9c9c5; border-radius: 50%; background: #fff; color: #858783; font-size: 9px; font-weight: 700; }
.reference-pipeline-step.is-done .reference-pipeline-marker { border-color: #c9ad71; background: #f5f0e4; color: #78643d; }
.reference-pipeline-step.is-current .reference-pipeline-marker { border: 2px solid #b5975d; background: #fff; color: #79643c; box-shadow: 0 0 0 4px #c9ad711f; }
.reference-pipeline-step.is-current .reference-pipeline-label { color: #262725; font-weight: 700; }
.reference-pipeline-label { max-width: 112px; font-size: 10px; line-height: 1.3; }
.reference-pipeline.is-closed .reference-pipeline-heading > strong { color: #9d3d35; }
.submission-progress-slot { grid-column: 1 / -1; min-width: 0; }
.manager-session-gate { display: grid; min-height: 100vh; min-height: 100svh; place-items: center; padding: 24px; background: #d0d1cf; color: #1d1e20; }
.manager-session-card { width: min(480px, 100%); padding: clamp(25px, 5vw, 42px); border: 1px solid #e3e2de; background: #fff; box-shadow: 0 16px 45px rgba(20,20,20,.08); }
.manager-session-brand { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 30px; }
.manager-session-brand img:first-child { width: 72px; height: 72px; object-fit: contain; }
.manager-session-brand img:last-child { width: 78px; height: 34px; object-fit: contain; }
.manager-session-card h1 { margin: 12px 0; font: 400 clamp(28px, 6vw, 38px)/1.08 Georgia, serif; }
.manager-session-card > p:not(.manager-session-message) { color: #62666a; font-size: 14px; line-height: 1.55; margin: 0 0 22px; }
.manager-open-link { display: block; margin-bottom: 9px; text-align: center; text-decoration: none; }
.manager-session-message:not(:empty) { margin: 12px 0 0; color: #a2332b; font-size: 12px; line-height: 1.45; }
.logout-message { display: block; margin: 7px 0; color: #ffbdb6; font-size: 11px; line-height: 1.4; }
.logout-message[hidden] { display: none !important; }
@media (max-width: 720px) {
  .reference-pipeline { padding: 13px 12px 8px; }
  .reference-pipeline-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
  .manager-session-gate { padding: 16px; }
  .manager-session-card { padding: 25px 20px; }
}