.selected-inbox-page>.page-heading{margin-bottom:12px}.selected-inbox-page>.page-heading h1{font-size:1.6rem}.selected-inbox-page>.page-heading p{display:none}.selected-inbox-page>.tabs{margin:12px 0;padding-bottom:8px}.selected-inbox-page .inbox-filters{margin:8px 0}.update-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.update-status p,.update-status button,.update-status a{margin:0}.inbox{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}.inbox-list.card{padding:0;overflow:hidden}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.list-heading h2{margin:0}.list-heading span{font-size:.75rem;color:var(--muted)}.conversation-row{display:block;padding:18px 20px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}.conversation-row:hover,.conversation-row[aria-current=page]{background:var(--soft);text-decoration:none}.conversation-row[aria-current=page]{box-shadow:inset 3px 0 var(--blue)}.conversation-row-top{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.conversation-row-top strong{font-size:.9rem}.conversation-row p{margin:6px 0;color:var(--muted);font-size:.86rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation-row small{font-size:.72rem}.inbox-list nav{padding:16px;font-size:.85rem;display:flex;gap:14px;flex-wrap:wrap}.inbox-detail{margin:0!important;padding:24px;min-height:540px}.conversation-heading{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.conversation-heading h2{font-size:1.3rem;margin-bottom:4px}.conversation-heading p{font-size:.83rem;margin-bottom:4px}.conversation-heading>.badge{align-self:flex-start}.back-list{font-size:.83rem;display:inline-block;padding:8px 0;min-height:44px}.channel-notice{background:#f5f7fb;padding:14px;border-radius:8px;font-size:.83rem;margin:16px 0;color:var(--muted)}.history{display:flex;flex-direction:column;gap:16px;margin:20px 0}.bubble{max-width:85%;border:1px solid var(--line);border-radius:12px;padding:15px 18px}.bubble h3{font-size:.72rem;color:var(--muted);margin-bottom:6px}.bubble p{margin:0 0 6px}.bubble small{font-size:.71rem}.bubble-person{align-self:flex-start;background:#f5f7fb;border-bottom-left-radius:3px}.bubble-bot{align-self:flex-end;background:#edf4ff;border-color:#d4e2f9;border-bottom-right-radius:3px}.day-separator{text-align:center;color:var(--muted);font-size:.73rem;margin:8px 0}.conversation-details{border-top:1px solid var(--line);padding-top:12px;font-size:.87rem}.update-status{font-size:.78rem;margin:16px 0}.thread-controls{display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}.thread-controls details{margin:0}.thread-controls summary{color:var(--blue);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:.85rem}.thread-controls details[open]{flex-basis:100%;background:#f7f9fc;border-radius:9px;padding:12px}.thread-controls button{margin:8px 0}
@media(max-width:1100px){.inbox{grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:14px}.conversation-row-top{flex-direction:column}.bubble{max-width:95%}}@media(max-width:800px){.inbox{display:block}.inbox:not(.has-selection) .inbox-detail{display:none}.inbox.has-selection .inbox-list{display:none}.inbox-detail{padding:18px}.conversation-row-top{flex-direction:row}.conversation-heading{flex-wrap:wrap}.bubble{max-width:95%}.history{gap:12px}.inbox-detail{min-height:400px}}
@media(max-width:800px){.selected-inbox-page>.tabs{display:none}.selected-inbox-page>.page-heading h1{font-size:1.4rem}.selected-inbox-page>.page-heading p{display:none}.selected-inbox-page>.page-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.selected-inbox-page>.page-heading .button{margin:0}.selected-inbox-page .inbox-filters{margin:8px 0}.selected-inbox-page .update-status{margin:8px 0}.selected-inbox-page .inbox{margin-top:10px}}
