/**
 * Task Force Suite shared design system.
 * Admin, settings, record editors, portal, and future modules should consume
 * these tokens and primitives before adding module-specific presentation.
 */
:root {
  --tfs-color-canvas: #f5f7fa;
  --tfs-color-surface: #ffffff;
  --tfs-color-surface-subtle: #f8fafc;
  --tfs-color-surface-strong: #eef2f7;
  --tfs-color-border: #dfe5ec;
  --tfs-color-border-strong: #cbd5e1;
  --tfs-color-text: #172033;
  --tfs-color-text-soft: #344054;
  --tfs-color-muted: #667085;
  --tfs-color-primary: #2563eb;
  --tfs-color-primary-strong: #1d4ed8;
  --tfs-color-primary-soft: #eff6ff;
  --tfs-color-success: #067647;
  --tfs-color-success-soft: #ecfdf3;
  --tfs-color-warning: #b54708;
  --tfs-color-warning-soft: #fffaeb;
  --tfs-color-danger: #b42318;
  --tfs-color-danger-soft: #fef3f2;
  --tfs-color-info: #175cd3;
  --tfs-color-info-soft: #eff8ff;
  --tfs-space-1: 4px;
  --tfs-space-2: 8px;
  --tfs-space-3: 12px;
  --tfs-space-4: 16px;
  --tfs-space-5: 20px;
  --tfs-space-6: 24px;
  --tfs-space-8: 32px;
  --tfs-space-10: 40px;
  --tfs-radius-sm: 8px;
  --tfs-radius-md: 12px;
  --tfs-radius-lg: 18px;
  --tfs-radius-xl: 24px;
  --tfs-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
  --tfs-shadow-sm: 0 2px 8px rgba(15, 23, 42, .07);
  --tfs-shadow-md: 0 10px 30px rgba(15, 23, 42, .09);
  --tfs-shadow-lg: 0 22px 55px rgba(15, 23, 42, .16);
  --tfs-control-height: 42px;
  --tfs-control-height-touch: 46px;
  --tfs-content-width: 1440px;
  --tfs-transition-fast: 150ms ease;
  --tfs-transition: 220ms ease;
  --tfs-z-toast: 100000;
  --tfs-z-overlay: 99990;
  --tfs-z-modal: 99999;

  /* Backward-compatible aliases. */
  --tfs-ui-bg: var(--tfs-color-canvas);
  --tfs-ui-surface: var(--tfs-color-surface);
  --tfs-ui-subtle: var(--tfs-color-surface-subtle);
  --tfs-ui-border: var(--tfs-color-border);
  --tfs-ui-text: var(--tfs-color-text);
  --tfs-ui-muted: var(--tfs-color-muted);
  --tfs-ui-primary: var(--tfs-color-primary);
  --tfs-ui-primary-dark: var(--tfs-color-primary-strong);
  --tfs-ui-success: var(--tfs-color-success);
  --tfs-ui-warning: var(--tfs-color-warning);
  --tfs-ui-danger: var(--tfs-color-danger);
  --tfs-ui-radius: var(--tfs-radius-md);
  --tfs-ui-radius-lg: var(--tfs-radius-lg);
  --tfs-ui-shadow: var(--tfs-shadow-md);
  --tfs-ui-shadow-sm: var(--tfs-shadow-xs);
}

