/* =====================================================================
   Jeto · Tema Prestige
   Carregado depois do style.css. Tudo fica escopado em body.pr para não
   afetar o cadastro.php e as páginas que ainda usam o visual antigo.
   ===================================================================== */

:root {
  --pr-night: #12143A;
  --pr-night-2: #1B1E4F;
  --pr-night-3: #262A68;
  --pr-porc: #F5F5F9;
  --pr-paper: #FFFFFF;
  --pr-paper-2: #FAFAFC;
  --pr-ink: #15173A;
  --pr-ink-2: #3A3D5C;
  --pr-mut: #6B6F8A;
  --pr-mut-2: #9A9DB5;
  --pr-line: #E4E4EE;
  --pr-line-2: #D3D4E2;
  --pr-gold: #C9A96B;
  --pr-gold-deep: #8A6D35;
  --pr-gold-soft: #F6F0E2;
  --pr-in: #2E7D5B;
  --pr-in-soft: #E3F1EA;
  --pr-out: #A63D3D;
  --pr-out-soft: #F8E7E7;
  --pr-warn: #946511;
  --pr-warn-soft: #FBF0DA;
  --pr-info: #3B4A9C;
  --pr-info-soft: #E8EAF7;
  --pr-serif: "Bodoni Moda", Didot, "Bodoni 72", Georgia, serif;
  --pr-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pr-r-s: 6px;
  --pr-r: 10px;
  --pr-r-l: 16px;
  --pr-shadow: 0 1px 2px rgba(18, 20, 58, .04), 0 12px 32px -18px rgba(18, 20, 58, .18);
  --pr-ease: cubic-bezier(.2, .8, .2, 1);
  --pr-side-w: 296px;
}

