.cs-inbox-search-actions{display:flex;align-items:center;gap:8px;flex:1 1 360px;min-width:0;max-width:540px;margin-left:auto}
.cs-inbox-search-actions>.cs-console-search{flex:1;min-width:0;width:auto;height:34px;min-height:34px;margin:0;border-radius:8px}
.cs-inbox-search-actions>.cs-console-search::after{display:none}
.cs-read-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;height:34px}
.cs-read-actions .cs-read-icon{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #e5e1ec;border-radius:8px;background:#fff;color:#776d88;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.cs-read-actions .cs-read-icon:hover,.cs-read-actions .cs-read-icon.is-active{background:#f4effc;border-color:#d9c9f0;color:#7842c4}
.cs-read-actions .cs-read-icon:disabled{opacity:.5;cursor:wait}
.cs-read-icon:focus-visible,.cs-read-menu-item:focus-visible,.cs-read-toast button:focus-visible{outline:2px solid #9a71d0;outline-offset:2px}
.cs-read-active-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#8b5ace;right:5px;top:5px}
.cs-read-count{position:absolute;right:-4px;top:-5px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#8050c7;color:#fff;font-size:9px;line-height:15px;border:2px solid #fff;box-sizing:content-box;text-align:center;font-weight:600}
.cs-read-menu{z-index:100100;box-sizing:border-box;padding:6px;border:1px solid #e9e3ef;border-radius:12px;background:#fff;color:#493e59;box-shadow:0 10px 32px #3820461c,0 2px 6px #38204608;font-family:inherit;font-size:12px;max-height:calc(100vh - 24px);overflow:auto;animation:cs-read-appear .12s ease-out}
.cs-read-menu-heading{padding:8px 10px 9px;color:#8a8097;font-size:11px;line-height:1.6}
.cs-read-menu-heading small{display:block;font-size:11px;color:#aaa1b4;font-weight:400;margin-top:2px}
.cs-read-menu .cs-read-menu-item{box-sizing:border-box;width:100%;border:0;border-radius:7px;background:transparent;color:#574a66;display:flex;align-items:center;gap:10px;padding:10px;text-align:left;font:inherit;line-height:1.4;cursor:pointer;margin:1px 0}
.cs-read-menu-item>span{flex:1}.cs-read-menu-item>svg{flex-shrink:0;color:#9b8aa9}
.cs-read-menu .cs-read-menu-item:hover:not(:disabled),.cs-read-menu .cs-read-menu-item:focus-visible{background:#f8f5fc}
.cs-read-menu .cs-read-menu-item.is-selected,.cs-read-menu .cs-read-menu-primary{background:#f6f1fd;color:#7d46bb}
.cs-read-menu .cs-read-menu-item.is-selected>svg,.cs-read-menu .cs-read-menu-primary>svg{color:#8d5cc4}
.cs-read-menu .cs-read-menu-item:disabled{opacity:.4;cursor:default}
.cs-read-menu-divider{height:1px;background:#f0ebf5;margin:6px 7px}
.cs-read-toast{position:fixed;z-index:100110;bottom:28px;left:50%;transform:translateX(-50%);box-sizing:border-box;display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid #e7dfef;border-radius:12px;background:#fff;color:#685176;font-size:12px;line-height:1.5;box-shadow:0 8px 30px #38204620;max-width:min(480px,calc(100vw - 32px));animation:cs-read-appear .15s ease-out}
.cs-read-toast>svg{color:#8c60b9;flex-shrink:0}.cs-read-toast.is-error{border-color:#f0d6dc;color:#a34d64}.cs-read-toast.is-error>svg{color:#bd6178}
.cs-read-toast button{display:inline-flex;padding:2px;margin-left:6px;border:0;background:transparent;color:#a699b0;cursor:pointer;border-radius:4px}
.cs-read-spinner{width:13px;height:13px;border:1.5px solid #e5daf1;border-top-color:#9668c1;border-radius:50%;animation:cs-read-spin .7s linear infinite}
.cs-inbox-mail-row[data-batch-selected=true]{background:#f8f4fe;box-shadow:inset 2px 0 #a779d2}
.cs-inbox-item-controls.selecting input[type=checkbox]{accent-color:#9563c7}
@container (max-width:650px){.cs-console-inbox-header{flex-wrap:wrap;gap:12px}.cs-console-inbox-header>.cs-inbox-search-actions{order:3;flex-basis:100%;max-width:none;margin-left:0}.cs-console-inbox-header>.cs-console-inbox-tools{margin-left:auto}}
@keyframes cs-read-appear{from{opacity:0}to{opacity:1}}@keyframes cs-read-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.cs-read-menu,.cs-read-toast{animation:none}.cs-read-icon{transition:none}}