.tfs-ui,
.tfs-admin,
.tfs-settings-admin,
.tfs-record-admin,
.tffe-wrap {
  color: var(--tfs-color-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.tfs-ui *,
.tfs-admin *,
.tfs-settings-admin *,
.tfs-record-admin *,
.tffe-wrap * { box-sizing: border-box; }

.tfs-ui :where(a, button, input, select, textarea, [tabindex]):focus-visible,
.tfs-admin :where(a, button, input, select, textarea, [tabindex]):focus-visible,
.tfs-settings-admin :where(a, button, input, select, textarea, [tabindex]):focus-visible,
.tffe-wrap :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(37, 99, 235, .24);
  outline-offset: 2px;
}

.tfs-ui-shell { width: 100%; max-width: var(--tfs-content-width); margin-inline: auto; }
.tfs-ui-stack { display: flex; flex-direction: column; gap: var(--tfs-space-4); }
.tfs-ui-stack-sm { gap: var(--tfs-space-2); }
.tfs-ui-stack-lg { gap: var(--tfs-space-6); }
.tfs-ui-cluster { display: flex; align-items: center; flex-wrap: wrap; gap: var(--tfs-space-3); }
.tfs-ui-cluster-between { justify-content: space-between; }
.tfs-ui-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--tfs-space-4); }
.tfs-ui-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tfs-ui-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tfs-ui-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.tfs-ui-card {
  border: 1px solid var(--tfs-color-border);
  border-radius: var(--tfs-radius-lg);
  background: var(--tfs-color-surface);
  box-shadow: var(--tfs-shadow-xs);
}
.tfs-ui-card-body { padding: var(--tfs-space-5); }
.tfs-ui-card-header,
.tfs-ui-card-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--tfs-space-4); padding: var(--tfs-space-4) var(--tfs-space-5); }
.tfs-ui-card-header { border-bottom: 1px solid var(--tfs-color-border); }
.tfs-ui-card-footer { border-top: 1px solid var(--tfs-color-border); }

.tfs-ui-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--tfs-space-4);
  padding: var(--tfs-space-4);
  border: 1px solid var(--tfs-color-border);
  border-radius: var(--tfs-radius-md);
  background: var(--tfs-color-surface);
}

.tfs-ui-field { display: grid; gap: 6px; min-width: 0; }
.tfs-ui-field > span,
.tfs-ui-label { color: var(--tfs-color-text-soft); font-size: 12px; font-weight: 700; }
.tfs-ui-help { margin: 0; color: var(--tfs-color-muted); font-size: 12px; line-height: 1.5; }

.tfs-ui :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
.tfs-admin :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
.tfs-settings-admin :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  width: 100%;
  min-height: var(--tfs-control-height);
  padding: 8px 11px;
  border: 1px solid var(--tfs-color-border-strong);
  border-radius: var(--tfs-radius-sm);
  background: var(--tfs-color-surface);
  color: var(--tfs-color-text);
  box-shadow: var(--tfs-shadow-xs);
  transition: border-color var(--tfs-transition-fast), box-shadow var(--tfs-transition-fast), background var(--tfs-transition-fast);
}
.tfs-ui :where(input, select, textarea):focus,
.tfs-admin :where(input, select, textarea):focus,
.tfs-settings-admin :where(input, select, textarea):focus {
  border-color: var(--tfs-color-primary) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
  outline: 0 !important;
}
.tfs-ui textarea,
.tfs-admin textarea,
.tfs-settings-admin textarea { min-height: 110px; resize: vertical; }

