/* 1.0: preserve the existing theme while improving spacing and touch access. */
.release-startup { padding: 3rem 1.5rem; text-align: center; font: 14px/1.6 system-ui, sans-serif; }
.release-load-error {
  position: fixed; inset: auto 1rem 1rem; z-index: 1100;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem;
  padding: 1rem; border: 1px solid #d97706; border-radius: .75rem;
  color: var(--sp-text, #171717); background: var(--sp-bg-elevated, #fff);
  box-shadow: 0 8px 24px #0002; font: 14px/1.5 system-ui, sans-serif;
}
.release-load-error button { padding: .6rem 1rem; cursor: pointer; }
#app :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid #0284c7; outline-offset: 3px;
}
[data-testid="settings-tabs"] { overflow: visible; }
[data-testid="settings-tabs"] [role="tablist"] { min-width: 0; gap: .25rem; }
[data-testid="settings-tabs"] [role="tab"] { min-height: 42px; padding-inline: .5rem; border-radius: .5rem; font-size: 13px; }
[data-settings-panel] { scroll-margin-top: 1rem; }
[data-settings-panel] .ui-card { min-width: 0; }
[data-settings-panel] p { font-size: 12px; line-height: 1.65; }
[data-settings-panel] .ui-label { font-size: 12px; }
[data-settings-panel] :is(input, select, textarea) { max-width: 100%; }
.account-view-grid:not([data-account-view="list"]) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.account-view-grid:not([data-account-view="list"]) [data-tg-part="identity"] { min-width: 0; }
.account-view-grid:not([data-account-view="list"]) .ui-row-action {
  min-height: 44px; padding: 6px 3px; border-radius: 6px; font-size: 12px;
}
.account-view-grid:not([data-account-view="list"]) .ui-row-action:hover { background: var(--sp-bg-muted, #f5f5f5); }
.account-view-grid:not([data-account-view="list"]) .ui-row-action > span { font-size: 12px; line-height: 1.35; }
.account-view-grid [data-tg-part="actions"] { min-width: 0; }
.sp-release-warning :is(.sp73-live, .sp73-score) { color: #92400e; background: #fffbeb; }
.sp-release-warning .sp73-live i { background: #d97706; }
.dark .sp-release-warning :is(.sp73-live, .sp73-score) { color: #fcd34d; background: #78350f40; }
[data-tg-chat-shell] { min-height: 0; }
[data-tg-chat-sidebar] { min-width: 0; }
.tg-stage footer { padding-bottom: max(12px, env(safe-area-inset-bottom)); }
.tg-stage footer textarea { line-height: 1.55; }
@media (min-width: 768px) and (max-width: 1199px) {
  [data-tg-chat-sidebar-collapsed="false"] > [data-tg-chat-sidebar] { width: 285px; }
}
@media (max-width: 1400px) {
  .account-view-grid[data-account-view="list"] > [data-account-name] {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "identity side" "userid phone" "actions actions";
    row-gap: 10px;
  }
  .account-view-grid.tg-account-selecting[data-account-view="list"] > [data-account-name] {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-areas: "check identity side" "check userid phone" "check actions actions";
  }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div[data-tg-part="actions"] {
    grid-area: actions;
    display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 4px;
    justify-content: start; padding-top: 8px; border-top: 1px solid var(--sp-border, #e5e7eb);
  }
  .account-view-grid[data-account-view="list"] .ui-row-action { width: 100%; min-width: 0; }
}
@media (max-width: 767px) {
  [data-testid="settings-tabs"] [role="tablist"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-testid="settings-tabs"] [role="tab"] { min-height: 44px; }
  .account-view-grid:not([data-account-view="list"]) { grid-template-columns: minmax(0, 1fr); }
  .account-view-grid > [data-account-name] { padding: 16px; }
  .account-view-grid[data-account-view="list"] > [data-account-name] > div[data-tg-part="actions"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .account-view-grid[data-account-view="list"] .ui-row-action { flex-direction: column; gap: 4px; height: auto; min-height: 44px; padding: 4px 0; }
  .account-view-grid[data-account-view="list"] .ui-row-action > span { display: inline; font-size: 11px; }
  .tg-account-tools { flex-wrap: wrap; }
  .tg-account-tools :is(button, select), .tg-account-batch button { min-height: 36px; }
  [data-tg-chat-shell] { height: calc(100dvh - 7rem); }
  .tg-stage footer textarea { font-size: 16px; }
  .tg-stage [data-tgsp-msg] > article { max-width: 88% !important; }
  .ui-fab { bottom: max(1rem, env(safe-area-inset-bottom)); }
  [role="dialog"] { max-width: calc(100vw - 1.5rem); }
}