/* One palette follows Bloom's theme; no independent white workspace. */
#app-screen #panel-avito,.inbox-actions-popover.inbox-actions-light{
 --av-surface:#171f2a;--av-canvas:#111923;--av-incoming:#232f3e;--av-outgoing:#254462;
 --av-text:#e8eef7;--av-secondary:#c0ccdb;--av-muted:#93a2b6;--av-line:#344255;
 --av-hover:#263347;--av-unread:#213349;--av-selected:#304c6b;--av-button:#263a50;
 --av-accent:#82b6ed;--av-accent-hover:#9ac8f6;
}
html[data-theme=light] #app-screen #panel-avito,body.light #app-screen #panel-avito,
html[data-theme=light] .inbox-actions-popover.inbox-actions-light,body.light .inbox-actions-popover.inbox-actions-light{
 --av-surface:#fff;--av-canvas:#f8fafc;--av-incoming:#f0f2f5;--av-outgoing:#e6f2ff;
 --av-text:#222c3b;--av-secondary:#566475;--av-muted:#7b8797;--av-line:#e6ebf1;
 --av-hover:#f3f6fa;--av-unread:#f1f7ff;--av-selected:#e4f0ff;--av-button:#f2f7ff;
 --av-accent:#2878d5;--av-accent-hover:#1969c6;
}
/* Avito conversation: light canvas, flat list, readable message bubbles. */
#app-screen #panel-avito{--chat-bg:var(--av-surface);--chat-list:var(--av-surface);--chat-card:var(--av-hover);--chat-line:var(--av-line);--chat-soft:var(--av-muted);--chat-text:var(--av-text);background:var(--av-surface)}
#app-screen #panel-avito>.panel-header{height:68px;min-height:68px;padding:12px 24px;background:var(--av-surface);border-bottom:1px solid var(--av-line)}
#app-screen #panel-avito .inbox-workspace{grid-template-columns:320px minmax(0,1fr);background:var(--av-surface)}
#app-screen #panel-avito .inbox-sidebar{background:var(--av-surface);border-right:1px solid var(--av-line)}
#app-screen #panel-avito .inbox-list-head{padding:18px 18px 12px}
#app-screen #panel-avito .inbox-list-head h2{font-size:18px;color:var(--av-text)}
#app-screen #panel-avito .inbox-search input{background:var(--av-hover);border-color:transparent;border-radius:12px;color:var(--av-text)}
#app-screen #panel-avito .inbox-search input:focus{background:var(--av-surface);border-color:#56bdf5;outline:2px solid #56bdf530;outline-offset:0}
#app-screen #panel-avito .inbox-store-status{padding-bottom:12px}
#app-screen #panel-avito .inbox-dialogs{background:var(--av-surface);border-top:1px solid var(--av-line);padding:6px 8px;scrollbar-width:thin}
#app-screen #panel-avito .inbox-dialog-row{margin:2px 0}
#app-screen #panel-avito .inbox-dialog{padding:13px 10px;min-height:100px;border:0;border-radius:12px;box-shadow:none;background:transparent;gap:12px;transition:background .15s ease}
#app-screen #panel-avito .inbox-dialog:hover{background:var(--av-hover);border:0}
#app-screen #panel-avito .inbox-dialog.is-unread{background:var(--av-unread);border:0;box-shadow:none}
#app-screen #panel-avito .inbox-dialog.is-active{background:var(--av-selected);border:0;box-shadow:none}
#app-screen #panel-avito .inbox-dialog-info{gap:2px}
#app-screen #panel-avito .inbox-dialog-top strong{font-size:14px;font-weight:650;line-height:19px;color:var(--av-text)}
#app-screen #panel-avito .inbox-dialog.is-active .inbox-dialog-top strong,#app-screen #panel-avito .inbox-dialog.is-unread .inbox-dialog-top strong{color:var(--av-text)}
#app-screen #panel-avito .inbox-dialog-top time{font-size:10px;color:var(--av-muted)}
#app-screen #panel-avito .inbox-unread-mark{width:7px;height:7px;min-width:7px;overflow:hidden;padding:0;border-radius:50%;font-size:0;background:var(--av-accent)}
#app-screen #panel-avito .inbox-dialog-item{font-size:11px;line-height:15px;color:var(--av-muted);margin:1px 0}
#app-screen #panel-avito .inbox-dialog-preview{font-size:13px;line-height:18px;color:var(--av-secondary);margin:2px 0}
#app-screen #panel-avito .inbox-dialog-store{font-size:10px;line-height:14px;color:var(--av-muted);margin:1px 0;padding-right:24px}
#app-screen #panel-avito .inbox-dialog-visual,#app-screen #panel-avito .inbox-item-picture{width:44px;height:44px;border-radius:12px}
#app-screen #panel-avito .inbox-person-avatar{width:19px;height:19px;font-size:10px}
#app-screen #panel-avito .inbox-dialog-row .inbox-dialog-menu{width:28px;height:28px;bottom:8px;right:8px;border:0;background:transparent;color:var(--av-muted);box-shadow:none;opacity:.55;transition:opacity .15s,background .15s}
#app-screen #panel-avito .inbox-dialog-row:hover .inbox-dialog-menu,#app-screen #panel-avito .inbox-dialog-menu:focus-visible{opacity:1;background:var(--av-selected)}
#app-screen #panel-avito .inbox-conversation{background:var(--av-surface)}
#app-screen #panel-avito .inbox-conversation-head{min-height:76px;padding:14px 28px;background:var(--av-surface);border-bottom:1px solid var(--av-line)}
#app-screen #panel-avito .inbox-conversation-head h3{font-size:17px;color:var(--av-text)}
#app-screen #panel-avito .inbox-conversation-head p{font-size:12px;color:var(--av-muted)}
#app-screen #panel-avito .inbox-conversation-head .inbox-header-avatar{width:42px;height:42px;border-radius:50%}
#app-screen #panel-avito .inbox-conversation-head .client-open{background:var(--av-button);border-color:var(--av-line)}
#app-screen #panel-avito .chat-work-bar{background:var(--av-surface);border-bottom:0;padding:7px 28px 10px}
#app-screen #panel-avito .chat-answer-state{font-size:11px;color:var(--av-muted)}
#app-screen #panel-avito .chat-work-note-button{color:var(--av-muted)}
#app-screen #panel-avito #inbox-conversation .inbox-messages{background:var(--av-surface);padding:22px clamp(20px,4vw,64px) 28px;gap:10px;scrollbar-width:thin}
#app-screen #panel-avito #inbox-conversation .inbox-message{max-width:min(78%,560px);padding:10px 14px;border:0;border-radius:18px 18px 18px 5px;background:var(--av-incoming);color:var(--av-text);box-shadow:none;line-height:1.5}
#app-screen #panel-avito #inbox-conversation .inbox-message.out{background:var(--av-outgoing);color:var(--av-text);border:0;border-radius:18px 18px 5px 18px}
#app-screen #panel-avito #inbox-conversation .inbox-message p{font-size:14px;line-height:1.5;letter-spacing:0;margin:0}
#app-screen #panel-avito #inbox-conversation .inbox-message>time{font-size:10px;line-height:14px;color:var(--av-muted);margin-top:5px}
#app-screen #panel-avito #inbox-conversation .inbox-message.out.is-read>time{color:var(--av-muted)}
#app-screen #panel-avito #inbox-conversation .inbox-day{background:transparent;border:0;color:var(--av-muted);font-size:11px;padding:10px 0;margin:10px auto}
#app-screen #panel-avito #inbox-conversation .inbox-message img{border-radius:10px;max-height:380px;object-fit:contain}
#app-screen #panel-avito .inbox-compose{background:var(--av-surface);border-top:1px solid var(--av-line);padding:12px 24px 10px}
#app-screen #panel-avito #inbox-text{min-height:48px;border:1px solid var(--av-line);border-radius:15px;background:var(--av-surface);padding:12px 15px;resize:vertical;font-size:14px;color:var(--av-text);line-height:1.5}
#app-screen #panel-avito #inbox-text:focus{outline:2px solid #65c6fb50;border-color:#65c6fb;outline-offset:0}
#app-screen #panel-avito #inbox-send{height:44px;min-height:44px;border-radius:12px;background:var(--av-accent);border-color:var(--av-accent);padding:0 17px}
#app-screen #panel-avito #inbox-send:hover:not(:disabled){background:var(--av-accent-hover)}
#app-screen #panel-avito .inbox-composer-tools{flex-direction:row;gap:2px}
#app-screen #panel-avito .inbox-composer-tools button{width:32px;height:40px;border-radius:9px;color:var(--av-muted)}
#app-screen #panel-avito .inbox-composer-tools button:hover{background:var(--av-hover);color:var(--av-accent)}
#app-screen #panel-avito #inbox-send-status{color:var(--av-muted);font-size:10px;margin:6px 0 0}
#app-screen #panel-avito .inbox-more{background:var(--av-surface)}
#app-screen #panel-avito .inbox-more button{background:var(--av-hover);border:0}
@media(min-width:769px){#app-screen #panel-avito .inbox-conversation-head #inbox-close{margin-left:4px}}
@media(max-width:1100px) and (min-width:769px){#app-screen #panel-avito .inbox-workspace{grid-template-columns:290px minmax(0,1fr)}#app-screen #panel-avito #inbox-conversation .inbox-messages{padding-left:22px;padding-right:22px}}
@media(max-width:768px){
 #app-screen #panel-avito>.panel-header{height:60px;min-height:60px;padding:10px 14px}
 #app-screen #panel-avito .inbox-workspace{grid-template-columns:minmax(0,1fr)}
 #app-screen #panel-avito .inbox-conversation-head{min-height:68px;padding:11px 12px;gap:9px;flex-wrap:nowrap}
 #app-screen #panel-avito .inbox-conversation-head h3{font-size:16px}
 #app-screen #panel-avito #inbox-conversation .inbox-messages{padding:16px 12px 20px;gap:9px}
 #app-screen #panel-avito #inbox-conversation .inbox-message{max-width:88%;padding:10px 12px}
 #app-screen #panel-avito #inbox-conversation .inbox-message p{font-size:15px;line-height:1.45}
 #app-screen #panel-avito .chat-work-bar{padding:4px 14px 8px}
 #app-screen #panel-avito .inbox-compose{padding:10px 10px max(10px,env(safe-area-inset-bottom))}
 #app-screen #panel-avito .inbox-compose>div{gap:6px}
 #app-screen #panel-avito .inbox-composer-tools{gap:0;flex-direction:column}
 #app-screen #panel-avito .inbox-composer-tools button{height:27px;width:30px}
 #app-screen #panel-avito #inbox-text{font-size:16px;min-height:48px;padding:11px 12px}
 #app-screen #panel-avito #inbox-send{padding:0 10px;min-width:0;font-size:11px}
 #app-screen #panel-avito #inbox-send-status{display:none}
 #app-screen #panel-avito .inbox-dialog{min-height:102px;padding:14px 12px}
 #app-screen #panel-avito .inbox-dialog-top strong{font-size:15px}
 #app-screen #panel-avito .inbox-dialog-preview{font-size:13px}
 #app-screen #panel-avito .inbox-dialog-row .inbox-dialog-menu{opacity:1}
}
@media(prefers-reduced-motion:reduce){#app-screen #panel-avito .inbox-dialog,#app-screen #panel-avito .inbox-dialog-menu{transition:none}}

/* Menu lives outside the chat panel: give it an explicit light palette. */
.inbox-actions-popover.inbox-actions-light{background:var(--av-surface);color:var(--av-text);border:1px solid var(--av-line);padding:7px;border-radius:16px;box-shadow:0 12px 40px #20304a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.inbox-actions-heading{font-size:11px;color:var(--av-muted);padding:7px 11px 9px;border-bottom:1px solid var(--av-line);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-actions-popover.inbox-actions-light button{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:9px 11px;font-size:13px;color:var(--av-text);border:0;background:transparent;border-radius:9px;box-shadow:none;text-align:left;line-height:1.4}
.inbox-actions-popover.inbox-actions-light button:hover{background:var(--av-hover);color:var(--av-accent)}
.inbox-actions-popover.inbox-actions-light button:focus-visible{outline:2px solid #53b5ee;outline-offset:-2px}
.inbox-actions-popover.inbox-actions-light svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--av-muted)}
#app-screen #panel-avito .inbox-dialog-top time{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
#app-screen #panel-avito .inbox-read-tick{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;letter-spacing:0;margin:0;flex:none;color:var(--av-muted)}
#app-screen #panel-avito .inbox-read-tick.is-read{color:var(--av-accent)}
#app-screen #panel-avito .inbox-read-tick svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Wider list, fewer card surfaces, a clearer text hierarchy. */
#app-screen #panel-avito{color-scheme:dark;--chat-text:var(--av-text);--chat-soft:var(--av-muted);--chat-line:var(--av-line);--chat-bg:var(--av-canvas);--chat-list:var(--av-surface);--surface:var(--av-surface);--surface2:var(--av-hover);--text:var(--av-text);--text2:var(--av-muted);--border:var(--av-line);--chat-blue:var(--av-accent);background:var(--av-canvas)}
html[data-theme=light] #app-screen #panel-avito,body.light #app-screen #panel-avito{color-scheme:light}
#app-screen #panel-avito .inbox-workspace{grid-template-columns:360px minmax(0,1fr)}
#app-screen #panel-avito .inbox-conversation,#app-screen #panel-avito #inbox-conversation .inbox-messages{background:var(--av-canvas)}
#app-screen #panel-avito .inbox-brand .panel-title,#app-screen #panel-avito .inbox-conversation-head h3{color:var(--av-text)}
#app-screen #panel-avito .inbox-brand small,#app-screen #panel-avito .inbox-store-status,#app-screen #panel-avito .inbox-store-status summary,#app-screen #panel-avito .inbox-conversation-head p{color:var(--av-muted)}
#app-screen #panel-avito .inbox-list-head{background:var(--av-surface);padding:18px 18px 12px}
#app-screen #panel-avito .inbox-list-head select,#app-screen #panel-avito #inbox-notice-settings,#app-screen #panel-avito #inbox-avito-link{background:var(--av-button);color:var(--av-secondary);border-color:var(--av-line)}
#app-screen #panel-avito .inbox-filter-tabs button{color:var(--av-muted);font-size:12px}
#app-screen #panel-avito .inbox-filter-tabs button.is-active{background:var(--av-selected);color:var(--av-text)}
#app-screen #panel-avito #inbox-followups{color:var(--av-muted)}
#app-screen #panel-avito .inbox-dialog{min-height:96px;gap:13px;padding:12px}
#app-screen #panel-avito .inbox-dialog-top strong{font-size:15px;font-weight:650;line-height:21px}
#app-screen #panel-avito .inbox-dialog-item{font-size:11px;line-height:16px;color:var(--av-muted)}
#app-screen #panel-avito .inbox-dialog-preview{font-size:13px;line-height:19px;color:var(--av-secondary)}
#app-screen #panel-avito .inbox-dialog.is-unread .inbox-dialog-preview{color:var(--av-text)}
#app-screen #panel-avito .inbox-dialog.is-active{box-shadow:inset 3px 0 var(--av-accent)}
#app-screen #panel-avito .inbox-dialog-visual,#app-screen #panel-avito .inbox-item-picture{width:46px;height:46px}
#app-screen #panel-avito .inbox-dialog-store{font-size:10px;line-height:15px;color:var(--av-muted)}
#app-screen #panel-avito .inbox-conversation-head button,#app-screen #panel-avito .inbox-conversation-head a{background:var(--av-button);color:var(--av-secondary);border-color:var(--av-line)}
#app-screen #panel-avito #inbox-close{background:transparent;color:var(--av-muted)}
#app-screen #panel-avito .chat-work-bar,#app-screen #panel-avito .client-order-bar{background:var(--av-surface);border-color:var(--av-line)}
#app-screen #panel-avito .chat-work-note{color:var(--av-secondary)}
#app-screen #panel-avito #inbox-send{background:#3787d5;color:#fff;border-color:#3787d5}
#app-screen #panel-avito #inbox-send:hover:not(:disabled){background:#2675c2}
#app-screen #panel-avito #inbox-messages>.inbox-empty{font-size:13px;line-height:1.7;color:var(--av-muted);max-width:320px;padding:28px}
#app-screen #panel-avito #inbox-messages>.inbox-empty::before{content:'';display:block;width:44px;height:34px;box-sizing:border-box;border:2px solid var(--av-muted);border-radius:10px 10px 10px 2px;margin:0 auto 20px;opacity:.65}
#app-screen #panel-avito #inbox-messages>.inbox-empty>span,#app-screen #panel-avito #inbox-messages>.inbox-empty>strong{color:var(--av-text);font-size:18px;line-height:1.4;font-weight:600;margin-bottom:8px}
@media(max-width:1100px) and (min-width:769px){#app-screen #panel-avito .inbox-workspace{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:768px){#app-screen #panel-avito .inbox-workspace{grid-template-columns:minmax(0,1fr)}#app-screen #panel-avito .inbox-dialog{min-height:100px}}

@media(max-width:768px){
 #app-screen #panel-avito :is(.inbox-filter-tabs button,#inbox-refresh,#inbox-notice-settings,#inbox-followups,.inbox-list-head select,.inbox-dialog-menu,.inbox-more button){min-height:44px}
 #app-screen #panel-avito :is(#inbox-refresh,#inbox-notice-settings,.inbox-dialog-menu){min-width:44px;width:44px}
 #app-screen #panel-avito .inbox-filter-tabs{display:flex;gap:4px}
 #app-screen #panel-avito .inbox-filter-tabs button{flex:1;white-space:nowrap;padding:8px 6px}
 #app-screen #panel-avito .inbox-composer-tools{flex-direction:row;gap:4px}
 #app-screen #panel-avito .inbox-composer-tools button{width:44px;height:44px;min-width:44px;min-height:44px}
 #app-screen #panel-avito #inbox-send{min-height:44px}
}