.app-shell {
  grid-template-columns: 340px minmax(430px, 1fr) 300px;
}

.nav-panel {
  display: none !important;
}

.thread-list-panel {
  grid-column: 1;
}

.conversation-panel {
  grid-column: 2;
}

.details-panel {
  grid-column: 3;
}

.combined-inbox-controls {
  flex: 0 0 auto;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  background: #f8fafc;
}

.inbox-scope-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 9px;
  padding: 3px;
  border-radius: 8px;
  background: #e5e7eb;
}

.inbox-scope-tabs .scope {
  justify-content: center;
  padding: 7px 8px;
  border-radius: 6px;
  font-weight: 650;
}

.inbox-scope-tabs .scope.active {
  background: #fff;
  box-shadow: 0 1px 3px #0002;
}

.inbox-primary-actions {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
}

.inbox-primary-actions #newConversationBtn {
  width: auto;
  white-space: nowrap;
}

.inbox-primary-actions .search {
  min-width: 0;
  margin: 0;
}

.inbox-filter-chips {
  display: flex;
  gap: 5px;
  margin-top: 9px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.inbox-filter-chips .view {
  flex: 0 0 auto;
  width: auto;
  gap: 5px;
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  font-size: 12px;
}

.inbox-filter-chips .view.active {
  border-color: #93b4ff;
  background: #dbeafe;
}

.thread-list {
  height: auto;
}

.details-panel.collapsed {
  display: none !important;
}

.app-shell.details-collapsed {
  grid-template-columns: 340px minmax(430px, 1fr);
}

.app-shell.details-collapsed .conversation-panel {
  grid-column: 2;
}

body.conversation-focus-mode .app-shell {
  grid-template-columns: minmax(0, 1fr);
}

body.conversation-focus-mode .thread-list-panel,
body.conversation-focus-mode .details-panel {
  display: none !important;
}

body.conversation-focus-mode .conversation-panel {
  display: flex !important;
  grid-column: 1;
  width: 100%;
}

.template-status {
  margin-top: 7px;
  font-size: 12px;
  font-weight: 650;
}

.template-status.pending {
  color: #a34e00;
}

.template-status.approved,
.template-status.open {
  color: #166534;
}

@media (max-width: 1150px) {
  .app-shell {
    grid-template-columns: 310px minmax(0, 1fr);
  }

  .details-panel {
    grid-column: auto;
  }
}

body.master-mobile .thread-list-panel {
  display: flex;
  grid-column: auto;
}

body.master-mobile .combined-inbox-controls {
  padding: 9px 10px;
}

body.master-mobile .inbox-primary-actions {
  grid-template-columns: auto minmax(0, 1fr);
}

body.master-mobile .inbox-filter-chips {
  padding-bottom: 3px;
}

body.master-mobile .focus-mode-button {
  display: none;
}

body.master-mobile.mobile-chat .conversation-panel {
  grid-column: auto;
}