/* Portaria: page-only styles, every selector under .p-portaria */
.p-portaria .pt-stage { display: flex; gap: 28px; align-items: flex-start; padding: 48px 0 0 56px; }
.p-portaria .b-phone { flex: none; background: #fff; }
.p-portaria .pt-side { display: grid; gap: 14px; width: 300px; margin-top: 28px; }
.p-portaria .pt-card { background: #fff; border: 1px solid var(--site-line); border-radius: 12px; overflow: hidden; }
.p-portaria .pt-card-h { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--site-line); font: 600 14px/20px var(--f-sans); }
.p-portaria .pt-gate { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; padding: 10px 16px; border-bottom: 1px solid var(--site-line); font: 500 13px/18px var(--f-sans); }
.p-portaria .pt-gate:last-child { border-bottom: 0; }
.p-portaria .pt-gate b { font: 600 13px/18px var(--f-mono); font-variant-numeric: tabular-nums; }
.p-portaria .pt-gate .vd-meter, .p-portaria .pt-meter { grid-column: 1 / -1; height: 4px; border-radius: 2px; background: var(--site-line); overflow: hidden; }
.p-portaria .pt-meter i { display: block; height: 100%; background: var(--door-ok); }
.p-portaria .pt-big { padding: 14px 16px; display: flex; align-items: baseline; justify-content: space-between; }
.p-portaria .pt-big b { font: 600 32px/36px var(--f-display); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }

/* verdict pair */
.p-portaria .pt-pair { display: flex; gap: 24px; padding: 44px 0 0 44px; }
.p-portaria .pt-pair .b-phone { width: 216px; }
.p-portaria .pt-pair .b-door { min-height: 400px; }
.p-portaria .b-door.is-used { background: #FCE3D2; color: #5A2105; }
.p-portaria .b-door.is-used .b-door-foot { border-top-color: rgba(90,33,5,.25); }
.p-portaria .pt-why { font: 400 13px/18px var(--f-sans); margin-top: 6px; }

/* settings */
.p-portaria .pt-set-h { padding: 14px 16px 8px; font: 400 11px/16px var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--site-ink-3); }
.p-portaria .pt-rule { right: 24px; bottom: 44px; width: 290px; padding: 16px; display: grid; gap: 10px; }
.p-portaria .pt-seg { display: flex; border: 1px solid var(--site-line-strong); border-radius: 8px; overflow: hidden; font: 500 12px/16px var(--f-sans); }
.p-portaria .pt-seg span { flex: 1; text-align: center; padding: 7px 4px; color: var(--site-ink-2); }
.p-portaria .pt-seg span + span { border-left: 1px solid var(--site-line-strong); }
.p-portaria .pt-seg span.on { background: var(--site-ink); color: #fff; }

/* refusal */
.p-portaria .pt-ref { display: flex; gap: 28px; padding: 44px 0 0 56px; align-items: flex-start; }
.p-portaria .pt-scr { border-radius: 28px; background: #fff; border: 1px solid var(--site-line); min-height: 420px; padding: 16px 14px; display: grid; gap: 10px; align-content: start; }
.p-portaria .pt-who { border: 1px solid var(--site-line); border-radius: 14px; padding: 12px; }
.p-portaria .pt-who b { display: block; font: 600 18px/22px var(--f-display); }
.p-portaria .pt-who span { font: 400 12px/16px var(--f-sans); color: var(--site-ink-2); }
.p-portaria .pt-who .pp-mono { display: block; margin-top: 8px; }
.p-portaria .pt-reason { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--site-line); border-radius: 10px; font: 500 13px/18px var(--f-sans); }
.p-portaria .pt-reason.on { border-color: var(--site-ink); box-shadow: inset 0 0 0 1px var(--site-ink); }
.p-portaria .pt-radio { width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--site-control); flex: none; }
.p-portaria .pt-reason.on .pt-radio { border: 4.5px solid var(--site-ink); }
.p-portaria .pt-no { height: 40px; border-radius: 10px; background: var(--warning); color: #fff; font: 500 14px/40px var(--f-sans); text-align: center; }
.p-portaria .pt-undo { width: 300px; margin-top: 70px; }
.p-portaria .pt-undo .pp-row { padding: 12px 16px; }

/* offline */
.p-portaria .pt-off .b-door { transition: background-color .3s var(--ease); }
.p-portaria .pt-off .pt-q { width: 300px; margin-top: 40px; }
.p-portaria .pt-off .pt-sync { display: none; }
.p-portaria .pt-off[data-state="off"] .pt-sync.is-off,
.p-portaria .pt-off[data-state="on"] .pt-sync.is-on { display: flex; }
.p-portaria .pt-off[data-state="on"] .b-door-off { display: none; }
.p-portaria .pt-sync { align-items: center; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--site-line); font: 500 13px/18px var(--f-sans); }
.p-portaria .pt-off[data-state="on"] .pt-q .pp-pill.warn { background: var(--success-wash); color: var(--success); }
.p-portaria .pt-off[data-state="on"] .pt-q .pp-pill.warn::after { content: " · enviada"; }

@container site (max-width: 1023px) {
  .p-portaria .pt-stage, .p-portaria .pt-ref { padding-left: 32px; }
}
@container site (max-width: 719px) {
  .p-portaria .pt-stage, .p-portaria .pt-ref { padding: 36px 0 0; justify-content: center; }
  .p-portaria .pt-stage .b-phone, .p-portaria .pt-ref .b-phone { width: 220px; }
  .p-portaria .pt-side, .p-portaria .pt-undo, .p-portaria .pt-off .pt-q { display: none; }
  .p-portaria .pt-pair { padding: 36px 12px 0; gap: 10px; justify-content: center; }
  .p-portaria .pt-pair .b-phone { width: 158px; border-radius: 28px; padding: 6px; }
  .p-portaria .pt-pair .b-door { min-height: 300px; border-radius: 22px; padding: 14px 12px; }
  .p-portaria .pt-pair .b-door-v { font-size: 22px; line-height: 26px; }
  .p-portaria .pt-pair .b-door-mid svg { width: 40px; height: 40px; }
  .p-portaria .pt-pair .b-door-n { font-size: 15px; }
  .p-portaria .pt-pair .pt-why, .p-portaria .pt-pair .b-door-t { font-size: 12px; line-height: 16px; }
  .p-portaria .pt-pair .b-door-top { font-size: 9px; }
  .p-portaria .pt-pair .b-door-foot { font-size: 9px; }
  .p-portaria .pt-rule { right: 10px; bottom: 20px; width: 250px; }
}