/* Route sizing and messenger viewport integration. Element styling lives with each component. */
.route-settings .app-content,.route-profile .app-content{max-width:860px}
.route-form .app-content{max-width:850px;padding-bottom:24px}
.route-form .screen-titlebar,.route-profile .screen-titlebar,.route-settings .screen-titlebar{margin-top:8px}
.route-detail .app-content{padding-top:28px}
.route-detail .detail{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:38px}
.route-detail .detail-visual{position:sticky;top:calc(var(--header) + 28px)}
.route-detail .detail-body{padding-top:6px;min-width:0}
.route-detail .u-detail-links{grid-column:1/-1;padding:0}.route-detail .u-bio{grid-column:1/-1;margin-block:0 20px}
.route-detail .detail+.u-detail-links{padding-inline:0}
.chat-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);padding:0;border:1px solid var(--border);border-radius:16px;margin:24px auto;height:calc(100dvh - var(--header) - 48px);min-height:450px;max-width:1280px;overflow:hidden;background:var(--surface)}
.chat-list-pane{border-inline-end:1px solid var(--border);height:100%;overflow:auto;min-height:0;background:var(--surface)}
.chat-list-pane>.page{padding:24px 18px;margin:0}
.chat-list-pane .screen-heading{gap:8px;margin-bottom:20px}.chat-list-pane .page-title{font-size:23px}.chat-list-pane .page-subtitle{font-size:13px}.chat-list-pane .badge{font-size:11px;padding:5px 8px}
.chat-list-pane .search-field{min-height:48px;padding-inline:12px}
.chat-conversation-pane{height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}
.chat-selection-empty{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--bg)}
.chat-selection-empty .empty{background:transparent;border:0;max-width:430px}.chat-selection-empty .empty>.ico{width:44px;height:44px}.chat-selection-empty .empty h3{font-size:24px}.chat-selection-empty .empty p{font-size:15px}
.chat-workspace .tg-conversation{height:100%;border-radius:0}
.chat-workspace .tg-header{padding:12px 16px}.chat-workspace .tg-messages{padding:24px}.chat-workspace .tg-composer{padding:12px 16px}
.chat-workspace .tg-message{max-width:min(85%,490px)}
.chat-list-pane .tg-chat-row{padding:16px 8px}.chat-list-pane .tg-chat-main strong{font-size:15px}.chat-list-pane .tg-chat-product{font-size:12px}.chat-list-pane .tg-chat-preview{font-size:13px}.chat-list-pane .tg-chat-end{font-size:11px}
.footer-brand{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:768px){
 body[data-chat-open="true"] .phone{position:relative;inset:auto;transform:none;width:100%;max-width:none;min-height:100dvh;height:auto;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible}
 body[data-chat-open="true"] .app-root.chat-room-mode{height:100dvh;min-height:0;padding:0}
 .chat-room-mode .app-header{position:relative}.chat-room-mode .app-content{min-height:0}.chat-room-mode .bottom-nav-frame{display:none}
}
@media(max-width:1336px){.chat-workspace{margin-inline:28px}}
@media(max-width:1000px) and (min-width:768px){
 .chat-workspace{grid-template-columns:290px minmax(0,1fr)}
 .chat-workspace .tg-messages{padding:18px}.chat-list-pane>.page{padding:20px 14px}
 .route-detail .detail{gap:24px}.detail-title{font-size:25px}
}
@media(max-width:767px){
 .route-detail .app-content{padding-top:18px}.route-detail .detail{display:block}.route-detail .detail-visual{position:relative;top:auto}
 .route-detail .detail-body{padding-top:24px}.route-detail .detail-title{font-size:24px}.route-detail .u-detail-links{padding:0 0 20px}
 .chat-workspace{display:block;padding:0;margin:0;border:0;border-radius:0;height:auto;min-height:calc(100dvh - var(--header) - 80px);overflow:visible}
 .chat-list-pane{border:0;height:auto;overflow:visible;background:var(--bg)}.chat-list-pane>.page{padding:20px 16px 28px}.chat-selection-empty{display:none}
 .chat-room-mode .app-header,.chat-room-mode .chat-list-pane{display:none}
 .chat-room-mode .app-content{height:100%;min-height:0;margin:0;max-width:none;padding:0}
 .chat-room-mode.app-root{height:100%;min-height:0;padding:0}.chat-room-mode .chat-workspace{height:100%;overflow:hidden}
 .chat-workspace .tg-messages{padding:16px 12px}.chat-workspace .tg-composer{padding:6px 8px calc(6px + var(--safe-bottom))}
 .chat-room-mode .chat-conversation-pane{height:100%;width:100%}.chat-room-mode .toast{bottom:110px}
 .route-form .screen-titlebar{margin-top:0}.focused-screen .toast{bottom:calc(24px + var(--safe-bottom))}.site-footer{min-width:0}
}
@media(max-width:380px){.chat-list-pane>.page{padding-inline:12px}.setting-row .row-value{max-width:80px}.route-form .field-grid{grid-template-columns:1fr}}