/* Responsive workspaces: administration, business, account and estate-agent panels. */
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main),
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) :is(.card,.card-body,.row>*,.d-flex>*,fieldset){min-width:0}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main){overflow-wrap:anywhere}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) :is(input,select,textarea){max-width:100%}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) :is(.form-control,.form-select){min-width:0}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) img{max-width:100%}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) :is(canvas,video,iframe){max-width:100%}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) :is(pre,code){overflow-wrap:anywhere;white-space:pre-wrap}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .table-responsive:focus-visible{outline:3px solid #2368bb;outline-offset:3px}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .table{vertical-align:middle}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .table :is(th,td){overflow-wrap:anywhere}
.lb-panel-table-hint{margin:.35rem 0 .5rem;padding:0 .5rem;font-size:.8rem;color:#52677f;line-height:1.5}
.lb-panel-table-hint[hidden]{display:none!important}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .pagination{flex-wrap:wrap;gap:4px}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .page-link{min-width:40px;min-height:40px;display:grid;place-items:center}
:is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) :focus-visible{outline:3px solid #2368bb;outline-offset:3px}
.admin-shell{width:100%;min-width:0}
.admin-main{overflow-x:visible}
.admin-top{gap:10px;min-height:65px}
.admin-top .navbar-brand{margin-right:0;min-width:0}
.admin-top>.ms-auto{min-width:0}
.admin-side .nav-link{min-height:44px;line-height:1.45}
.admin-side .nav-link>i{flex-shrink:0}
.admin-side .nav-link .badge{flex-shrink:0;white-space:normal;text-align:center}
.admin-save-bar{flex-wrap:wrap;gap:.5rem;padding-bottom:max(.8rem,env(safe-area-inset-bottom));isolation:isolate}
.admin-save-bar .btn{white-space:normal}
.lb-company-workspace .list-group-item,.lb-account-workspace .list-group-item{line-height:1.5}
:is(.lb-company-workspace,.lb-account-workspace) aside .list-group-item{min-height:44px;gap:.3rem}
:is(.lb-company-workspace,.lb-account-workspace) aside .list-group-item>.bi{flex:0 0 auto}
.lb-company-workspace .package-locked-link .badge{white-space:normal;line-height:1.3;max-width:100px;flex-shrink:0}
.lb-agent-shell{width:100%;min-width:0}
.lb-agent-header{min-height:74px;height:auto;padding-top:10px;padding-bottom:10px}
.lb-agent-header>.ms-auto{min-width:0;flex-shrink:0}
.lb-agent-main .container-fluid{min-width:0}
.lb-agent-sidebar .offcanvas-body{overscroll-behavior-y:contain}
.lb-agent-brand{min-width:0}
.lb-agent-main :is(.lb-agent-hero,.lb-agent-card,.lb-agent-messenger){max-width:100%}
.lb-agent-main .lb-agent-chat-form textarea{min-width:0}
.lb-agent-main .lb-agent-stat strong{font-size:clamp(1.4rem,3vw,2rem);overflow-wrap:anywhere}
@media(min-width:992px){
 .admin-side{height:calc(100dvh - 65px)}
 .lb-agent-sidebar{position:sticky;top:74px;height:calc(100dvh - 74px);align-self:flex-start;overflow-y:auto}
 .lb-agent-sidebar .offcanvas-body{position:static;max-height:none}
 :is(.lb-company-workspace,.lb-account-workspace) aside .list-group{max-height:calc(100dvh - 120px);overflow-y:auto;scrollbar-width:thin}
}
@media(min-width:992px) and (max-width:1199.98px){
 .admin-side{width:232px;flex-basis:232px}
 .admin-side .nav-link{margin-right:7px!important;margin-left:7px!important;padding-left:10px!important;padding-right:10px!important;font-size:12px!important}
 .lb-admin-brand{padding-left:11px;padding-right:11px}
 .lb-admin-brand .lb-admin-brand-icon{width:32px;height:32px;margin-right:5px}
 .lb-admin-brand strong{font-size:12px}
 .lb-agent-sidebar{width:230px;flex-basis:230px}
 .lb-agent-main{padding-right:18px;padding-left:18px}
}
@media(max-width:991.98px){
 .admin-main{width:100%;padding-bottom:30px!important}
 .admin-side.offcanvas-lg,.lb-agent-sidebar.offcanvas-lg{z-index:1055;width:min(340px,calc(100vw - 28px));height:100dvh;min-height:0;max-width:100%;flex:none}
 .admin-side .offcanvas-header,.lb-agent-sidebar .offcanvas-header{flex-shrink:0;min-height:64px}
 .admin-side .offcanvas-body,.lb-agent-sidebar .offcanvas-body{min-height:0!important;max-height:none!important;height:auto;overflow-y:auto;flex:1 1 auto}
 .admin-side .offcanvas-body{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
 .lb-agent-sidebar .offcanvas-body{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
 .admin-side .offcanvas-header .btn-close,.lb-agent-sidebar .offcanvas-header .btn-close{padding:14px;margin-right:0}
 :is(.lb-company-workspace,.lb-account-workspace)>.row{--bs-gutter-y:1.25rem}
 .lb-agent-main{width:100%}
 .lb-agent-sidebar .offcanvas-body{position:static}
}
@media(max-width:767.98px){
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) :is(.form-control,.form-select){font-size:16px;min-height:44px}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) input[type=file]{font-size:14px}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .btn{min-height:44px;white-space:normal;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .btn-group{flex-wrap:wrap;gap:4px}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .btn-group>.btn{border-radius:6px!important}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) :is(.form-label,.form-check-label){line-height:1.5}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .table-responsive>.table:not(.hours-form){min-width:560px}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .hours-form{min-width:480px}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .table .btn{min-height:40px}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .card-header.d-flex{flex-wrap:wrap;gap:.5rem}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .list-group-item.d-flex{flex-wrap:wrap;gap:.5rem}
 :is(.admin-main,.lb-company-workspace,.lb-account-workspace,.lb-agent-main) .form-check{min-height:32px}
 .admin-main .lb-wp-toolbar{gap:4px}
 .admin-main .lb-wp-tool{min-width:38px;min-height:40px}
 .admin-main .lb-wp-content{font-size:16px}
 .admin-main .lb-wp-tabs{overflow-x:auto}
 .admin-main .editorial-topnav a{min-height:44px}
 .lb-company-workspace.bg-panel>.container{align-items:flex-start!important;gap:12px!important}
 .lb-company-workspace.bg-panel>.container>.me-auto{flex:1 1 calc(100% - 70px)}
 .lb-company-workspace.bg-panel h1{line-height:1.4}
 .lb-company-workspace.bg-panel form{width:100%;min-width:0}
 .lb-agent-main .lb-agent-stat{padding:16px;min-height:120px}
 .lb-agent-main .lb-agent-card .table :is(th,td){padding:12px 10px}
}
@media(max-width:575.98px){
 .admin-top{padding:8px 12px!important;gap:8px;flex-wrap:nowrap}
 .admin-top .navbar-brand{font-size:16px;line-height:1.25}
 .admin-top .navbar-brand small{display:block;font-size:10px}
 .admin-top>.ms-auto{gap:8px!important}
 .admin-top :is(.btn,[target=_blank]){min-width:40px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .admin-top>.btn{margin-right:0!important}
 .admin-main{padding:16px 12px!important}
 .admin-main>.d-flex,.lb-company-workspace>.row>.col-lg-9>.d-flex,.lb-account-workspace>.row>.col-lg-9>.d-flex{flex-wrap:wrap;gap:.65rem}
 .admin-main .card-body.p-4,.lb-company-workspace .card-body.p-4{padding:18px!important}
 .admin-main .lb-estate-admin-card{padding:14px}
 .admin-save-bar .btn{flex:1 1 auto}
 .lb-agent-header{padding:10px 12px;gap:8px;flex-wrap:wrap}
 .lb-agent-header>.btn{min-width:44px;min-height:44px}
 .lb-agent-brand{font-size:.9rem;flex:1 1 auto;white-space:normal;line-height:1.4}
 .lb-agent-brand span{font-size:.58rem;padding:3px 5px}
 .lb-agent-header>.ms-auto{gap:6px!important}
 .lb-agent-header>.ms-auto .btn{min-width:40px;min-height:40px}
 .lb-agent-main{padding:18px 0 38px}
 .lb-agent-main .container-fluid{padding-left:12px;padding-right:12px}
 .lb-agent-main .lb-agent-hero{padding:22px 18px;border-radius:16px}
 .lb-agent-main .lb-agent-hero h1{font-size:1.65rem}
 .lb-agent-main .lb-agent-invoice{padding:14px}
 .lb-agent-main .lb-agent-chat-form{gap:8px;padding:10px}
 .lb-agent-main .lb-agent-chat-form .btn{flex:0 0 48px;padding:8px}
}
@media(max-width:359.98px){
 .admin-top{gap:5px;padding-left:8px!important;padding-right:8px!important}
 .admin-top .navbar-brand{font-size:14px}
 .admin-top>.ms-auto{gap:4px!important}
 .admin-top :is(.btn,[target=_blank]){min-width:36px}
 .lb-agent-brand{max-width:calc(100% - 60px)}
 .lb-agent-header>.ms-auto{width:100%;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){
 .admin-side,.lb-agent-sidebar,.lb-agent-plan-content{transition:none!important;scroll-behavior:auto}
}
@media print{
 .admin-top,.admin-side,.lb-agent-header,.lb-agent-sidebar,:is(.lb-company-workspace,.lb-account-workspace) aside,.admin-save-bar{display:none!important}
 .admin-main,.lb-agent-main{width:100%;padding:0!important}
 .table-responsive{overflow:visible!important}
 .lb-panel-table-hint{display:none!important}
}
/* .my-listing used to wrap a column flex container: its card body then kept
   the longest title's intrinsic width. Give the body the card's actual width. */
.lb-account-workspace .my-listing{display:block;padding:0;flex-wrap:nowrap}
.lb-account-workspace .my-listing>.card-body{width:100%;max-width:100%;min-width:0}
.lb-account-workspace .my-listing>.card-body>.flex-grow-1{flex:1 1 0;min-width:0}
.lb-account-workspace .my-listing .listing-actions{flex:0 1 220px;max-width:100%;align-content:flex-start}
.lb-account-workspace .my-listing-title{white-space:normal;overflow-wrap:anywhere;line-height:1.5;text-decoration:none}
.lb-account-workspace .my-listing-title:hover{text-decoration:underline}
.lb-account-workspace .my-listing .badge{white-space:normal;line-height:1.4}
@media(max-width:767.98px){
 .lb-account-workspace .my-listing>.card-body>.flex-grow-1{flex:0 1 auto}
 .lb-account-workspace .my-listing .listing-actions{flex:0 1 auto;margin-left:0;width:100%}
}