/* UNDURUV FINAL UI v6 — client card + stable inner tables */
:root{--v6-navy:#102544;--v6-blue:#1769e8;--v6-red:#ef1734;--v6-green:#0aa66f;--v6-amber:#db8500;--v6-line:#dbe5ef;--v6-soft:#f6f9fc}
.table-wrap{
  max-height:min(68vh,720px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable both-edges!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
}
.table-wrap .table{min-width:max-content!important}
.report-table-shell{min-width:0!important}
.table-export-bar{position:relative!important;z-index:4!important}
.client-mobile-shell{max-width:1180px;margin:0 auto;padding-bottom:92px;color:var(--v6-navy)}
.client-mobile-head{display:grid;grid-template-columns:52px 1fr 42px;align-items:center;gap:8px;min-height:72px;padding:10px 16px;background:linear-gradient(135deg,#112944,#1b3858);color:#fff;border-radius:20px;margin-bottom:16px;box-shadow:0 14px 34px #10254420}
.client-mobile-head b{font-size:25px;font-weight:950;letter-spacing:-.025em}
.client-mobile-head>span{font-size:28px;text-align:center;letter-spacing:2px}
.client-head-back{width:42px;height:42px;border:0;background:transparent!important;color:#fff!important;font-size:34px;line-height:1;cursor:pointer}
.client-profile-card,.client-work-card{background:#fff;border:1px solid var(--v6-line);border-radius:22px;box-shadow:0 10px 30px #1025440a}
.client-profile-card{padding:22px;margin-bottom:14px}
.client-profile-top{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:18px;align-items:center;padding-bottom:20px;border-bottom:1px solid #e5ebf2}
.client-avatar{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d8f3e8,#edf9f4);color:#087356;font-size:34px;font-weight:950}
.client-identity h2{margin:0 0 10px;font-size:25px;line-height:1.15;color:var(--v6-navy);font-weight:950}
.client-id-line{display:flex;gap:14px 22px;align-items:center;flex-wrap:wrap;color:#526983;font-size:15px}
.client-id-line a{color:var(--v6-navy);text-decoration:none;font-weight:850}
.client-id-line b{color:var(--v6-navy)}
.client-state-badges{display:grid;gap:9px;justify-items:end}
.soft-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}
.soft-badge.red{background:#ffedf1;color:#cc1530}.soft-badge.green{background:#e8f9f1;color:#087c55}.soft-badge.amber{background:#fff4df;color:#ae6500}.soft-badge.blue{background:#eaf3ff;color:#1463d9}.soft-badge.gray{background:#eff3f7;color:#607289}
.client-profile-lines{display:grid;margin-top:8px}
.client-profile-lines>div{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:start;padding:12px 2px;border-bottom:1px solid #edf1f5}
.client-profile-lines>div:last-child{border-bottom:0}
.client-profile-lines span{color:#697d94;font-weight:750}.client-profile-lines b{color:var(--v6-navy);font-weight:850}
.client-money-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border:1px solid var(--v6-line);border-radius:22px;padding:12px;margin-bottom:14px}
.client-money{min-height:92px;padding:17px 20px;border-radius:17px;display:grid;align-content:center;gap:6px}
.client-money small{font-size:13px;color:#536983;font-weight:750}.client-money b{font-size:23px;letter-spacing:-.02em;font-weight:950}
.client-money.red{background:linear-gradient(135deg,#fff1f4,#fff8f9)}.client-money.red b{color:#c51231}
.client-money.amber{background:linear-gradient(135deg,#fff5e6,#fffaf3)}.client-money.amber b{color:#a95a00}
.client-money.green{background:linear-gradient(135deg,#eaf9f2,#f7fdf9)}.client-money.green b{color:#087b55}
.client-money.blue{background:linear-gradient(135deg,#ebf3ff,#f8fbff)}.client-money.blue b{color:#125dce}
.client-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.client-quick-actions button{min-height:100px;border:1px solid var(--v6-line)!important;background:#fff!important;color:var(--v6-navy)!important;border-radius:18px!important;box-shadow:0 8px 24px #10254408!important;font-size:24px!important;font-weight:900!important;display:grid!important;place-items:center!important;align-content:center!important;gap:5px!important}
.client-quick-actions button span{font-size:13px}
.client-work-card{overflow:hidden}
.client-main-tabs,.contract-subtabs{display:flex;align-items:center;gap:2px;padding:5px 8px;background:#fff;border-bottom:1px solid #e4ebf2;overflow-x:auto;scrollbar-width:thin}
.client-main-tabs button,.contract-subtabs button{flex:1 0 auto;min-height:44px;padding:0 16px;border:0!important;background:transparent!important;color:#667b94!important;border-radius:9px 9px 0 0!important;font-weight:900!important;white-space:nowrap}
.client-main-tabs button.active,.contract-subtabs button.active{color:var(--v6-blue)!important;box-shadow:inset 0 -3px 0 var(--v6-blue)!important}
#clientTabBody{padding:16px}
.client-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 13px}
.client-section-title h3{margin:0;color:var(--v6-navy);font-size:18px;font-weight:950}
.client-info-list{border:1px solid #e2e9f1;border-radius:17px;overflow:hidden}
.client-info-list>div{display:grid;grid-template-columns:minmax(130px,.7fr) 1.5fr;gap:16px;padding:11px 14px;border-bottom:1px solid #edf1f5}
.client-info-list>div:last-child{border-bottom:0}.client-info-list span{color:#6c8097}.client-info-list b{color:var(--v6-navy);font-weight:850}
.client-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2e9f1;border:1px solid #e2e9f1;border-radius:15px;overflow:hidden;margin-top:12px}
.client-summary-strip span{background:#fff;padding:13px}.client-summary-strip small{display:block;color:#788ba1}.client-summary-strip b{display:block;margin-top:4px;color:var(--v6-navy);font-size:17px}
.client-contract-kpis,.client-pay-kpis,.client-doc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}
.client-contract-kpis>span,.client-pay-kpis>span,.client-doc-summary>span{background:#f6f9fc;border:1px solid #e1e9f2;border-radius:15px;padding:14px 16px}
.client-contract-kpis small,.client-pay-kpis small,.client-doc-summary small{display:block;color:#6b8098;font-size:12px}
.client-contract-kpis b,.client-pay-kpis b,.client-doc-summary b{display:block;color:var(--v6-navy);font-size:18px;margin-top:4px;font-weight:950}
.client-contract-kpis .green b,.client-pay-kpis .green b{color:#07805a}.client-contract-kpis .red b{color:#d21c39}.client-pay-kpis .blue b{color:#1464d7}.client-pay-kpis em{display:block;color:#7c8fa5;font-style:normal;font-size:11px;margin-top:3px}
.contract-card-list{display:grid;gap:11px}
.contract-card{display:block!important;width:100%!important;text-align:left!important;border:1px solid #dfe8f1!important;background:#fff!important;color:var(--v6-navy)!important;border-radius:17px!important;padding:15px 17px!important;box-shadow:0 6px 18px #10254407!important}
.contract-card:hover{border-color:#b9caDC!important;background:#fbfdff!important}
.contract-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #edf1f5}
.contract-card-top>div{display:grid;gap:4px}.contract-card-top b{font-size:18px}.contract-card-top small{color:#6e8299}
.contract-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.contract-card-grid small{display:block;color:#778ba2;font-size:11px}.contract-card-grid b{display:block;margin-top:4px;font-size:14px;white-space:nowrap}
.client-contract-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.client-contract-detail-grid>div{min-height:74px;border:1px solid #e3eaf2;background:#f7f9fc;border-radius:13px;padding:11px 13px}
.client-contract-detail-grid small{display:block;color:#73869c;font-size:11px}.client-contract-detail-grid b{display:block;margin-top:5px;color:var(--v6-navy);font-size:14px;font-weight:900}
.comment-timeline{display:grid;gap:0;border-left:2px solid #dfe8f1;margin-left:13px}
.timeline-item{position:relative;display:grid;grid-template-columns:96px 1fr;gap:14px;padding:0 0 17px 23px}
.timeline-dot{position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#3484f5;box-shadow:0 0 0 4px #fff}.timeline-dot.green{background:#14b87a}.timeline-dot.purple{background:#9957ed}
.timeline-date{font-size:11px;color:#72869d;padding-top:2px}.timeline-main{display:grid;gap:4px}.timeline-main>b{font-size:14px;color:var(--v6-navy)}.timeline-main small{color:#74889f}.timeline-main p{margin:2px 0 0;padding:8px 10px;background:#f5f8fb;border-radius:9px;color:#536982}
.client-location-summary{display:grid;gap:7px;padding:15px;border:1px solid #dfe8f1;background:#f7fbff;border-radius:15px;margin-bottom:12px}.client-location-summary a{color:var(--v6-blue);font-weight:850}
.client-doc-summary{grid-template-columns:1fr 1fr}
.client-doc-list{display:grid;gap:7px}.client-doc-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid #e1e9f1;border-radius:13px;padding:9px 11px;background:#fff}
.client-doc-row>div{display:grid;gap:2px}.client-doc-row small{color:#778ba2}.doc-type{display:grid;place-items:center;height:44px;border-radius:10px;background:#eaf3ff;color:#1463d8;font-weight:950}
.client-sticky-actions{position:sticky;bottom:8px;z-index:12;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px;margin-top:14px;background:#ffffffee;border:1px solid #dbe5ef;border-radius:18px;box-shadow:0 12px 32px #1025441c;backdrop-filter:blur(12px)}
.client-sticky-actions button{min-height:52px!important;border-radius:15px!important;font-size:15px!important;font-weight:950!important}
.client-sticky-actions .primary{background:#1769e8!important;border-color:#1769e8!important}
.client-mobile-shell>.client-profile-card,.client-mobile-shell>.client-money-grid,.client-mobile-shell>.client-quick-actions,.client-mobile-shell>.client-sticky-actions{display:none!important}
/* remove legacy dark client tiles */
.client-mobile-shell .kv,.client-mobile-shell .inner-card,.client-mobile-shell .detail-list>div,.client-mobile-shell .profile-head{background:#fff!important;color:var(--v6-navy)!important;border-color:#dfe8f1!important}
.client-mobile-shell .kv b,.client-mobile-shell .detail-list span{color:#70849a!important}
.client-mobile-shell button.ghost{background:#fff!important;color:var(--v6-navy)!important}
@media(max-width:820px){
 .client-mobile-shell{max-width:100%;padding-bottom:86px}
 .client-mobile-head{border-radius:16px;min-height:62px;padding:7px 10px}.client-mobile-head b{font-size:21px}
 .client-profile-card{padding:15px;border-radius:18px}.client-profile-top{grid-template-columns:70px 1fr;gap:12px}.client-avatar{width:66px;height:66px;font-size:25px}.client-identity h2{font-size:19px}
 .client-state-badges{grid-column:1/-1;grid-template-columns:auto auto;justify-content:start;margin-left:82px}
 .client-profile-lines>div{grid-template-columns:94px 1fr;padding:10px 0;font-size:13px}
 .client-money-grid{gap:8px;padding:8px;border-radius:18px}.client-money{min-height:76px;padding:12px}.client-money b{font-size:18px}
 .client-quick-actions{gap:7px}.client-quick-actions button{min-height:84px!important;font-size:21px!important}.client-quick-actions button span{font-size:11px}
 .client-work-card{border-radius:18px}#clientTabBody{padding:11px}
 .client-main-tabs button,.contract-subtabs button{min-height:40px;padding:0 13px;font-size:12px}
 .client-contract-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.client-contract-kpis>span{padding:10px}.client-contract-kpis b{font-size:15px}
 .contract-card{padding:12px!important}.contract-card-grid{grid-template-columns:1fr 1fr}.contract-card-top b{font-size:16px}
 .client-contract-detail-grid{grid-template-columns:1fr 1fr}
 .client-info-list>div{grid-template-columns:105px 1fr;padding:9px 11px;font-size:12px}
 .timeline-item{grid-template-columns:75px 1fr;gap:8px;padding-left:18px}
 .client-doc-row{grid-template-columns:48px minmax(0,1fr) auto}.client-doc-row .doc-download{grid-column:2/-1;width:max-content}
 .table-wrap{max-height:60vh!important}
}
@media(max-width:480px){
 .client-profile-top{grid-template-columns:58px 1fr}.client-avatar{width:56px;height:56px;font-size:21px}.client-identity h2{font-size:17px}.client-id-line{font-size:12px;gap:7px}
 .client-state-badges{margin-left:68px}.soft-badge{font-size:10px;padding:5px 8px}
 .client-money-grid{grid-template-columns:1fr 1fr}.client-money small{font-size:10px}.client-money b{font-size:15px}
 .client-quick-actions{grid-template-columns:repeat(4,1fr)}.client-quick-actions button span{font-size:10px}
 .client-summary-strip{grid-template-columns:1fr}.client-contract-detail-grid{grid-template-columns:1fr}
 .client-sticky-actions{grid-template-columns:1fr 1.15fr;padding:8px}.client-sticky-actions button{font-size:12px!important;padding:0 8px!important}
 .client-doc-summary{grid-template-columns:1fr}.client-doc-row{grid-template-columns:44px 1fr}.client-doc-row .doc-view,.client-doc-row .doc-download{grid-column:auto;width:100%}
}

.contract-status-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:#eef2f6;border-radius:13px;margin-bottom:12px}
.contract-status-tabs button{min-height:40px;border:0!important;background:transparent!important;color:#667990!important;border-radius:9px!important;font-weight:900!important}
.contract-status-tabs button.active{background:#fff!important;color:#1769e8!important;box-shadow:0 3px 12px #10254410!important,inset 0 -2px 0 #1769e8!important}
.contract-status-tabs b{display:inline-block;margin-left:5px;font-size:10px;padding:2px 6px;background:#e6edf5;border-radius:999px}
.contract-status-tabs button.active b{background:#eaf3ff;color:#1769e8}