/* PABX Prime 2.0 — Lembretes Premium V4.1 — estilos escopados */
.pbl4-root{color:#152c4d;max-width:100%;padding:4px 0 32px;font-family:inherit}
.pbl4-root *, .pbl4-root *::before,.pbl4-root *::after{box-sizing:border-box}
.pbl4-root button,.pbl4-root input,.pbl4-root textarea,.pbl4-root select{font:inherit}
.pbl4-root button{cursor:pointer}
.pbl4-root button:disabled{opacity:.5;cursor:wait}
.pbl4-root button:focus-visible,.pbl4-root input:focus-visible,.pbl4-root select:focus-visible,.pbl4-root textarea:focus-visible,.pbl4-item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.pbl4-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.pbl4-head h2{font-size:23px;line-height:1.25;margin:0 0 5px;font-weight:760}
.pbl4-head p{color:#7184a0;font-size:12px;margin:0}
.pbl4-primary{border:1px solid #2563eb;border-radius:9px;background:#2563eb;color:white;padding:10px 16px;font-weight:700;font-size:13px;white-space:nowrap}
.pbl4-primary:hover{background:#1e54cf}
.pbl4-secondary{border:1px solid #d9e3f0;border-radius:8px;background:#fff;color:#526782;padding:8px 11px;font-size:12px}
.pbl4-secondary:hover{background:#f6f8fc}
.pbl4-feedback{padding:12px;border-radius:8px;background:#f0f6ff;color:#285cb7;margin:10px 0}
.pbl4-feedback[data-error=true]{background:#fff7f7;color:#9e3440}
.pbl4-feedback[hidden],.pbl4-notice[hidden]{display:none!important}
.pbl4-panel{background:#fff;border:1px solid #d9e3f0;border-radius:12px;overflow:hidden;box-shadow:0 3px 13px rgba(28,61,98,.035)}
.pbl4-type-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 15px;border-bottom:1px solid #e6ecf4}
.pbl4-type-nav button{display:inline-flex;gap:10px;align-items:center;border:1px solid transparent;border-radius:10px;padding:10px 16px;color:#385172;background:#fff;font-size:15px;font-weight:800;letter-spacing:-.01em;min-height:43px}
.pbl4-type-nav button:hover{background:#f5f7fb}
.pbl4-type-nav button.selected{background:#eef3ff;border-color:#cddcf8;color:#244ca8}
.pbl4-type-nav button span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:1px solid #dfe7f0;background:#fff;border-radius:7px;color:#5f7390;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.pbl4-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:9px 14px}
.pbl4-status-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.pbl4-status-filters button{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid transparent;color:#6b7f9a;font-size:12px;padding:7px 10px;min-height:35px;border-radius:7px;white-space:nowrap}
.pbl4-status-filters button:hover{background:#f6f8fc}
.pbl4-status-filters button.selected{background:#f1f5fb;border-color:#dde7f3;color:#304c73;font-weight:700}
.pbl4-status-filters span{min-width:21px;height:20px;padding:0 5px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #e3e9f1;background:#f8fafc;color:#667d9a;border-radius:6px;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}
.pbl4-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pbl4-tools input,.pbl4-tools select{height:37px;border:1px solid #d7e2f0;border-radius:8px;background:#fff;color:#405a7a;padding:0 12px;font-size:12px}
.pbl4-tools input{min-width:180px;width:min(310px,29vw)}
.pbl4-tools select{max-width:160px}
.pbl4-list-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 2px 10px}
.pbl4-list-head strong{font-size:12px;color:#3d5579}
.pbl4-list-head span{font-size:11px;color:#8c9eb6}
.pbl4-list{display:grid;gap:8px}
.pbl4-item{display:grid;grid-template-columns:minmax(230px,1fr) minmax(110px,165px) minmax(100px,155px) 128px 14px;align-items:center;gap:11px;min-height:77px;padding:12px 17px;border:1px solid #d9e3f0;background:#fff;border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 3px 14px rgba(28,61,98,.035)}
.pbl4-item:hover{border-color:#b7c9e2;box-shadow:0 6px 20px rgba(28,61,98,.065);transform:translateY(-1px)}
.pbl4-item-title{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}
.pbl4-item-title strong{font-size:14px;font-weight:770;color:#172f50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.pbl4-tag{color:#627991;border:1px solid #e0e7f0;background:#f8fafd;border-radius:5px;font-size:10px;padding:3px 7px;white-space:nowrap}
.pbl4-meta{font-size:11.5px;color:#516b8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbl4-meta.muted{color:#94a2b6}
.pbl4-state{justify-self:start;color:#617793;background:#f9fbfd;border:1px solid #dce6f0;border-radius:7px;font-size:11px;padding:6px 9px;white-space:nowrap}
.pbl4-chevron{justify-self:end;color:#9aacc0;font-size:20px;font-weight:300;line-height:1}
.pbl4-empty{background:white;text-align:center;border:1px dashed #d4e0ed;border-radius:12px;padding:30px 16px}
.pbl4-empty strong{display:block;margin-bottom:7px}
.pbl4-empty p{font-size:12px;color:#758ba7}
.pbl4-notice{font-size:12px;color:#7a6580;margin:12px 0}
.pbl4-root dialog{border:1px solid #dfe7f2;border-radius:14px;color:#203958;background:#fff;box-shadow:0 22px 80px rgba(11,31,59,.20)}
.pbl4-root dialog::backdrop{background:rgba(18,34,57,.38)}
/* Abre os detalhes no centro, preservando o padrao de janelas ja homologado. */
.pbl4-drawer{width:min(640px,calc(100vw - 28px));height:auto;max-height:min(85vh,760px);max-width:none;position:fixed;inset:0;margin:auto;border-radius:14px!important;padding:0;overflow:hidden}
.pbl4-drawer[open]{display:flex;flex-direction:column}
.pbl4-drawer-head{padding:23px 26px 19px;border-bottom:1px solid #e6ecf4}
.pbl4-label{color:#899ab1;font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px}
.pbl4-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:13px}
.pbl4-title-row h3{margin:0;font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.pbl4-drawer-content{flex:1;overflow:auto;padding:22px 26px;max-height:56vh}
.pbl4-description{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:#395272;margin:0;min-height:55px}
.pbl4-drawer-content hr{height:0;border:0;border-top:1px solid #e6ecf4;margin:23px 0}
.pbl4-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pbl4-detail-grid strong{color:#385272;font-size:13px;font-weight:650}
.pbl4-quick{display:flex;flex-wrap:wrap;gap:6px}
.pbl4-quick .selected{background:#eef3ff;color:#244ca8;border-color:#cddcf8;font-weight:700}
.pbl4-drawer-foot{flex-shrink:0;border-top:1px solid #e6ecf4;display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:15px 24px}
.pbl4-drawer-foot>div{display:flex;gap:8px;flex-wrap:wrap}
.pbl4-modal{width:min(600px,calc(100vw - 25px));max-height:calc(100vh - 25px);padding:23px;overflow:auto}
.pbl4-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e6ecf4;padding:0 0 18px;margin-bottom:17px}
.pbl4-modal h3{margin:0;font-size:19px}
.pbl4-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.pbl4-form-grid label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px;color:#405a79}
.pbl4-form-grid label.pbl4-full{grid-column:1/-1}
.pbl4-form-grid input,.pbl4-form-grid select,.pbl4-form-grid textarea{width:100%;border:1px solid #d8e2ed;border-radius:8px;background:#fff;color:#344965;font-size:13px;padding:9px 11px;min-height:39px}
.pbl4-form-grid textarea{resize:vertical;min-height:100px}
.pbl4-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:20px}
.pbl4-history{margin:14px 0;padding:0;list-style:none;max-height:48vh;overflow-y:auto}
.pbl4-history-item{border-left:2px solid #dce5f0;padding:0 0 17px 12px;display:flex;flex-direction:column;gap:3px;margin-left:3px;overflow-wrap:anywhere}
.pbl4-history-item strong{font-size:12px}.pbl4-history-item span{font-size:12px;color:#536b88}.pbl4-history-item small{font-size:10px;color:#8a9cb4}
@media(max-width:1060px){.pbl4-item{grid-template-columns:minmax(160px,1fr) 125px 115px 110px 12px;gap:7px}}
@media(max-width:780px){.pbl4-head{align-items:flex-start}.pbl4-controls{align-items:stretch}.pbl4-tools{width:100%}.pbl4-tools input{flex:1;width:auto}.pbl4-item{grid-template-columns:1fr auto;gap:9px;min-height:74px}.pbl4-item-title{grid-column:1/-1}.pbl4-item .pbl4-meta{display:none}.pbl4-state{grid-column:1;grid-row:2}.pbl4-chevron{grid-column:2;grid-row:2}.pbl4-list-head span{display:none}}
@media(max-width:520px){.pbl4-head h2{font-size:20px}.pbl4-type-nav{gap:5px;padding:8px}.pbl4-type-nav button{font-size:13px;min-height:40px;padding:8px 10px;gap:6px}.pbl4-type-nav button span{min-width:22px;height:22px}.pbl4-status-filters button{padding:6px 8px}.pbl4-drawer-head,.pbl4-drawer-content{padding-left:18px;padding-right:18px}.pbl4-drawer-foot{padding:12px 17px}.pbl4-form-grid{grid-template-columns:1fr}.pbl4-modal{padding:17px}}
@media(prefers-reduced-motion:reduce){.pbl4-item{transition:none}}

/* V4 Tarefas — um único cabeçalho compacto, neutro e com hierarquia forte. */
.pbl4-section-title{display:inline-flex;align-items:center;gap:10px;font-size:16px;line-height:1.4;font-weight:850;color:#263c5b;letter-spacing:-.015em}
.pbl4-section-title span{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:24px;padding:0 7px;background:#f5f7fa;border:1px solid #dfe6ef;border-radius:7px;font-size:12px;font-weight:800;color:#536b87;font-variant-numeric:tabular-nums}
@media(max-width:520px){.pbl4-section-title{font-size:14px}.pbl4-section-title span{height:22px}}
