html body .chat-win .ch-row.is-important>.ch-bubble{background:color-mix(in srgb,var(--surface,#303030) 80%,#d9364b 20%)!important;border:1px solid #df5263!important;border-left:4px solid #df5263!important}.ch-priority-label{color:#e96b7b;font-size:12px;font-weight:700;margin-bottom:7px}.ch-pins{position:relative;top:8px;z-index:4;flex:0 0 0;height:0;min-height:0;margin:0 12px;padding:0;border:0;border-radius:0;background:transparent;min-width:0;pointer-events:none}.ch-pins .ch-pin-link{pointer-events:auto}.chat-win:has(.ch-pins) .ch-row{scroll-margin-top:80px}.ch-actions-menu{max-height:calc(100dvh - 180px);overflow:auto}


.ch-pins .ch-pin-link{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:48px;padding:9px 16px;border:0;border-radius:999px;background:var(--surface);color:var(--text);text-align:left;font:inherit;cursor:pointer}.ch-pins .ch-pin-link+.ch-pin-link{margin-top:6px}.ch-pin-copy{display:grid;gap:2px;min-width:0}.ch-pin-copy small{font-size:10px;line-height:13px;color:var(--muted)}.ch-pin-copy>span{font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-pin-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ch-priority-label .ch-pin-icon{vertical-align:middle;margin-right:6px}
@media(max-width:860px){
 body.ios-preview-active.ios-chat-open #mainApp #content .chat-win>.ch-send{z-index:3!important}
}

@media(max-width:860px){body.ios-preview-active>.ios-bottom{position:fixed!important;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important}}

@media(max-width:860px){body.ios-preview-active:not(.ios-chat-open) #crmUpdateBar{bottom:calc(max(8px,env(safe-area-inset-bottom,0px)) + 56px + 12px)!important}}

html body :is(#mainApp,#crmNotificationOverlay) .notification-item.is-unread{background:color-mix(in srgb,var(--ios-group,var(--surface)) 85%,var(--accent) 15%)!important;border:0!important}
html body :is(#mainApp,#crmNotificationOverlay) .notification-item.is-unread .notification-title{display:flex;align-items:center;gap:8px}
html body :is(#mainApp,#crmNotificationOverlay) .notification-item.is-unread .notification-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--accent)!important}
html body :is(#mainApp,#crmNotificationOverlay) .notification-item.is-unread .notification-title::after{content:"Новое";margin-left:auto;flex:none;padding:3px 7px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700}
