[hidden] {
  display: none !important;
}
[data-context-default] {
  margin-top: 8px;
  max-width: 100%;
}
:root {
  color-scheme: dark;
  --bg: #101827;
  --panel: #172235;
  --line: #2a3b55;
  --muted: #a0b1c9;
  --text: #eef3fa;
  --accent: #8cb8ff;
  --button: #3265d4;
  --bad: #ffd0b9;
  --good: #a3e8ce;
  --radius: 14px;

  --white: #fff;
  --surface-secondary: #22334e;
  --line-secondary: #3a5276;
  --text-secondary: #d9e8ff;
  --surface-danger: #72382b;
  --line-danger: #b25b42;
  --text-danger: #fff2ec;
  --focus: #92baff;
  --surface-sidebar: #131e30;
  --brand: #3767cb;
  --surface-hover: #20324e;
  --text-active: #d9e9ff;
  --surface-active: #243d63;
  --line-active: #3d608e;
  --text-eyebrow: #9db5d5;
  --line-hover: #7296c9;
  --line-info: #4c6790;
  --text-info: #b7c9e2;
  --line-info-hover: #8cb4ef;
  --line-dialog: #668ab9;
  --surface-input: #0d1727;
  --shadow-legacy: #020813d0;
  --text-caption: #7f93ad;
  --text-budget: #d5e4f8;
  --surface-row: #121c2e;
  --line-live: #365171;
  --surface-live: #192c43;
  --text-live: #d2dff1;
  --surface-badge: #263a55;
  --line-badge: #3b5270;
  --line-success: #397061;
  --surface-success: #183b35;
  --line-warning: #885040;
  --surface-warning: #452e29;
  --text-wait: #d6e4ff;
  --line-wait: #4d6ea3;
  --surface-wait: #1c3050;
  --line-repair: #3d6296;
  --line-resolved: #2f6b56;
  --text-label: #cddbf0;
  --line-input: #3b4f6e;
  --checkbox: #729ffc;
  --line-notice: #487166;
  --surface-notice: #1c3c35;
  --line-error: #8e5846;
  --surface-code: #101a2a;
  --line-code: #2e405e;
  --text-disclosure: #c2d9fa;
  --line-attention: #945942;
  --surface-attention: #382a28;
  --line-timeline: #45658e;
  --overlay-dialog: #020813d9;
  --black: #111;
  --overlay-drawer: #020813b8;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --font-small: 14px;
  --font-body: 15px;
  --font-control: 16px;
  --font-section: 20px;
  --font-heading: 28px;
  --radius-control: 8px;
  --radius-card: 14px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  --font-brand: 18px;
  --font-heading-legacy: 27px;
  --font-section-legacy: 19px;
  --font-stat: 32px;
  --font-heading-compact: 23px;
  --font-heading-mobile: 24px;
}
* {
  box-sizing: border-box;
}
.local-chat-frame {
  width: 100%;
  height: 70vh;
  border: 0;
  border-radius: var(--radius-control);
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font:
    var(--font-body)/1.6 system-ui,
    -apple-system,
    Segoe UI,
    sans-serif;
}
a {
  color: var(--accent);
  text-underline-offset: 3px;
}
button,
input,
textarea,
select {
  font: inherit;
}
button,
.button {
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  background: var(--button);
  color: var(--white);
  padding: 10px 16px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
}
button:hover,
.button:hover {
  filter: brightness(1.13);
}
button:disabled {
  opacity: 0.45;
  cursor: default;
}
.secondary {
  background: var(--surface-secondary);
  border-color: var(--line-secondary);
  color: var(--text-secondary);
}
.danger {
  background: var(--surface-danger);
  border-color: var(--line-danger);
  color: var(--text-danger);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}
