.client-body{background:#f6f6f5}.client-header{background:#111;display:flex;justify-content:space-between;align-items:center;padding:18px max(24px,calc((100vw - 900px)/2));gap:20px}.client-header img{width:135px;height:100px;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(31%) saturate(891%) hue-rotate(3deg) brightness(88%) contrast(91%)}.client-header span{color:#ccb273;font-size:10px;letter-spacing:2px}.client-content{max-width:900px;margin:35px auto;padding:0 24px}.client-summary{white-space:pre-wrap;color:#666;font-size:14px}.client-content section{margin:25px 0 35px}.client-content section>h2{margin-bottom:18px;font-size:21px}.client-progress{background:#171717;color:white;padding:24px;border-radius:10px}.client-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:14px}.client-progress strong{font-size:30px;color:#d3b66e}.client-progress small{color:#c9b88c}.client-progress .progress{background:#3a3427}.client-milestones,.client-update,.client-documents button{background:white;border:1px solid #e4dfd3;border-radius:9px}.client-milestone{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #eee9df}.client-milestone:last-child{border:0}.client-milestone b{font-size:13px;font-weight:500;flex:1}.client-dot{color:#ac8a3d}.client-dot.complete{background:#c9a24b;border-radius:50%;color:#111;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.client-update{padding:24px;margin-bottom:18px}.client-update h3{font-size:19px;margin:10px 0}.client-update p{white-space:pre-wrap;font-size:14px;color:#555}.client-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.client-gallery figure{margin:0}.client-gallery img{width:100%;border-radius:6px;object-fit:contain;max-height:400px;background:#fafafa}.client-gallery figcaption{font-size:10px;color:#888;margin-top:5px}.client-documents{display:grid;gap:10px}.client-documents button{width:100%;justify-content:space-between;text-align:left;padding:19px}.client-documents b{display:block;font-size:13px}.client-documents small{display:block;font-size:10px;margin-top:7px}.client-documents button>span:last-child{color:#8c6a22;font-size:11px;white-space:nowrap}.client-contact{background:#eee7d7;border-radius:10px;padding:25px}.client-contact p{font-size:13px}.client-footer{text-align:center;color:#8a8069;font-size:11px;line-height:2;padding:25px}.portal-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portal-checks label{display:flex;align-items:flex-start;gap:8px;font-weight:400;border:1px solid #e5dfd2;border-radius:5px;padding:10px;font-size:11px}.portal-checks input{width:auto}.portal-row{display:grid;grid-template-columns:1fr 140px 35px;gap:8px;margin-bottom:10px}.portal-editor-update{padding:16px;border:1px solid #e5dfd2;border-radius:7px;margin:15px 0;background:#faf8f3}.portal-editor-update .field{margin-bottom:12px}.portal-instructions{font-size:12px;line-height:1.8}.portal-link{padding:14px;border:1px solid #d7c18c;background:#f7efdc;border-radius:8px;overflow-wrap:anywhere}.portal-link input{font-size:11px;margin:10px 0}.portal-row select{font-size:11px}@media(max-width:680px){.client-content{margin-top:25px;padding:0 16px}.client-header{padding:15px 20px}.client-header img{width:100px;height:80px}.client-header span{font-size:8px;letter-spacing:1px}.client-gallery,.portal-checks{grid-template-columns:1fr}.portal-row{grid-template-columns:1fr 110px 30px}.client-documents button{gap:10px}.client-content h1{font-size:28px}}
