:root{--yellow:#ffc400;--green:#18a957;--ink:#111;--muted:#747474;--bg:#f3f3f0;--line:#deded9}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.client-header{position:sticky;top:0;z-index:50;min-height:78px;padding:7px max(12px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:14px;background:#050505;border-bottom:2px solid var(--yellow)}
.client-header img{width:215px;height:62px;object-fit:contain;object-position:left}
.client-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.client-nav a{padding:8px 10px;border-radius:7px;color:#bbb;font-size:10px;font-weight:900}.client-nav a:hover,.client-nav a.active{background:#171717;color:#fff}
.client-main{width:min(1180px,calc(100% - 22px));margin:22px auto 60px}
.client-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:16px;background:#111;color:#fff}.client-hero small{color:var(--yellow);font-size:9px;font-weight:900;letter-spacing:1.5px}.client-hero h1{margin:5px 0;font-size:38px}.client-hero p{margin:0;color:#aaa}.client-primary,.client-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:8px;font-size:11px;font-weight:900}.client-primary{background:var(--yellow);color:#080808}.client-secondary{background:#fff;border:1px solid #ccc;color:#111}
.client-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.client-kpis>div,.client-kpis>a{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff}.client-kpis small,.client-kpis b,.client-kpis span{display:block}.client-kpis small{color:#777;font-size:8px;text-transform:uppercase}.client-kpis b{margin:5px 0;font-size:23px}.client-kpis span{color:#888;font-size:10px}
.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.client-card{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.client-card h2{margin:0}.client-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.client-card-head a{color:#997000;font-size:10px;font-weight:900}
.client-list{display:grid;gap:7px}.client-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px;border:1px solid #e5e5e1;border-radius:8px;background:#fafaf8}.client-row b,.client-row span,.client-row small{display:block}.client-row span,.client-row small{margin-top:3px;color:#777;font-size:10px}.client-row strong{font-size:10px;text-align:right}.client-empty{color:#888}
.status-pill{display:inline-block;padding:6px 8px;border-radius:999px;background:#eee;font-size:8px;font-weight:900}.status-pill.active,.status-pill.completed,.status-pill.paid{background:#dff4e6;color:#08743b}.status-pill.pending,.status-pill.sent,.status-pill.assigned{background:#fff1c5;color:#815d00}.status-pill.cancelled,.status-pill.overdue{background:#f8dddd;color:#990000}
.client-form{display:grid;gap:10px}.client-form label{display:grid;gap:5px;font-size:10px;font-weight:900}.client-form input,.client-form textarea,.client-form select{width:100%;padding:11px;border:1px solid #ccc;border-radius:8px;background:#fff}.client-form button{min-height:44px;border:0;border-radius:8px;background:var(--yellow);font-weight:900}
.client-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.client-three{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:#070707}.login-card{width:min(430px,100%);padding:26px;border-radius:15px;background:#111;border:1px solid #2a2a2a;border-top:4px solid var(--yellow);color:#fff}.login-card img{display:block;width:280px;height:95px;object-fit:contain;margin:auto}.login-card h1{text-align:center}.login-card p{text-align:center;color:#999}.login-card .client-form input{background:#080808;color:#fff;border-color:#333}.client-error{padding:11px;border-radius:8px;background:#4a1616;color:#ffdede;margin-bottom:10px}.client-success{padding:11px;border-radius:8px;background:#dff4e6;color:#08743b;margin-bottom:10px}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vehicle-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.vehicle-card h2{margin:4px 0}.vehicle-card small{color:#997000;font-weight:900}.vehicle-specs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.vehicle-specs div{padding:9px;border-radius:7px;background:#f7f7f4}.vehicle-specs span,.vehicle-specs b{display:block}.vehicle-specs span{font-size:8px;color:#777}.vehicle-specs b{margin-top:3px;font-size:11px}
.rating-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.review-card{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff}.review-card .stars{color:#d99e00;font-size:17px;letter-spacing:1px}.review-card p{color:#666;line-height:1.5}.review-card small{color:#777}
.loyalty-banner{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:18px;border-radius:12px;background:#101010;color:#fff}.loyalty-banner small,.loyalty-banner b,.loyalty-banner span{display:block}.loyalty-banner small{color:var(--yellow);font-weight:900}.loyalty-banner b{font-size:28px;margin:5px 0}.loyalty-code{padding:11px 14px;border:1px dashed var(--yellow);border-radius:8px;color:var(--yellow);font-weight:900}
.message-thread{display:grid;gap:8px}.message-item{padding:12px;border-radius:9px;background:#f8f8f5;border:1px solid #e4e4df}.message-item small{color:#777}.message-item h3{margin:4px 0}.message-item p{margin:5px 0 0;color:#666;line-height:1.5}
.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.document-card{padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.document-card small,.document-card b,.document-card span{display:block}.document-card small{color:#997000;font-weight:900}.document-card b{margin:5px 0}.document-card span{color:#777;font-size:10px}
@media(max-width:1000px){.client-kpis{grid-template-columns:repeat(3,1fr)}.vehicle-grid,.document-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.client-header{align-items:flex-start}.client-header img{width:165px}.client-nav{justify-content:flex-end}.client-grid{grid-template-columns:1fr}.client-hero{align-items:flex-start;flex-direction:column}.client-kpis{grid-template-columns:1fr 1fr}.client-three{grid-template-columns:1fr}.rating-grid{grid-template-columns:1fr 1fr}.vehicle-grid,.document-grid{grid-template-columns:1fr}}
@media(max-width:480px){.client-nav a{padding:6px;font-size:9px}.client-two{grid-template-columns:1fr}.client-kpis{grid-template-columns:1fr 1fr}.loyalty-banner{grid-template-columns:1fr}.rating-grid{grid-template-columns:1fr}}

/* V34 COMPLETE CLIENT ACCOUNT */
.login-links{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.login-links a{color:#ffc400;font-size:11px;font-weight:900}.activation-box{display:grid;gap:8px;padding:12px;margin:10px 0;border:1px solid #3a3a3a;border-radius:8px;background:#0b0b0b}.activation-box small{color:#ffc400;font-weight:900}.activation-box input{padding:10px;border:1px solid #333;border-radius:7px;background:#050505;color:#fff}

/* V40 NOTIFICATION PREFERENCES */
.comm-pref-form label{display:flex!important;align-items:center;gap:9px;padding:10px;border:1px solid #e2e2dd;border-radius:8px;background:#fafaf8}.comm-pref-form input[type="checkbox"]{width:auto}


/* ==========================================================
   V49 CUSTOMER SELF-SERVICE PLUS
   ========================================================== */

.customer-self-service-card{margin-top:12px}
.customer-self-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.customer-self-service-grid>a{padding:13px;border:1px solid #e1e1dd;border-radius:9px;background:#fafaf8}
.customer-self-service-grid small,.customer-self-service-grid b,.customer-self-service-grid span{display:block}
.customer-self-service-grid small{color:#997000;font-size:7px;font-weight:900}
.customer-self-service-grid b{margin:4px 0;font-size:20px}
.customer-self-service-grid span{color:#888;font-size:8px}

.client-history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.client-history-card{padding:13px;border:1px solid #e2e2dd;border-radius:10px;background:#fff}
.client-history-card small,.client-history-card b,.client-history-card span,.client-history-card em{display:block}
.client-history-card small{color:#997000;font-size:7px;font-weight:900}
.client-history-card b{margin:5px 0;font-size:12px}
.client-history-card span{color:#777;font-size:9px}
.client-history-card em{margin-top:8px;color:#999;font-size:8px;font-style:normal}

.client-job-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:14px}
.client-job-progress>div{display:grid;gap:5px;text-align:center}
.client-job-progress span{height:6px;border-radius:999px;background:#e4e4df}
.client-job-progress .done span{background:#ffc400}
.client-job-progress b{font-size:8px;color:#999}
.client-job-progress .done b{color:#111}

.client-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.client-detail-list>div{padding:10px;border-radius:8px;background:#f7f7f4}
.client-detail-list small,.client-detail-list b{display:block}
.client-detail-list small{color:#888;font-size:7px}
.client-detail-list b{margin-top:3px;font-size:10px}

.client-timeline{display:grid;margin-top:12px}
.client-timeline>div{display:grid;grid-template-columns:42px 12px 1fr;gap:7px;min-height:48px}
.client-timeline time{font-size:8px;color:#888}
.client-timeline>div>span{width:9px;height:9px;border-radius:50%;background:#ffc400;position:relative}
.client-timeline>div:not(:last-child)>span:after{content:'';position:absolute;top:9px;left:4px;width:2px;height:38px;background:#e4e4df}
.client-timeline p{margin:0}
.client-timeline b,.client-timeline small{display:block}
.client-timeline b{font-size:9px}
.client-timeline small{margin-top:3px;color:#888;font-size:8px}

.client-job-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.client-job-actions a{min-height:44px;display:grid;place-items:center;border-radius:8px;background:#111;color:#fff;font-size:10px;font-weight:900}
.client-job-actions a:last-child{background:#ffc400;color:#111}

.support-thread-list{display:grid;gap:6px}
.support-thread-list a{padding:10px;border:1px solid #e2e2dd;border-radius:8px;background:#fafaf8}
.support-thread-list a.active{border-color:#d4ad32;background:#fff8dd}
.support-thread-list b,.support-thread-list span{display:block}
.support-thread-list b{font-size:10px}
.support-thread-list span{margin-top:3px;color:#888;font-size:8px}

.new-support-thread{margin-top:12px}
.new-support-thread summary{cursor:pointer;font-size:10px;font-weight:900;color:#997000}
.new-support-thread .client-form{margin-top:10px}

.support-chat{display:grid;gap:8px;margin:12px 0;max-height:460px;overflow-y:auto}
.support-message{max-width:84%;padding:10px;border-radius:10px;background:#f4f4f1}
.support-message.customer{margin-left:auto;background:#111;color:#fff}
.support-message small{font-size:7px;color:#888}
.support-message.customer small{color:#aaa}
.support-message p{margin:5px 0 0;font-size:10px;line-height:1.45}

.customer-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.customer-upload-card{padding:12px;border:1px solid #e2e2dd;border-radius:9px;background:#fff}
.customer-upload-card small,.customer-upload-card b,.customer-upload-card span,.customer-upload-card em{display:block}
.customer-upload-card small{color:#997000;font-size:7px;font-weight:900}
.customer-upload-card b{margin:5px 0;font-size:10px}
.customer-upload-card span{color:#888;font-size:8px}
.customer-upload-card em{margin-top:7px;color:#aaa;font-size:7px;font-style:normal}

@media(max-width:900px){
  .customer-self-service-grid{grid-template-columns:1fr 1fr}
  .client-history-grid,.customer-upload-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .client-job-progress{grid-template-columns:repeat(3,1fr);row-gap:10px}
  .client-detail-list{grid-template-columns:1fr}
  .client-history-grid,.customer-upload-grid{grid-template-columns:1fr}
}


/* ==========================================================
   V56.5 CLIENT PORTAL
   ========================================================== */
.client-mobile-dock,.client-more-sheet{display:none}
.client-header-v565{min-height:72px}
.client-header-v565 .client-brand img{width:190px}
.client-header-quote{min-height:40px;display:flex;align-items:center;padding:0 12px;border-radius:8px;background:#ffc400;color:#111;font-size:11px;font-weight:900}
.client-home-v565{max-width:1240px}
.client-welcome-v565{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-radius:16px;background:#111;color:#fff}
.client-welcome-v565 small{color:#ffc400;font-size:10px;font-weight:900;letter-spacing:1.1px}
.client-welcome-v565 h1{margin:5px 0;font-size:39px}.client-welcome-v565 p{margin:0;color:#999;font-size:13px}
.client-welcome-v565>a{min-height:46px;display:flex;align-items:center;padding:0 15px;border-radius:9px;background:#ffc400;font-size:11px;font-weight:900}
.client-live-job-v565{margin-top:12px;padding:20px;border-radius:16px;background:#fff;border:1px solid #deded8}
.client-live-top{display:flex;justify-content:space-between;gap:12px}.client-live-top small{color:#8c6800;font-size:9px;font-weight:900}
.client-live-top h2{margin:5px 0;font-size:25px}.client-live-top p{margin:0;color:#777}
.client-live-top>span{align-self:flex-start;padding:7px 10px;border-radius:999px;background:#111;color:#ffc400;font-size:10px;font-weight:900}
.client-live-progress-v565{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:18px 0}
.client-live-progress-v565 div{text-align:center}.client-live-progress-v565 span{display:block;height:7px;border-radius:99px;background:#e5e5df}
.client-live-progress-v565 .done span{background:#ffc400}.client-live-progress-v565 b{display:block;margin-top:6px;color:#999;font-size:9px}.client-live-progress-v565 .done b{color:#111}
.client-live-meta-v565{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.client-live-meta-v565>div{padding:10px;border-radius:9px;background:#f6f6f3}
.client-live-meta-v565 small,.client-live-meta-v565 b{display:block}.client-live-meta-v565 small{font-size:8px;color:#888}.client-live-meta-v565 b{margin-top:3px;font-size:12px}
.client-live-actions-v565{display:flex;gap:8px;margin-top:12px}.client-live-actions-v565 a{min-height:43px;display:flex;align-items:center;justify-content:center;padding:0 13px;border-radius:8px;background:#111;color:#fff;font-size:10px;font-weight:900}.client-live-actions-v565 a:last-child{background:#ffc400;color:#111}
.client-no-job-v565{margin-top:12px;padding:22px;border-radius:15px;background:#fff;border:1px solid #deded8;display:flex;justify-content:space-between;align-items:center;gap:14px}.client-no-job-v565 small{color:#8c6800;font-weight:900}.client-no-job-v565 h2{margin:5px 0}.client-no-job-v565 p{margin:0;color:#777}.client-no-job-v565 a{padding:12px 14px;border-radius:9px;background:#111;color:#fff;font-weight:900}
.client-stats-v565{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.client-stats-v565>a{padding:14px;border-radius:11px;background:#fff;border:1px solid #deded8}.client-stats-v565 small,.client-stats-v565 b,.client-stats-v565 span{display:block}.client-stats-v565 small{color:#8c6800;font-size:8px;font-weight:900}.client-stats-v565 b{margin:5px 0;font-size:24px}.client-stats-v565 span{color:#888;font-size:9px}
.client-action-grid-v565{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.client-action-grid-v565>a{min-height:78px;display:flex;align-items:center;gap:10px;padding:11px;border-radius:11px;background:#111;color:#fff}.client-action-grid-v565>a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#ffc400;color:#111;font-weight:900}.client-action-grid-v565 b,.client-action-grid-v565 small{display:block}.client-action-grid-v565 b{font-size:11px}.client-action-grid-v565 small{margin-top:3px;color:#888;font-size:8px}
.client-row-v565{min-height:58px}.client-row-v565 b{font-size:11px}.client-row-v565 span{font-size:9px}.client-row-v565 strong{max-width:150px;font-size:9px}
.client-loyalty-v565{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:17px;border-radius:13px;background:#111;color:#fff}.client-loyalty-v565 small,.client-loyalty-v565 b,.client-loyalty-v565 span{display:block}.client-loyalty-v565 small{color:#ffc400;font-size:8px;font-weight:900}.client-loyalty-v565 b{margin:4px 0;font-size:22px}.client-loyalty-v565 span{color:#888;font-size:9px}.client-loyalty-v565 a{padding:10px 12px;border-radius:8px;background:#ffc400;color:#111;font-size:9px;font-weight:900}
.client-job-hero-v565{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:22px;border-radius:16px;background:#111;color:#fff}.client-job-hero-v565 small{color:#ffc400;font-size:9px;font-weight:900}.client-job-hero-v565 h1{margin:5px 0;font-size:34px}.client-job-hero-v565 p{margin:0;color:#999}
.client-status-big-v565{min-width:245px;padding:14px;border-radius:12px;background:#1a1a1a}.client-status-big-v565 small,.client-status-big-v565 b,.client-status-big-v565 span{display:block}.client-status-big-v565 b{margin:4px 0;color:#ffc400;font-size:17px}.client-status-big-v565 span{color:#888;font-size:9px}
.client-progress-card-v565{margin-top:12px;padding:16px;border-radius:13px;background:#fff;border:1px solid #deded8}.client-progress-v565{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.client-progress-v565>div{text-align:center}.client-progress-v565 span{width:34px;height:34px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#ecece7;color:#888;font-size:10px;font-weight:900}.client-progress-v565 b{display:block;margin-top:5px;color:#999;font-size:8px}.client-progress-v565 .done span{background:#ffc400;color:#111}.client-progress-v565 .done b{color:#111}.client-progress-v565 .current span{box-shadow:0 0 0 5px rgba(255,196,0,.15)}
.client-job-grid-v565{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.client-detail-grid-v565{display:grid;grid-template-columns:1fr 1fr;gap:7px}.client-detail-grid-v565>div{padding:11px;border-radius:8px;background:#f6f6f3}.client-detail-grid-v565 small,.client-detail-grid-v565 b{display:block}.client-detail-grid-v565 small{color:#888;font-size:8px}.client-detail-grid-v565 b{margin-top:3px;font-size:11px}
.client-timeline-v565>div{display:grid;grid-template-columns:85px 12px 1fr;gap:8px;min-height:55px}.client-timeline-v565 time{font-size:8px;color:#888}.client-timeline-v565>div>span{width:10px;height:10px;border-radius:50%;background:#ffc400}.client-timeline-v565 b,.client-timeline-v565 small{display:block}.client-timeline-v565 b{font-size:10px}.client-timeline-v565 small{margin-top:3px;color:#888;font-size:8px}
.client-job-actions-v565{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.client-job-actions-v565 a{min-height:46px;display:grid;place-items:center;border-radius:9px;background:#111;color:#fff;font-size:10px;font-weight:900}.client-job-actions-v565 a:last-child{background:#ffc400;color:#111}
@media(max-width:760px){
 body.client-v565{padding-bottom:78px}
 .client-header-v565{min-height:68px;justify-content:center;padding:6px 10px}.client-header-v565 .client-brand img{width:190px;height:54px;object-position:center}.client-desktop-nav,.client-header-quote{display:none}
 .client-mobile-dock{position:fixed;left:8px;right:8px;bottom:8px;z-index:200;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;border:1px solid #292929;border-radius:16px;background:#0d0d0d;box-shadow:0 15px 35px rgba(0,0,0,.28)}
 .client-mobile-dock a,.client-mobile-dock button{min-height:58px;border:0;border-radius:11px;background:#171717;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.client-mobile-dock span{font-size:17px}.client-mobile-dock b{font-size:9px}.client-mobile-dock .active{background:#ffc400;color:#111}
 .client-more-sheet{position:fixed;inset:0;z-index:250;display:flex;align-items:flex-end;background:rgba(0,0,0,.55)}.client-more-sheet[hidden]{display:none!important}.client-more-card{width:100%;max-height:78vh;overflow:auto;padding:12px 12px 24px;border-radius:20px 20px 0 0;background:#0f0f0f;color:#fff}.client-more-head{min-height:44px;display:flex;align-items:center;justify-content:center;position:relative}.client-more-head button{position:absolute;right:0;width:36px;height:36px;border:0;border-radius:50%;background:#222;color:#fff;font-size:20px}.client-more-card>a{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;min-height:64px;margin-top:6px;padding:9px;border:1px solid #292929;border-radius:12px;background:#171717}.client-more-card>a>span{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#ffc400;color:#111;font-weight:900}.client-more-card b,.client-more-card small{display:block}.client-more-card b{font-size:13px}.client-more-card small{margin-top:2px;color:#888;font-size:10px}
 .client-welcome-v565{align-items:flex-start;flex-direction:column;padding:18px}.client-welcome-v565 h1{font-size:31px}.client-welcome-v565 p{font-size:13px}.client-welcome-v565>a{width:100%;justify-content:center;min-height:48px;font-size:12px}
 .client-live-top{flex-direction:column}.client-live-top>span{font-size:11px}.client-live-progress-v565{grid-template-columns:repeat(3,1fr);row-gap:12px}.client-live-progress-v565 b{font-size:10px}
 .client-live-meta-v565,.client-stats-v565,.client-action-grid-v565{grid-template-columns:1fr 1fr}.client-action-grid-v565>a{min-height:88px}.client-action-grid-v565 b{font-size:13px}.client-action-grid-v565 small{font-size:10px}
 .client-grid-v565,.client-job-grid-v565{grid-template-columns:1fr}.client-row-v565 b{font-size:13px}.client-row-v565 span{font-size:11px}.client-row-v565 strong{font-size:10px}
 .client-job-hero-v565{grid-template-columns:1fr}.client-job-hero-v565 h1{font-size:29px}.client-status-big-v565{min-width:0}.client-status-big-v565 b{font-size:19px}.client-status-big-v565 span{font-size:11px}
 .client-progress-v565{grid-template-columns:repeat(3,1fr);row-gap:14px}.client-progress-v565 b{font-size:10px}.client-detail-grid-v565{grid-template-columns:1fr}.client-detail-grid-v565 small{font-size:9px}.client-detail-grid-v565 b{font-size:13px}.client-timeline-v565>div{grid-template-columns:72px 12px 1fr}.client-timeline-v565 b{font-size:12px}.client-timeline-v565 small{font-size:10px}
}


/* ==========================================================
   V56.6 CLIENT COMPLETION SUMMARY
   ========================================================== */
.client-completion-summary-v566{margin-top:12px;padding:18px;border:1px solid #bcd9c5;border-radius:14px;background:#f0f8f2}
.client-completion-head-v566{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-completion-head-v566 small{color:#23723c;font-size:9px;font-weight:900}.client-completion-head-v566 h2{margin:4px 0;font-size:24px}.client-completion-head-v566 p{margin:0;color:#68766b;font-size:11px}.client-completion-head-v566>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#20a15a;color:#fff;font-size:20px;font-weight:900}
.client-completion-grid-v566{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.client-completion-grid-v566>div{padding:10px;border-radius:8px;background:#fff;border:1px solid #d8eadc}.client-completion-grid-v566 small,.client-completion-grid-v566 b{display:block}.client-completion-grid-v566 small{color:#758079;font-size:8px}.client-completion-grid-v566 b{margin-top:3px;font-size:12px}
.client-completion-proof-v566{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.client-completion-proof-v566>span{padding:10px;border-radius:8px;background:#143822;color:#fff}.client-completion-proof-v566 b,.client-completion-proof-v566 small{display:block}.client-completion-proof-v566 b{color:#7ce5a4;font-size:17px}.client-completion-proof-v566 small{margin-top:2px;color:#a9c5b3;font-size:9px}
.client-completion-note-v566{margin:8px 0 0;padding:10px;border-radius:8px;background:#fff;color:#59615b;font-size:11px;line-height:1.5}
@media(max-width:760px){
 .client-completion-head-v566{align-items:flex-start}.client-completion-head-v566 h2{font-size:23px}.client-completion-head-v566 p{font-size:13px}
 .client-completion-grid-v566{grid-template-columns:1fr 1fr}.client-completion-grid-v566 small{font-size:9px}.client-completion-grid-v566 b{font-size:14px}
 .client-completion-proof-v566{grid-template-columns:1fr}.client-completion-proof-v566 b{font-size:19px}.client-completion-proof-v566 small{font-size:11px}.client-completion-note-v566{font-size:13px}
}


/* ==========================================================
   V56.7 INVOICE & RECEIPT HANDOVER
   ========================================================== */
.client-invoice-action-v567{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:12px;border-radius:10px;background:#111;color:#fff}.client-invoice-action-v567 small,.client-invoice-action-v567 b,.client-invoice-action-v567 span{display:block}.client-invoice-action-v567 small{color:#ffc400;font-size:8px;font-weight:900}.client-invoice-action-v567 b{margin:3px 0;font-size:17px}.client-invoice-action-v567 span{color:#999;font-size:9px}.client-invoice-action-v567 strong{padding:9px 11px;border-radius:8px;background:#ffc400;color:#111;font-size:9px}
.client-doc-stats-v567{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.client-doc-stats-v567>div{padding:15px;border:1px solid #deded8;border-radius:11px;background:#fff}.client-doc-stats-v567 small,.client-doc-stats-v567 b{display:block}.client-doc-stats-v567 small{color:#8c6800;font-size:8px;font-weight:900}.client-doc-stats-v567 b{margin-top:5px;font-size:23px}
.client-invoice-grid-v567{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.client-invoice-card-v567{padding:15px;border:1px solid #deded8;border-radius:12px;background:#fff}.client-invoice-top-v567{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.client-invoice-top-v567 small,.client-invoice-top-v567 b{display:block}.client-invoice-top-v567 small{color:#8c6800;font-size:8px;font-weight:900}.client-invoice-top-v567 b{margin-top:3px;font-size:15px}.client-invoice-top-v567>span{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:900}.client-invoice-top-v567 .paid{background:#e6f5ea;color:#24743d}.client-invoice-top-v567 .due{background:#fff0d0;color:#8a6100}
.client-invoice-card-v567>p{min-height:34px;color:#777;font-size:10px;line-height:1.5}.client-invoice-money-v567{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.client-invoice-money-v567>div{padding:8px;border-radius:7px;background:#f6f6f3}.client-invoice-money-v567 small,.client-invoice-money-v567 b{display:block}.client-invoice-money-v567 small{color:#888;font-size:7px}.client-invoice-money-v567 b{margin-top:3px;font-size:11px}.client-invoice-card-v567 footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.client-invoice-card-v567 footer span{color:#888;font-size:8px}.client-invoice-card-v567 footer strong{font-size:9px}
@media(max-width:760px){
 .client-invoice-action-v567{align-items:flex-start;flex-direction:column}.client-invoice-action-v567 b{font-size:20px}.client-invoice-action-v567 span{font-size:11px}.client-invoice-action-v567 strong{width:100%;text-align:center;font-size:11px}
 .client-doc-stats-v567{grid-template-columns:1fr 1fr}.client-doc-stats-v567>div:first-child{grid-column:1/-1}.client-doc-stats-v567 b{font-size:25px}
 .client-invoice-grid-v567{grid-template-columns:1fr}.client-invoice-top-v567 b{font-size:17px}.client-invoice-card-v567>p{font-size:12px}.client-invoice-money-v567 small{font-size:8px}.client-invoice-money-v567 b{font-size:13px}.client-invoice-card-v567 footer span,.client-invoice-card-v567 footer strong{font-size:10px}
}