.customer-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:28px 0 18px}.customer-hero h1{margin:4px 0 6px;font-size:31px;color:#07295f}.customer-hero>div>p:last-child{margin:0;color:#557099}.back-link{display:inline-block;color:#0a62d8;text-decoration:none;font-size:13px;font-weight:800;margin-bottom:13px}.estimate-heading{display:flex;gap:12px;align-items:center}.customer-status{text-transform:uppercase;border-radius:999px;background:#fff1cc;color:#a96a00;padding:6px 10px;font:800 11px Arial}.hero-actions{display:flex;gap:10px}.customer-overview{display:grid;grid-template-columns:1fr 1fr .9fr 1.55fr;gap:15px}.customer-overview>article,.customer-card{background:#fff;border:1px solid #dbe8fa;border-radius:14px;box-shadow:0 8px 24px rgba(8,43,92,.06)}.customer-overview>article{min-height:102px;padding:18px;display:grid;align-content:start;gap:7px;color:#43648f;font-size:13px}.customer-overview strong{color:#092a5f}.customer-total{background:linear-gradient(135deg,#062b68,#008ee5)!important;color:#dff5ff!important;text-align:center;justify-content:center;align-items:center}.customer-total p{font-size:11px;font-weight:800;margin:0}.customer-total strong{font-size:31px;color:#fff}.customer-total span{font-weight:800}.status-steps{display:flex;justify-content:space-between;gap:5px;padding-top:11px;border-top:2px solid #dce8f6}.status-steps span{font-size:11px;text-align:center;flex:1;color:#8090a7}.status-steps .is-active{color:#086bf3;font-weight:800}.customer-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(330px,.95fr);gap:17px;margin-top:17px}.customer-main,.customer-side{display:grid;align-content:start;gap:17px}.customer-card{padding:19px}.card-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.card-title h2,.customer-card h2{margin:3px 0 0;font-size:19px;color:#0a2a5d}.card-title>span{font-size:12px;color:#6682aa;font-weight:700}.project-description,.detail-copy{color:#5b7398;white-space:pre-line;line-height:1.6}.customer-items{display:grid;margin-top:15px}.customer-items article{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #e5edf9}.item-thumb{display:grid;place-items:center;width:52px;height:44px;border-radius:9px;background:linear-gradient(135deg,#00baf5,#0a58ff);color:#fff;font-weight:900;font-size:20px}.customer-items strong,.customer-items span,.customer-items small{display:block}.customer-items span{margin-top:3px;color:#4d678f;font-size:13px}.customer-items small{margin-top:4px;color:#7b8fae}.customer-items b{color:#0a316a;font-size:14px}.customer-summary{max-width:360px;margin:18px 0 0 auto}.customer-summary div{display:flex;justify-content:space-between;padding:5px 0;color:#587197;font-size:13px}.customer-summary dd{margin:0;color:#0b3167;font-weight:800}.customer-summary .total{border-top:1px solid #d8e5f6;margin-top:6px;padding-top:11px;font-size:16px;font-weight:800}.customer-summary .total dd{color:#0878f5;font-size:19px}.customer-summary .balance{font-weight:800}.action-card{display:grid;gap:9px}.action-card button{width:100%}.action-card .danger{color:#c12b45;border-color:#f1b5c0}.file-tabs{display:grid;grid-template-columns:1fr 1fr;margin:15px 0 8px;border-bottom:1px solid #dce8f8}.file-tabs button{padding:9px 6px;border:0;background:transparent;color:#667e9f;font-weight:800;font-size:12px;cursor:pointer}.file-tabs button.is-active{color:#076cf4;border-bottom:2px solid #00bde9}.customer-files{display:grid}.customer-files article{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e7eef9}.customer-files article>span{font-size:10px;font-weight:900;background:#eaf3ff;color:#0a67d3;border-radius:5px;padding:6px}.customer-files div{min-width:0;flex:1}.customer-files strong,.customer-files small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-files small{margin-top:3px;color:#7590b4;font-size:11px}.customer-files button{border:0;background:transparent;color:#0a66db;font-weight:900;font-size:16px}.empty-note{color:#7186a5;font-size:13px}.customer-messages{max-height:220px;overflow:auto;display:grid;gap:8px;padding:5px 0}.customer-messages p{max-width:85%;margin:0;padding:9px 11px;border-radius:10px;background:#eef3f9;color:#29466f;font-size:13px;line-height:1.4}.customer-messages .mine{justify-self:end;background:#0879f5;color:#fff}.message-card form{display:flex;gap:7px;margin-top:9px}.message-card input{min-width:0;flex:1;border:1px solid #cfdef2;border-radius:8px;padding:10px;color:#103565}.message-card form button{padding:10px 13px}.message-card small{display:block;color:#7287a7;font-size:11px;margin-top:9px}.customer-error{padding:70px 20px;text-align:center}.customer-error h1{color:#0c2d60}#depositModal{border:0;border-radius:15px;padding:0;max-width:460px;width:calc(100% - 30px);box-shadow:0 22px 70px rgba(0,26,66,.3)}#depositModal::backdrop{background:rgba(1,22,54,.52)}#depositForm{display:grid;gap:13px;padding:28px;color:#133668}#depositForm img{height:44px;width:auto}#depositForm h2{margin:0}#depositForm p{color:#5d7699;line-height:1.5}#depositForm label{display:grid;gap:6px;font-size:12px;font-weight:800}#depositForm input{border:1px solid #cfddf2;border-radius:8px;padding:10px}#depositDetails{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:12px;background:#f4f9ff;border-radius:10px}#depositDetails dt{color:#7085a3;font-size:12px}#depositDetails dd{margin:0;font-weight:800;text-align:right}#paymentStatus{font-weight:800;color:#168258}@media(max-width:970px){.customer-overview{grid-template-columns:repeat(2,1fr)}.customer-layout{grid-template-columns:1fr}.customer-side{grid-template-columns:repeat(2,minmax(0,1fr))}.message-card{grid-column:span 2}}@media(max-width:620px){.customer-hero{display:grid;align-items:start;padding-top:18px}.customer-hero h1{font-size:25px}.hero-actions{width:100%}.hero-actions button{flex:1}.customer-overview,.customer-side{grid-template-columns:1fr}.message-card{grid-column:auto}.customer-overview>article{min-height:auto}.customer-card{padding:15px}.customer-items article{grid-template-columns:45px minmax(0,1fr)}.customer-items b{grid-column:2}.item-thumb{width:42px;height:38px}.customer-summary{max-width:none}.estimate-heading{align-items:flex-start;flex-direction:column;gap:5px}}
