.pp-crm{max-width:1700px;margin-inline:auto;color:#26384d}
.pp-crm .crm-nav{display:flex;gap:.5rem;flex-wrap:wrap}
.pp-crm .crm-header{display:flex;gap:1rem;align-items:end;justify-content:space-between;flex-wrap:wrap}
.pp-crm .crm-header h1{overflow-wrap:anywhere}
.pp-crm .crm-company-switch{display:grid;grid-template-columns:auto minmax(130px,260px) auto;align-items:center;gap:.5rem;max-width:100%}
.pp-crm .crm-company-switch select{min-width:0}
.pp-crm .crm-main-nav{padding:.65rem;background:#fff;border:1px solid #dfe5ef;border-radius:12px}
.pp-crm .crm-main-nav .btn{min-height:36px;display:inline-flex;align-items:center;gap:.35rem}
.pp-crm .crm-main-nav .dropdown-menu{max-width:calc(100vw - 30px);border-radius:10px;box-shadow:0 8px 24px rgba(23,38,65,.12)}
.pp-crm .crm-main-nav .dropdown-item{padding:.6rem 1.1rem}
.pp-crm .crm-main-nav .dropdown-item.active{background:#5141c7;color:#fff}
.pp-crm .crm-section-tabs{padding-bottom:.65rem;border-bottom:1px solid #dfe5ef}
.pp-crm .crm-form-disclosure{border:1px solid #dfe5ef;border-radius:8px;padding:.35rem 1rem;background:#fafbfe}
.pp-crm .crm-form-disclosure>summary{color:#4338ca;padding:.65rem 0}
.pp-crm .crm-form-disclosure[open]>summary{border-bottom:1px solid #dfe5ef;margin-bottom:1rem}
.pp-crm [data-crm-panel][hidden]{display:none!important}
.pp-crm .card{border:1px solid #dfe5ef;box-shadow:0 4px 20px rgba(23,38,65,.035);border-radius:12px}
.pp-crm .card-header{background:transparent;border-bottom:1px solid #e5eaf1}
.pp-crm label{font-weight:600}
.pp-crm .crm-stat{font-size:1.8rem;font-weight:700;color:#312e81}
.pp-crm .crm-table{width:100%;min-width:660px}
.pp-crm .crm-table td,.pp-crm .crm-table th{padding:.9rem;vertical-align:middle;border-bottom:1px solid #e7ebf1}
.pp-crm .crm-table th{background:#f6f8fc}
.pp-crm .crm-table a:not(.btn){color:#4338ca;font-weight:600}
.pp-crm .crm-board{display:flex;overflow-x:auto;gap:1rem;padding-bottom:1rem;overscroll-behavior-inline:contain}
.pp-crm .crm-column{flex:0 0 285px;max-width:90vw;background:#f0f3f9;border:1px solid #dce2ed;border-radius:12px;padding:1rem}
.pp-crm .crm-deal{display:block;background:#fff;border:1px solid #dce2ed;border-radius:10px;padding:1rem;margin-top:.8rem;color:#26384d}
.pp-crm .crm-deal:hover,.pp-crm .crm-deal:focus{border-color:#6554e8;text-decoration:none}
.pp-crm pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;color:inherit}
.pp-crm details>summary{cursor:pointer;font-weight:600;padding:.5rem 0}
.pp-crm .crm-keyvalue{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:.6rem}
.pp-crm .crm-keyvalue dd{overflow-wrap:anywhere;margin:0}
.pp-crm .crm-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.pp-crm .badge{white-space:normal}
.pp-crm .form-text{color:#53647a}
.pp-crm .crm-timeline{border-inline-start:3px solid #d9def5;padding-inline-start:1rem;margin-bottom:1rem}
.pp-crm :focus-visible{outline:3px solid #6857df;outline-offset:3px}
@media(max-width:575px){.pp-crm header form{flex-wrap:wrap;gap:.5rem}
.pp-crm header select{width:100%}
.pp-crm .crm-header{gap:.5rem;margin-bottom:.75rem!important}
.pp-crm .crm-header h1{font-size:1.35rem}
.pp-crm .crm-company-switch{width:100%;grid-template-columns:minmax(0,1fr) auto}
.pp-crm .crm-company-switch label{grid-column:1/-1}
.pp-crm .crm-main-nav{align-items:flex-start;gap:.35rem;padding:.5rem}
.pp-crm .crm-main-nav .btn{padding:.4rem .6rem}
.pp-crm .crm-main-nav .dropdown{max-width:100%}
/* Keep open menus below their buttons so the sticky header cannot cover their links. */
.pp-crm .crm-main-nav .dropdown-menu{position:static!important;transform:none!important;float:none;min-width:min(10rem,100%);max-width:100%}
.pp-crm .crm-main-nav .dropdown-item{white-space:normal;overflow-wrap:anywhere}
.pp-crm .crm-form-disclosure{padding-inline:.75rem}
.pp-crm .crm-keyvalue{grid-template-columns:1fr}
.pp-crm .crm-keyvalue dt{margin-top:.5rem}
}
@media print{.pp-crm .crm-nav,.pp-crm form,.pp-crm .crm-actions{display:none!important}
.pp-crm [data-crm-panel][hidden]{display:block!important}
.pp-crm .crm-board{display:block}
.pp-crm .crm-column{max-width:none;break-inside:avoid}
.pp-crm details>:not(form){display:block!important}
.pp-crm .card{box-shadow:none}
}


/* Sales documents share the CRM workspace without changing global invoice styles. */
.pp-crm .sales-totals{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;max-width:480px;margin-inline-start:auto}.pp-crm .sales-totals dd{margin:0;text-align:end}.pp-crm .sales-lines{min-width:580px}.pp-crm .crm-preserve-lines{white-space:pre-line;overflow-wrap:anywhere}.pp-crm .quote-line legend{float:none;width:auto;margin-bottom:.5rem}.pp-crm details form{min-width:0}.pp-crm td details{min-width:140px}.pp-crm td details[open]{min-width:500px}
@media(max-width:767px){.pp-crm td details[open]{min-width:280px}.pp-crm .sales-totals{max-width:none}}