/* Operational pages reserve space for work; the inbox fills the available viewport. */
#main.operational-page>.page-intro{margin-bottom:18px;gap:16px}#main.operational-page>.page-intro h1{font-size:24px;line-height:1.3;letter-spacing:-.65px}#main.operational-page>.page-intro .eyebrow{font-size:8px;margin-bottom:4px}#main.operational-page>.page-intro p{font-size:11px;margin-top:6px;line-height:1.7}
body.chat-workspace{height:100dvh;overflow:hidden}.chat-workspace .shell{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-workspace .topbar{flex:0 0 66px;min-height:66px}.chat-workspace .shell>footer{display:none}body.chat-workspace #main.inbox-page{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;width:100%;max-width:none;margin:0;padding:12px 20px 16px!important;overflow:hidden}.inbox-masthead{display:flex;align-items:center;gap:22px;min-height:32px;flex-shrink:0;padding:0 2px}.inbox-heading{display:flex;align-items:center;gap:9px;flex-shrink:0}.inbox-heading>svg{width:19px;height:19px;color:#688a50}.inbox-heading h1{font-size:16px;line-height:1.3;letter-spacing:-.35px;color:#36513b}.inbox-masthead .inbox-overview{gap:15px;font-size:10px;flex-shrink:0}.inbox-masthead .inbox-overview button{font-size:10px}.inbox-masthead-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.inbox-masthead .inbox-demo-label{font-size:8px;white-space:nowrap}.inbox-help{display:flex;align-items:center;gap:7px;border:1px solid #dde7d3;background:#fff;border-radius:7px;padding:6px 10px;color:#78955f;font-size:11px;min-height:30px}.inbox-help>span{font-size:9px}.inbox-help:hover{background:#edf5e4;color:#365b3b}
body.chat-workspace #main.inbox-page .inbox-grid{height:auto;max-height:none;min-height:0;flex:1;display:grid;grid-template-columns:238px minmax(0,1fr) 270px;border-radius:11px}.chat-workspace .inbox-grid>*{min-height:0}.chat-workspace .chat-contact-header{min-height:60px;padding:12px 17px;flex-shrink:0}.chat-workspace .contacts-heading{padding:15px 15px 12px;flex-shrink:0}.chat-workspace .inbox-search,.chat-workspace .inbox-filters{flex-shrink:0}.chat-workspace .inbox-contact{padding-top:13px;padding-bottom:13px}.chat-workspace .message-group{max-width:min(90%,680px)}.chat-workspace .message-thread{padding:18px 20px;gap:16px;overscroll-behavior:contain}.chat-workspace .conversation-controls{padding:6px 14px}.chat-workspace .conversation-progress{padding:7px 14px}.chat-workspace .inbox-composer{padding:10px 14px}.chat-workspace .composer-label{margin-bottom:6px}.chat-workspace .inbox-composer textarea{height:50px;min-height:50px;max-height:100px;font-size:12px;padding:8px 10px}.chat-workspace .composer-bottom{margin-top:7px}.chat-workspace .composer-bottom .btn{padding:7px 11px;min-height:32px;font-size:10px}.chat-workspace .request-head{padding:15px 17px 12px}.chat-workspace .request-head .eyebrow{margin-bottom:6px}.chat-workspace .request-head h2{font-size:14px;margin-bottom:7px}.chat-workspace .message-bubble>p{font-size:12px;line-height:1.8}.chat-workspace .contacts-footer{padding:10px 13px}.chat-workspace .inbox-summary{display:block}.chat-workspace .inbox-details-toggle{display:none}
@media(min-width:1500px){body.chat-workspace #main.inbox-page .inbox-grid{grid-template-columns:260px minmax(0,1fr) 300px}.chat-workspace .inbox-heading h1{font-size:17px}.chat-workspace .inbox-masthead .inbox-overview,.chat-workspace .inbox-masthead .inbox-overview button{font-size:11px}.chat-workspace .message-bubble>p{font-size:13px}.chat-workspace .message-author{font-size:9px}.chat-workspace .message-bubble>span{font-size:8px}.chat-workspace .inbox-composer textarea{font-size:13px;height:54px;min-height:54px}.chat-workspace .composer-label strong{font-size:10px}.chat-workspace .composer-bottom .btn{font-size:11px}.chat-workspace .chat-contact-header h2{font-size:15px}.chat-workspace .chat-contact-header p{font-size:10px}.chat-workspace .request-head h2{font-size:15px}}
@media(max-width:1220px){body.chat-workspace #main.inbox-page .inbox-grid{grid-template-columns:230px minmax(0,1fr)}.chat-workspace .inbox-summary{display:none}.chat-workspace .inbox-details-toggle{display:flex}.inbox-masthead{gap:16px}.inbox-masthead .inbox-overview{gap:12px}.inbox-masthead-actions{gap:8px}.inbox-masthead .inbox-demo-label{font-size:7px}.inbox-help>span{display:none}.inbox-help{padding:5px 9px}.inbox-heading h1{font-size:15px}.chat-workspace .composer-bottom>span{font-size:8px}}
@media(max-width:950px){body.chat-workspace #main.inbox-page{padding:10px 14px 12px!important}.inbox-masthead{column-gap:14px;row-gap:6px;flex-wrap:wrap}.inbox-masthead-actions{gap:6px}.inbox-masthead .inbox-demo-label{font-size:7px}.inbox-masthead .inbox-overview,.inbox-masthead .inbox-overview button{font-size:9px}.inbox-heading h1{font-size:14px}.inbox-heading>svg{width:17px;height:17px}.chat-workspace .shell>.topbar{flex-basis:62px;min-height:62px}}
/* The seller shell also reserves space for its fixed bottom navigation. */
body.chat-workspace.seller-mode .shell{padding-bottom:82px}body.chat-workspace.seller-mode .topbar{flex-basis:80px;min-height:80px}body.chat-workspace.seller-mode #main.inbox-page .inbox-grid{grid-template-columns:265px minmax(0,1fr)}.chat-workspace.seller-mode .inbox-summary{display:none}.chat-workspace.seller-mode .inbox-details-toggle{display:flex}.chat-workspace.seller-mode .inbox-heading h1{font-size:16px}.chat-workspace.seller-mode .inbox-help{display:none}.chat-workspace.seller-mode .inbox-composer textarea{height:52px;min-height:52px;font-size:13px}.chat-workspace.seller-mode .inbox-search input{min-height:0;height:22px}.chat-workspace.seller-mode .conversation-controls .btn.small{min-height:30px;font-size:9px}.chat-workspace.seller-mode .composer-bottom .btn.small{min-height:38px;font-size:11px}
@media(max-width:800px){body.chat-workspace.seller-mode .topbar{flex-basis:74px;min-height:74px}body.chat-workspace.seller-mode #main.inbox-page .inbox-grid{grid-template-columns:1fr}.chat-workspace.seller-mode .list-open .inbox-chat{display:none}.chat-workspace.seller-mode .conversation-open .inbox-contacts{display:none}.chat-workspace.seller-mode .inbox-back{display:flex}.chat-workspace.seller-mode #main.mobile-thread .inbox-masthead{display:none}.chat-workspace.seller-mode .inbox-contacts,.chat-workspace.seller-mode .inbox-chat{height:100%}.chat-workspace.seller-mode .inbox-heading h1{font-size:15px}}
@media(max-width:680px){#main.operational-page>.page-intro{margin-bottom:15px;gap:12px}#main.operational-page>.page-intro h1{font-size:22px}.chat-workspace .shell>.topbar{flex-basis:61px;min-height:61px}body.chat-workspace #main.inbox-page{padding:8px 9px 10px!important;gap:8px}body.chat-workspace #main.inbox-page .inbox-grid{display:grid;grid-template-columns:1fr}.chat-workspace .inbox-contacts,.chat-workspace .inbox-chat{height:100%;min-height:0}.chat-workspace .list-open .inbox-chat{display:none}.chat-workspace .conversation-open .inbox-contacts{display:none}.chat-workspace .inbox-back{display:flex;align-items:center;min-width:30px;min-height:34px;justify-content:center}.chat-workspace .inbox-heading h1{font-size:16px}.chat-workspace .inbox-masthead{display:grid;grid-template-columns:1fr auto;gap:7px 10px;min-height:0;padding:3px 3px 5px}.chat-workspace .inbox-masthead .inbox-overview{grid-row:2;grid-column:1/-1;font-size:10px;gap:16px;flex-wrap:nowrap}.chat-workspace .inbox-masthead .inbox-overview button{font-size:10px}.chat-workspace .inbox-masthead-actions{grid-column:2;grid-row:1;gap:5px}.chat-workspace .inbox-demo-label{font-size:7px;max-width:none;align-items:center}.chat-workspace .inbox-demo-label>svg{display:none}.chat-workspace .inbox-help{display:none}.chat-workspace #main.mobile-thread .inbox-masthead{display:none}.chat-workspace .chat-contact-header{padding:10px;gap:7px;min-height:57px}.chat-workspace .chat-contact-header h2{font-size:13px}.chat-workspace .chat-contact-header p{font-size:8px;max-width:210px}.chat-workspace .chat-contact-header .contact-avatar{width:30px;height:30px;font-size:10px}.chat-workspace .conversation-controls{padding:5px 10px;gap:7px}.chat-workspace .conversation-controls .btn.small{font-size:9px;padding:5px 7px;min-height:28px}.chat-workspace .control-mode{font-size:8px}.chat-workspace .message-thread{padding:15px 12px;gap:15px}.chat-workspace .message-group{max-width:94%}.chat-workspace .message-bubble>p{font-size:12px;line-height:1.8}.chat-workspace .message-author{font-size:8px}.chat-workspace .conversation-progress{padding:6px 10px}.chat-workspace .inbox-composer{padding:9px 10px}.chat-workspace .inbox-composer textarea{height:49px;min-height:49px;max-height:85px;font-size:13px;padding:8px 10px}.chat-workspace .composer-label strong{font-size:8px}.chat-workspace .composer-bottom>span{font-size:7px;max-width:180px}.chat-workspace .composer-bottom .btn.small{min-height:36px;font-size:11px}.chat-workspace .contacts-heading{padding:15px 16px 12px}.chat-workspace .contacts-heading h2{font-size:15px}.chat-workspace .inbox-contact{padding:15px 16px}.chat-workspace .contact-first strong{font-size:12px}.chat-workspace .contact-preview{font-size:10px}.chat-workspace .inbox-search input{font-size:12px}.chat-workspace .inbox-details-toggle{min-height:34px;padding:7px 9px;font-size:10px}}
@media(max-height:570px){.chat-workspace .chat-contact-header{min-height:48px;padding:8px 13px}.chat-workspace .conversation-controls{padding-top:4px;padding-bottom:4px}.chat-workspace .inbox-composer{padding:7px 11px}.chat-workspace .composer-label{display:none}.chat-workspace .inbox-composer textarea{min-height:38px;height:38px}.chat-workspace .composer-bottom{margin-top:5px}.chat-workspace .message-thread{padding-top:12px;padding-bottom:12px;gap:12px}.chat-workspace .conversation-progress{padding-top:4px;padding-bottom:4px}.chat-workspace .composer-bottom>span{display:none}}