.labels-page .page-heading { align-items: center; gap: 16px; }
.label-create, .label-list, .label-admin-row, .label-mailboxes { padding: 24px 0; border-bottom: 1px solid #e5e5e7; }
.label-create h2, .label-admin-row h2, .label-section-heading h2, .label-mailboxes h2 { font-size: 20px; margin: 0 0 16px; }
.label-list { padding-top: 4px; }
.label-section-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
.label-section-heading h2 { margin-bottom: 0; }
.label-order-note { color: var(--muted); font-size: 12px; }
.label-order-description { color: var(--muted); font-size: 14px; line-height: 1.7; margin: 12px 0 8px; }
.label-create form { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(180px, 2fr) auto; gap: 16px; align-items: end; }
.labels-page label { display: grid; gap: 8px; font-size: 14px; min-width: 0; }
.labels-page input, .labels-page textarea, .labels-page select { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; border: 1px solid #d2d2d7; border-radius: 6px; padding: 10px 12px; font: inherit; background: #fff; color: #1d1d1f; }
.labels-page textarea { resize: vertical; min-height: 44px; }
.label-create textarea { height: 44px; }
.label-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 20px 0; border-bottom: 1px solid #ededee; }
.label-row:last-child { border-bottom: 0; }
.label-position { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-top: 7px; color: #666; background: var(--surface-soft); border-radius: 50%; font-size: 13px; font-variant-numeric: tabular-nums; }
.label-metadata { min-width: 0; }
.label-metadata form { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 8px; }
.label-metadata p { margin: 8px 0 0; font-size: 14px; overflow-wrap: anywhere; }
.label-default-name { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-height: 44px; }
.label-default-name strong { font-size: 15px; font-weight: 550; }
.label-default-badge { color: var(--muted); border: 1px solid var(--line); border-radius: 4px; font-size: 11px; padding: 2px 6px; }
.label-actions { display: flex; gap: 6px; }
.label-actions form { margin: 0; }
.button.label-icon { display: inline-flex; width: 44px; min-width: 44px; height: 44px; padding: 0; align-items: center; justify-content: center; border-radius: 6px; }
.label-icon img { width: 18px; height: 18px; }
.label-icon:disabled { opacity: .3; cursor: default; }
.label-icon:focus-visible { outline: 2px solid #0066cc; outline-offset: 2px; }
.label-rule-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 16px 0; }
.label-admin-row { overflow-wrap: anywhere; }
.label-mailbox-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 1fr); gap: 20px; align-items: center; padding: 20px 0; border-bottom: 1px solid #ededee; }
.label-mailbox-row:last-child { border-bottom: 0; padding-bottom: 0; }
.label-mailbox-identity { display: grid; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
.label-mailbox-identity strong { font-size: 14px; font-weight: 550; }
.label-mailbox-identity span { font-size: 12px; line-height: 1.6; color: var(--muted); }
.label-mailbox-row form { min-width: 0; }
.label-mailbox-row label { font-size: 12px; color: var(--muted); margin-bottom: 6px; }
.label-mailbox-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.label-mailbox-controls select { min-height: 44px; }
.label-mailbox-controls .button { min-height: 44px; white-space: nowrap; }
.labels-page select:focus-visible { outline: 2px solid #0066cc; outline-offset: 2px; }
.dashboard-page .summary-counts { flex-wrap: wrap; }
.dashboard-page .summary-counts span { overflow-wrap: anywhere; white-space: normal; }
.dashboard-page .summary-header { flex-wrap: wrap; }
.summary-date-heading { min-width: 0; max-width: 100%; }
.summary-date-row { display: flex; align-items: center; gap: 16px; }
.summary-date-row h2 { min-width: 0; overflow-wrap: anywhere; }
.summary-date-row .summary-labels-link { flex-shrink: 0; min-height: 36px; padding: 7px 12px; font-size: 13px; border-radius: 7px; white-space: nowrap; }
.dashboard-page .digest-toolbar { align-items: center; flex-wrap: wrap; gap: 12px; }
.dashboard-page .digest-toolbar > .button { min-height: 44px; align-self: center; }
@media (max-width: 700px) {
  .dashboard-page .digest-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); }
  .dashboard-page .digest-toolbar > .button { justify-self: start; }
  .label-create form, .label-rule-fields { grid-template-columns: minmax(0, 1fr); }
  .label-mailbox-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .label-row { grid-template-columns: 26px minmax(0, 1fr); gap: 10px; }
  .label-position { width: 26px; height: 26px; margin-top: 9px; }
  .label-actions { grid-column: 2; justify-content: flex-end; }
  .labels-page .page-heading { flex-wrap: wrap; }
  .labels-page h1 { font-size: 28px; }
  .label-create form > button { width: 100%; }
  .summary-date-heading { width: 100%; }
  .summary-date-row { justify-content: space-between; gap: 10px; }
  .dashboard-page .summary-date-row h2 { font-size: clamp(19px, 5.8vw, 26px); }
  .summary-date-row .summary-labels-link { min-height: 40px; padding: 8px 10px; font-size: 12px; }
}