#member-chat-panel[hidden], #instagram-chat-panel[hidden] { display: none !important; }
#instagram-chat-panel [hidden] { display: none !important; }
#page-inbox > .tab-bar { margin-bottom: 12px; }
#page-inbox .inbox-layout { height: calc(100dvh - 184px); min-height: 420px; }
#page-inbox .ig-layout { height: calc(100dvh - 320px); }
#page-inbox [role="tab"] { min-height: 44px; }
#page-inbox [role="tab"].active { color: var(--text); }
#instagram-chat-panel .btn-primary { background: var(--gold-muted); color: var(--btn-gold-text); }
#instagram-chat-panel .form-input::placeholder { color: var(--text); opacity: 1; }
#page-inbox [role="tab"] span:not(:empty) { margin-left: 7px; font-size: .85em; }
.ig-connection { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-card); margin-bottom: 12px; color: var(--text); }
.ig-connection p { margin: 0; flex: 1; min-width: 180px; line-height: 1.5; }
.ig-notice { color: var(--text); padding: 10px 16px; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.ig-layout .convo-item { width: 100%; background: none; color: var(--text); border: 0; border-bottom: 1px solid var(--border); text-align: left; font: inherit; }
.ig-layout .convo-item.active { background: var(--surface-3); border-left: 3px solid var(--gold); }
.ig-layout .convo-list { width: clamp(240px, 28vw, 320px); min-width: 240px; }
.ig-layout .message-panel { min-width: 0; }
.ig-layout .messages-area { display: flex; flex-direction: column; gap: 12px; }
.ig-message { align-self: flex-start; max-width: 85%; padding: 10px 13px; border-radius: 8px; background: var(--surface-3); overflow-wrap: anywhere; white-space: pre-wrap; color: var(--text); }
.ig-message.ig-out { align-self: flex-end; border: 1px solid var(--gold); }
.ig-message time { display: block; margin-top: 6px; font-size: 12px; color: var(--text); }
.ig-layout .convo-time, .ig-layout .convo-preview { color: var(--text); }
.ig-layout .attention-filters { align-items: stretch; flex-direction: column; }
.ig-layout .attention-filters label, .ig-layout .attention-filters input, .ig-layout .attention-filters select { width: 100%; }
.ig-message a { display: block; color: var(--text); text-decoration: underline; }
.ig-message img, .ig-message video { max-width: 100%; max-height: 240px; object-fit: contain; display: block; margin: 6px 0; }
.ig-message audio { width: 100%; max-width: 260px; }
.ig-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--border); }
.ig-toolbar label { display: flex; align-items: center; gap: 8px; }
.ig-toolbar select { width: auto; }
#ig-compose { padding: 12px 16px; border-top: 1px solid var(--border); }
#ig-compose textarea { width: 100%; min-height: 75px; resize: vertical; margin-bottom: 10px; }
#ig-compose .reply-row { justify-content: space-between; flex-wrap: wrap; }
#ig-reply-hint { font-size: 12px; flex: 1; min-width: 170px; line-height: 1.5; color: var(--text); }
#ig-back { display: none; }
#instagram-chat-panel button, #instagram-chat-panel select { min-height: 44px; }
#page-inbox button:focus-visible, #page-inbox input:focus-visible, #page-inbox textarea:focus-visible, #page-inbox select:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (max-width: 700px) {
  #page-inbox .ig-layout { flex-direction: column; height: calc(100dvh - 350px); min-height: 420px; }
  .ig-layout .convo-list { width: 100%; min-width: 0; flex: 1; max-height: none; }
  .ig-layout .message-panel { display: none; }
  .ig-layout.ig-thread-open .convo-list { display: none; }
  .ig-layout.ig-thread-open .message-panel { display: flex; flex: 1; }
  #ig-back { display: inline-flex; }
  .ig-toolbar { padding: 8px 12px; }
  .ig-message { max-width: 95%; }
}