.customerPortal{color:#17313e;background:#f1f5f6;min-height:100vh;font-family:Arial,sans-serif}.cpHeader{color:#fff;background:#123847;justify-content:space-between;align-items:center;gap:20px;padding:24px max(20px,50% - 580px);display:flex}.cpHeader a{color:inherit}.cpBrand{align-items:center;gap:12px;font-size:21px;font-weight:700;text-decoration:none;display:flex}.cpBrand b{color:#17313e;background:#daf246;border-radius:8px;padding:10px 14px;font-size:25px}.cpHeader small{margin-top:5px;font-size:13px;font-weight:400;display:block}.cpNav{background:#fff;border-bottom:1px solid #d7e1e5;flex-wrap:wrap;gap:6px;padding:14px max(20px,50% - 580px);display:flex}.customerPortal button,.cpLink{font:inherit;color:#17313e;cursor:pointer;background:#fff;border:1px solid #bacbd3;border-radius:8px;padding:12px 16px;text-decoration:none;display:inline-block}.cpNav button[aria-current],.cpActions button:first-child{color:#fff;background:#173e50;border-color:#173e50}.customerPortal button:disabled{opacity:.55;cursor:wait}.cpContent{max-width:1200px;margin:auto;padding:28px 20px}.cpHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.customerPortal h1{margin:8px 0;font-size:28px}.customerPortal h2{margin:0 0 12px;font-size:19px}.customerPortal p{margin:10px 0;line-height:1.6}.cpActions{flex-wrap:wrap;gap:10px;margin:18px 0 26px;display:flex}.customerPortal .cpUrgent{color:#a12d24;background:#fff3ef;border-color:#d89f97}.cpGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;display:grid}.cpCard{background:#fff;border:1px solid #dce5e8;border-radius:12px;min-width:0;margin-bottom:18px;padding:22px}.cpRow{border-bottom:1px solid #e0e7eb;margin-bottom:14px;padding:12px 0}.cpMuted{color:#526975;font-size:14px}.cpError{color:#8c2920;background:#fff0ed;border-radius:8px;padding:14px}.cpNotice{color:#205d38;background:#e1f3e6;border-radius:8px;padding:14px}.cpContent label{margin-bottom:16px;font-weight:600;display:block}.cpContent input,.cpContent select,.cpContent textarea{box-sizing:border-box;width:100%;font:inherit;color:#17313e;background:#fff;border:1px solid #acbec7;border-radius:7px;margin-top:7px;padding:12px;display:block}.cpPreserve{white-space:pre-wrap;overflow-wrap:anywhere}.cpInvoice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.cpFooter{color:#526975;max-width:1160px;margin:auto;padding:20px;font-size:13px}.cpFooter a{margin-left:12px}.cpContent .workOrderWorkspace{max-width:100%}@media (width<=640px){.cpHeader{flex-direction:column;align-items:flex-start}.cpNav{gap:4px}.cpNav button{padding:10px}.cpContent{padding:20px 12px}.cpCard{padding:16px}.cpContent .workOrderWorkspace{display:block}.cpContent .workOrderList{max-height:250px;overflow:auto}}