.app-header > .settings-link { width: auto; gap: 6px; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
.settings-link svg { width: 18px; height: 18px; flex: none; }
.settings-link span { font-size: 11px; }
.settings-link[aria-current="page"] { color: var(--accent); background: var(--accent-pale); }
.connection-settings-page { max-width: 860px; margin: 0 auto; padding: 36px 28px 64px; }
.connection-intro { margin-bottom: 28px; }
.connection-intro h1 { margin: 10px 0 15px; }
.connection-intro p { color: var(--muted); font-size: 14px; }
.connection-card { padding: 26px; margin: 20px 0; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); min-width: 0; }
.connection-card h2 { font-size: 20px; margin-bottom: 12px; }
.connection-card .row h2 { margin: 0; }
.connection-source { font-size: 14px; margin: 20px 0 8px; }
.connection-card .caption { line-height: 1.85; overflow-wrap: anywhere; }
.connection-key-row { display: flex; align-items: flex-end; gap: 10px; margin: 20px 0 12px; min-width: 0; }
.connection-key-row .field { flex: 1; min-width: 0; }
.connection-key-row input { min-width: 0; font-family: "Cascadia Code", Consolas, monospace; }
.connection-key-row .btn { flex-shrink: 0; min-height: 42px; }
.connection-save-actions { display: flex; justify-content: flex-end; margin-top: 20px; }
.connection-status { font-size: 13px; color: var(--green); margin: 18px 0 0; overflow-wrap: anywhere; }
.connection-card .fail-inline { margin: 14px 0 0; }
.connection-status:empty, .connection-card .fail-inline:empty { display: none; }
@media (max-width: 1200px) {
  .app-header { height: auto; min-height: 65px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 8px; column-gap: 8px; row-gap: 4px; }
  .app-header::after { content: ""; order: 1; flex: 0 0 100%; height: 0; }
  .app-header > .btn { white-space: nowrap; flex-shrink: 0; }
  .app-header > .btn.wardrobe-link, .app-header > .btn.workflow-link,
  .app-header > .btn.creative-link, .app-header > .btn.fixed-link {
    display: inline-flex; order: 2; flex: 1 0 21%; font-size: 11px; min-height: 36px; padding: 7px 5px;
  }
  .app-header .private-label { display: none; }
  .app-header .spacer { min-width: 0; }
}
@media (min-width: 901px) and (max-width: 1200px) {
  .app-header { height: 104px; }
  .work-layout { height: calc(100dvh - 104px); }
}
@media (max-width: 900px) {
  .app-header > .settings-link { width: 35px; }
  .settings-link span { display: none; }
}
@media (max-width: 600px) {
  .app-header { padding-left: 12px; padding-right: 12px; column-gap: 6px; row-gap: 3px; }
  .app-header > .btn.wardrobe-link, .app-header > .btn.workflow-link,
  .app-header > .btn.creative-link, .app-header > .btn.fixed-link { font-size: 10px; padding: 7px 3px; }
  .connection-settings-page { padding: 24px 14px 44px; }
  .connection-intro h1 { font-size: 29px; }
  .connection-card { padding: 20px 16px; }
  .connection-key-row { flex-wrap: wrap; }
  .connection-key-row .field { flex-basis: 100%; }
  .connection-key-row input { font-size: 16px; }
  .connection-key-row .btn { margin-left: auto; }
  .connection-save-actions .btn { width: 100%; min-height: 44px; }
}