/* 04.55.2 r8 — INBOX visual enhancement only.
   Scope: focused Inbox workspace. No change to channel policy, messaging,
   lifecycle, DOM visibility, click targets, keyboard focus or scroll contracts. */
.workspace.focused-shell {
  --ibox-blue:#5379dd; --ibox-teal:#138f9f; --ibox-violet:#8067ca;
  --ibox-line:color-mix(in srgb,var(--ui-line,#e1e8f1) 86%,#9ab9e8);
  --ibox-shadow:0 5px 18px rgba(48,77,127,.055);
}
.workspace.focused-shell>.inbox-nav{
  background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface) 92%,#ebedff),var(--ui-surface) 38%);
  border-right:1px solid var(--ibox-line);
}
.workspace.focused-shell .inbox-nav-head{
  border-bottom:1px solid var(--ibox-line);margin-bottom:5px;
}
.workspace.focused-shell .inbox-nav-head h1{
  color:var(--ui-ink);font-weight:800;letter-spacing:-.55px;
}
.workspace.focused-shell .inbox-nav-head h1::before{
  content:"";display:inline-block;vertical-align:-6px; width:29px;height:29px;margin-right:8px;
  border-radius:9px;background-color:color-mix(in srgb,var(--ui-surface) 40%,#d6f7f7);
  border:1px solid color-mix(in srgb,var(--ibox-teal) 24%,var(--ibox-line));
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f8799' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 8l9 6 9-6'/%3E%3C/svg%3E");background-size:18px;background-position:center;background-repeat:no-repeat;
}
.workspace.focused-shell .inbox-nav-item,.workspace.focused-shell .channel-nav-item,
.workspace.focused-shell .lifecycle-nav-item,.workspace.focused-shell .team-inbox-item{
  border-radius:9px;transition:background-color .14s ease,box-shadow .14s ease,color .14s ease;
}
.workspace.focused-shell .inbox-nav-item.active,.workspace.focused-shell .channel-nav-item.active,
.workspace.focused-shell .lifecycle-nav-item.active{
  background:color-mix(in srgb,var(--ui-surface) 65%,#dee8ff);
  color:var(--ibox-blue);box-shadow:inset 3px 0 var(--ibox-blue);
}
.workspace.focused-shell .inbox-nav-section{border-top-color:var(--ibox-line)}
.workspace.focused-shell .section-label{color:var(--ui-muted);font-weight:750;letter-spacing:.085em}
.workspace.focused-shell .conversation-column,.workspace.focused-shell .professional-list{
  background:var(--ui-surface);border-right-color:var(--ibox-line);
}
.workspace.focused-shell .professional-list .conversation-list-head{
  background:linear-gradient(110deg,color-mix(in srgb,var(--ui-surface) 78%,#e5edff),color-mix(in srgb,var(--ui-surface) 93%,#ecfffd));
  border-bottom:1px solid var(--ibox-line);
}
.workspace.focused-shell .conversation-list-head h2{color:var(--ui-ink);font-weight:800;letter-spacing:-.35px}
.workspace.focused-shell .professional-controls select,.workspace.focused-shell .list-channel-filter select{
  color:var(--ui-ink);font-weight:600;
}
.workspace.focused-shell .conversation-search{border-radius:10px}
.workspace.focused-shell .professional-card{
  border-radius:11px;border:1px solid transparent;
  border-bottom-color:var(--ibox-line);margin-block:2px;
  transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.workspace.focused-shell .professional-card:hover:not(:disabled){
  background:color-mix(in srgb,var(--ui-surface) 90%,#eaf2ff);
  border-color:color-mix(in srgb,var(--ibox-blue) 15%,var(--ibox-line));
  box-shadow:var(--ibox-shadow);
}
.workspace.focused-shell .professional-card.selected{
  background:linear-gradient(105deg,color-mix(in srgb,var(--ui-surface) 70%,#e0ebff),color-mix(in srgb,var(--ui-surface) 88%,#f3eeff));
  border:1px solid color-mix(in srgb,var(--ibox-blue) 35%,var(--ibox-line));
  box-shadow:inset 3px 0 var(--ibox-blue),var(--ibox-shadow);
}
.workspace.focused-shell .professional-card .card-title strong{font-weight:720;color:var(--ui-ink)}
.workspace.focused-shell .professional-card.has-unread .card-title strong{font-weight:810}
.workspace.focused-shell .professional-card .card-preview{color:var(--ui-muted)}
.workspace.focused-shell .professional-card .contact-avatar>.avatar{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ibox-blue) 15%,var(--ui-surface));
}
.workspace.focused-shell .professional-thread-header{
  background:linear-gradient(100deg,color-mix(in srgb,var(--ui-surface) 84%,#e5f3ff),color-mix(in srgb,var(--ui-surface) 91%,#f1edff));
  border-bottom-color:var(--ibox-line);
}
.workspace.focused-shell .thread-person strong{color:var(--ui-ink);font-weight:790}
.workspace.focused-shell .thread-actions>.icon-button{
  border-radius:9px;border-color:var(--ibox-line);
}
.workspace.focused-shell .thread-actions>.icon-button:hover:not(:disabled){
  background:color-mix(in srgb,var(--ui-surface) 72%,#dfeaff);
}
.workspace.focused-shell .message-timeline{
  background:radial-gradient(ellipse 54% 34% at 94% 7%,color-mix(in srgb,#9bc6fb 9%,transparent),transparent),
             radial-gradient(ellipse 52% 26% at 4% 100%,color-mix(in srgb,#c8aafa 7%,transparent),transparent),
             var(--ui-bg);
}
.workspace.focused-shell .message{
  border:1px solid color-mix(in srgb,var(--ui-ink) 6%,transparent);
  box-shadow:0 2px 9px rgba(35,69,112,.04);
}
.workspace.focused-shell .message.inbound{
  background:linear-gradient(130deg,color-mix(in srgb,var(--ui-in) 88%,#e9f6fd),var(--ui-in));
  border-left:2px solid color-mix(in srgb,var(--ibox-teal) 22%,var(--ui-in));
}
.workspace.focused-shell .message.outbound{
  background:linear-gradient(130deg,var(--ui-out),color-mix(in srgb,var(--ui-out) 85%,#e4e9ff));
  border-right:2px solid color-mix(in srgb,var(--ibox-blue) 26%,var(--ui-out));
}
.workspace.focused-shell .message-body{color:var(--ui-ink)}
.workspace.focused-shell .message-quote{border-left-color:var(--ibox-violet)}
.workspace.focused-shell .customer-composer.professional-composer{
  border-color:var(--ibox-line);border-radius:13px;
  box-shadow:0 6px 22px rgba(35,69,112,.055);
  background:var(--ui-surface);
}
.workspace.focused-shell .customer-composer.professional-composer:focus-within{
  border-color:var(--ibox-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--ibox-blue) 11%,transparent);
}
.workspace.focused-shell .composer-top,.workspace.focused-shell .composer-footer{color:var(--ui-muted)}
.workspace.focused-shell .professional-profile{
  background:linear-gradient(180deg,color-mix(in srgb,var(--ui-surface) 85%,#e9f0ff),var(--ui-surface));
}
.workspace.focused-shell .professional-profile .avatar.large{
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ibox-blue) 13%,var(--ui-surface));
}
.workspace.focused-shell .professional-profile h3{font-weight:800;color:var(--ui-ink)}
.workspace.focused-shell .contact-section{border-color:var(--ibox-line)}
.workspace.focused-shell .contact-section .section-label{color:var(--ibox-violet);font-weight:800}
.workspace.focused-shell .context-panel-actions{border-bottom-color:var(--ibox-line)}
/* Do not visually alter the provider policy/SLA/eligibility banners:
   their existing semantic severity colors remain authoritative. */
html[data-theme="dark"] .workspace.focused-shell{
  --ibox-blue:#9db6ff;--ibox-teal:#6dd2d5;--ibox-violet:#c0a6ff;
  --ibox-shadow:0 4px 17px rgba(0,0,0,.18);
}
html[data-theme="dark"] .workspace.focused-shell .inbox-nav-head h1::before{
  border-color:color-mix(in srgb,var(--ibox-teal) 35%,var(--ibox-line));
}
html[data-theme="dark"] .workspace.focused-shell .message{
  border-color:color-mix(in srgb,var(--ui-ink) 13%,transparent);
  box-shadow:none;
}
@media(max-width:720px){
  .workspace.focused-shell .inbox-nav-head h1::before{width:25px;height:25px;vertical-align:-5px;margin-right:6px}
  .workspace.focused-shell .professional-card{box-shadow:none}
  .workspace.focused-shell .professional-card.selected{box-shadow:inset 3px 0 var(--ibox-blue)}
  .workspace.focused-shell .message{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
  .workspace.focused-shell .professional-card,.workspace.focused-shell .inbox-nav-item,
  .workspace.focused-shell .channel-nav-item,.workspace.focused-shell .lifecycle-nav-item{transition:none}
}