/* ---------- base ---------- */
body.pr {
  background: var(--pr-porc) !important;
  background-image: none !important;
  color: var(--pr-ink);
  font-family: var(--pr-sans) !important;
  font-size: 14.5px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body.pr p { font-size: inherit; line-height: 1.55; font-weight: 400; }
body.pr a { color: var(--pr-night-3); }
body.pr a:hover { color: var(--pr-gold-deep); }
body.pr h1, body.pr h2, body.pr h3,
body.pr .h1, body.pr .h2, body.pr .h3 {
  font-family: var(--pr-serif);
  font-weight: 500;
  color: var(--pr-ink) !important;
  letter-spacing: -.01em;
  text-wrap: balance;
}
body.pr h1, body.pr .h1 { font-size: 30px; }
body.pr h2, body.pr .h2 { font-size: 24px; }
body.pr h3, body.pr .h3 { font-size: 22px; }
body.pr h4, body.pr h5, body.pr h6,
body.pr .h4, body.pr .h5, body.pr .h6 {
  font-family: var(--pr-sans);
  font-weight: 600;
  color: var(--pr-ink);
  font-size: 15px;
}
body.pr b, body.pr strong { font-weight: 600; }
body.pr hr { border-color: var(--pr-line); opacity: 1; }
body.pr ::selection { background: var(--pr-gold-soft); color: var(--pr-ink); }
body.pr :focus-visible { outline: 2px solid var(--pr-gold); outline-offset: 2px; }
body.pr .pr-ic {
  width: 20px; height: 20px; flex: none;
  fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round;
}
body.pr .pr-num { font-variant-numeric: lining-nums tabular-nums; }

/* O style.css posiciona todo <nav> como absoluto e força links brancos. */
body.pr nav { position: static !important; }
body.pr nav a { margin: 0; font-size: inherit !important; font-weight: 500; color: inherit !important; }
body.pr nav a::before { display: none !important; content: none !important; }

/* ---------- shell ---------- */
body.pr { overflow-x: clip; }
.pr-app {
  display: grid;
  grid-template-columns: var(--pr-side-w) minmax(0, 1fr);
  min-height: 100vh;
}

.pr-side {
  position: sticky; top: 0;
  height: 100vh; overflow-y: auto;
  display: flex; flex-direction: column; gap: 24px;
  padding: 28px 24px 22px;
  color: #ECEBF5;
  background:
    radial-gradient(120% 45% at 0% 0%, #22266A 0%, rgba(34, 38, 106, 0) 62%),
    var(--pr-night);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .15) transparent;
  z-index: 1040;
}
.pr-brand {
  display: flex; align-items: baseline; gap: 10px;
  color: #fff !important; text-decoration: none;
  font-family: var(--pr-serif); font-size: 25px; font-weight: 500; letter-spacing: -.01em;
}
.pr-brand small {
  font-family: var(--pr-sans); font-size: 9.5px; font-weight: 600;
  letter-spacing: .32em; text-transform: uppercase; color: var(--pr-gold);
}
.pr-brand:hover { color: #fff !important; }

.pr-hello span { display: block; font-size: 13px; color: #A3A6CC; }
.pr-hello em {
  display: block; font-family: var(--pr-serif); font-size: 23px; line-height: 1.18;
  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.pr-hello small { display: block; margin-top: 4px; font-size: 12px; color: #8E91B8; font-variant-numeric: tabular-nums; }

.pr-label {
  display: flex; align-items: center; gap: 8px;
  font-size: 10.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
  color: #9C9FC4;
}
.pr-eye {
  display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%;
  background: none; border: 0; padding: 0; color: #9C9FC4; cursor: pointer;
  transition: color .2s, background .2s;
}
.pr-eye:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.pr-eye .pr-ic { width: 17px; height: 17px; }
.pr-content .pr-eye { color: var(--pr-mut); }
.pr-content .pr-eye:hover { color: var(--pr-ink); background: var(--pr-porc); }
.pr-bal-amount {
  font-family: var(--pr-serif); font-size: 34px; font-weight: 500; line-height: 1.1;
  margin: 8px 0 16px; letter-spacing: -.01em;
  font-variant-numeric: lining-nums tabular-nums; white-space: nowrap;
}
.pr-rule { height: 1px; background: linear-gradient(90deg, var(--pr-gold), rgba(201, 169, 107, 0)); }
.pr-bal-links { display: flex; gap: 16px; margin-top: 12px; font-size: 12.5px; }
.pr-bal-links a { color: #C9C3B0 !important; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; }
.pr-bal-links a:hover { color: #fff !important; }
.pr-bal-links .pr-ic { width: 14px; height: 14px; }

.pr-nav { display: grid; gap: 2px; }
.pr-nav-group {
  font-size: 10px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
  color: #7275A0; padding: 14px 12px 6px;
}
.pr-nav-group:first-child { padding-top: 0; }
body.pr .pr-nav a {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 12px; border-radius: 8px;
  color: #B9BBD8 !important; text-decoration: none; font-size: 14px !important;
  transition: color .2s, background .2s;
}
body.pr .pr-nav a .pr-ic { width: 18px; height: 18px; color: #8E91B8; transition: color .2s, transform .3s var(--pr-ease); }
body.pr .pr-nav a:hover { color: #fff !important; background: rgba(255, 255, 255, .05); }
body.pr .pr-nav a:hover .pr-ic { color: var(--pr-gold); }
body.pr .pr-nav a.is-active { color: #fff !important; background: rgba(255, 255, 255, .08); }
body.pr .pr-nav a.is-active .pr-ic { color: var(--pr-gold); }
.pr-nav-badge {
  margin-left: auto; font-size: 11px; font-weight: 600; min-width: 20px; text-align: center;
  padding: 1px 7px; border-radius: 999px; background: var(--pr-gold); color: var(--pr-night);
}

.pr-side-foot { margin-top: auto; display: grid; gap: 14px; }
.pr-side-links { display: grid; border-top: 1px solid rgba(255, 255, 255, .1); }
body.pr .pr-side-links a {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 2px; border-bottom: 1px solid rgba(255, 255, 255, .07);
  color: #9C9FC4 !important; font-size: 13px; text-decoration: none; transition: color .2s;
}
body.pr .pr-side-links a .pr-ic { width: 15px; height: 15px; transition: transform .3s var(--pr-ease); }
body.pr .pr-side-links a:hover { color: #fff !important; }
body.pr .pr-side-links a:hover .pr-ic { transform: translateX(3px); color: var(--pr-gold); }
.pr-session { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #8E91B8; }
.pr-session .pr-ic { width: 15px; height: 15px; }
.pr-session b { font-weight: 600; color: #ECEBF5; font-variant-numeric: tabular-nums; }
.pr-session.is-ending b { color: #F2C98A; }

.pr-main { min-width: 0; display: flex; flex-direction: column; }
.pr-top {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 22px 44px 0; color: var(--pr-mut); font-size: 13px;
}
.pr-top-date { text-transform: none; }
.pr-top-brand { display: none; }
.pr-tools { display: flex; align-items: center; gap: 4px; }
.pr-tool {
  position: relative; width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center;
  color: var(--pr-ink) !important; background: none; border: 0; cursor: pointer;
  transition: background .2s;
}
.pr-tool:hover { background: #E9E9F2; }
.pr-tool .pr-ic { width: 19px; height: 19px; }
.pr-tool-badge {
  position: absolute; top: 3px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px;
  border-radius: 999px; background: var(--pr-gold); color: var(--pr-night);
  font-size: 10px; font-weight: 700; display: grid; place-items: center;
  box-shadow: 0 0 0 2px var(--pr-porc);
}
body.pr .pr-exit {
  margin-left: 6px; padding: 7px 16px; border-radius: 999px;
  border: 1px solid var(--pr-line-2); color: var(--pr-ink) !important;
  text-decoration: none; font-size: 13px; font-weight: 500; transition: border-color .2s, background .2s;
}
body.pr .pr-exit:hover { border-color: var(--pr-ink); background: var(--pr-paper); }
.pr-burger { display: none; }

.pr-content { flex: 1; padding: 10px 44px 40px; min-width: 0; }
body.pr main.pr-content { padding-top: 10px; }
body.pr .pr-content > .container,
body.pr .pr-content .container {
  max-width: none; width: 100%; padding-left: 0 !important; padding-right: 0 !important;
}

.pr-head { margin: 18px 0 28px; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
body.pr .pr-title {
  font-family: var(--pr-serif); font-size: 44px; line-height: 1.04; font-weight: 500;
  letter-spacing: -.02em; margin: 0; color: var(--pr-ink) !important;
}
body.pr .pr-title em { font-style: italic; color: var(--pr-gold-deep); }
.pr-sub { margin: 8px 0 0 !important; color: var(--pr-mut); max-width: 64ch; }

.pr-foot {
  margin: 56px 0 0; padding: 22px 0 0; border-top: 1px solid var(--pr-line);
  display: flex; justify-content: space-between; gap: 12px 32px; flex-wrap: wrap;
  font-size: 12px; color: var(--pr-mut) !important; line-height: 1.5;
}
body.pr .pr-foot p { margin: 0; font-size: 12px; color: var(--pr-mut); }
.pr-foot-partners { display: flex; gap: 22px; flex-wrap: wrap; }
.pr-foot-partners span b { display: block; font-weight: 600; color: var(--pr-mut); }

.pr-scrim { display: none; }

/* ---------- blocos reutilizáveis ---------- */
.pr-card {
  background: var(--pr-paper); border: 1px solid var(--pr-line); border-radius: var(--pr-r);
  padding: 22px 24px;
}
.pr-card-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.pr-eyebrow {
  font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--pr-mut);
}
.pr-quick { display: flex; gap: 8px; flex-wrap: wrap; }
body.pr .pr-quick a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 18px; border-radius: 999px; border: 1px solid #CFCFDD;
  color: var(--pr-ink) !important; font-weight: 500; text-decoration: none; background: transparent;
  transition: background .25s, color .25s, border-color .25s, transform .25s var(--pr-ease);
}
body.pr .pr-quick a .pr-ic { width: 17px; height: 17px; }
body.pr .pr-quick a:hover { border-color: var(--pr-ink); transform: translateY(-1px); }
body.pr .pr-quick a.is-primary { background: var(--pr-night); border-color: var(--pr-night); color: #fff !important; }
body.pr .pr-quick a.is-primary:hover { background: var(--pr-night-3); }

.pr-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--pr-paper); border: 1px solid var(--pr-line); border-radius: var(--pr-r); margin-top: 24px; }
.pr-stat { padding: 18px 22px; display: grid; gap: 2px; }
.pr-stat + .pr-stat { border-left: 1px solid var(--pr-line); }
.pr-stat small { font-size: 12px; color: var(--pr-mut); }
.pr-stat b { font-family: var(--pr-serif); font-weight: 500; font-size: 24px; font-variant-numeric: lining-nums tabular-nums; }
.pr-stat em { font-style: normal; font-size: 12px; color: var(--pr-mut-2); }
.pr-in { color: var(--pr-in) !important; }
.pr-out { color: var(--pr-out) !important; }

.pr-chartcard { margin-top: 16px; }
.pr-chartcard .pr-card-head b { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 13.5px; }
.pr-chartwrap { position: relative; height: 240px; }
.pr-legend { display: flex; gap: 16px; font-size: 12.5px; color: var(--pr-mut); }
.pr-legend span { display: inline-flex; align-items: center; gap: 6px; }
.pr-legend i { width: 18px; height: 2px; border-radius: 2px; background: var(--pr-gold); }
.pr-legend i.is-bar { width: 10px; height: 10px; border-radius: 2px; background: #D8D9E6; }

.pr-day { margin-top: 26px; }
.pr-day-head {
  display: flex; align-items: center; gap: 14px;
  font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--pr-mut);
}
.pr-day-head::after { content: ""; flex: 1; height: 1px; background: var(--pr-line); }
.pr-item {
  display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 14px; align-items: center;
  padding: 13px 0; border-bottom: 1px solid var(--pr-line);
}
.pr-item:last-child { border-bottom: 0; }
.pr-item-ic {
  width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--pr-line);
  background: var(--pr-paper); display: grid; place-items: center; color: var(--pr-ink);
}
.pr-item-ic.is-in { color: var(--pr-in); border-color: #CFE5DA; background: var(--pr-in-soft); }
.pr-item-ic .pr-ic { width: 17px; height: 17px; }
.pr-item b { display: block; font-weight: 600; }
.pr-item small { display: block; color: var(--pr-mut); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pr-item-v { text-align: right; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pr-item-v small { font-weight: 400; }
.pr-empty { padding: 28px 0; text-align: center; color: var(--pr-mut); }
.pr-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; font-weight: 600; text-decoration: none; }
.pr-more .pr-ic { width: 16px; height: 16px; transition: transform .3s var(--pr-ease); }
.pr-more:hover .pr-ic { transform: translateX(3px); }

.pr-status {
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
  font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 999px;
}
.pr-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pr-status--ok { color: var(--pr-in); background: var(--pr-in-soft); }
.pr-status--pend { color: var(--pr-info); background: var(--pr-info-soft); }
.pr-status--wait { color: var(--pr-warn); background: var(--pr-warn-soft); }
.pr-status--no { color: var(--pr-out); background: var(--pr-out-soft); }

/* ---------- avisos ---------- */
body.pr .aviso,
.pr-notice {
  display: flex; gap: 12px; align-items: flex-start;
  background: var(--pr-gold-soft) !important; border: 1px solid #EADFC4; border-radius: var(--pr-r);
  color: var(--pr-ink-2); font-size: 13.5px; padding: 14px 18px !important; line-height: 1.55;
}
.pr-notice .pr-ic { color: var(--pr-gold-deep); margin-top: 1px; width: 18px; height: 18px; }
body.pr .detalhe { color: var(--pr-ink-2); }

/* ---------- abas (nav-pills) ---------- */
body.pr .nav-pills {
  display: flex; flex-wrap: wrap; gap: 4px;
  margin: 0 0 16px !important; padding: 5px !important;
  background: var(--pr-paper) !important; border: 1px solid var(--pr-line); border-radius: 12px;
}
body.pr .nav-pills .nav-item { padding: 0 !important; flex: 1 1 0; min-width: 0; max-width: none; width: auto; }
body.pr .nav-pills .nav-item.d-none { display: none !important; }
body.pr .nav-pills .nav-link {
  width: 100%; height: auto; min-height: 44px; padding: 10px 14px;
  border: 0 !important; border-radius: 8px;
  background: transparent !important; color: var(--pr-mut) !important;
  font-weight: 500; font-size: 14px; line-height: 1.3;
  transition: background .25s, color .25s;
}
body.pr .nav-pills .nav-link:hover:not(.active):not(:disabled) { background: var(--pr-porc) !important; color: var(--pr-ink) !important; }
body.pr .nav-pills .nav-link.active { background: var(--pr-night) !important; color: #fff !important; box-shadow: 0 6px 16px -10px rgba(18, 20, 58, .6); }
body.pr .nav-pills .nav-link:disabled { opacity: 1; cursor: default; }
body.pr .nav-pills .nav-link:disabled:not(.active) { color: var(--pr-mut-2) !important; }

/* abas internas: sublinhado em vez de pílula */
body.pr #pills-tab-in,
body.pr #pills-tab-instrucoes {
  background: transparent !important; border: 0; border-bottom: 1px solid var(--pr-line); border-radius: 0;
  padding: 0 !important; gap: 22px; margin: 0 0 20px !important; flex-wrap: wrap;
}
body.pr #pills-tab-in .nav-item,
body.pr #pills-tab-instrucoes .nav-item { flex: 0 0 auto; }
body.pr #pills-tab-in .nav-link,
body.pr #pills-tab-instrucoes .nav-link {
  min-height: 0; padding: 12px 0; border-radius: 0; box-shadow: none;
  border-bottom: 2px solid transparent !important; margin-bottom: -1px;
}
body.pr #pills-tab-in .nav-link.active,
body.pr #pills-tab-instrucoes .nav-link.active {
  background: transparent !important; color: var(--pr-ink) !important; border-bottom-color: var(--pr-gold) !important;
}
body.pr #pills-tab-in .nav-link::before,
body.pr #pills-tab-instrucoes .nav-link::before { display: none; }

/* painel das abas */
body.pr .pr-content > .container > .col-12 > .tab-content,
body.pr .pr-panel {
  background: var(--pr-paper) !important; border: 1px solid var(--pr-line); border-radius: var(--pr-r);
  overflow: hidden;
}
body.pr .tab-content .tab-content { background: transparent !important; border: 0; }
body.pr .footer-tabs { background: var(--pr-paper-2) !important; border-top: 1px solid var(--pr-line); width: 100%; }
body.pr .footer-tabs .row { background: transparent !important; border-radius: 0; align-items: center; }
body.pr .footer-tabs p { margin: 0; color: var(--pr-mut); font-size: 13px; }
body.pr .footer-tabs img[src*="Info"] { width: 16px; margin-right: 6px; vertical-align: -3px; }

/* restos de fundo escuro em style="" */
body.pr [style*="#0F1C29"], body.pr [style*="#0f1c29"],
body.pr [style*="#0f1c2a"], body.pr [style*="#0F1C2A"],
body.pr [style*="rgb(12, 25, 39)"], body.pr [style*="#133659"] {
  background: transparent !important;
}
body.pr .bg-fundo-barra { background: var(--pr-paper) !important; }
body.pr .barra-tabela { background: transparent !important; border-radius: 0; }

/* ---------- formulários ---------- */
body.pr label,
body.pr .form-label {
  position: static !important; display: block;
  background: none !important; color: var(--pr-mut) !important;
  margin: 0 0 6px !important; padding: 0 !important; border-radius: 0;
  font-size: 12.5px; font-weight: 600; line-height: 1.3; letter-spacing: .01em;
}
body.pr .form-check { display: flex; align-items: center; gap: 10px; padding-left: 0; min-height: 0; }
body.pr .form-check .form-check-input { float: none; margin: 0; }
body.pr .form-check label,
body.pr .form-check-label {
  display: inline; margin: 0 !important; font-size: 13.5px; font-weight: 500; color: var(--pr-ink-2) !important;
}
body.pr .form-control,
body.pr .form-select {
  height: 46px; padding: 10px 14px;
  background-color: var(--pr-paper) !important;
  border: 1px solid var(--pr-line-2); border-radius: 8px;
  color: var(--pr-ink) !important; text-align: left !important;
  font-size: 14.5px !important; font-family: var(--pr-sans);
  box-shadow: none; transition: border-color .2s, box-shadow .2s, background-color .2s;
}
body.pr .form-select {
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%236B6F8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m3 6 5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat; background-position: right 14px center; background-size: 14px;
}
body.pr textarea.form-control { height: auto; min-height: 110px; line-height: 1.5; }
body.pr .form-control::placeholder { color: var(--pr-mut-2); opacity: 1; text-align: left !important; }
body.pr .form-control:hover:not(:focus):not([readonly]),
body.pr .form-select:hover:not(:focus) { border-color: #B9BACE; }
body.pr .form-control:focus,
body.pr .form-select:focus {
  border-color: var(--pr-night-3); box-shadow: 0 0 0 4px rgba(201, 169, 107, .22); outline: 0;
}
body.pr .form-control[readonly],
body.pr .form-control:disabled { background-color: var(--pr-paper-2) !important; color: var(--pr-ink-2) !important; }
body.pr .form-control[type=password][maxlength="4"] { letter-spacing: .5em; text-align: center !important; font-size: 22px !important; height: 54px !important; }
body.pr input[type=date]::-webkit-calendar-picker-indicator { background-image: none; opacity: .55; cursor: pointer; }
body.pr .form-check-input,
body.pr input[type=checkbox] { accent-color: var(--pr-night); width: 17px; height: 17px; }
body.pr .form-check-input:checked { background-color: var(--pr-night); border-color: var(--pr-night); }
body.pr .form-check-input:focus { box-shadow: 0 0 0 4px rgba(201, 169, 107, .22); border-color: var(--pr-night-3); }
body.pr .form-floating > label { position: static !important; height: auto; transform: none !important; opacity: 1 !important; border: 0; }
body.pr .form-floating > .form-control,
body.pr .form-floating > .form-select { height: 46px; min-height: 0; padding: 10px 14px; }
body.pr .form-floating > textarea.form-control { height: auto; }
body.pr .form-floating.mb-5 { margin-bottom: 1.25rem !important; }
@media (min-width: 992px) {
  body.pr .tab-content .mb-lg-5,
  body.pr .pr-panel .mb-lg-5 { margin-bottom: 1.4rem !important; }
}
body.pr .copy {
  cursor: pointer; padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A6D35' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 18px !important;
}
body.pr .copy.is-copied { border-color: var(--pr-in); box-shadow: 0 0 0 4px rgba(46, 125, 91, .14); }

/* ---------- botões ---------- */
body.pr .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: auto; min-height: 46px; padding: 10px 22px;
  border-radius: 999px; font-weight: 600; font-size: 14px !important; line-height: 1.2;
  transition: background .25s, color .25s, border-color .25s, box-shadow .25s, transform .2s var(--pr-ease);
}
body.pr .btn:active { transform: translateY(1px); }
body.pr .btn-info,
body.pr .btn-primary,
body.pr .btn-jeto {
  background: var(--pr-night) !important; border: 1px solid var(--pr-night) !important; color: #fff !important;
}
body.pr .btn-info:hover,
body.pr .btn-primary:hover,
body.pr .btn-jeto:hover { background: var(--pr-night-3) !important; border-color: var(--pr-night-3) !important; box-shadow: 0 10px 22px -14px rgba(18, 20, 58, .7); }
body.pr .btn-info:disabled { opacity: .45; }
body.pr .btn svg path[fill="white"] { fill: currentColor; }
body.pr .btn svg path[stroke="white"] { stroke: currentColor; }
body.pr .btn-outline-light,
body.pr .btn-retangulo,
body.pr .pr-btn-ghost {
  background: transparent !important; border: 1px solid var(--pr-line-2) !important; color: var(--pr-ink) !important;
  border-radius: 999px !important;
}
body.pr .btn-outline-light:hover,
body.pr .btn-retangulo:hover,
body.pr .pr-btn-ghost:hover { border-color: var(--pr-ink) !important; background: var(--pr-paper) !important; }
body.pr .btn-close { opacity: .5; }
body.pr .btn-close:hover { opacity: 1; }

/* ---------- tabelas ---------- */
body.pr .table-responsive {
  background: var(--pr-paper) !important; border: 1px solid var(--pr-line); border-radius: var(--pr-r) !important;
}
body.pr .table-responsive::-webkit-scrollbar-thumb { background-color: #CACBDA; }
body.pr .table-responsive::-webkit-scrollbar-track { background-color: var(--pr-paper-2); }
body.pr .table {
  --bs-table-bg: transparent; --bs-table-striped-bg: #FAFAFD; --bs-table-hover-bg: #F6F6FA;
  margin: 0; border-radius: 0; overflow: visible; font-size: 13.5px; color: var(--pr-ink);
}
body.pr .table thead tr th,
body.pr .table > thead {
  background: var(--pr-paper-2) !important; color: var(--pr-mut) !important;
  font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
  border: 0; border-bottom: 1px solid var(--pr-line) !important; padding: 12px 14px; white-space: nowrap;
}
body.pr .table tbody tr td,
body.pr .table tbody tr th {
  background: transparent !important; color: var(--pr-ink) !important;
  border-color: var(--pr-line) !important; padding: 13px 14px; vertical-align: middle;
}
body.pr .table tbody tr:last-child td { border-bottom: 0; }
body.pr .table tbody tr { transition: background .15s; }
body.pr .table tbody tr:hover { background: #F8F8FB; }
body.pr .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-bg-type: #FBFBFD; box-shadow: none; }
body.pr .table tbody tr td a { color: var(--pr-night-3) !important; }
body.pr .table tbody tr td a:hover { color: var(--pr-gold-deep) !important; }
body.pr .table td img { vertical-align: middle; }
body.pr .table td.pr-num,
body.pr .table td.tdVlrSacar,
body.pr .table td.tdVlrPagar { white-space: nowrap; }
body.pr #frm-operacoes .table td { min-width: 96px; }
body.pr .table .form-control { height: 40px; }
body.pr .label-success,
body.pr .label-danger {
  display: inline-grid; place-items: center; min-width: 26px; height: 22px; padding: 0 8px;
  border-radius: 999px; font-size: 11.5px; font-weight: 700;
}
body.pr .label-success { background: var(--pr-in-soft); color: var(--pr-in); }
body.pr .label-danger { background: var(--pr-out-soft); color: var(--pr-out); }
body.pr .textoNenhum { color: var(--pr-mut) !important; padding: 28px !important; }
body.pr .rtBoletos .dropbtn { display: none; }
body.pr .rtBoletos .dropdown-content { display: inline-flex; gap: 10px; align-items: center; }
body.pr .rtBoletos .dropdown-content img { width: 22px; cursor: pointer; transition: transform .2s; }
body.pr .rtBoletos .dropdown-content img:hover { transform: scale(1.12); }

/* DataTables (favoritos) */
body.pr .dt-container { padding: 16px 18px 6px; }
body.pr .dt-search { display: flex; align-items: center; gap: 10px; justify-content: flex-end; margin-bottom: 8px; }
body.pr .dt-search label { display: inline !important; margin: 0 !important; }
body.pr .dt-search input { height: 40px; border: 1px solid var(--pr-line-2); border-radius: 999px; padding: 6px 16px; }
body.pr .dt-layout-row { margin: 0 !important; }

/* ícones antigos brancos → tinta */
body.pr .pr-content img[src*="/icon/"]:not([src*="CheckCircle"]):not([src*="print.png"]),
body.pr .modal img[src*="/icon/"]:not([src*="CheckCircle"]) {
  filter: brightness(0) saturate(0); opacity: .72;
}
body.pr .pr-content img[src*="trash.svg"] { opacity: .55; }
body.pr .pr-content img.btnFavoritos,
body.pr .pr-content img.deletarConta,
body.pr .pr-content img.btnInfo,
body.pr .pr-content img.btnAlterarOperador { transition: transform .2s, opacity .2s; cursor: pointer; }
body.pr .pr-content img.deletarConta:hover { opacity: 1; }
body.pr .pr-content img.btnFavoritos:hover,
body.pr .pr-content img.btnInfo:hover,
body.pr .pr-content img.btnAlterarOperador:hover { transform: scale(1.12); }

/* painéis internos antigos */
body.pr .pagador { border: 1px solid var(--pr-line) !important; border-radius: var(--pr-r) !important; overflow: hidden; }
body.pr .pagador .top-pagador { border-bottom: 1px solid var(--pr-line) !important; background: var(--pr-paper-2); }
body.pr .pagador .top-pagador h4 { display: flex; align-items: center; gap: 10px; font-size: 15px; }
body.pr .jumbotron {
  background: var(--pr-porc) !important; border: 1px solid var(--pr-line); border-radius: var(--pr-r) !important;
  padding: 22px !important; color: var(--pr-ink) !important;
}
body.pr .jumbotron h2 { font-size: 20px !important; margin-bottom: 8px; }
body.pr .jumbotron b { color: var(--pr-ink); }

/* upload de arquivo (Cobranças) */
body.pr #dragandrophandler,
body.pr #dragandrophandler2 {
  width: min(520px, 100%) !important; margin: 0 auto !important; padding: 36px 28px !important;
  border: 1.5px dashed var(--pr-line-2) !important; border-radius: var(--pr-r-l) !important;
  background: var(--pr-porc); color: var(--pr-ink) !important; text-align: center;
  transition: border-color .25s, background .25s;
}
body.pr #dragandrophandler:hover,
body.pr #dragandrophandler2:hover { border-color: var(--pr-gold) !important; background: var(--pr-gold-soft); }
body.pr #dragandrophandler label,
body.pr #dragandrophandler2 label {
  display: inline !important; float: none !important; color: var(--pr-night-3) !important;
  font-size: 15px !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
body.pr #dragandrophandler form,
body.pr #dragandrophandler2 form { display: inline; }
body.pr #dragandrophandler p,
body.pr #dragandrophandler2 p { margin: 0 0 4px; }
body.pr .statusbar { width: min(520px, 100%) !important; margin: 18px auto !important; font-size: 13px; }
body.pr .progressBar { border-color: var(--pr-line) !important; }
body.pr .progressBar div { background-color: var(--pr-gold) !important; }
body.pr .abort { background: var(--pr-out) !important; font-family: var(--pr-sans) !important; border-radius: 999px !important; }
body.pr .pr-upload-intro { display: flex; gap: 16px; align-items: flex-start; padding: 26px 28px 0; }
body.pr .pr-upload-intro h3 { font-size: 20px; margin: 0 0 6px; }
body.pr .pr-upload-intro p { color: var(--pr-mut); font-size: 13.5px; margin: 0 0 8px; max-width: 80ch; }
body.pr .pr-upload-intro .pr-ic { width: 36px; height: 36px; padding: 8px; border-radius: 50%; background: var(--pr-gold-soft); color: var(--pr-gold-deep); flex: none; }

/* tabelas dentro do painel das abas: sem borda dupla */
body.pr .tab-content .table-responsive {
  border: 0; border-top: 1px solid var(--pr-line); border-radius: 0 !important; margin-top: 0 !important;
}
body.pr .tab-content > .tab-pane > .table,
body.pr .tab-content .dt-container .table { border-top: 1px solid var(--pr-line); }

/* Cobranças */
body.pr #pills-emitir-boleto .row.px-0.mx-0.pt-5 { padding: 24px !important; margin: 0 !important; --bs-gutter-x: 1.25rem; }
body.pr #pills-emitir-boleto .pagador .row.px-4.pt-5 { padding-top: 20px !important; }
body.pr #pills-home > .row.px-3 { padding: 24px 24px 8px !important; }
body.pr #pills-home .row.mt-3 { margin-top: 0 !important; }
body.pr #pills-home .table-responsive.mt-5 { margin-top: 12px !important; }
body.pr #pills-retorno .table-responsive { padding-top: 18px; }
body.pr #pills-retorno .table-responsive > a { display: inline-block; margin: 0 20px 10px; }
body.pr .pr-hint { margin: 0 20px 14px; color: var(--pr-mut); font-size: 13px; }
body.pr .tab-content a[style*="color:white"],
body.pr .tab-content a[style*="color: white"] { color: var(--pr-night-3) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.pr .tab-content .col-12.mt-5.pe-5.ps-6 p { color: var(--pr-mut); font-size: 13px !important; max-width: 90ch; }
body.pr #pills-envio-planilha > div,
body.pr #pills-envio-cnab > div { padding-bottom: 28px; }
body.pr #status1, body.pr #status2 { padding-bottom: 0 !important; }
body.pr #frm-boleto-planilha { padding: 0 20px; }
body.pr #frm-boleto-planilha .table { border: 1px solid var(--pr-line); border-radius: var(--pr-r); overflow: hidden; }
body.pr .form-switch { gap: 10px; }
body.pr #salvarContato { flex: none; }

/* notificações */
.pr-inbox { display: grid; }
body.pr .pr-inbox a {
  display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 14px; align-items: center;
  padding: 16px 22px; border-bottom: 1px solid var(--pr-line); color: var(--pr-ink) !important; text-decoration: none;
  transition: background .2s;
}
body.pr .pr-inbox a:last-child { border-bottom: 0; }
body.pr .pr-inbox a:hover { background: var(--pr-paper-2); }
.pr-inbox i { width: 8px; height: 8px; border-radius: 50%; background: var(--pr-gold); }
.pr-inbox b { display: block; font-weight: 600; }
.pr-inbox small { display: block; color: var(--pr-mut); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pr-inbox time { font-size: 12.5px; color: var(--pr-mut); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pr-letter { padding: 34px 38px; }
body.pr .pr-letter h2 { font-size: 30px; margin: 0 0 16px; }
.pr-letter p { color: var(--pr-ink-2); max-width: 70ch; }
.pr-back { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-decoration: none; margin-bottom: 18px; }
.pr-back .pr-ic { width: 16px; height: 16px; }

/* ---------- modais ---------- */
body.pr .modal-backdrop.show { opacity: 1; background: rgba(18, 20, 58, .42); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
body.pr .modal-content {
  background: var(--pr-paper) !important; color: var(--pr-ink) !important;
  border: 0; border-radius: var(--pr-r-l); box-shadow: 0 40px 80px -30px rgba(18, 20, 58, .45);
  font-family: var(--pr-sans) !important;
}
body.pr .modal.fade .modal-dialog { transform: translateY(14px) scale(.98); transition: transform .35s var(--pr-ease); }
body.pr .modal.show .modal-dialog { transform: none; }
body.pr .modal-header { border: 0 !important; padding: 22px 24px 4px; align-items: center; }
body.pr .modal-title,
body.pr .modal-header h4,
body.pr .modal-header h5 { font-family: var(--pr-serif); font-weight: 500; font-size: 22px; color: var(--pr-ink) !important; margin: 0; }
body.pr .modal-body { padding: 16px 24px 20px; color: var(--pr-ink-2) !important; }
body.pr .modal-body p { color: var(--pr-ink-2) !important; margin: 0 0 6px; }
body.pr .modal-body h3 { font-size: 24px !important; color: var(--pr-ink) !important; }
body.pr .modal-footer {
  border-top: 1px solid var(--pr-line) !important; padding: 14px 24px 18px;
  display: flex; flex-wrap: nowrap; gap: 10px; justify-content: flex-end;
}
body.pr .modal-footer > * { margin: 0; }
body.pr .modal-footer .btn.w-100,
body.pr .modal-footer .btn.w-50 { flex: 1 1 0; width: auto !important; }
body.pr #JetoError .modal-header img,
body.pr #JetoError .modal-body > .text-center:first-child { display: none; }
body.pr #JetoError .modal-header { justify-content: center; padding-top: 26px; }
body.pr #JetoError .modal-header::before {
  content: ""; width: 48px; height: 48px; border-radius: 50%;
  background: var(--pr-gold-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A6D35' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E") center / 24px no-repeat;
}
body.pr #JetoError .modal-body { text-align: center; line-height: 1.6; }
body.pr #JetoError .modal-footer { justify-content: center; }
body.pr .modal-body > .text-center > img[src*="/icon/"] { width: 44px; }
body.pr #divErros, body.pr #divErrosJeto { color: var(--pr-out) !important; padding: 0 24px; }
body.pr #divSeguranca .jumbotron, body.pr #divSegurancaJeto .jumbotron { margin: 0 24px 16px; }
body.pr #DetalheBoletoModal .modal-body p { margin-bottom: 8px; }
body.pr #DetalheBoletoModal .modal-body p b { display: block; font-size: 11.5px; font-weight: 600; color: var(--pr-mut); letter-spacing: .04em; }
body.pr #DetalheBoletoModal .modal-body span[id^="det-"] { color: var(--pr-ink); font-weight: 500; }
body.pr #DetalheBoletoModal .nav-pills { margin: 0 24px 8px !important; }

body.pr .tooltip { --bs-tooltip-bg: var(--pr-night); --bs-tooltip-color: #fff; font-family: var(--pr-sans); }

/* ---------- carregando ---------- */
body.pr .overlayFundo {
  background: rgba(245, 245, 249, .72) !important; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
  background-image: none !important; z-index: 2000;
}
body.pr .overlayFundo::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; margin: -21px 0 0 -21px;
  border-radius: 50%; border: 2px solid var(--pr-line-2); border-top-color: var(--pr-gold);
  animation: pr-spin .8s linear infinite;
}
@keyframes pr-spin { to { transform: rotate(360deg); } }

/* ---------- login ---------- */
body.pr-login-body { min-height: 100vh; }
.pr-login { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); min-height: 100vh; }
.pr-login-art {
  position: relative; overflow: hidden; color: #ECEBF5; padding: 48px 56px;
  display: flex; flex-direction: column; justify-content: space-between; gap: 40px;
  background:
    radial-gradient(90% 60% at 0% 0%, #262A6E 0%, rgba(38, 42, 110, 0) 60%),
    radial-gradient(70% 50% at 100% 100%, rgba(201, 169, 107, .16), rgba(201, 169, 107, 0) 60%),
    var(--pr-night);
}
.pr-login-art::after {
  content: ""; position: absolute; right: -180px; top: -120px; width: 560px; height: 560px; border-radius: 50%;
  background: repeating-radial-gradient(circle, rgba(201, 169, 107, .09) 0 1px, transparent 1px 12px);
  pointer-events: none;
}
body.pr .pr-login-art h2 {
  color: #fff !important; font-size: clamp(34px, 3.6vw, 52px); line-height: 1.05; margin: 0 0 16px; max-width: 14ch;
}
body.pr .pr-login-art h2 em { color: var(--pr-gold); }
.pr-login-art p { color: #A9ACCF; max-width: 44ch; margin: 0; }
.pr-card3d { perspective: 1000px; position: relative; z-index: 1; }
.pr-plastic {
  position: relative; width: min(380px, 100%); aspect-ratio: 1.586; border-radius: 18px; padding: 22px 24px; overflow: hidden;
  color: #F1ECE0; border: 1px solid rgba(201, 169, 107, .35); box-shadow: 0 40px 60px -28px rgba(0, 0, 0, .7);
  background:
    repeating-radial-gradient(circle at 110% -10%, rgba(201, 169, 107, .13) 0 1px, transparent 1px 9px),
    linear-gradient(135deg, #2A2E72, #0B0C26);
  transform: rotateX(var(--rx, 3deg)) rotateY(var(--ry, -5deg));
  transition: transform .6s var(--pr-ease);
}
.pr-plastic.is-live { transition: transform .08s linear; }
.pr-chip { width: 42px; height: 30px; border-radius: 6px; background: linear-gradient(135deg, #E7CD92, #A8813E); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); }
.pr-plastic-brand { position: absolute; top: 20px; right: 22px; font-family: var(--pr-serif); font-style: italic; font-size: 19px; }
.pr-plastic-num { position: absolute; left: 24px; bottom: 44px; letter-spacing: .16em; font-size: 16px; font-variant-numeric: tabular-nums; }
.pr-plastic-name { position: absolute; left: 24px; bottom: 20px; font-size: 10px; letter-spacing: .22em; color: #C9C3B0; }
.pr-login-legal { font-size: 12px; color: #7F82AB; position: relative; z-index: 1; }

.pr-login-form { display: grid; place-items: center; padding: 48px 32px; background: var(--pr-porc); }
.pr-login-box { width: min(420px, 100%); }
body.pr .pr-login-box h1 { font-size: 40px; margin: 0 0 6px; }
body.pr .pr-login-box h1 em { color: var(--pr-gold-deep); }
.pr-login-box .pr-sub { margin-bottom: 30px !important; }
.pr-field { margin-bottom: 18px; }
.pr-login-box .btn { width: 100%; min-height: 50px; font-size: 15px !important; letter-spacing: .02em; }
.pr-login-links { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; font-size: 13.5px; }
.pr-login-links a { font-weight: 600; text-decoration: none; }
.pr-secure { display: flex; align-items: center; gap: 8px; margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--pr-line); font-size: 12.5px; color: var(--pr-mut); }
.pr-secure .pr-ic { width: 16px; height: 16px; color: var(--pr-gold-deep); }
body.pr .g-recaptcha { margin: 4px 0 20px; }
body.pr .selecione-conta { margin: 10px 0 !important; }
body.pr .selecione-conta a {
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 18px !important; border: 1px solid var(--pr-line-2) !important; border-radius: var(--pr-r) !important;
  background: var(--pr-paper) !important; color: var(--pr-ink) !important;
  font-size: 14.5px !important; font-weight: 600 !important; text-decoration: none;
  transition: border-color .2s, box-shadow .2s, transform .2s var(--pr-ease);
}
body.pr .selecione-conta a::after { content: "→"; color: var(--pr-gold-deep); transition: transform .3s var(--pr-ease); }
body.pr .selecione-conta a:hover { border-color: var(--pr-night-3) !important; box-shadow: var(--pr-shadow); transform: translateY(-1px); color: var(--pr-ink) !important; }
body.pr .selecione-conta a:hover::after { transform: translateX(4px); }
body.pr #passo2 h1 { font-size: 32px !important; color: var(--pr-ink) !important; }
body.pr .swal2-popup.swal2-toast { font-family: var(--pr-sans); border-radius: 12px; }

/* ---------- responsivo ---------- */
@media (max-width: 1199.98px) {
  .pr-content { padding: 10px 28px 36px; }
  .pr-top { padding: 18px 28px 0; }
}

@media (max-width: 991.98px) {
  body.pr { font-size: 15px; }
  body.pr p { font-size: 15px; }
  .pr-app { grid-template-columns: minmax(0, 1fr); }
  .pr-side {
    position: fixed; left: 0; top: 0; bottom: 0; width: min(var(--pr-side-w), 86vw); height: auto;
    transform: translateX(-102%); visibility: hidden;
    transition: transform .4s var(--pr-ease), visibility 0s linear .4s;
  }
  body.pr-nav-open .pr-side {
    transform: none; visibility: visible; box-shadow: 30px 0 60px -30px rgba(0, 0, 0, .5);
    transition: transform .4s var(--pr-ease), visibility 0s;
  }
  .pr-scrim {
    display: block; position: fixed; inset: 0; z-index: 1039; background: rgba(18, 20, 58, .45);
    opacity: 0; pointer-events: none; transition: opacity .3s;
  }
  body.pr-nav-open .pr-scrim { opacity: 1; pointer-events: auto; }
  body.pr-nav-open { overflow: hidden; }
  .pr-top {
    position: sticky; top: 0; z-index: 1030; padding: 10px 16px;
    background: rgba(245, 245, 249, .88); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--pr-line);
  }
  .pr-burger {
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px;
    border: 1px solid var(--pr-line-2); background: var(--pr-paper); color: var(--pr-ink); cursor: pointer;
  }
  .pr-top-date { display: none; }
  body.pr .pr-top-brand {
    display: flex; align-items: baseline; gap: 8px; margin-right: auto; margin-left: 12px;
    font-family: var(--pr-serif); font-size: 21px; color: var(--pr-ink) !important; text-decoration: none;
  }
  .pr-top-brand small { font-family: var(--pr-sans); font-size: 8.5px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: var(--pr-gold-deep); }
  body.pr .pr-exit { display: none; }
  .pr-content { padding: 6px 16px 32px; }
  body.pr .pr-title { font-size: 34px; }
  .pr-head { margin: 16px 0 20px; }
  .pr-stats { grid-template-columns: 1fr; }
  .pr-stat + .pr-stat { border-left: 0; border-top: 1px solid var(--pr-line); }
  .pr-quick { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; margin-inline: -16px; padding-inline: 16px; scrollbar-width: none; }
  body.pr .pr-quick a { white-space: nowrap; }
  body.pr .nav-pills .nav-item { flex: 1 1 100%; }
  body.pr .modal-footer { flex-wrap: wrap; }
  .pr-login { grid-template-columns: 1fr; }
  .pr-login-art { padding: 28px 22px; gap: 22px; }
  .pr-login-art .pr-card3d, .pr-login-art p { display: none; }
  body.pr .pr-login-art h2 { font-size: 30px; margin: 0; }
  .pr-login-form { padding: 32px 20px 40px; align-items: start; }
}

@media (max-width: 575.98px) {
  .pr-letter { padding: 24px 20px; }
  body.pr .pr-inbox a { grid-template-columns: 10px minmax(0, 1fr); }
  body.pr .pr-inbox time { grid-column: 2; }
  .pr-item { grid-template-columns: 36px minmax(0, 1fr); }
  .pr-item-v { grid-column: 2; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  body.pr *, body.pr *::before, body.pr *::after { transition: none !important; animation: none !important; }
}

@media print {
  .pr-side, .pr-top, .pr-foot, .pr-quick { display: none !important; }
  .pr-app { display: block; }
  .pr-content { padding: 0; }
}