/* Final, compact layer for the company-owner customer record. */
.customer-profile-drawer{
    width:min(820px,calc(100vw - 40px))!important;
    height:auto!important;
    max-height:min(660px,calc(100vh - 40px))!important;
    min-height:0!important;
    display:flex;
    flex-direction:column;
    overflow:hidden!important;
    background:#fbfcfa!important;
}

.customer-profile-drawer .profile-drawer-head{
    flex:0 0 auto;
    align-items:center;
    padding:17px 22px;
}

.customer-profile-drawer .profile-customer{gap:10px;align-items:center}
.customer-profile-drawer .profile-customer>b{width:38px;height:38px;font-size:10px}
.customer-profile-drawer .profile-drawer-head span{font-size:7px;letter-spacing:1.1px}
.customer-profile-drawer .profile-drawer-head h2{font-size:22px;line-height:1.05;margin:3px 0 2px}
.customer-profile-drawer .profile-drawer-head p{font-size:8px}
.customer-profile-drawer .profile-drawer-head>button{width:30px;height:30px;font-size:18px}

.customer-profile-drawer .profile-contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:0 22px;
}

.customer-profile-drawer .profile-contact-grid div{
    min-height:48px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:8px 13px 8px 0;
    margin:0;
    border-right:0;
    border-bottom:1px solid #e6ebe6;
}

.customer-profile-drawer .profile-contact-grid div:nth-child(odd){border-right:1px solid #e6ebe6;padding-right:13px}
.customer-profile-drawer .profile-contact-grid div:nth-child(even){padding-left:14px}
.customer-profile-drawer .profile-contact-grid div:nth-last-child(-n+2){border-bottom:0}
.customer-profile-drawer .profile-contact-grid small{font-size:7px;color:#718078}
.customer-profile-drawer .profile-contact-grid strong{font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.customer-profile-drawer .customer-wallet-strip{
    min-height:58px;
    padding:10px 22px;
    gap:14px;
    border-top:1px solid #e5ece7;
    border-bottom:1px solid #dce7e0;
    background:#f3f8f5;
}

.customer-profile-drawer .customer-wallet-summary{gap:9px;min-width:0}
.customer-profile-drawer .customer-wallet-icon{width:31px;height:31px;border-radius:8px;font-size:15px}
.customer-profile-drawer .customer-wallet-summary small{font-size:7px;letter-spacing:.8px}
.customer-profile-drawer .customer-wallet-summary strong{font-size:17px;margin-top:1px}
.customer-profile-drawer .customer-wallet-summary em{display:none}
.customer-profile-drawer .customer-wallet-strip>a{height:31px;display:inline-flex;align-items:center;white-space:nowrap;padding:0 11px;font-size:8px}

.customer-profile-drawer .profile-tabs{flex:0 0 auto;gap:20px;padding:0 22px}
.customer-profile-drawer .profile-tabs button{height:42px;font-size:9px}

.customer-profile-drawer .profile-panel{
    flex:1 1 auto;
    overflow:auto;
    padding:15px 22px 12px;
}

.customer-profile-drawer .profile-panel section{margin-bottom:14px}
.customer-profile-drawer .profile-panel section>span{font-size:7px}
.customer-profile-drawer .interested-property{grid-template-columns:42px 1fr auto;padding:9px;margin-top:6px}
.customer-profile-drawer .interested-property>i{height:38px}
.customer-profile-drawer .interested-property strong{font-size:10px}
.customer-profile-drawer .interested-property small{font-size:8px}
.customer-profile-drawer .profile-details{margin-top:6px}
.customer-profile-drawer .profile-details div{padding:9px 11px}
.customer-profile-drawer .profile-details dt{font-size:7px}
.customer-profile-drawer .profile-details dd{font-size:9px}
.customer-profile-drawer .profile-note{padding:10px;margin-top:6px}
.customer-profile-drawer .profile-note p{font-size:9px;line-height:1.45}
.customer-profile-drawer .profile-note small,.customer-profile-drawer .profile-note button{font-size:7px}

.customer-purchase-list{display:grid;gap:10px}.customer-purchase-card{overflow:hidden;border:1px solid #dce8df;border-radius:11px;background:#fff}.customer-purchase-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:linear-gradient(145deg,#f6fbf7,#f0f7f2);border-bottom:1px solid #e0ebe3}.customer-purchase-card header small,.customer-purchase-card header strong,.customer-purchase-card header span{display:block}.customer-purchase-card header small{color:#2c7a50;font-size:7px;font-weight:900;letter-spacing:.8px}.customer-purchase-card header strong{margin-top:3px;color:#183a29;font-size:12px}.customer-purchase-card header span{margin-top:3px;color:#718078;font-size:8px}.customer-purchase-card header b{flex:none;border-radius:999px;background:#fff1d9;color:#9a6517;padding:6px 9px;font-size:8px;text-transform:capitalize}.customer-purchase-card header b.paid{background:#def4e6;color:#187045}.customer-purchase-card dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.customer-purchase-card dl div{min-width:0;padding:10px 12px;border-right:1px solid #e7ece8}.customer-purchase-card dl div:last-child{border-right:0}.customer-purchase-card dt{color:#7a8880;font-size:7px;text-transform:uppercase}.customer-purchase-card dd{margin:4px 0 0;color:#233d30;font-size:9px;font-weight:800;overflow-wrap:anywhere}.customer-purchase-card footer{padding:8px 12px;border-top:1px solid #e7ece8;color:#738079;font-size:8px}.customer-purchase-list:empty{display:none}

.customer-profile-drawer .profile-drawer-actions{
    position:static!important;
    flex:0 0 auto;
    width:auto!important;
    padding:11px 22px;
}

.customer-profile-drawer .profile-drawer-actions button{height:34px;font-size:8px}

.customer-purchase-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.customer-purchase-card footer a{flex:none;border:1px solid #cbdaf6;border-radius:6px;background:#f4f7ff;color:#245fc5;padding:6px 8px;text-decoration:none;font-weight:800}

@media(max-width:620px){
    .customer-profile-drawer{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}
    .customer-profile-drawer .profile-drawer-head,
    .customer-profile-drawer .profile-contact-grid,
    .customer-profile-drawer .customer-wallet-strip,
    .customer-profile-drawer .profile-tabs,
    .customer-profile-drawer .profile-panel,
    .customer-profile-drawer .profile-drawer-actions{padding-left:15px;padding-right:15px}
    .customer-profile-drawer .profile-contact-grid{grid-template-columns:1fr}
    .customer-profile-drawer .profile-contact-grid div,.customer-profile-drawer .profile-contact-grid div:nth-child(odd),.customer-profile-drawer .profile-contact-grid div:nth-child(even){padding-left:0;padding-right:0;border-right:0;border-bottom:1px solid #e6ebe6}
    .customer-profile-drawer .profile-contact-grid div:last-child{border-bottom:0}
    .customer-profile-drawer .customer-wallet-strip>a{font-size:0;padding:0 9px}
    .customer-profile-drawer .customer-wallet-strip>a span{font-size:15px}
    .customer-profile-drawer .profile-tabs{gap:14px}
    .customer-purchase-card dl{grid-template-columns:1fr 1fr}.customer-purchase-card dl div{border-bottom:1px solid #e7ece8}.customer-purchase-card dl div:nth-child(even){border-right:0}.customer-purchase-card dl div:nth-last-child(-n+2){border-bottom:0}
    .customer-profile-drawer .profile-drawer-actions{justify-content:stretch}
    .customer-profile-drawer .profile-drawer-actions button{flex:1;padding:0 6px}
}