.clients-view{width:100%;max-width:1400px;margin:auto;padding:20px}.clients-top{display:flex;justify-content:space-between;align-items:center}.clients-top h1{font-size:22px}.client-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.client-summary article{display:grid;gap:7px;padding:14px;border:1px solid #343a3c;border-radius:7px;background:#171b1c}.client-summary small{color:#929a9c;font-size:11px;font-weight:750}.client-summary b{font-size:23px}.client-tabs{display:flex;gap:6px;margin-bottom:12px}.client-tabs button,.client-activity-title button{border:1px solid #3d4446;border-radius:5px;background:#191d1e;color:#aeb5b7;padding:7px 11px}.client-tabs .active,.client-activity-title .active{border-color:#b98225;background:#332814;color:#ffd174}.clients-panel{margin:12px 0 20px;border:1px solid #303638;border-radius:7px;background:#151819;overflow:hidden}.clients-panel h2{margin:0;padding:13px 15px;border-bottom:1px solid #303638;font-size:14px}.client-table-head,.client-row{display:grid;grid-template-columns:minmax(180px,1fr) 150px 150px 150px;align-items:center}.client-table-head,.client-activity-head{padding:9px 14px;background:#111415;color:#899294;font-size:10px;font-weight:800}.client-row{width:100%;min-height:50px;padding:8px 14px;border:0;border-top:1px solid #292f31;background:#181c1d;color:#e9eded;text-align:left}.client-row:hover{background:#202526}.client-row strong{font-size:16px}.client-row b{font-size:17px}.client-row.owes b{color:#efb65c}.client-row.clear b{color:#75d69a}.client-activity-head,.client-activity-row{display:grid;grid-template-columns:130px minmax(150px,1fr) 140px 90px 130px;align-items:center}.client-activity-row{padding:10px 14px;border-top:1px solid #292f31}.client-activity-row button,.client-timeline button{border:0;background:none;color:#e8ad49;text-align:left}.client-activity-row>:last-child{text-align:right}.debt-up{color:#efaa62}.debt-down{color:#76d69b}.clients-empty{padding:24px;color:#899294;text-align:center}.client-detail{width:min(1000px,calc(100% - 24px));max-height:94vh}.client-detail-body,#clientDetailBody{padding:16px;max-height:calc(94vh - 58px);overflow:auto}.client-profile-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px}.client-profile-summary>div{display:grid;gap:6px;padding:13px;border:1px solid #343a3c;border-radius:6px;background:#111415}.client-profile-summary small{color:#929a9c}.client-profile-summary b{font-size:18px}.client-profile-summary>div:first-child b{color:#efb65c;font-size:25px}.client-profile-actions{padding:11px 0}.client-detail-section{margin-top:10px;border-top:1px solid #343a3c}.client-detail-section h3{font-size:12px;letter-spacing:.06em}.client-order-card{width:100%;display:flex;justify-content:space-between;gap:12px;padding:11px;border:0;border-left:3px solid;border-bottom:1px solid #303638;background:#171b1c;color:#eee;text-align:left}.client-order-card>span{display:grid;gap:4px}.client-order-card>span:last-child{text-align:right}.client-order-card.partial{border-left-color:#d09c2e}.client-order-card.unpaid{border-left-color:#ca535a}.client-order-card.paid{border-left-color:#48a66d}.client-order-card i{justify-self:end;border-radius:10px;padding:3px 7px;font-size:10px;font-style:normal}.client-order-card.partial i{background:#463718;color:#f1c66a}.client-order-card.unpaid i{background:#462326;color:#ef9298}.client-order-card.paid i{background:#183d2b;color:#7be2a9}.client-activity-title{display:flex;align-items:center;justify-content:space-between}.client-activity-title>div{display:flex;gap:4px}.client-activity-title button{padding:5px 8px;font-size:11px}.client-timeline>div{display:grid;grid-template-columns:180px 1fr 120px;gap:10px;padding:10px 0;border-top:1px solid #303638}.client-timeline span{display:grid}.client-timeline strong{text-align:right}.client-order-paper{width:min(980px,calc(100% - 20px));max-height:95vh;background:#f5f3ed;color:#25282a;border-color:#aaa69e}.client-order-paper::backdrop{background:#000c}.client-paper-head{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #c8c4bb;background:#e8e5de}.client-paper-head h2{margin:0}.client-paper-head .x{color:#555}.client-paper-head small{color:#606668}.client-order-paper #clientOrderBody{padding:18px;max-height:calc(95vh - 70px);overflow:auto}.client-paper-row{display:grid;grid-template-columns:minmax(250px,1fr) 90px 110px 120px;gap:8px;padding:10px 7px;border-bottom:1px solid #d1cec6}.client-paper-row>:last-child{text-align:right}.client-paper-row.head{background:#dfdcd4;font-size:10px;font-weight:800}.client-paper-totals{width:min(430px,100%);display:grid;gap:8px;margin:14px 0 14px auto}.client-paper-totals span{display:flex;justify-content:space-between}.client-paper-totals .grand{padding-top:8px;border-top:2px solid #777;font-size:18px}.client-paper-totals i{justify-self:end;padding:4px 8px;border-radius:10px;font-style:normal;font-weight:800}.client-paper-totals .paid{background:#dcefe3;color:#267447}.client-paper-totals .partial{background:#f4e7bd;color:#8a6410}.client-paper-totals .unpaid{background:#f3dadd;color:#a33038}.client-paper-section{padding:10px 0;border-top:1px solid #c8c4bb}.client-paper-section h3{font-size:12px}.paper-payment{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #d5d2ca}.paper-action{margin-top:9px;border:1px solid #ad8435;background:transparent;color:#785612;padding:7px 10px}.paper-history{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #d5d2ca}.paper-history p{margin:0;line-height:1.6}.archive-debt{margin-top:12px;border:1px solid #777;background:transparent;color:#555;padding:8px 11px}.client-payment select{height:38px;border:1px solid #343a3c;border-radius:5px;background:#101213;color:#fff;padding:0 8px}@media(max-width:700px){.clients-view{padding:12px}.client-summary{grid-template-columns:1fr}.client-table-head,.client-activity-head{display:none}.client-row{grid-template-columns:1fr 1fr;gap:7px}.client-row b{text-align:right}.client-row span:before{content:'Last Order: ';color:#899294}.client-row span:last-child:before{content:'Last Payment: '}.client-activity-row{grid-template-columns:1fr 1fr;gap:6px}.client-activity-row>:last-child{text-align:left}.client-profile-summary{grid-template-columns:1fr}.client-activity-title{align-items:start;gap:8px;flex-direction:column}.client-activity-title>div{flex-wrap:wrap}.client-timeline>div{grid-template-columns:1fr auto}.client-timeline time{grid-column:1/-1}.client-detail{width:100%;height:100%;max-height:100%;border-radius:0}.client-detail-body,#clientDetailBody{max-height:calc(100vh - 58px);padding:12px}.client-order-card{font-size:13px}.client-order-paper{width:100%;height:100%;max-height:100%;border:0;border-radius:0}.client-order-paper #clientOrderBody{max-height:calc(100vh - 66px);padding:12px}.client-paper-row{grid-template-columns:1fr auto}.client-paper-row.head{display:none}.client-paper-row span:nth-child(2){grid-column:1}.client-paper-row span:nth-child(3){grid-column:1}.client-paper-row b{grid-column:2;grid-row:2/4}.paper-history{grid-template-columns:1fr}.client-tabs{overflow-x:auto}.client-tabs button{white-space:nowrap}}