/* Perfis, Nova OS e quadro do fluxo */
.nav-item[hidden], .nav-group-label[hidden] { display: none !important; }
.nav-new-os { background: rgba(115,122,50,.22); }
.pp-heading-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.pp-toggle { display: inline-flex; background: #ecebe3; border-radius: 10px; padding: 3px; }
.pp-toggle button { border: 0; background: transparent; padding: 7px 14px; border-radius: 8px; font-size: 12px; font-weight: 600; color: #666; cursor: pointer; }
.pp-toggle button.active { background: #fff; color: #292b2c; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
#view-orders[data-mode="board"] #ordersList { display: none; }
#view-orders[data-mode="list"] .pp-board { display: none; }
.pp-board { display: grid; grid-template-columns: repeat(3, minmax(250px, 1fr)); gap: 14px; align-items: start; margin-top: 14px; }
.pp-col { background: #efeee7; border-radius: 14px; padding: 12px; min-height: 160px; }
.pp-col > header { display: flex; justify-content: space-between; align-items: flex-start; padding: 2px 4px 10px; }
.pp-col h3 { font-size: 14px; margin: 0; }
.pp-col > header small { color: #777; font-size: 11px; }
.pp-col > header b { background: #fff; border-radius: 999px; min-width: 28px; text-align: center; padding: 4px 8px; font-size: 12px; }
.pp-col[data-col="doing"] > header b { background: #eef0df; color: #4f5724; }
.pp-col[data-col="ready"] > header b { background: #e3f2e9; color: #27735b; }
.pp-col-body { display: grid; gap: 10px; }
.pp-col-empty { color: #888; font-size: 12px; text-align: center; padding: 22px 6px; margin: 0; }
.pp-card { background: #fff; border-radius: 12px; padding: 12px 13px; box-shadow: 0 1px 2px rgba(0,0,0,.08); cursor: pointer; border-left: 4px solid transparent; display: grid; gap: 6px; }
.pp-card:hover, .pp-card:focus-visible { box-shadow: 0 4px 14px rgba(0,0,0,.14); outline: none; }
.pp-card:focus-visible { outline: 2px solid #737a32; }
.pp-card.is-late { border-left-color: #c0463a; }
.pp-card-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 12px; }
.pp-customer { font-weight: 700; font-size: 14px; }
.pp-piece { color: #666; font-size: 12px; }
.pp-meta { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: #777; flex-wrap: wrap; }
.pp-unassigned { color: #a96842; }
.pp-money { font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 999px; }
.pp-money.paid { background: #e3f2e9; color: #27735b; }
.pp-money.open { background: #fff1db; color: #9a5b00; }
.pp-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.pp-tag { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 999px; background: #ecebe3; color: #555; }
.pp-tag.late { background: #fbe3df; color: #a8352a; }
.pp-tag.today { background: #fff1db; color: #9a5b00; }
.pp-quick { margin-top: 4px; border: 1px solid #737a32; background: #fff; color: #4f5724; border-radius: 8px; padding: 8px 10px; font-weight: 700; font-size: 12px; cursor: pointer; }
.pp-quick:hover { background: #737a32; color: #fff; }
.pp-next { font-size: 11px; color: #27735b; font-weight: 700; }
.pp-empty { grid-column: 1 / -1; text-align: center; background: #fff; border: 2px dashed #d9d8cd; border-radius: 16px; padding: 46px 20px; }
.pp-empty strong { font-size: 18px; display: block; margin-bottom: 6px; }
.pp-empty p { color: #777; margin: 0 0 16px; }
/* costureira não vê valores nem documentos fiscais */
body[data-role="costureira"] .payment-card, body[data-role="costureira"] .documents-card, body[data-role="costureira"] .order-finance, body[data-role="costureira"] .mini-tags i:last-child { display: none !important; }
/* atendimento: cancelar OS, devolver dinheiro e dar desconto ficam com gerente/administrador (o servidor também barra o cancelamento) */
body[data-role="atendimento"] .pp-cancel-os, body[data-role="atendimento"] .discount-control { display: none !important; }
@media (max-width: 900px) { .pp-board { grid-template-columns: 1fr; } }