aside {
  position: fixed;
  inset: 0 auto 0 0;
  width: 256px;
  z-index: 30;
  background: var(--surface-sidebar);
  border: 1px solid var(--line);
  padding: 30px 18px;
  display: flex;
  flex-direction: column;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text);
  font-weight: 700;
  font-size: var(--font-brand);
  text-decoration: none;
}
.brand-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  background: var(--brand);
  border-radius: var(--radius-card);
}
.brand small {
  display: block;
  font-size: var(--font-small);
  font-weight: 400;
  color: var(--muted);
  margin-top: 3px;
}
nav {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 44px;
}
nav a {
  padding: 12px 13px;
  color: var(--muted);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
}
nav a:hover {
  background: var(--surface-hover);
}
nav a[aria-current="page"] {
  color: var(--text-active);
  background: var(--surface-active);
  border-color: var(--line-active);
}
.sidebar-note {
  margin-top: auto;
  color: var(--muted);
  font-size: var(--font-small);
  border: 0;
  padding: 20px 10px 0;
}
.workspace {
  margin-left: 256px;
  min-width: 0;
}
header {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  max-width: 1370px;
  margin: auto;
  padding: 30px 32px 24px;
}
h1 {
  font-size: var(--font-heading-legacy);
  line-height: 1.25;
  margin: 5px 0 0;
  letter-spacing: -0.035em;
}
h2 {
  font-size: var(--font-section-legacy);
  line-height: 1.4;
  margin: 0 0 12px;
}
h3 {
  font-size: var(--font-control);
}
.eyebrow {
  font-size: var(--font-small);
  letter-spacing: 0.14em;
  font-weight: 750;
  color: var(--text-eyebrow);
}
main {
  max-width: 1370px;
  padding: 0 32px 40px;
  margin: auto;
}
section,
.conversation-card {
  padding: 24px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  margin-bottom: 20px;
  min-width: 0;
}
.intro {
  padding: 18px 0 10px;
}
.intro p {
  max-width: 850px;
  color: var(--muted);
}
section.intro {
  padding: 24px;
}
.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 15px;
}
.section-head h2 {
  margin-bottom: 0;
}
p {
  margin: 12px 0;
}
.muted,
.hint {
  color: var(--muted);
}
.hint {
  font-size: var(--font-small);
  line-height: 1.6;
}
.toolbar,
.switch-line,
.label-line,
.section-tools,
.chip-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.label-line {
  margin: 14px 0 7px;
}
.label-line label,
.switch-line .switch {
  margin: 0;
}
.chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 12px;
  border: 1px solid var(--line-secondary);
  border-radius: var(--radius-pill);
  background: var(--surface-secondary);
  color: var(--text-secondary);
  font-size: var(--font-small);
  font-weight: 650;
  text-decoration: none;
}
.chip:hover {
  border-color: var(--line-hover);
}
.info {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  vertical-align: middle;
}
.info-button {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  padding: 0;
  border: 1px solid var(--line-info);
  border-radius: var(--radius-circle);
  background: transparent;
  color: var(--text-info);
  font-size: var(--font-small);
  font-style: italic;
  font-weight: 700;
  line-height: 1;
}
.info-button:hover,
.info:focus-within .info-button,
.info.is-open .info-button {
  background: var(--surface-active);
  color: var(--white);
  border-color: var(--line-info-hover);
}
.info-tip {
  display: none;
  position: absolute;
  z-index: 40;
  top: calc(100% + 6px);
  left: 0;
  width: min(300px, calc(100vw - 32px));
  padding: 10px 12px;
  border: 1px solid var(--line-dialog);
  border-radius: var(--radius-control);
  background: var(--surface-input);
  color: var(--text);
  font-size: var(--font-small);
  font-weight: 400;
  font-style: normal;
  line-height: 1.45;
  text-align: left;
}
.info-tip::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 28px;
  height: 8px;
}
.section-head .info-tip,
.section-tools .info-tip,
.actions .info-tip {
  left: auto;
  right: 0;
}
.section-head .info-tip::before,
.section-tools .info-tip::before,
.actions .info-tip::before {
  left: auto;
  right: 0;
}
.info:hover .info-tip,
.info:focus-within .info-tip,
.info.is-open .info-tip {
  display: block;
}
.info.is-dismissed .info-tip {
  display: none;
}
.readout,
dl.readout {
  color: var(--muted);
  font-size: var(--font-small);
  font-weight: 400;
}
dl.readout {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 8px 0 0;
}
dl.readout div {
  display: flex;
  gap: 6px;
  min-width: 0;
}
dl.readout dt {
  color: var(--text-caption);
}
dl.readout dd {
  margin: 0;
  color: var(--text);
}
.job-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.job-title {
  min-width: 0;
  color: var(--text);
  font-size: var(--font-control);
  font-weight: 650;
  text-decoration: none;
}
.job-row .badge {
  flex: none;
}
.job-title:hover {
  color: var(--accent);
}
.job-note {
  margin: 8px 0 0;
  font-size: var(--font-small);
}
.job-row .actions {
  margin-top: 12px;
}
.meter {
  min-height: 1.4em;
  margin: 8px 0 0;
  color: var(--text-budget);
  font-size: var(--font-small);
  font-variant-numeric: tabular-nums;
}
.meter.is-bad {
  color: var(--bad);
}
.local-card {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  background: var(--surface-row);
}
.live {
  border: 1px solid var(--line-live);
  background: var(--surface-live);
  padding: 13px 16px;
  border-radius: var(--radius-control);
  margin-bottom: 22px;
  font-size: var(--font-small);
}
.badge {
  display: inline-block;
  font-size: var(--font-small);
  color: var(--text-live);
  background: var(--surface-badge);
  border: 1px solid var(--line-badge);
  border-radius: var(--radius-pill);
  padding: 4px 10px;
  white-space: normal;
}
.badge.good {
  color: var(--good);
  border-color: var(--line-success);
  background: var(--surface-success);
}
.badge.bad {
  color: var(--bad);
  border-color: var(--line-warning);
  background: var(--surface-warning);
}
.badge.wait {
  color: var(--text-wait);
  border-color: var(--line-wait);
  background: var(--surface-wait);
}
.profile-rank {
  white-space: nowrap;
}
#spam-status.error {
  color: var(--bad);
}
#spam-results {
  overflow-wrap: anywhere;
}
.spam-message + .spam-message {
  margin-top: var(--space-2);
}
.group-title {
  margin: 18px 0 10px;
  font-size: var(--font-control);
}
.job-row.repairing {
  border-color: var(--line-repair);
}
.job-row.resolved {
  border-color: var(--line-resolved);
}
.job-note {
  white-space: pre-line;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 8px 0 6px;
}
.stats section,
.stats a.stat {
  padding: 18px 20px;
  margin-bottom: 0;
}
.stats a.stat {
  display: block;
  color: inherit;
  text-decoration: none;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.stats a.stat:hover,
.stats a.stat:focus-visible {
  border-color: var(--line-hover);
}
.stats a.stat small {
  display: block;
  margin-top: 6px;
  color: var(--accent);
  font-size: var(--font-small);
  font-weight: 650;
}
.stats span {
  color: var(--muted);
  font-size: var(--font-small);
}
.stats strong {
  display: block;
  font-size: var(--font-stat);
  line-height: 1.4;
  margin-top: 8px;
}
.job-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.job-row {
  margin: 0;
  padding: 16px 18px;
  background: var(--surface-row);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  overflow-wrap: anywhere;
}
.job-row .section-head {
  margin-bottom: 8px;
}
.job-row p {
  margin: 6px 0;
}
.job-meta,
.meta-line {
  color: var(--muted);
  font-size: var(--font-small);
}
.meta-line {
  display: block;
  margin-top: 8px;
}
.actions .info {
  align-self: center;
}
.actions .info-button {
  flex: 0 0 22px;
}
.columns {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 20px;
}
.profile-grid,
.conversation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.profile-card {
  margin-bottom: 0;
  align-self: start;
}
.profile-grid {
  margin-bottom: 20px;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
}
label {
  display: block;
  font-size: var(--font-small);
  font-weight: 600;
  margin: 14px 0 7px;
  color: var(--text-label);
}
input,
textarea,
select {
  display: block;
  width: 100%;
  min-height: 44px;
  background: var(--surface-input);
  color: var(--text);
  border: 1px solid var(--line-input);
  border-radius: var(--radius-control);
  padding: 10px 12px;
  margin-top: 7px;
}
textarea {
  resize: vertical;
  line-height: 1.6;
}
input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  accent-color: var(--checkbox);
}
.switch {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0;
  font-size: var(--font-small);
}
.actions {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  margin-top: 20px;
}
.actions label {
  flex: 1;
  min-width: 150px;
  margin: 0;
}
.save-state {
  display: block;
  min-height: 24px;
  margin: 7px 0;
  color: var(--good);
  font-size: var(--font-small);
}
.save-state.error {
  color: var(--bad);
}
#notice {
  padding: 15px 18px;
  border: 1px solid var(--line-notice);
  border-radius: var(--radius-control);
  background: var(--surface-notice);
  margin-bottom: 20px;
}
#notice.error {
  background: var(--surface-warning);
  border-color: var(--line-error);
}
.service {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border: 0;
  font-size: var(--font-small);
}
.service:last-of-type {
  border-bottom: 0;
}
.table-wrap {
  width: 100%;
  overflow: auto;
}
table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: var(--font-small);
}
th {
  font-size: var(--font-small);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted);
  font-weight: 650;
}
th,
td {
  padding: 14px 10px;
  border: 0;
  vertical-align: top;
}
td a {
  font-weight: 600;
}
pre {
  font:
    var(--font-small)/1.75 ui-monospace,
    Consolas,
    monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 600px;
  overflow: auto;
  background: var(--surface-code);
  padding: 16px;
  border: 1px solid var(--line-code);
  border-radius: var(--radius-control);
}
code {
  overflow-wrap: anywhere;
}
details {
  margin: 12px 0;
}
summary {
  cursor: pointer;
  color: var(--text-disclosure);
  min-height: 38px;
  padding: 6px 0;
}
.attention {
  border-color: var(--line-attention);
  background: var(--surface-attention);
}
.conversation-card {
  display: block;
  color: var(--text);
  text-decoration: none;
}
.conversation-card:hover {
  border-color: var(--line-hover);
}
.conversation-card small {
  display: block;
  color: var(--muted);
  font-size: var(--font-small);
  margin-top: 16px;
}
.timeline article {
  border: 0;
  padding: 0 0 20px 20px;
  margin: 15px 0;
}
.message-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  color: var(--muted);
  font-size: var(--font-small);
}
.events {
  list-style: none;
  padding: 0;
}
.events li {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  padding: 10px 0;
  border: 0;
  font-size: var(--font-small);
}
.events time {
  color: var(--muted);
}
.events span {
  overflow-wrap: anywhere;
}
.page-footer {
  max-width: 1370px;
  margin: auto;
  padding: 0 32px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  font-size: var(--font-small);
  color: var(--muted);
}
dialog {
  color: var(--text);
  background: var(--panel);
  border: 1px solid var(--line-dialog);
  border-radius: var(--radius-card);
  padding: 25px;
  width: min(850px, 95vw);
}
dialog::backdrop {
  background: var(--overlay-dialog);
}
.skip {
  position: fixed;
  top: -100px;
  left: 10px;
  z-index: 100;
  background: var(--white);
  color: var(--black);
  padding: 12px;
}
.skip:focus {
  top: 10px;
}
.mobile,
.shade {
  display: none;
}
@media (min-width: 1500px) {
  .profile-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1050px) {
  .columns {
    grid-template-columns: 1fr;
  }
  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .profile-grid,
  .conversation-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .workspace {
    margin-left: 0;
  }
  aside {
    transform: translateX(-100%);
    transition: transform 0.15s;
  }
  .menu-open aside {
    transform: translateX(0);
  }
  .mobile {
    display: inline-flex;
  }
  .menu-open .shade {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 25;
    background: var(--overlay-drawer);
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
  }
  header {
    padding: 20px 18px;
    flex-wrap: wrap;
    gap: 14px;
  }
  h1 {
    font-size: var(--font-heading-compact);
  }
  header #connection {
    margin-left: auto;
  }
  main {
    padding: 0 16px 30px;
  }
  section,
  .conversation-card {
    padding: 19px;
  }
  .section-head {
    align-items: start;
    flex-wrap: wrap;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .stats {
    gap: 12px;
  }
  .stats section,
  .stats a.stat {
    padding: 15px;
  }
  .stats span {
    font-size: var(--font-small);
  }
  .stats strong {
    font-size: var(--font-heading);
  }
  .page-footer {
    padding: 0 18px 25px;
  }
  .actions {
    align-items: stretch;
  }
  .actions button,
  .actions .button {
    flex-grow: 1;
  }
  .actions .info-button {
    flex-grow: 0;
  }
  .info.is-open .info-tip {
    position: fixed;
    top: auto;
    right: 12px;
    bottom: 12px;
    left: 12px;
    width: auto;
  }
  input,
  textarea,
  select {
    font-size: var(--font-control);
  }
  .service {
    align-items: start;
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* Shared layout rhythm: same section, field and control spacing on every view. */
section, .conversation-card { margin-bottom: var(--space-5); }
section { padding: var(--space-5); }
section > :first-child { margin-top: 0; }
section > :last-child { margin-bottom: 0; }
.section-head { margin-bottom: var(--space-4); gap: var(--space-4); }
.intro { padding: 0; margin-bottom: var(--space-5); }
.stats { margin: 0 0 var(--space-5); gap: var(--space-4); }
.columns { gap: var(--space-5); align-items: start; }
.profile-grid, .conversation-grid { gap: var(--space-4); margin-bottom: var(--space-5); }
.conversation-grid .conversation-card { margin-bottom: 0; }
.profile-card { margin-bottom: 0; }
.live { margin-bottom: var(--space-5); }
.actions { gap: var(--space-3); margin-top: var(--space-4); }
#uwaga, #zlecenia { background: transparent; border: 0; padding: 0; }
#attention-list > .actions { margin: 0 0 var(--space-4); }
.job-list { gap: var(--space-3); }
.job-row { padding: var(--space-4); }
.job-row .actions { margin-top: var(--space-4); }
.form-grid { column-gap: var(--space-4); row-gap: 0; }
input, select, textarea { font-size: var(--font-control); }
label { font-size: var(--font-small); }
h1 { margin: 0; font-size: var(--font-heading); }
h2 { font-size: var(--font-section); }
summary { min-height: 44px; padding: var(--space-2) 0; }
.prose { font: inherit; white-space: pre-wrap; background: transparent; border: 0; padding: 0; max-height: none; }
.timeline article { padding: var(--space-4) 0; margin: 0; }
.timeline article + article { margin-top: var(--space-4); }
.info { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
.info-button { position: relative; width: 44px; height: 44px; min-width: 44px; min-height: 44px; border: 0; background: transparent; font-size: var(--font-small); }
.info-button::before { content: ""; position: absolute; inset: 11px; border: 1px solid var(--line-info); border-radius: var(--radius-circle); pointer-events: none; }
.info-button:hover, .info:focus-within .info-button, .info.is-open .info-button { background: transparent; }
.info-button:hover::before, .info:focus-within .info-button::before, .info.is-open .info-button::before { border-color: var(--line-info-hover); }
.actions .info-button { flex-basis: 44px; }
.info-tip { font-size: var(--font-small); }
@media (max-width: 760px) {
  header { display: grid; grid-template-columns: auto 1fr; padding: var(--space-4); gap: var(--space-4); }
  header > .mobile { grid-column: 1; grid-row: 1; }
  header #connection { grid-column: 2; grid-row: 1; justify-self: end; }
  header > div { grid-column: 1 / -1; grid-row: 2; }
  h1 { font-size: var(--font-heading-mobile); }
  main { padding: 0 var(--space-4) var(--space-6); }
  section, .conversation-card { padding: var(--space-4); }
  .intro, #uwaga, #zlecenia { padding: 0; }
  .stats a.stat { padding: var(--space-4); }
  .job-main { flex-direction: column; gap: var(--space-2); }
  .job-title { width: 100%; }
  .profile-grid, .conversation-grid { gap: var(--space-4); }
  .section-head { align-items: center; }
  .actions label { flex-basis: 100%; }
  .prose { padding: 0; }
}

.columns { margin-bottom: var(--space-5); }
.columns > section { margin-bottom: 0; }

.auth-main { width: min(480px, calc(100% - 32px)); margin: 10vh auto; padding: 0; }
.auth-main h1 { margin-bottom: var(--space-4); }

.chip, .brand { min-height: 44px; }

.conversation-card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.conversation-card h2 { margin: 0; }
.conversation-card small { margin-top: auto; padding-top: var(--space-4); }
.conversation-open { color: var(--accent); font-weight: 600; }
.search-section .label-line { margin-top: 0; }
.search-section .actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.search-section input { margin: 0; }
@media (max-width: 760px) { .search-section .actions { grid-template-columns: 1fr; } }
/* Anchor desktop help inside the available workspace, including a third profile column. */
.info-tip { left: auto; right: 0; }
.info-tip::before { left: auto; right: 0; }
@media (max-width: 760px) {
  .info:hover .info-tip, .info:focus-within .info-tip, .info.is-open .info-tip {
    position: fixed; top: auto; right: 12px; bottom: 12px; left: 12px; width: auto;
  }
}
label { margin: var(--space-4) 0 var(--space-2); }
input, textarea, select { margin-top: var(--space-2); }
.form-grid { row-gap: var(--space-4); }
.form-grid > label { margin-top: 0; margin-bottom: 0; }
.label-line { margin: var(--space-4) 0 var(--space-2); }
.switch { min-height: 44px; margin: var(--space-4) 0; }
.save-state { margin: var(--space-1) 0; }