/* 04.55.2 r10 — Inbox SLA snapshot and new inbound message indicators. */
.focused-shell .r10-sla-time {display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #b9d6ec;border-radius:8px;background:#eff8ff;color:#255a79;font-size:10px;font-weight:700;line-height:1.35;white-space:nowrap;max-width:100%;}
.focused-shell .r10-sla-time svg {width:12px;height:12px;flex:none;}
.focused-shell .r10-sla-time.r10-critical {border-color:#f8c9ae;background:#fff1e9;color:#a84919;}
.focused-shell .r10-sla-time.r10-warning {border-color:#f4d8a9;background:#fff8e8;color:#9b631c;}
.focused-shell .r10-sla-time.r10-breached {border-color:#f0b7bd;background:#fff0f1;color:#ae364c;}
.focused-shell .card-title .r10-sla-time {margin-left:auto;flex:0 1 auto;}
.focused-shell .card-title strong {min-width:0;flex:1 1 auto;}
.focused-shell .r9-thread-meta .r10-sla-time {font-size:11px;}
.focused-shell .r10-new-message-banner {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:9px 15px;background:#eaf3ff;color:#2056a2;border-bottom:1px solid #c9dcff;font-size:12px;}
.focused-shell .r10-new-message-banner > span {display:inline-flex;align-items:center;gap:6px;}
.focused-shell .r10-new-message-banner svg {width:14px;height:14px;}
.focused-shell .r10-show-new {color:#1a56c8;background:white;border:1px solid #b6cdf8;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;cursor:pointer;}
.focused-shell .r10-show-new:hover,.focused-shell .r10-show-new:focus-visible{background:#dbeaff;outline:2px solid #84affb;outline-offset:1px;}
@media (max-width:1100px) {.focused-shell .r9-thread-meta .r10-sla-time {max-width:180px;}}
@media (max-width:700px) {.focused-shell .r10-sla-time {font-size:10px;} .focused-shell .r10-new-message-banner{padding:7px 8px;}}
:root[data-theme="dark"] .focused-shell .r10-sla-time,body.dark .focused-shell .r10-sla-time {background:#132a38;border-color:#366179;color:#c0e3f8;}
:root[data-theme="dark"] .focused-shell .r10-sla-time.r10-breached,body.dark .focused-shell .r10-sla-time.r10-breached{background:#3a202b;border-color:#994658;color:#ffb6be;}
:root[data-theme="dark"] .focused-shell .r10-sla-time.r10-warning,body.dark .focused-shell .r10-sla-time.r10-warning{background:#392e1c;border-color:#916a32;color:#f8da9a;}
:root[data-theme="dark"] .focused-shell .r10-sla-time.r10-critical,body.dark .focused-shell .r10-sla-time.r10-critical{background:#432719;border-color:#a15a30;color:#ffca9e;}
:root[data-theme="dark"] .focused-shell .r10-new-message-banner,body.dark .focused-shell .r10-new-message-banner{background:#172d50;border-color:#36558b;color:#d3e7ff;}
:root[data-theme="dark"] .focused-shell .r10-show-new,body.dark .focused-shell .r10-show-new{background:#213c67;color:#e6f0ff;border-color:#648bd2;}
/* Let the timing indicator coexist with status/owner on wide screens without clipping. */
.workspace.focused-shell .r9-thread-meta{max-width:min(30vw,315px);overflow:visible;flex-wrap:wrap;justify-content:center;}
.workspace.focused-shell .r9-thread-meta .r10-sla-time {max-width:100%;}
@media(max-width:1080px){.workspace.focused-shell .r9-thread-meta{display:none;}}