.mobile-navigation,.mobile-chat-navigation,.mobile-context-back{display:none}.unread-badge{color:#fff;background:#dc3545;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.nav-item{position:relative}.nav-unread-badge{margin-left:auto}.sidebar--compact .nav-unread-badge{margin:0;position:absolute;top:2px;right:2px}.thread-customer-info>strong{align-items:center;gap:8px;display:flex}.thread-unread-count{background:#167557;margin-left:auto}.thread-item{cursor:pointer;position:relative}.thread-open-button{z-index:1;background:0 0;border:0;border-radius:50%;width:34px;height:34px;padding:0;position:absolute;top:16px;left:12px}.thread-open-button:focus-visible{outline:none}.thread-item:has(.thread-open-button:focus-visible){outline-offset:-2px;outline:2px solid #83c7ac}.thread-copy-control{z-index:2;flex-shrink:0;display:inline-flex;position:relative}.thread-copy-control>.thread-phone-badge{cursor:pointer;border:0;min-height:22px}.thread-name-copy-button{color:#82978b;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.thread-name-copy-button:hover{color:#167557;background:#e5f1e9}.thread-copy-control>.thread-phone-badge:hover:not(:disabled){color:#176b4d;background:#d9efdf}.thread-copy-error{z-index:80;left:50%;bottom:calc(85px + env(safe-area-inset-bottom));color:#943f36;white-space:normal;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#fff5ef;border:1px solid #efd5cd;border-radius:8px;width:max-content;max-width:calc(100vw - 24px);padding:10px 14px;font-size:12px;line-height:1.5;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #17352326}.notification-trigger{min-width:44px;min-height:44px;position:relative}.notification-count{border:2px solid #fff;height:22px;position:absolute;top:-4px;right:-4px}.notification-popover{max-height:calc(100dvh - 110px);overflow-y:auto}.notification-read-all{padding:0 14px 10px}.notification-read-all button{color:#32694d;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:8px;font-size:13px;display:flex}.notification-sound{border-bottom:1px solid var(--border);padding:10px 14px}.notification-sound button{color:#32694d;text-align:left;background:#edf5ef;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px;font-size:13px;display:flex}.notification-section-title{color:#526c5d;margin:0;padding:14px 18px 8px;font-size:12px}.notification-empty{color:#718078;padding:12px 18px;font-size:13px}.conversation-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.conversation-ai-toggle{color:#5b7062;background:#f4f6f4;border:1px solid #dce6df;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.conversation-ai-toggle[aria-pressed=true]{color:#167557;background:#eaf5ee;border-color:#a5ceb6}.ai-toggle-track{background:#a5afa8;border-radius:20px;align-items:center;width:32px;height:20px;padding:3px;display:inline-flex}.ai-toggle-track>span{background:#fff;border-radius:50%;width:14px;height:14px;display:block}.conversation-ai-toggle[aria-pressed=true] .ai-toggle-track{background:#167557}.conversation-ai-toggle[aria-pressed=true] .ai-toggle-track>span{transform:translate(12px)}.conversation-header .conversation-header-actions{gap:8px}.conversation-header-utilities{align-items:center;gap:4px;margin-left:auto;display:flex}.customer-info-toggle{border:1px solid var(--border);color:#476b58;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 10px;font-size:12px;display:none}.workspace--inbox .inbox-section .customer-info-toggle{display:inline-flex}.customer-info-toggle[aria-expanded=true]{color:#167557;background:#edf5ef;border-color:#a5ceb6}.conversation-more-button{border-radius:50%;justify-content:center;align-items:center;width:40px;min-height:40px}.conversation-more-button:focus-visible{outline-offset:1px;outline:2px solid #83c7ac}.conversation-controls[popover]:not(:popover-open){display:none}.conversation-controls[popover]:popover-open{border:1px solid var(--border);width:min(290px,100vw - 24px);max-height:65dvh;color:var(--foreground);background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:10px;display:flex;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 10px 32px #17352326}.conversation-menu-title{color:#718078;padding:8px 10px;font-size:12px}.conversation-controls[popover] .btn,.conversation-controls[popover] .text-action{width:100%;min-height:44px;box-shadow:none;color:#476b58;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:flex-start;padding:10px;font-size:13px}.conversation-controls[popover] .btn:hover,.conversation-controls[popover] .text-action:hover{background:#edf5ef}.conversation-controls[popover] .assignee-picker{border-top:1px solid var(--border);color:#718078;gap:6px;margin:4px 0 0;padding:12px 10px 6px;font-size:11px;display:grid}.conversation-controls[popover] .assignee-picker select{width:100%;max-width:none;min-height:40px;font-size:13px}.message-composer{grid-template-columns:max-content minmax(0,1fr) 44px;grid-template-areas:"attachment attachment attachment""input input input""tools note send";align-items:center;gap:6px 8px;display:grid}.message-composer>.note-toggle{grid-area:note;gap:6px;margin:0;font-size:11px}.message-composer>.composer-text-input{grid-area:input}.message-composer>.composer-bottom{grid-area:send;margin:0;padding:0}.message-composer>.notice{grid-column:1/-1;margin:4px 0}.composer-attachments{display:contents}.composer-attachment-selection{grid-area:attachment}.composer-attachment-selection>.form-hint{margin-top:5px;font-size:11px}.composer-attachments>.notice,.composer-attachments>.form-hint{grid-column:1/-1}.composer-tool-button{color:#557d68;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.composer-tool-button:hover:not(:disabled){color:#167557;background:#edf5ef}.message-composer .composer-send-button.btn{width:44px;height:44px;min-height:44px;box-shadow:none;border-radius:50%;padding:0}.message-composer .composer-text-input{resize:none;min-height:96px;max-height:240px;overflow-y:auto}.composer-keyboard-hint{display:none}.composer-attach-button{justify-self:start}.composer-attachment-sources{grid-area:tools;gap:2px;display:flex}.composer-attachment-sources .btn{padding:8px 12px}.chat-library-dialog{border:1px solid var(--border);width:min(800px,100vw - 24px);max-width:none;max-height:90dvh;color:var(--foreground);border-radius:16px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.chat-library-dialog::backdrop{background:#102d2566}.chat-library-dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.chat-library-dialog h2{font-size:20px}.chat-library-dialog header p{color:#718078;margin-top:6px;font-size:13px}.chat-library-toolbar{gap:12px;padding:16px 20px;display:grid}.chat-library-toolbar>div{gap:8px;display:flex}.chat-library-toolbar button{border:1px solid var(--border);color:#526c5d;background:#fff;border-radius:8px;min-height:44px;padding:8px 18px}.chat-library-toolbar button[aria-pressed=true]{color:#167557;background:#eaf5ee;border-color:#a5ceb6;font-weight:600}.chat-library-body{padding:0 20px 20px}.chat-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:12px;display:grid}.chat-library-item{border:1px solid var(--border);text-align:left;color:inherit;background:#fff;border-radius:10px;min-width:0;padding:10px}.chat-library-item:hover{background:#f4faf6;border-color:#167557}.chat-library-item>img,.chat-library-video{object-fit:contain;background:#f1f6f3;border-radius:6px;width:100%;height:130px}.chat-library-video{color:#4b8063;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.chat-library-item strong{overflow-wrap:anywhere;margin-top:10px;font-size:13px;display:block}.chat-library-item p{color:#718078;overflow-wrap:anywhere;margin-top:6px;font-size:12px}.chat-library-item small{color:#718078;margin-top:8px;display:block}@media (max-width:720px){.chat-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-library-dialog>header,.chat-library-toolbar{padding:14px}.chat-library-body{padding:0 14px 14px}.chat-library-toolbar input{font-size:16px}.chat-library-dialog h2{font-size:18px}}.composer-attachment-preview{border:1px solid var(--border);background:#f7faf8;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.composer-attachment-preview>img,.composer-attachment-preview>video{object-fit:contain;border-radius:6px;width:90px;max-height:90px}.composer-attachment-preview>div{flex:1;min-width:0}.composer-attachment-preview strong{overflow-wrap:anywhere;font-size:12px;display:block}.composer-attachment-preview small{color:#718078;font-size:11px;display:block}@media (min-width:721px){.workspace--inbox:has(.inbox-section):not(:has(.order-editor-page)){height:100dvh;min-height:0;overflow:hidden}.workspace--inbox:has(.inbox-section):not(:has(.order-editor-page))>.workspace-main{min-height:0}.workspace--inbox:has(.inbox-section):not(:has(.order-editor-page)) .topbar{flex-shrink:0}.workspace--inbox:has(.inbox-section):not(:has(.order-editor-page)) .workspace-footer{display:none}.workspace--inbox:has(.inbox-section):not(:has(.order-editor-page)) .workspace-content{flex-direction:column;min-height:0;padding:12px;display:flex}.workspace--inbox .workspace-content>div:not([hidden]):has(>.inbox-section){flex-direction:column;flex:1;min-height:0;display:flex}.workspace--inbox .inbox-section{flex-direction:column;flex:1;min-height:0;display:flex}.workspace--inbox .inbox-layout{flex:1;grid-template-columns:280px minmax(0,1fr);min-height:0}.workspace--inbox .thread-sidebar{flex-direction:column;min-height:0;display:flex;overflow:hidden}.workspace--inbox .thread-list{flex:1;min-height:0;max-height:none}.workspace--inbox .conversation-area{height:100%;min-height:0;overflow:hidden}.workspace--inbox .conversation-workspace{grid-template-columns:minmax(0,1fr);align-items:stretch;height:100%;min-height:0}.workspace--inbox .conversation-workspace>.customer-context{display:none}.workspace--inbox .conversation-workspace--context{grid-template-columns:minmax(0,1fr) 300px}.workspace--inbox .conversation-workspace--context>.customer-context{border-top:0;border-left:1px solid var(--border);grid-template-columns:minmax(0,1fr);min-height:0;max-height:none;display:grid}.workspace--inbox .conversation-view{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.workspace--inbox .conversation-view>.conversation-header,.workspace--inbox .conversation-view>.conversation-controls{flex-shrink:0}.workspace--inbox .conversation-view>.message-history{flex:1 0 120px;min-height:120px;max-height:none;padding:18px}.workspace--inbox .conversation-view>.message-composer{background:#fff;flex-shrink:0;max-height:50%;padding:12px 16px;position:sticky;bottom:0;overflow-y:auto}.workspace--inbox .conversation-header{padding:12px 16px}.workspace--inbox .message-body{font-size:14px}.workspace--inbox .message-composer .composer-text-input{font-size:14px;line-height:1.6}}@media (min-width:721px) and (max-width:1200px){.workspace--inbox .inbox-layout{grid-template-columns:220px minmax(0,1fr)}.workspace--inbox .conversation-workspace--context{grid-template-columns:minmax(0,1fr)}.workspace--inbox .conversation-workspace--context>.conversation-view{display:none}.workspace--inbox .conversation-workspace--context>.customer-context{border:0;flex-direction:column;display:flex}.workspace--inbox .customer-context .mobile-context-back{color:#167557;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;font-weight:600;display:flex}}.mobile-more-menu{border:1px solid var(--border);width:min(480px,100vw - 24px);max-height:85dvh;color:var(--foreground);border-radius:18px;padding:20px}.mobile-more-menu::backdrop{background:#102d2566}.mobile-more-menu header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mobile-more-menu h2{font-size:20px}.mobile-more-menu nav,.mobile-more-menu footer{gap:4px;display:grid}.mobile-more-menu footer{border-top:1px solid var(--border);margin-top:12px;padding-top:16px}.mobile-more-menu footer strong{overflow-wrap:anywhere;padding:0 12px 8px}.mobile-more-menu nav button,.mobile-more-menu footer button{text-align:left;min-height:48px;color:inherit;background:#fff;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.mobile-more-menu button[aria-current=page],.mobile-more-menu nav button:hover{color:#167557;background:#eaf3ec}@media (max-width:720px){.workspace,.workspace.workspace--ai{min-height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.workspace>.sidebar{display:none}.workspace-main{width:100%}.mobile-navigation{z-index:20;border-top:1px solid var(--border);padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-navigation button{color:#687d70;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;font-size:12px;display:flex;position:relative}.mobile-navigation .mobile-unread-badge{position:absolute;top:0;left:calc(50% + 5px)}.mobile-navigation button[aria-current=page]{color:#167557;background:#eaf3ec;font-weight:600}.topbar{gap:8px;height:auto;min-height:60px;padding:10px 12px}.topbar>div:first-child{flex:1;min-width:0}.topbar strong{overflow-wrap:anywhere}.brand-picker{min-width:0;padding:6px}.brand-picker select{max-width:112px;min-height:32px;font-size:14px}.topbar .icon-button{justify-content:center;align-items:center;min-width:44px;min-height:44px}.workspace-content{padding:20px 12px}.workspace-footer{padding:16px 12px}.workspace--ai>.ai-settings-sidebar{order:0;width:100%}.workspace--ai>.workspace-main{order:1}.ai-settings-sidebar .nav-item{min-height:44px;font-size:13px}.workspace .field,.workspace textarea,.workspace input:not([type=checkbox]):not([type=radio]),.auth-page input{font-size:16px}.btn,.text-action{min-height:44px}.icon-button{justify-content:center;align-items:center;min-width:44px;min-height:44px}.panel{padding:16px}.table-wrap{padding:0}.section-heading{gap:12px;margin-bottom:18px}.section-heading .muted{font-size:13px}.notification-popover{width:min(360px,100vw - 24px);max-height:calc(100dvh - 150px);overflow:auto}.inbox-layout{min-height:0;display:block}.thread-sidebar{border:0}.inbox-tabs button{min-height:44px;font-size:12px}.inbox-thread-search input{min-width:0}.inbox-filter-toggle{justify-content:center;min-width:44px;min-height:44px}.thread-list{max-height:none}.thread-item{padding:16px 12px}.thread-item .avatar{width:38px;height:38px}.thread-person strong{font-size:14px}.inbox-layout>.conversation-area{display:none}.inbox-layout--selected>.conversation-area{z-index:30;top:var(--chat-top,0px);width:100%;height:var(--chat-height,100dvh);padding-top:env(safe-area-inset-top);background:#fff;flex-direction:column;display:flex;position:fixed;left:0;overflow:hidden}body:has(.inbox-layout--selected){overflow:hidden}:is(.workspace:has(.inbox-layout--selected) .mobile-navigation,.workspace:has(.inbox-layout--selected) .topbar,.workspace:has(.inbox-layout--selected) .workspace-footer,.inbox-section:has(.inbox-layout--selected)>.section-heading,.inbox-section:has(.inbox-layout--selected)>.form-hint,.inbox-layout--selected>.thread-sidebar){display:none}.mobile-chat-navigation{border-bottom:1px solid var(--border);flex-shrink:0;padding:4px 12px;display:flex}.mobile-chat-navigation button,.mobile-context-back{color:#167557;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;font-weight:600;display:flex}.conversation-area>.conversation-workspace{flex:1;min-height:0;overflow:hidden}.conversation-workspace{flex-direction:column;display:flex}.conversation-workspace>.conversation-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.conversation-view>.conversation-header{flex-shrink:0;gap:8px;padding:10px 12px}.conversation-header-actions{justify-content:space-between;width:100%}.conversation-header .conversation-ai-toggle{gap:6px;min-height:40px;padding:7px 9px;font-size:12px}.customer-info-toggle{min-height:40px;display:inline-flex}.conversation-customer h3{overflow-wrap:anywhere}.conversation-header p{font-size:12px}.conversation-view>.conversation-controls{flex-shrink:0;display:none}.conversation-controls .btn{min-height:44px;font-size:12px}.conversation-controls .text-action{font-size:12px}.conversation-view>.message-history{flex:1 0 100px;min-height:100px;max-height:none;padding:16px 12px}.message-body{font-size:14px}.message-author,.message-author strong,.chat-message time{font-size:11px}.conversation-view>.message-composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;flex-shrink:0;max-height:48%;position:sticky;bottom:0;overflow-y:auto}.message-composer textarea{height:72px;min-height:64px}.message-composer .composer-text-input{min-height:72px;max-height:180px}.composer-bottom{gap:8px}.composer-bottom .btn{padding:10px 14px}.composer-bottom .form-hint{font-size:11px}.conversation-workspace>.customer-context,.conversation-workspace--context>.conversation-view{display:none}.conversation-workspace--context>.customer-context{min-height:0;max-height:none;padding:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border:0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.customer-context>*{flex-shrink:0}.customer-context .mobile-context-back{z-index:1;background:#f6f9f5;padding:8px;position:sticky;top:-12px}.customer-context-card .text-action{font-size:13px}.orders-panel{padding:16px}.order-filters>.field-label{flex-basis:100%;min-width:0}.order-save-bar,.order-checkout .order-save-bar{bottom:calc(68px + env(safe-area-inset-bottom))}.order-editor-page .order-form-grid{grid-template-columns:minmax(0,1fr)}.care-calendar-grid{grid-template-columns:minmax(0,1fr);min-height:0;overflow:visible}.care-calendar-column{border-bottom:1px solid var(--border);min-width:0}.care-calendar-events{min-height:0}.care-calendar-toolbar,.care-calendar-navigation,.care-calendar-filters{flex-wrap:wrap;min-width:0}.care-calendar-filters .field{width:100%;max-width:none}.care-view-switch{width:100%;display:flex}.care-view-switch button{flex:1;min-height:44px}.care-customer-dialog{max-height:96dvh}.staff-table{box-shadow:none;background:0 0;border:0;overflow:visible}.staff-table table,.staff-table tbody{width:100%;min-width:0;display:block}.staff-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.staff-table tr{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:12px;padding:12px;display:block}.staff-table td{overflow-wrap:anywhere;padding:10px 0;display:block}.staff-table td:before{content:attr(data-label);color:#718078;margin-bottom:6px;font-size:12px;display:block}.staff-table .table-actions{gap:8px;max-width:none}.staff-table .table-actions button{background:#f0f6f2;border-radius:6px;min-height:44px;padding:8px;font-size:13px}.product-actions,.brand-card-heading{flex-wrap:wrap}.product-media-editor,.builder-navigation-layout,.brand-info-layout{grid-template-columns:minmax(0,1fr)}}.inbox-platform-tabs{flex-shrink:0;gap:4px;padding:10px 10px 0;display:flex}.inbox-platform-tabs button{min-width:0;min-height:36px;color:var(--muted-foreground);background:0 0;border:0;border-radius:7px;flex:1;padding:6px 8px;font-size:12px;font-weight:600}.inbox-platform-tabs button[aria-pressed=true]{color:#267154;background:#e7f0e8}.inbox-platform-tabs button:focus-visible{outline-offset:2px;outline:2px solid #267154}@media (max-width:767px){.inbox-platform-tabs button{min-height:44px}}