.g5-topbar{height:62px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e3e7ee;background:#fff;position:relative;z-index:90;gap:12px}
.g5-business-heading,.g5-topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}.g5-business-heading>div{display:flex;align-items:baseline;gap:8px}.g5-business-heading strong{font-size:13px;white-space:nowrap}.g5-business-heading small{font-size:10px;color:#7b879a}.g5-business-heading select{max-width:230px;border:1px solid #e1e5ec;border-radius:7px;background:white;padding:7px;font-size:12px}.g5-topbar-actions>.icon-button{position:relative}.g5-account-trigger .avatar{width:30px;height:30px;font-size:10px}
.tenant-shell .app-frame{display:flex;flex-direction:column;min-height:100vh}.tenant-shell .app-frame>.main-content{flex:1;min-height:0}.tenant-shell .conversation-page{height:calc(100dvh - 0px)}.g5-account-menu{position:absolute;right:16px;top:54px;width:270px;background:white;border:1px solid #e1e6ee;border-radius:12px;box-shadow:0 12px 40px #17294320;padding:14px;display:grid;gap:12px}.g5-account-menu header{display:flex;align-items:center;justify-content:space-between;font-size:13px}.g5-language{display:flex;align-items:center;gap:10px;font-size:12px}.g5-language>span{margin-right:auto}.g5-language button{border:1px solid #e1e6ee;border-radius:5px;padding:5px;background:white}.g5-language button[aria-pressed=true]{background:#1c304c;color:white}.g5-account-menu small[role=alert]{color:#a64444;line-height:1.5}
.g5-access-shell{min-height:100dvh;background:#f7f8fa}.g5-access-main{display:grid;place-items:center;min-height:calc(100dvh - 62px);padding:28px}.g5-access-card{width:min(100%,480px);padding:36px;background:white;border:1px solid #e1e6ee;border-radius:16px;text-align:center}.g5-access-card>.icon{width:32px;height:32px;color:#748399;margin-bottom:16px}.g5-access-card h1{font-size:23px;margin:0 0 12px}.g5-access-card>strong{font-size:14px}.g5-access-card p{font-size:13px;color:#6d7c91;line-height:1.6;margin:14px 0 22px}.g5-access-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.g5-setup-main{max-width:740px;margin:0 auto;padding:56px 24px}.g5-setup-intro small{font-size:10px;font-weight:700;letter-spacing:.12em;color:#3974c6}.g5-setup-intro h1{font-size:30px;margin:12px 0}.g5-setup-intro p{color:#738096;font-size:14px;line-height:1.6}.g5-setup-connections{background:#fff;border:1px solid #dfe5ee;border-radius:14px;margin:28px 0 22px;overflow:hidden}.g5-setup-row{display:flex;align-items:center;gap:16px;padding:22px;border-bottom:1px solid #e7ebf0}.g5-setup-row:last-child{border:0}.g5-setup-row>span:nth-child(2){flex:1;min-width:0}.g5-setup-row strong,.g5-setup-row small{display:block}.g5-setup-row strong{font-size:14px}.g5-setup-row small{font-size:12px;line-height:1.5;color:#718198;margin-top:5px}.g5-setup-row .provider-logo-shell{width:40px;height:40px;flex:none}.g5-setup-main>.primary-button{float:right}.g5-setup-reminder,.g5-portal-section{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:white;border:1px solid #e1e6ee;border-radius:12px;margin-bottom:20px}.g5-setup-reminder{font-size:13px}.g5-portal-section{margin-top:24px}.g5-portal-section strong,.g5-portal-section small{display:block}.g5-portal-section strong{font-size:14px}.g5-portal-section small{margin-top:6px;line-height:1.5;font-size:12px;color:#718198}.g5-team-handoff{display:flex;justify-content:flex-end;margin-bottom:14px}.g5-login .lacak-wordmark{height:28px;width:auto;margin-bottom:22px}.g5-login .secondary-button{margin-top:14px}.g5-login .g5-auth-error{color:#b34c4c;font-size:12px}.g5-whatsapp-mode{display:grid;gap:14px;margin-top:22px;font-size:13px}.g5-whatsapp-mode details{font-size:12px;color:#718198;line-height:1.6}.settings-hub{grid-template-columns:1fr!important}.g5-account-trigger .avatar-circle{width:30px;height:30px}
@media(max-width:760px){.g5-topbar{padding:0 12px}.g5-business-heading>div{display:block}.g5-business-heading select{max-width:150px}.g5-business-heading>.icon{display:none}.g5-setup-main{padding:32px 16px}.g5-setup-intro h1{font-size:25px}.g5-setup-row{padding:16px;gap:10px}.g5-setup-row .secondary-button{padding:8px;font-size:11px}.g5-portal-section{align-items:flex-start;flex-direction:column}.g5-access-card{padding:28px 20px}.tenant-shell .conversation-page{height:calc(100dvh - 64px)}.g5-account-menu{right:8px}.g5-setup-reminder{align-items:flex-start;flex-direction:column}}

/* Workspaces retain their viewport height inside the original CRM shell. */
.tenant-shell .conversation-page .conversation-workspace{height:100%;min-height:0}

@media(max-width:760px){
  .tenant-shell .conversation-workspace.mobile-room-open .conversation-room-pane{top:0px;height:calc(100dvh - 0px)}
  .g5-business-heading small{margin-left:6px}
}
.tenant-shell .customer-page,.tenant-shell .sales-page,.tenant-shell .pay-page{height:calc(100dvh - 0px)}
.tenant-shell .customer-workspace,.tenant-shell .pay-workspace{height:100%;min-height:0}
@media(max-width:760px){.tenant-shell .customer-page,.tenant-shell .sales-page,.tenant-shell .pay-page{height:calc(100dvh - 64px)}}
@media(max-width:760px){
  .tenant-shell .conversation-page,.tenant-shell .customer-page,.tenant-shell .sales-page,.tenant-shell .pay-page{height:calc(100dvh - 70px)}
  .tenant-shell .customer-workspace .customer-detail-pane{top:0px;height:calc(100dvh - 70px)}
}

/* Shared warnings use one compact row per connection class. */
.connection-warning{min-height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 24px;background:#fff5f3;border-bottom:1px solid #f0d7d2;color:#9f3c32;font-size:12px}
.connection-warning>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}.connection-warning strong{font-size:12px}.connection-warning .quiet-button{font-size:12px;white-space:nowrap;color:inherit}.connection-failure{color:#aa4038!important;font-size:12px;line-height:1.5}.provider-identity-card>.connection-failure{flex-basis:100%}
.tenant-shell .conversation-page,.tenant-shell .customer-page,.tenant-shell .sales-page,.tenant-shell .pay-page{height:calc(100dvh - 0px - var(--connection-banner-count,0)*44px)}
@media(max-width:760px){.connection-warning{padding:6px 12px;min-height:52px}.tenant-shell .conversation-page,.tenant-shell .customer-page,.tenant-shell .sales-page,.tenant-shell .pay-page{height:calc(100dvh - 70px - var(--connection-banner-count,0)*52px)}.tenant-shell .customer-workspace .customer-detail-pane,.tenant-shell .conversation-workspace.mobile-room-open .conversation-room-pane{top:calc(0px + var(--connection-banner-count,0)*52px);height:calc(100dvh - 70px - var(--connection-banner-count,0)*52px)}}

.pipeline-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.pipeline-list-actions>.quiet-button{white-space:nowrap;flex:none}@media(max-width:760px){.pipeline-list-actions{gap:8px}.pipeline-list-actions>.pipeline-new-button{min-width:0}}

.rail-workspace-copy #g5-business-select{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--rail-ink);font:inherit;font-size:12.5px;font-weight:700}