/* Staff side of the customer portal (portal-staff.js, docs/PORTAL.md): the Requests page, the Needs attention card and the Customer portal panel on a customer's page. Uses the app's variables. */
.pt-page .bar{margin:0 0 12px}
.pt-req{border:1px solid var(--bd);border-radius:var(--r);background:var(--sf);padding:12px 14px;margin:0 0 10px;max-width:900px}
.pt-req header{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.pt-st{margin-left:auto;font:600 11px var(--mono);letter-spacing:.08em}
.pt-sum{margin:6px 0;font-weight:600}
.pt-kv{display:grid;grid-template-columns:max-content 1fr;gap:2px 14px;margin:0 0 6px;font-size:13px}
.pt-kv dt{color:var(--ink3);text-transform:capitalize} .pt-kv dd{margin:0;overflow-wrap:anywhere}
.pt-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 0}
.pt-acts input[type=text]{flex:1 1 200px;min-width:140px}
.pt-card,.pt-panel{border:1px solid var(--bd);border-radius:var(--r);background:var(--sf);padding:12px 14px;margin:0 0 14px;max-width:900px}
.pt-panel .sh{display:flex;justify-content:space-between;align-items:baseline}
.pt-form{display:grid;gap:10px;margin:10px 0}
.pt-form label{display:grid;gap:4px;font-size:13px;color:var(--ink2)}
.pt-form fieldset{border:1px solid var(--bd);border-radius:var(--r);padding:8px 10px;display:flex;gap:6px 18px;flex-wrap:wrap}
.pt-form legend{font:600 11px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:0 4px}
.pt-chk{display:flex !important;gap:8px;align-items:center}
.pt-t{width:100%;border-collapse:collapse;font-size:13px}
.pt-t th,.pt-t td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--bd);vertical-align:top}
.pt-row-acts{white-space:nowrap}
.pt-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.pt-add input[type=email],.pt-add input[type=text]{flex:1 1 160px;min-width:120px}