/* Shared screen layouts. Printable reports keep their original layout. */
@media screen{
:root{--cfp-topbar-height:78px}.workspace,.main,.panel,.tab-panel,.command-dashboard,.form-grid>*,.form-grid,.form-grid label,.form-grid input,.form-grid select,.form-grid textarea{min-width:0}.workspace,.main{max-width:100%}.table-wrap,.responsive-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.responsive-cell-value{min-width:0}.responsive-table-scroll:focus-visible{outline:3px solid #63bbc5;outline-offset:2px}.panel-header,.actions,.row-actions{flex-wrap:wrap}.main img,.main video,.main iframe{max-width:100%}.main pre,.main code{overflow-wrap:anywhere}.main pre{white-space:pre-wrap;max-width:100%}.calendar-grid{min-width:0}.folder-tabs{max-width:100%}.folder-tabs a{white-space:nowrap;word-break:normal}.badge{word-break:normal;overflow-wrap:normal;white-space:normal}.main input,.main select,.main textarea{max-width:100%;min-width:0}.responsive-single-row td{overflow-wrap:break-word;word-break:normal}.responsive-empty-cell{text-align:center}
@media(max-width:1024px){
.app-layout,.nav-collapsed .app-layout{display:block;padding-top:var(--cfp-topbar-height)}.topbar{min-height:72px;height:auto;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:10px 14px}.header-brand{width:auto;max-width:none;min-width:0;font-size:15px;line-height:1.35;overflow-wrap:break-word}.header-brand .product-logo{max-width:230px;max-height:42px}.header-search{display:none}.user-menu{min-width:0;margin-left:0;gap:8px}.user-menu .account-link{min-width:0}.user-menu b{display:block;max-width:135px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu small{font-size:11px}.topbar .menu-button{min-width:44px;min-height:44px;padding:7px;border-radius:5px}.topbar .small{min-height:44px;font-size:12px;padding:10px}.sidebar,.nav-collapsed .sidebar{display:none;position:fixed;top:var(--cfp-topbar-height);left:0;bottom:0;height:calc(100vh - var(--cfp-topbar-height));height:calc(100dvh - var(--cfp-topbar-height));width:min(300px,86vw);max-width:100%;z-index:35;overflow-y:auto;overscroll-behavior:contain;padding:0;padding-bottom:env(safe-area-inset-bottom);box-shadow:8px 0 26px #081f3355}.sidebar.open,.nav-collapsed .sidebar.open{display:flex}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:var(--cfp-topbar-height) 0 0;z-index:34;min-height:0;background:#081f3380;border:0;padding:0}.topbar{z-index:40}.sidebar-brand{padding:16px 18px}.sidebar .sidebar-brand img.sidebar-agency-logo,.sidebar .sidebar-brand img{width:96px;height:96px;max-width:96px;max-height:96px;margin-bottom:8px}.sidebar .sidebar-brand img.sidebar-product-logo{width:210px;height:auto;max-width:210px;max-height:75px}.sidebar-brand strong{font-size:13px}.atlas-sidebar>.nav-link,.sidebar-group>summary,.sidebar-submenu .nav-link{min-height:44px;font-size:14px}.menu-open{overflow:hidden}.main{padding:22px 18px}.app-layout .workspace{width:100%}.command-hero,.page-banner{flex-wrap:wrap;min-width:0}.dashboard-header-actions{flex-shrink:1}.dashboard-header-actions .actions{flex-wrap:wrap}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-weekday,.calendar-pad{display:none}.calendar-day{min-height:125px}.responsive-table{table-layout:auto!important;min-width:640px}.responsive-table.cols-many{min-width:950px}.responsive-table.cols-small{min-width:420px}.responsive-table td,.responsive-table th{word-break:normal;overflow-wrap:break-word;min-width:90px}.responsive-table .badge{display:inline-block;white-space:nowrap}.form-grid,.form-grid>*{max-width:100%}.invoice-dashboard-heading{flex-wrap:wrap}.invoice-dashboard-heading form{flex-wrap:wrap}.invoice-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-builder-toolbar{flex-wrap:wrap}.diagram-layout{grid-template-columns:1fr}.diagram-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.diagram-tools h3,.diagram-tools .actions{grid-column:1/-1}.diagram-layers{grid-column:auto}.diagram-canvas{height:450px}.table-wrap dialog{max-width:calc(100vw - 28px)}dialog{max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow:auto}.billing-settings-grid,.accountant-grid,.relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.topbar{gap:8px;padding:8px}.header-brand{font-size:13px;line-height:1.3}.header-brand .product-logo{max-height:34px}.user-menu{gap:6px}.user-menu b{max-width:86px;font-size:11px}.user-menu small{font-size:10px}.topbar .small{font-size:11px;padding:8px}.main{padding:16px 12px}.breadcrumb{flex-wrap:wrap}.panel{padding:16px}.panel,.module-intro{overflow-wrap:break-word}.page-banner,.command-hero{padding:18px;flex-direction:column;align-items:flex-start}.page-banner h1{font-size:24px}.command-hero h2{font-size:23px}.case-header-side{width:100%;align-items:flex-start}.banner-date{white-space:normal;text-align:left}.dashboard-header-actions{width:100%;align-items:stretch}.dashboard-header-actions>.actions{justify-content:flex-start}.dashboard-header-actions>.actions>.button{flex:1 1 130px;text-align:center}.dashboard-header-actions>.dashboard-invoices-button{flex:0 0 auto}.dashboard-invoices-button{width:100%;min-width:0!important}.actions,.row-actions{gap:8px;align-items:center}.actions form,.row-actions form{max-width:100%}.main button,.main .button{min-height:44px;padding:10px 14px;white-space:normal}.main .small{font-size:13px}.panel-header{gap:10px;align-items:flex-start}.panel-header h2{font-size:18px}.folder-tabs{display:flex;flex-wrap:nowrap;gap:4px;padding-bottom:2px}.folder-tabs a{font-size:13px;min-height:44px;transform:none;border-radius:6px 6px 0 0;margin:0;padding:10px 14px}.folder-tabs a[aria-current]{padding:10px 14px}.form-grid,.form-grid-3,.form-grid-4,.protection-grid,.case-overview-grid,.relationship-grid,.billing-settings-grid,.accountant-grid,.invoice-kpis,.closure-checklist,.backup-progress-grid{grid-template-columns:minmax(0,1fr)}.form-grid{gap:0}.quick-actions{grid-template-columns:1fr}.main input:not([type=checkbox]):not([type=radio]),.main select,.main textarea,.gib-login input,.cfp-login input{font-size:16px!important;min-height:44px}.main input[type=file]{padding:8px;width:100%}.main input[type=checkbox],.main input[type=radio]{flex:none;min-width:20px;width:20px;height:20px;min-height:20px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.checkbox-label input{margin-top:2px}.inline-search{display:block}.inline-search button{margin-bottom:0}.accounting-period label,.summary-export-controls label{min-width:0;width:100%}.summary-export-controls select{width:100%;max-width:100%}.invoice-dashboard-heading form{width:100%}.invoice-dashboard-heading form label{width:100%}.command-stats{grid-template-columns:1fr}.command-strip a{min-width:0}.calendar-grid{grid-template-columns:1fr;gap:10px}.calendar-day{min-height:95px}.calendar-event{font-size:14px}.calendar-toolbar{gap:10px}.calendar-toolbar strong{flex:1;text-align:center}.calendar-toolbar .button{padding:10px;font-size:12px}.case-map{height:300px}.diagram-canvas{height:350px}.diagram-tools{grid-template-columns:1fr 1fr}.diagram-tools input,.diagram-tools select{width:100%}.public-request,.client-delivery,.delivery-shell{margin:16px auto;padding:0 12px}.public-request-header,.delivery-brand{flex-direction:column;align-items:flex-start;gap:14px}.public-request-header,.client-delivery .delivery-header,.delivery-header{padding:20px}.public-request-body{padding:20px}.delivery-brand img,.public-request-header img{width:96px;height:96px}.public-request-header h1,.client-delivery .delivery-header h1{font-size:24px}.client-delivery h2{font-size:21px}.delivery-meta{flex-wrap:wrap}.auth-layout{grid-template-columns:1fr}.auth-main{padding:24px 16px}.gib-login,.cfp-login{padding-left:16px;padding-right:16px}.gib-login-card,.cfp-login-card{max-width:100%}.gib-login-content,.cfp-login-content{padding-left:20px;padding-right:20px}.gib-login-footer,.cfp-login-footer{max-width:100%;overflow-wrap:break-word}.gib-login .cf-turnstile,.cfp-login .cf-turnstile{max-width:100%}dialog{width:calc(100vw - 28px);padding:20px;max-height:calc(100dvh - 28px)}.photo-preview-dialog img{max-height:65dvh;object-fit:contain}.backup-progress-grid{gap:12px}.wizard-workspace,.installer-workspace{max-width:100%}.installer-workspace .wizard{padding:0}.installer-workspace .wizard-layout{grid-template-columns:1fr}.installer-workspace .wizard-actions{flex-wrap:wrap}.installer-workspace .wizard-actions button{min-height:44px}.installer-workspace input,.installer-workspace select{font-size:16px}.responsive-table-scroll{overflow-x:auto}.table-wrap:has(>.responsive-cards){overflow:visible}.responsive-cards{display:block;width:100%;min-width:0!important;table-layout:auto!important;border-collapse:separate;border-spacing:0;font-size:14px}.responsive-cards>thead{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.responsive-cards>tbody{display:grid;gap:12px;padding:10px}.responsive-cards>tbody>tr{display:block;border:1px solid #cad7e3;border-radius:7px;background:#fff!important;min-width:0;padding:6px 12px}.responsive-cards>tbody>tr>td,.responsive-cards>tbody>tr>th{display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:10px;padding:9px 0!important;border:0;border-bottom:1px solid #e3eaf0;min-width:0!important;width:auto!important;max-width:none;word-break:normal;overflow-wrap:break-word;align-items:start;text-align:left;vertical-align:top}.responsive-cards>tbody>tr>:last-child{border-bottom:0}.responsive-cards>tbody>tr>[data-label]::before{content:attr(data-label);font-weight:650;font-size:12px;line-height:1.5;color:#344a60}.responsive-cell-value{min-width:0;overflow-wrap:anywhere;word-break:normal}.responsive-cell-value .badge{white-space:normal;word-break:normal;overflow-wrap:normal;display:inline-block;padding:6px 9px}.responsive-cell-value .row-actions,.responsive-cell-value .actions{display:flex;gap:8px;flex-wrap:wrap}.responsive-cards .responsive-empty-cell{display:block!important;text-align:center}.responsive-cards>tfoot{display:block;padding:12px}.responsive-cards>tfoot>tr{display:flex;flex-wrap:wrap}.responsive-cards>tfoot td{min-width:0}.command-dashboard .responsive-cards .overdue-cell{border-left:3px solid #bd6d59;padding-left:8px!important}.table-wrap>table:not(.responsive-cards){min-width:500px;table-layout:auto}.responsive-table:not(.responsive-cards){min-width:500px}.responsive-table:not(.responsive-cards).cols-many{min-width:850px}.responsive-table:not(.responsive-cards).cols-small{min-width:340px}.responsive-table:not(.responsive-cards) td,.responsive-table:not(.responsive-cards) th{min-width:75px}footer{padding:20px 12px;font-size:12px;overflow-wrap:break-word}.main h1,.main h2,.main h3{overflow-wrap:break-word}
}
@media(max-width:360px){.user-menu b{max-width:65px}.user-menu small{font-size:9px}.header-brand{font-size:12px}.responsive-cards>tbody>tr>td,.responsive-cards>tbody>tr>th{grid-template-columns:minmax(0,1fr);gap:4px}.diagram-tools{grid-template-columns:1fr}.calendar-toolbar strong{flex-basis:100%;order:-1}}
}

@media screen and (max-width:360px){body .gib-login .g-recaptcha,body .cfp-login .g-recaptcha,body .gib-login .cf-turnstile,body .cfp-login .cf-turnstile{transform:scale(.78);transform-origin:top left}}
@media screen and (max-width:1024px){.main .folder-tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.main .folder-tabs a{flex:0 0 auto;white-space:nowrap}}
@media screen and (max-width:1024px){.case-status-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-aging{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1fr)}.record-pagination,.record-pagination>div{flex-wrap:wrap;gap:10px}.record-pagination .button,.record-pagination .page-current{min-height:44px;min-width:44px}.case-status-card,.invoice-aging>div{min-width:0;overflow-wrap:break-word}}
@media screen and (max-width:600px){.case-status-cards,.invoice-aging{grid-template-columns:repeat(2,minmax(0,1fr))}.installer-checks{grid-template-columns:1fr}.date-label{white-space:normal}.record-pagination{align-items:flex-start}.record-pagination>span{width:100%}.request-row-actions{flex-wrap:wrap}}
@media screen and (max-width:360px){.case-status-cards{grid-template-columns:1fr}}

/* Compact command header and dashboard cards. */
@media screen {
.sidebar-logo-link{display:block;text-align:center}.sidebar-logo-link:hover{text-decoration:none}
.sidebar-close{position:absolute;right:8px;top:10px;width:28px;height:28px;min-height:0;padding:0;display:grid;place-items:center;border:1px solid #7892a6;background:#fff;color:#173347;border-radius:4px;font-size:26px;line-height:1;z-index:1}.sidebar-close:hover{background:#e6eff6;color:#173347}
.command-dashboard .command-stat{transition:transform .18s ease,box-shadow .18s ease}
@media(min-width:1025px){
:root{--cfp-topbar-height:48px}.app-layout{padding-top:var(--cfp-topbar-height)}.sidebar{top:var(--cfp-topbar-height);height:calc(100vh - var(--cfp-topbar-height))}.topbar{height:48px;min-height:48px;padding:0 14px;gap:12px;justify-content:flex-start}.topbar .menu-button{width:32px;min-height:32px;padding:3px;font-size:20px}.header-brand{max-width:320px;flex:0 1 auto}.header-brand>span.agency-header-name{font-size:15px;line-height:1.2}.header-brand .product-logo{max-height:32px}.header-search{margin:0;width:250px;max-width:250px;flex:0 1 250px}.header-search input{min-height:30px;height:30px;margin:0;padding:4px 10px;font-size:12px}.header-search button{height:30px;min-height:30px;padding:4px 8px}.user-menu{margin-left:auto;gap:12px}.user-menu .account-link{display:flex;align-items:center;gap:6px;white-space:nowrap}.user-menu small{display:inline;font-size:11px}.user-menu b{font-size:12px}.topbar .small{min-height:30px;padding:5px 10px;font-size:11px}.main{padding-top:22px}.command-dashboard .command-hero{min-height:180px;padding:18px 24px;gap:16px}.command-dashboard .command-hero h2{font-size:24px;margin:3px 0 6px}.command-dashboard .command-hero p{margin-bottom:6px}.command-dashboard .dashboard-header-actions{gap:6px}.command-dashboard .dashboard-header-actions .actions{margin-top:0}.command-dashboard .command-stat{padding:12px 16px;min-height:82px}.command-dashboard .command-stat strong{font-size:24px}.command-dashboard .command-stat small{font-size:13px}
}
@media(max-width:1024px){.sidebar-close{width:44px;height:44px;top:8px;right:8px;font-size:30px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.command-dashboard .command-stat:hover{transform:translateY(-3px);box-shadow:0 7px 18px #173c5c18}}
@media(prefers-reduced-motion:reduce){.command-dashboard .command-stat{transition:none}}
}

@media screen and (min-width:1025px){.command-dashboard table{font-size:13px}.main .command-dashboard td{font-size:13px;padding:9px 12px;vertical-align:middle}.command-dashboard th{font-size:11px;padding:9px 12px}.main .command-dashboard td .badge{font-size:11px;line-height:1.3;padding:3px 9px;border-radius:12px}.command-dashboard .panel-header{padding:12px 16px}.command-dashboard .panel-header a{font-size:13px}}

@media screen{.command-access .actions .button{display:inline-flex;align-items:center;gap:6px}.command-access .actions .ui-icon{width:15px;height:15px;flex:none}.command-strip a{display:flex;align-items:center;gap:8px}.summary-icon{display:inline-grid;place-items:center;width:26px;height:26px;flex:none;background:#e2eef7;color:#176aad;border-radius:6px}.summary-icon .ui-icon{width:15px;height:15px}}

@media screen{.sidebar{scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none;width:0;height:0}}

/* Aligned dashboard header actions. */
@media screen{.command-dashboard .dashboard-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:350px;max-width:100%;flex-shrink:0;align-items:stretch}.command-dashboard .dashboard-header-actions>.actions{display:contents}.main .command-dashboard .dashboard-header-actions .button{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0;width:100%;min-height:36px;padding:8px 10px;font-size:12px;line-height:1.35;text-align:center;border-radius:5px;margin:0}.command-dashboard .command-hero{min-height:148px}}
@media screen and (max-width:1024px){.command-dashboard .dashboard-header-actions{width:100%;flex-shrink:1}.main .command-dashboard .dashboard-header-actions .button{min-height:44px;font-size:13px}.command-dashboard .command-hero{min-height:0}}
@media screen and (max-width:360px){.command-dashboard .dashboard-header-actions{grid-template-columns:1fr}}
