/* Auto-generated from inline JS template styles in frontend_admin/js */

.fx-adm-js-inline-1 { text-align: center; padding: 3rem; color: var(--text-muted); }
.fx-adm-js-inline-2 { text-align: center; padding: 3rem; color: var(--error); }
.fx-adm-js-inline-3 { font-size: .6rem; color: var(--accent); margin-left: 4px; }
.fx-adm-js-inline-4 { font-size: .65rem; color: var(--text-muted); }
.fx-adm-js-inline-5 { text-align: right; }
.fx-adm-js-inline-6 { width: 14px; margin-right: 6px; }
.fx-adm-js-inline-7 { color: var(--accent); }
.fx-adm-js-inline-8 { font-size: 0.6rem; }
.fx-adm-js-inline-9 { font-weight: 800; margin-top: 5px; }
.fx-adm-js-inline-10 { color: var(--text-secondary); max-width: 220px; }
.fx-adm-js-inline-11 { color: var(--text-primary); }
.fx-adm-js-inline-12 { color: var(--success); }
.fx-adm-js-inline-13 { font-weight: 400; font-size: 0.7rem; }
.fx-adm-js-inline-14 { margin-top: 4px; }
.fx-adm-js-inline-15 { font-size: 0.7rem; color: var(--warning); font-weight: 700; }
.fx-adm-js-inline-16 { display: flex; flex-direction: column; gap: 4px; }
.fx-adm-js-inline-17 { text-align: right; padding-right: 1.5rem; }
.fx-adm-js-inline-18 { width: 14px; }
.fx-adm-js-inline-19 { display: flex; align-items: center; gap: 10px; }
.fx-adm-js-inline-20 { width: 36px; height: 36px; border-radius: 50%; background: rgba(99,102,241,.2); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: .875rem; color: var(--accent); }
.fx-adm-js-inline-21 { font-weight: 700; }
.fx-adm-js-inline-22 { font-size: .8rem; color: var(--text-secondary); }
.fx-adm-js-inline-23 { display: flex; align-items: center; gap: 6px; }
.fx-adm-js-inline-24 { width: 6px; height: 6px; background: var(--success); border-radius: 50%; }
.fx-adm-js-inline-25 { font-size: .75rem; color: var(--success); font-weight: 700; }
.fx-adm-js-inline-26 { font-size: .7rem; color: var(--text-muted); }
.fx-adm-js-inline-27 { padding: 4px 10px; font-size: .7rem; }
.fx-adm-js-inline-28 { width: 12px; }
.fx-adm-js-inline-29 { background: #0f172a; border: 1px solid rgba(148,163,184,.15); border-radius: 20px; padding: 2rem; width: 480px; max-width: 95vw; box-shadow: 0 40px 80px rgba(0,0,0,.6); }
.fx-adm-js-inline-30 { margin: 0 0 .3rem; font-weight: 800; }
.fx-adm-js-inline-31 { margin: 0 0 1.5rem; font-size: .75rem; color: var(--text-muted); }
.fx-adm-js-inline-32 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fx-adm-js-inline-33 { font-size: .7rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .05em; }
.fx-adm-js-inline-34 { grid-column: 1/-1; }
.fx-adm-js-inline-35 { display: flex; gap: 10px; justify-content: flex-end; margin-top: 1.5rem; }
.fx-adm-js-inline-36 { display: none; margin-top: 1rem; padding: .9rem; border-radius: 12px; border: 1px solid rgba(99,102,241,.35); background: rgba(99,102,241,.12); }
.fx-adm-js-inline-37 { font-size: .72rem; color: var(--text-muted); margin-bottom: 6px; }
.fx-adm-js-inline-38 { word-break: break-all; font-size: .8rem; }
.fx-adm-js-inline-39 { background: #0f172a; border: 1px solid rgba(148,163,184,.15); border-radius: 20px; padding: 2rem; width: 400px; max-width: 95vw; box-shadow: 0 40px 80px rgba(0,0,0,.6); }
.fx-adm-js-inline-40 { margin: 0 0 .3rem; font-size: 1rem; font-weight: 800; }
.fx-adm-js-inline-41 { display: flex; flex-direction: column; gap: 16px; }
.fx-adm-js-inline-42 { font-size: 0.7rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; }
.fx-adm-js-inline-43 { background: rgba(255,255,255,.06); border: 1px solid rgba(148,163,184,.15); border-radius: 10px; padding: 10px 14px; color: var(--text-primary); font-size: .875rem; font-family: inherit; width: 100%; margin-top: 6px; }
.fx-adm-js-inline-44 { display: flex; gap: 10px; justify-content: flex-end; margin-top: 1rem; }
.fx-adm-js-inline-45 { margin: 0 0 .5rem; font-size: 1.1rem; font-weight: 800; }
.fx-adm-js-inline-46 { margin: 0 0 1rem; color: var(--text-muted); font-size: .8rem; }
.fx-adm-js-inline-47 { display: grid; gap: 12px; }
.fx-adm-js-inline-48 { font-size: 0.72rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; }
.fx-adm-js-inline-49 { margin-top: 6px; }
.fx-adm-js-inline-50 { display: none; background: rgba(99,102,241,.1); border: 1px solid rgba(99,102,241,.3); padding: 10px; border-radius: 10px; }
.fx-adm-js-inline-51 { font-size: .72rem; color: var(--text-muted); margin-bottom: 6px; }
.fx-adm-js-inline-52 { word-break: break-all; font-size: .8rem; }
.fx-adm-js-inline-53 { display: flex; justify-content: flex-end; gap: 10px; margin-top: 1rem; }
.fx-adm-js-inline-54 { color: var(--text-muted); }
.fx-adm-js-inline-55 { background: #0f172a; border: 1px solid rgba(148,163,184,.15); border-radius: 20px; padding: 1.3rem; width: 760px; max-width: 96vw; max-height: 86vh; overflow: auto; box-shadow: 0 40px 80px rgba(0,0,0,.6); }
.fx-adm-js-inline-56 { margin: 0 0 .4rem; font-size: 1rem; font-weight: 800; }
.fx-adm-js-inline-57 { margin: 0 0 .9rem; font-size: .75rem; color: var(--text-muted); }
.fx-adm-js-inline-58 { padding: 10px; margin-bottom: 10px; }
.fx-adm-js-inline-59 { font-size: .72rem; color: var(--text-muted); text-transform: uppercase; margin-bottom: 8px; }
.fx-adm-js-inline-60 { display: flex; gap: 8px; flex-wrap: wrap; }
.fx-adm-js-inline-61 { font-size: .65rem; }
.fx-adm-js-inline-62 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fx-adm-js-inline-63 { padding: 10px; }
.fx-adm-js-inline-64 { font-size: .72rem; color: var(--text-muted); text-transform: uppercase; }
.fx-adm-js-inline-65 { font-weight: 700; margin-top: 5px; }
.fx-adm-js-inline-66 { padding: 10px; grid-column: 1/-1; }
.fx-adm-js-inline-67 { font-size: .72rem; color: var(--text-muted); margin-top: 5px; }
.fx-adm-js-inline-68 { margin-top: 10px; }
.fx-adm-js-inline-69 { display: none; }
.fx-adm-js-inline-70 { font-size: .72rem; color: var(--text-muted); margin-top: 8px; }
.fx-adm-js-inline-71 { font-size: .82rem; line-height: 1.6; }
.fx-adm-js-inline-72 { font-size: .8rem; line-height: 1.7; }
.fx-adm-js-inline-73 { margin-top: 8px; }
.fx-adm-js-inline-74 { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--border); }
.fx-adm-js-inline-75 { min-width: 0; }
.fx-adm-js-inline-76 { font-weight: 700; font-size: .82rem; }
.fx-adm-js-inline-77 { font-size: .72rem; color: var(--text-muted); }
.fx-adm-js-inline-78 { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.fx-adm-js-inline-79 { font-size: .72rem; color: var(--warning); }
.fx-adm-js-inline-80 { font-size: .78rem; color: var(--text-muted); }
.fx-adm-js-inline-81 { font-size: .72rem; color: var(--text-muted); margin-bottom: 8px; }
.fx-adm-js-inline-82 { max-height: 220px; overflow: auto; display: grid; gap: 8px; }
.fx-adm-js-inline-83 { display: flex; gap: 8px; margin-top: 10px; }
.fx-adm-js-inline-84 { flex: 1; }
.fx-adm-js-inline-85 { margin-top: 8px; font-size: .72rem; color: var(--warning); }
.fx-adm-js-inline-86 { font-size: .75rem; color: var(--text-muted); }
.fx-adm-js-inline-87 { font-size: .7rem; color: var(--text-muted); margin-bottom: 4px; }
.fx-adm-js-inline-88 { font-size: .82rem; white-space: pre-wrap; }
.fx-adm-js-inline-89 { font-size: 0.65rem; background: rgba(99,102,241,.15); color: var(--accent); display: inline-flex; align-items: center; gap: 4px; }
.fx-adm-js-inline-90 { width: 10px; cursor: pointer; opacity: 0.6; }
.fx-adm-js-inline-91 { color: var(--warning); font-size: 0.65rem; }
.fx-adm-js-inline-92 { width: 6px; height: 6px; border-radius: 50%; background: var(--success); display: inline-block; }
.fx-adm-js-inline-93 { width: 6px; height: 6px; border-radius: 50%; background: var(--warning); display: inline-block; }
.fx-adm-js-inline-94 { font-size: 0.6rem; background: rgba(148,163,184,.1); color: var(--text-secondary); display: flex; align-items: center; gap: 4px; }
.fx-adm-js-inline-95 { padding: 10px 14px; background: rgba(255,255,255,0.03); border-radius: 10px; margin-bottom: 8px; border: 1px solid rgba(255,255,255,0.05); }
.fx-adm-js-inline-96 { display: flex; justify-content: space-between; align-items: center; }
.fx-adm-js-inline-97 { display: flex; align-items: center; gap: 8px; }
.fx-adm-js-inline-98 { font-size: 0.875rem; font-weight: 700; }
.fx-adm-js-inline-99 { font-size: 0.6rem; background: rgba(255,255,255,0.1); }
.fx-adm-js-inline-100 { font-size: 0.65rem; color: var(--text-muted); }
.fx-adm-js-inline-101 { font-size: 0.6rem; background: rgba(239,68,68,.2); color: #fca5a5; }
.fx-adm-js-inline-102 { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.fx-adm-js-inline-103 { display: flex; gap: 1.5rem; margin-top: 6px; font-size: 0.65rem; color: var(--text-muted); }
.fx-adm-js-inline-104 { display: flex; gap: 1.2rem; margin-top: 6px; font-size: 0.63rem; color: var(--text-muted); flex-wrap: wrap; }
.fx-adm-js-inline-105 { display: flex; justify-content: flex-end; margin-top: 8px; }
.fx-adm-js-inline-106 { font-size: .68rem; padding: 6px 10px; margin-right: 8px; }
.fx-adm-js-inline-107 { font-size: .68rem; padding: 6px 10px; }
.fx-adm-js-inline-108 { font-size: 0.75rem; color: var(--text-muted); margin: 0; }
.fx-adm-js-inline-109 { padding: 1.5rem; margin-bottom: 1.5rem; }
.fx-adm-js-inline-110 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.fx-adm-js-inline-111 { margin: 0; font-size: 1.2rem; display: flex; align-items: center; gap: 10px; }
.fx-adm-js-inline-112 { font-size: 0.7rem; color: var(--text-muted); margin-top: 3px; }
.fx-adm-js-inline-113 { margin-top: 8px; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.fx-adm-js-inline-114 { font-size: .65rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; }
.fx-adm-js-inline-115 { font-size: 0.65rem; color: var(--text-muted); font-style: italic; }
.fx-adm-js-inline-116 { font-size: 1.1rem; font-weight: 800; color: var(--success); }
.fx-adm-js-inline-117 { font-size: 0.6rem; color: var(--text-muted); }
.fx-adm-js-inline-118 { font-size: 0.7rem; color: var(--text-muted); }
.fx-adm-js-inline-119 { font-size: 0.7rem; color: var(--text-muted); margin-top: 2px; }
.fx-adm-js-inline-120 { margin-bottom: 1.5rem; }
.fx-adm-js-inline-121 { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); margin-bottom: 10px; }
.fx-adm-js-inline-122 { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.fx-adm-js-inline-123 { font-size: 0.75rem; }
.fx-adm-js-inline-124 { width: 13px; }
.fx-adm-js-inline-125 { color: var(--text-muted); font-size: .85rem; }
.fx-adm-js-inline-126 { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 10px; }
.fx-adm-js-inline-127 { min-width: 0; flex: 1; }
.fx-adm-js-inline-128 { font-weight: 700; font-size: .9rem; }
.fx-adm-js-inline-129 { color: var(--text-muted); font-size: .75rem; }
.fx-adm-js-inline-130 { font-size: .75rem; color: var(--accent); word-break: break-all; }
.fx-adm-js-inline-131 { font-size: .72rem; padding: 6px 10px; }
.fx-adm-js-inline-132 { padding: 3rem; text-align: center; color: var(--text-muted); }
.fx-adm-js-inline-133 { background: var(--accent); color: #fff; border: none; }
.fx-adm-js-inline-134 { background: rgba(234, 179, 8, 0.1); color: var(--warning); border: 1px solid rgba(234, 179, 8, 0.3); }
.fx-adm-js-inline-135 { background: rgba(99, 102, 241, 0.1); color: var(--accent); border: 1px solid rgba(99, 102, 241, 0.3); }
.fx-adm-js-inline-136 { background: var(--success); color: #fff; border: none; }
.fx-adm-js-inline-137 { background: rgba(255, 255, 255, 0.05); color: var(--text-muted); border: 1px solid rgba(255,255,255,0.1); }
.fx-adm-js-inline-138 { background: rgba(239, 68, 68, 0.1); color: var(--error); border: 1px solid rgba(239, 68, 68, 0.3); }
.fx-adm-js-inline-139 { background: var(--error); color: #fff; border: none; animation: pulse 2s infinite; }
.fx-adm-js-inline-140 { padding: 1.5rem; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0; }
.fx-adm-js-inline-141 { display: flex; gap: 1.5rem; align-items: flex-start; }
.fx-adm-js-inline-142 { display: flex; flex-direction: column; align-items: center; opacity: 0.8; }
.fx-adm-js-inline-143 { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
.fx-adm-js-inline-144 { background: rgba(234,179,8,0.1); color: var(--warning); border: 1px solid rgba(234,179,8,0.3); }
.fx-adm-js-inline-145 { font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 0.75rem; }
.fx-adm-js-inline-146 { color: var(--accent); font-weight: 700; margin-right: 8px; }
.fx-adm-js-inline-147 { opacity: 0.5; margin-right: 8px; }
.fx-adm-js-inline-148 { font-family: var(--font-mono); font-size: 0.8rem; color: var(--text-muted); }
.fx-adm-js-inline-149 { display: flex; align-items: center; gap: 1.5rem; }
.fx-adm-js-inline-150 { font-size: 0.75rem; color: var(--text-muted); display: flex; align-items: center; gap: 4px; }
.fx-adm-js-inline-151 { opacity: 0.5; margin-left: 4px; }
.fx-adm-js-inline-152 { text-align: center; padding-top: 1rem; }
.fx-adm-js-inline-153 { height: 70px; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; justify-content: space-between; padding: 0 24px; background: #0f172a; }
.fx-adm-js-inline-154 { display: flex; align-items: center; gap: 1.5rem; }
.fx-adm-js-inline-155 { margin: 0; font-size: 1.1rem; font-weight: 800; display: flex; gap: 0.5rem; align-items: center; }
.fx-adm-js-inline-156 { color: var(--text-muted); font-size: 0.8rem; font-family: var(--font-mono); }
.fx-adm-js-inline-157 { display: flex; gap: 1.5rem; align-items: center; }
.fx-adm-js-inline-158 { background: rgba(255,255,255,.05); border: 1px solid var(--border); border-radius: 10px; padding: 6px 12px; color: #fff; font-size: 0.75rem; }
.fx-adm-js-inline-159 { background: transparent; border: none; color: var(--text-muted); cursor: pointer; }
.fx-adm-js-inline-160 { padding: 12px 24px; border-bottom: 1px solid rgba(255,255,255,0.05); background: #0b1220; }
.fx-adm-js-inline-161 { max-width: 920px; margin: 0 auto; }
.fx-adm-js-inline-162 { display: flex; flex-wrap: wrap; gap: 10px; }
.fx-adm-js-inline-163 { font-size: .78rem; display: flex; align-items: center; gap: 6px; }
.fx-adm-js-inline-164 { flex: 1; overflow-y: auto; padding: 2rem; }
.fx-adm-js-inline-165 { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.5rem; }
.fx-adm-js-inline-166 { background: #0f172a; border-top: 1px solid rgba(255,255,255,0.05); padding: 1.5rem 2rem; }
.fx-adm-js-inline-167 { max-width: 800px; margin: 0 auto; display: flex; gap: 1rem; }
.fx-adm-js-inline-168 { flex: 1; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 12px; color: #fff; font-family: inherit; font-size: 0.875rem; resize: none; }
.fx-adm-js-inline-169 { display: flex; flex-direction: column; justify-content: flex-end; }
.fx-adm-js-inline-170 { text-align: center; padding-bottom: 1rem; }
.fx-adm-js-inline-171 { padding: 4px 12px; font-size: 0.75rem; }
.fx-adm-js-inline-172 { background: var(--accent); color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 0.6rem; margin-left: 6px; vertical-align: middle; }
.fx-adm-js-inline-173 { background: rgba(255,255,255,0.1); color: var(--text-primary); padding: 2px 6px; border-radius: 4px; font-size: 0.6rem; margin-left: 6px; vertical-align: middle; }
.fx-adm-js-inline-174 { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; padding: 0 4px; }
.fx-adm-js-inline-175 { font-size: 0.65rem; color: var(--text-muted); }
.fx-adm-js-inline-176 { width: min(760px,96vw); background: #0b1220; border: 1px solid rgba(148,163,184,.24); border-radius: 18px; box-shadow: 0 32px 80px rgba(0,0,0,.55); padding: 18px; }
.fx-adm-js-inline-177 { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.fx-adm-js-inline-178 { font-size: .76rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: .06em; }
.fx-adm-js-inline-179 { font-size: 1rem; font-weight: 800; }
.fx-adm-js-inline-180 { margin-top: 12px; padding: 10px; border: 1px solid rgba(148,163,184,.2); border-radius: 12px; background: rgba(15,23,42,.72); font-family: var(--font-mono); font-size: .82rem; word-break: break-all; }
.fx-adm-js-inline-181 { margin-top: 12px; font-size: .8rem; color: var(--text-muted); line-height: 1.55; }
.fx-adm-js-inline-182 { margin-top: 14px; display: flex; justify-content: flex-end; gap: 8px; }
.fx-adm-js-inline-183 { display: flex; justify-content: space-between; align-items: center; background: rgba(255,255,255,0.02); padding: 1rem; border-radius: 12px; border: 1px solid var(--border); }
.fx-adm-js-inline-184 { font-size: 0.9rem; }
.fx-adm-js-inline-185 { font-size: 0.7rem; color: var(--text-muted); }

/* Manual dynamic-class overrides replacing former JS inline styles */
.fx-adm-tenant-monthly { font-size: 0.85rem; font-weight: 800; color: var(--warning); }
.fx-adm-tenant-monthly.is-configured { color: var(--success); }
.fx-adm-tenant-monthly.is-not-configured { color: var(--warning); }
.fx-adm-onboarding-phase { color: var(--accent); }
.fx-adm-onboarding-phase.is-success { color: var(--success); }
.fx-adm-onboarding-phase.is-warning { color: var(--warning); }
.fx-adm-onboarding-phase.is-accent { color: var(--accent); }

.fx-adm-overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
.fx-adm-overlay-modal { background: rgba(0,0,0,.7); backdrop-filter: blur(6px); z-index: 500; }
.fx-adm-overlay-thread { background: rgba(0,0,0,.85); backdrop-filter: blur(8px); z-index: 900; flex-direction: column; }
.fx-adm-overlay-onboarding { background: rgba(0,0,0,.7); backdrop-filter: blur(6px); z-index: 520; }
.fx-adm-overlay-sha { background: rgba(0,0,0,.72); backdrop-filter: blur(6px); z-index: 1200; padding: 16px; }

.fx-adm-msg-align-start { display: flex; flex-direction: column; align-items: flex-start; width: 100%; }
.fx-adm-msg-align-end { display: flex; flex-direction: column; align-items: flex-end; width: 100%; }
.fx-adm-msg-name { font-size: 0.75rem; font-weight: 700; }
.fx-adm-msg-name-client { color: var(--text-muted); }
.fx-adm-msg-name-internal { color: var(--accent); }
.fx-adm-msg-bubble-client { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); padding: 1rem 1.25rem; border-radius: 12px; max-width: 85%; font-size: 0.875rem; line-height: 1.6; white-space: pre-wrap; color: var(--text-primary); }
.fx-adm-msg-bubble-internal { background: rgba(99,102,241,0.1); border: 1px solid rgba(99,102,241,0.3); padding: 1rem 1.25rem; border-radius: 12px; max-width: 85%; font-size: 0.875rem; line-height: 1.6; white-space: pre-wrap; color: var(--text-primary); }

.fx-adm-team-role { font-size: .65rem; }
.fx-adm-team-role.is-superadmin { background: #a855f722; color: #a855f7; }
.fx-adm-team-role.is-owner { background: #f59e0b22; color: #f59e0b; }
.fx-adm-team-role.is-admin { background: #6366f122; color: #6366f1; }

.fx-adm-ticket-icon.is-closed { color: var(--text-muted); }
.fx-adm-ticket-icon.is-warning { color: var(--warning); }
.fx-adm-ticket-icon.is-accent { color: var(--accent); }
.fx-adm-ticket-title { font-weight: 800; font-size: 1rem; }
.fx-adm-ticket-title.is-closed { color: var(--text-muted); }
.fx-adm-ticket-title.is-active { color: var(--text-primary); }

.fx-adm-discussion-item { padding: 8px; border: 1px solid var(--border); border-radius: 10px; }
.fx-adm-discussion-item.is-internal { background: rgba(99,102,241,.12); }
.fx-adm-discussion-item.is-client { background: rgba(255,255,255,.02); }

.fx-adm-ticket-icon { width: 18px; height: 18px; }

/* Late overrides for onboarding modal (tenants.html loads this file last) */
.fx-adm-js-inline-55 {
    width: min(1220px, 98vw) !important;
    max-height: 90vh !important;
}

.fx-adm-onb-columns {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr);
    gap: 12px;
    align-items: start;
}

.fx-adm-onb-main {
    min-width: 0;
}

.fx-adm-onb-chat {
    min-width: 0;
    position: sticky;
    top: 4px;
}

.fx-adm-onb-chat .fx-adm-js-inline-68 {
    margin-top: 0;
}

.fx-adm-onb-chat #adminWorkflowDiscussionMessages {
    max-height: 380px;
}

.fx-adm-onb-step-current {
    background: rgba(99, 102, 241, 0.18);
    border: 1px solid rgba(99, 102, 241, 0.45);
    color: var(--accent-light);
}

.fx-adm-onb-step-done {
    background: rgba(16, 185, 129, 0.14);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: var(--success);
}

.fx-adm-onb-step-pending {
    background: rgba(148, 163, 184, 0.1);
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: var(--text-muted);
}

@media (max-width: 1200px) {
    .fx-adm-onb-columns {
        grid-template-columns: 1fr;
    }

    .fx-adm-onb-chat {
        position: static;
    }

    .fx-adm-onb-chat #adminWorkflowDiscussionMessages {
        max-height: 260px;
    }
}