.tfs-ui-button,
.tfs-admin .button,
.tfs-settings-admin .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: var(--tfs-control-height) !important;
  padding: 7px 14px !important;
  border-radius: var(--tfs-radius-sm) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform var(--tfs-transition-fast), background var(--tfs-transition-fast), border-color var(--tfs-transition-fast), box-shadow var(--tfs-transition-fast) !important;
}
.tfs-ui-button:hover,
.tfs-admin .button:hover,
.tfs-settings-admin .button:hover { transform: translateY(-1px); }
.tfs-ui-button:disabled,
.tfs-admin .button:disabled,
.tfs-settings-admin .button:disabled { opacity: .58; cursor: not-allowed; transform: none; }
.tfs-ui-button-primary,
.tfs-admin .button-primary,
.tfs-settings-admin .button-primary {
  color: #fff !important;
  border-color: var(--tfs-color-primary) !important;
  background: var(--tfs-color-primary) !important;
}
.tfs-ui-button-primary:hover,
.tfs-admin .button-primary:hover,
.tfs-settings-admin .button-primary:hover {
  border-color: var(--tfs-color-primary-strong) !important;
  background: var(--tfs-color-primary-strong) !important;
  box-shadow: 0 5px 14px rgba(37, 99, 235, .2) !important;
}
.tfs-ui-button-danger { color: #fff !important; border-color: var(--tfs-color-danger) !important; background: var(--tfs-color-danger) !important; }
.tfs-ui-button-ghost { color: var(--tfs-color-text-soft); border-color: transparent; background: transparent; }

.tfs-ui-badge,
.tfs-ui-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 3px 9px;
  border: 1px solid var(--tfs-color-border);
  border-radius: 999px;
  background: var(--tfs-color-surface-subtle);
  color: var(--tfs-color-text-soft);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
}
.tfs-ui-badge.is-success { color: var(--tfs-color-success); border-color: #abefc6; background: var(--tfs-color-success-soft); }
.tfs-ui-badge.is-warning { color: var(--tfs-color-warning); border-color: #fedf89; background: var(--tfs-color-warning-soft); }
.tfs-ui-badge.is-danger { color: var(--tfs-color-danger); border-color: #fecdca; background: var(--tfs-color-danger-soft); }
.tfs-ui-badge.is-info { color: var(--tfs-color-info); border-color: #b2ddff; background: var(--tfs-color-info-soft); }

.tfs-ui-alert { padding: 12px 14px; border: 1px solid var(--tfs-color-border); border-left-width: 4px; border-radius: var(--tfs-radius-sm); background: var(--tfs-color-surface); }
.tfs-ui-alert.is-success { border-color: #abefc6; border-left-color: var(--tfs-color-success); background: var(--tfs-color-success-soft); }
.tfs-ui-alert.is-warning { border-color: #fedf89; border-left-color: var(--tfs-color-warning); background: var(--tfs-color-warning-soft); }
.tfs-ui-alert.is-danger { border-color: #fecdca; border-left-color: var(--tfs-color-danger); background: var(--tfs-color-danger-soft); }

.tfs-ui-empty,
.tfs-ui-loading {
  display: grid;
  place-items: center;
  min-height: 160px;
  padding: var(--tfs-space-6);
  border: 1px dashed var(--tfs-color-border-strong);
  border-radius: var(--tfs-radius-md);
  background: var(--tfs-color-surface-subtle);
  color: var(--tfs-color-muted);
  text-align: center;
}
.tfs-ui-spinner {
  width: 22px;
  height: 22px;
  border: 3px solid var(--tfs-color-border);
  border-top-color: var(--tfs-color-primary);
  border-radius: 50%;
  animation: tfs-ui-spin .75s linear infinite;
}
@keyframes tfs-ui-spin { to { transform: rotate(360deg); } }

.tfs-ui-skeleton { position: relative; overflow: hidden; min-height: 14px; border-radius: 6px; background: var(--tfs-color-surface-strong); }
.tfs-ui-skeleton::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); animation: tfs-ui-shimmer 1.2s infinite; }
@keyframes tfs-ui-shimmer { to { transform: translateX(100%); } }

.tfs-ui-overlay { position: fixed; inset: 0; z-index: var(--tfs-z-overlay); background: rgba(15, 23, 42, .5); backdrop-filter: blur(2px); }
.tfs-ui-drawer { position: fixed; top: 0; right: 0; z-index: var(--tfs-z-modal); display: flex; flex-direction: column; width: min(460px, 94vw); height: 100dvh; background: var(--tfs-color-surface); box-shadow: var(--tfs-shadow-lg); transform: translateX(100%); transition: transform var(--tfs-transition); }
.tfs-ui-drawer.is-open { transform: none; }
.tfs-ui-drawer-header { display: flex; align-items: center; justify-content: space-between; gap: var(--tfs-space-4); padding: var(--tfs-space-4) var(--tfs-space-5); border-bottom: 1px solid var(--tfs-color-border); }
.tfs-ui-drawer-body { flex: 1; min-height: 0; overflow: auto; padding: var(--tfs-space-5); }

.tfs-ui-toast,
.tfs-settings-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: var(--tfs-z-toast);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: min(430px, calc(100vw - 32px));
  padding: 12px 16px;
  border: 1px solid #abefc6;
  border-radius: var(--tfs-radius-md);
  background: var(--tfs-color-success-soft);
  color: var(--tfs-color-success);
  font-weight: 700;
  box-shadow: var(--tfs-shadow-lg);
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity var(--tfs-transition-fast), transform var(--tfs-transition-fast);
}
.tfs-ui-toast.is-visible,
.tfs-settings-toast.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.tfs-ui-toast.is-error,
.tfs-settings-toast.is-error { border-color: #fecdca; background: var(--tfs-color-danger-soft); color: var(--tfs-color-danger); }
.tfs-ui-toast.is-warning { border-color: #fedf89; background: var(--tfs-color-warning-soft); color: var(--tfs-color-warning); }

.tfs-ui-table-wrap { width: 100%; overflow: auto; border: 1px solid var(--tfs-color-border); border-radius: var(--tfs-radius-md); background: var(--tfs-color-surface); }
.tfs-ui-table { width: 100%; border-collapse: collapse; }
.tfs-ui-table th,
.tfs-ui-table td { padding: 12px 14px; border-bottom: 1px solid var(--tfs-color-border); text-align: left; vertical-align: top; }
.tfs-ui-table th { background: var(--tfs-color-surface-subtle); color: var(--tfs-color-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.tfs-ui-table tr:last-child td { border-bottom: 0; }

.is-busy { cursor: progress !important; }
.is-busy > :not(.tfs-ui-spinner) { opacity: .75; }
[data-tfs-hidden], [hidden] { display: none !important; }

@media (max-width: 960px) {
  .tfs-ui-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tfs-ui-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 782px) {
  :root { --tfs-control-height: var(--tfs-control-height-touch); }
  .tfs-ui-grid-2,
  .tfs-ui-grid-3,
  .tfs-ui-grid-4 { grid-template-columns: minmax(0, 1fr); }
  .tfs-ui-toolbar { align-items: stretch; }
  .tfs-ui-toolbar > * { width: 100%; }
  .tfs-ui-card-body { padding: var(--tfs-space-4); }
  .tfs-ui-toast,
  .tfs-settings-toast { right: 16px; bottom: 16px; left: 16px; max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .tfs-ui *,
  .tfs-admin *,
  .tfs-settings-admin *,
  .tffe-wrap * { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Phase 1: personas, assignments, and normalized profile behavior. */
.tfs-ui-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--tfs-space-3)}
.tfs-ui-choice{display:flex;align-items:flex-start;gap:var(--tfs-space-3);padding:var(--tfs-space-3);border:1px solid var(--tfs-color-border);border-radius:var(--tfs-radius-md);background:var(--tfs-color-surface)}
.tfs-ui-choice>span{display:grid;gap:4px}.tfs-ui-choice small{color:var(--tfs-color-muted)}
.tfs-location-access-list{max-height:260px;overflow:auto;border:1px solid var(--tfs-color-border);padding:var(--tfs-space-3);background:var(--tfs-color-surface);border-radius:var(--tfs-radius-md)}
.tfs-location-access-list label{display:block;margin:4px 0}.tfs-location-access-list label:first-child{margin:0 0 10px}
.tfs-task-force-profile .user-url-wrap,
.tfs-task-force-profile .user-description-wrap,
.tfs-task-force-profile .user-profile-picture,
.tfs-task-force-profile .application-passwords,
.tfs-task-force-profile .user-generate-reset-link-wrap,
.tfs-task-force-profile .user-capabilities-wrap,
.tfs-task-force-profile .user-role-wrap,
.tfs-task-force-profile .user-status-wrap,
.tfs-task-force-profile .user-status,
.tfs-task-force-profile #contextual-help-link-wrap,
.tfs-task-force-profile #screen-options-link-wrap{display:none!important}


/* Phase 1 global layout and presentation utilities. */
.tfs-ui-block{display:block}
.tfs-ui-inline-block{display:inline-block}
.tfs-ui-hidden{display:none!important}
.tfs-ui-w-full{width:100%}
.tfs-ui-w-40{width:40px}
.tfs-ui-w-90{width:90px}
.tfs-ui-max-120{max-width:120px}
.tfs-ui-max-160{max-width:160px}
.tfs-ui-max-200{max-width:200px}
.tfs-ui-max-220{max-width:220px}
.tfs-ui-max-300{max-width:300px}
.tfs-ui-max-320{max-width:320px}
.tfs-ui-max-420{max-width:420px}
.tfs-ui-max-600{max-width:600px}
.tfs-ui-max-700{max-width:700px}
.tfs-ui-max-760{max-width:760px}
.tfs-ui-max-780{max-width:780px}
.tfs-ui-max-820{max-width:820px}
.tfs-ui-max-860{max-width:860px}
.tfs-ui-max-900{max-width:900px}
.tfs-ui-m-0{margin:0}
.tfs-ui-mb-0{margin-bottom:0}
.tfs-ui-mb-xs{margin-bottom:var(--tfs-space-1)}
.tfs-ui-mb-sm{margin-bottom:var(--tfs-space-2)}
.tfs-ui-mb-md{margin-bottom:var(--tfs-space-3)}
.tfs-ui-mb-lg{margin-bottom:var(--tfs-space-5)}
.tfs-ui-mt-0{margin-top:0}
.tfs-ui-mt-xs{margin-top:var(--tfs-space-1)}
.tfs-ui-mt-sm{margin-top:var(--tfs-space-2)}
.tfs-ui-mt-md{margin-top:var(--tfs-space-3)}
.tfs-ui-mt-lg{margin-top:var(--tfs-space-5)}
.tfs-ui-ml-sm{margin-left:var(--tfs-space-2)}
.tfs-ui-mr-sm{margin-right:var(--tfs-space-2)}
.tfs-ui-option{display:block;margin-bottom:var(--tfs-space-2)}
.tfs-ui-option:last-child{margin-bottom:0}
.tfs-ui-label-block{display:block;margin-bottom:6px;font-weight:600}
.tfs-ui-grid-auto-180{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--tfs-space-3)}
.tfs-ui-grid-auto-260{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--tfs-space-4)}
.tfs-ui-flex-wrap{display:flex;gap:var(--tfs-space-3);flex-wrap:wrap}
.tfs-ui-inline-form{display:inline-block;margin-top:var(--tfs-space-3)}
.tfs-ui-inline-form+.tfs-ui-inline-form{margin-left:var(--tfs-space-2)}
.tfs-ui-preview-panel{margin-top:var(--tfs-space-4);padding:var(--tfs-space-4);border:1px solid var(--tfs-color-border);background:var(--tfs-color-surface)}
.tfs-ui-text-success{color:var(--tfs-color-success)}
.tfs-ui-text-danger{color:var(--tfs-color-danger)}
.tfs-ui-text-warning{color:var(--tfs-color-warning)}
.tfs-ui-cursor-default{cursor:default}
.tfs-ui-calendar-frame{width:100%;height:800px;border:0}
.tfs-ui-logo-preview{margin-top:10px}
.tfs-ui-logo-preview img{display:block;max-width:200px;height:auto;padding:6px;border:1px solid var(--tfs-color-border);background:var(--tfs-color-surface)}
.tfs-ui-thumb-38,.tfs-ui-thumb-42{display:block;object-fit:cover;border:1px solid var(--tfs-color-border);cursor:zoom-in}
.tfs-ui-thumb-38{width:38px;height:38px;border-radius:4px}
.tfs-ui-thumb-42{width:42px;height:42px;border-radius:6px}
.tfs-ui-tracking-fields :is(input,select,textarea){width:100%}

/* Managed list and legacy-screen compatibility moved from PHP templates. */
.wp-list-table .column-inzane_task_thumb,
.wp-list-table .column-purchase_thumb{width:70px!important;max-width:70px!important;min-width:70px!important;text-align:center}
.wp-list-table .column-inzane_task_thumb img,
.wp-list-table .column-purchase_thumb img{display:block;width:50px!important;height:50px!important;margin:0 auto;object-fit:cover}
.tfs-purchase-restricted .page-title-action,
.tfs-purchase-restricted .row-actions,
.tfs-purchase-restricted .bulkactions,
.tfs-purchase-restricted .tablenav .actions{display:none!important}
.tfs-ui-section-reset{margin-top:0!important;padding-top:0!important;border-top:0!important}
.tfs-ui-summary-group{margin:18px 0;padding:var(--tfs-space-4);border:1px solid var(--tfs-color-border);background:var(--tfs-color-surface)}
.tfs-ui-summary-group>h2{margin-top:0}
.tfs-ui-stat-card{padding:var(--tfs-space-4);border:1px solid var(--tfs-color-border);background:var(--tfs-color-surface);text-align:center}
.inzane-recap-task-status-pill{background:var(--tfs-status-color,var(--tfs-color-muted))}
@media screen and (max-width:782px){
  .wp-list-table .column-inzane_task_thumb,
  .wp-list-table td.column-inzane_task_thumb,
  .wp-list-table th.column-inzane_task_thumb,
  .wp-list-table .column-purchase_thumb,
  .wp-list-table td.column-purchase_thumb,
  .wp-list-table th.column-purchase_thumb{display:none!important}
}

/* Phase 3 platform components */
.tfs-platform-metrics{margin:var(--tfs-space-5,20px) 0}.tfs-platform-admin code{overflow-wrap:anywhere}.tfs-secret-reveal{display:grid;gap:var(--tfs-space-2,8px);padding:var(--tfs-space-4,16px);margin-top:var(--tfs-space-4,16px);border:1px solid var(--tfs-warning-border,#f59e0b);border-radius:var(--tfs-radius-md,12px);background:var(--tfs-warning-soft,#fffbeb)}.tfs-secret-reveal code{display:block;padding:var(--tfs-space-3,12px);background:var(--tfs-surface-raised,#fff);border-radius:var(--tfs-radius-sm,8px);user-select:all}.tfs-check-row{display:flex;align-items:flex-start;gap:var(--tfs-space-2,8px);margin:var(--tfs-space-2,8px) 0}.tfs-document-panel,.tfs-document-list,.tfs-document-panel form{display:grid;gap:var(--tfs-space-3,12px)}.tfs-document-panel form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;padding-top:var(--tfs-space-4,16px);border-top:1px solid var(--tfs-border,#d0d5dd)}.tfs-document-panel label{display:grid;gap:var(--tfs-space-1,4px)}.tfs-document-row{display:flex;align-items:center;gap:var(--tfs-space-3,12px);padding:var(--tfs-space-3,12px);border:1px solid var(--tfs-border,#d0d5dd);border-radius:var(--tfs-radius-sm,8px);background:var(--tfs-surface-raised,#fff)}.tfs-document-row>div{display:grid;gap:2px;flex:1;min-width:0}.tfs-document-row small{color:var(--tfs-text-muted,#667085)}@media(max-width:640px){.tfs-document-row{align-items:stretch;flex-direction:column}.tfs-document-panel form{grid-template-columns:1fr}}

/* Phase 2 automation-builder repeaters */
.tfs-ui-repeater{display:grid;gap:var(--tfs-space-3);padding:var(--tfs-space-4);border:1px solid var(--tfs-color-border);border-radius:var(--tfs-radius-md);background:var(--tfs-color-surface-subtle)}
.tfs-ui-repeater-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tfs-space-3)}
.tfs-ui-repeater-head :is(h3,p){margin:0}.tfs-ui-repeater-head p{margin-top:var(--tfs-space-1);color:var(--tfs-color-muted)}
.tfs-ui-repeater-row{display:grid;align-items:end;gap:var(--tfs-space-3);padding:var(--tfs-space-3);border:1px solid var(--tfs-color-border);border-radius:var(--tfs-radius-sm);background:var(--tfs-color-surface)}
.tfs-ui-repeater-condition{grid-template-columns:minmax(140px,1fr) minmax(130px,.65fr) minmax(140px,1fr) auto}
.tfs-ui-repeater-action{grid-template-columns:minmax(170px,.65fr) minmax(240px,1.35fr) auto}
.tfs-ui-repeater-config{min-width:0}
@media(max-width:900px){.tfs-ui-repeater-condition,.tfs-ui-repeater-action{grid-template-columns:1fr 1fr}.tfs-ui-repeater-row>.button{justify-self:start}}
@media(max-width:600px){.tfs-ui-repeater-head{align-items:stretch;flex-direction:column}.tfs-ui-repeater-condition,.tfs-ui-repeater-action{grid-template-columns:1fr}}