.flow-workspace-active #app { height:100dvh; min-height:0; overflow:hidden; }
.flow-workspace-active .app-main { height:100dvh; min-height:0; padding:0; overflow:hidden; }
#flow-view { position:relative; width:100%; height:100%; min-height:0; display:grid; grid-template-rows:64px minmax(0,1fr); overflow:hidden; }
.flow-workspace-header { position:relative; z-index:5; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 24px; border-bottom:1px solid var(--line); background:var(--surface); }
.flow-workspace-header h1 { margin:0; font-size:21px; }
.flow-workspace-header>div { display:flex; align-items:center; gap:8px; }
.flow-layout { min-height:0; display:block; }
.flow-canvas { position:relative; width:100%; height:100%; min-height:0; overflow:hidden; border:0; border-radius:0; background-color:var(--surface-soft); background-image:radial-gradient(color-mix(in srgb,var(--subtle) 40%,transparent) 1px,transparent 1px); background-size:24px 24px; box-shadow:inset 0 1px 2px rgb(20 32 54 / 3%); cursor:grab; }
:root[data-grid="hidden"] .flow-canvas { background-image: none; }
.flow-canvas.panning { cursor: grabbing; }
.flow-world { position: absolute; left: 0; top: 0; width: 1px; height: 1px; transform-origin: 0 0; }
.flow-world svg { position: absolute; overflow: visible; pointer-events: none; }
.graph-edge { fill: none; stroke: var(--subtle); stroke-width: 2; }
.graph-edge.button { stroke: var(--brand); }
.graph-edge.action { stroke: color-mix(in srgb, var(--brand) 60%, var(--subtle)); }
.graph-edge.condition-yes { stroke: var(--green); }
.graph-edge.condition-no { stroke: var(--red); stroke-dasharray: 6 4; }
.graph-edge-label { fill: var(--muted); font: 11px system-ui; }
.graph-node { position: absolute; width: 250px; overflow: visible; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--surface); cursor: default; }
.graph-node.selected { border-color: color-mix(in srgb, var(--brand) 65%, var(--line)); background: color-mix(in srgb, var(--brand) 4%, var(--surface)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand) 12%, transparent); }
.graph-node.search-hit { border-color: #e1a127; box-shadow: 0 0 0 3px rgb(225 161 39 / 14%); }
.graph-node-head { display: flex; align-items: center; gap: 8px; padding: 12px; border-bottom: 1px solid var(--line); border-radius: 11px 11px 0 0; background: var(--surface-soft); font-weight: 500; cursor: grab; }
.graph-node-head:active { cursor: grabbing; }
.graph-node.start .graph-node-head::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px var(--green-soft); }
.graph-node-body { min-height: 62px; padding: 10px 13px; color: var(--muted); font-size: 12px; }
.graph-node-body strong { display: block; margin-bottom: 4px; color: var(--text); }
.graph-node-links { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 8px; }
.graph-node-links span { max-width: 100%; overflow: hidden; padding: 2px 6px; border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line)); border-radius: 999px; color: var(--brand); text-overflow: ellipsis; white-space: nowrap; }
.node-port { position: absolute; width: 13px; height: 13px; border: 2px solid var(--surface); border-radius: 50%; background: var(--subtle); box-shadow: 0 0 0 1px var(--line-strong); }
.node-port.in { left: -7px; top: 36px; }
.node-port.out { right: -7px; bottom: 18px; background: var(--brand); cursor: crosshair; }
.node-port.out.disabled { background:var(--subtle); cursor:not-allowed; opacity:.55; }
.flow-node-placeholder { position:absolute; width:250px; height:92px; display:grid; place-items:center; align-content:center; gap:6px; border:1px dashed var(--brand); border-radius:12px; background:var(--brand-soft); color:var(--brand); pointer-events:none; }
.flow-node-placeholder .ui-icon { width:22px; height:22px; }
.flow-node-placeholder span { font-size:12px; font-weight:500; }
.canvas-help { position:absolute; left:16px; bottom:14px; padding:7px 10px; border:1px solid var(--line); border-radius:8px; background:color-mix(in srgb,var(--surface) 88%,transparent); color:var(--muted); font-size:11px; pointer-events:none; backdrop-filter:blur(8px); }
.flow-create-menu { position:fixed; z-index:10020; width:min(300px,calc(100vw - 24px)); padding:8px; border:1px solid var(--line-strong); border-radius:12px; background:var(--surface); box-shadow:0 18px 48px rgb(0 0 0 / 30%); }
.flow-create-menu>span { display:block; padding:6px 9px 8px; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.flow-create-menu>button { width:100%; min-height:54px; justify-content:flex-start; gap:11px; padding:8px 10px; border:0; background:transparent; color:var(--text); text-align:left; }
.flow-create-menu>button:hover { background:var(--surface-soft); }
.flow-create-menu>button>.ui-icon { width:19px; height:19px; color:var(--brand); }
.flow-create-menu>button>span { min-width:0; display:grid; gap:2px; }
.flow-create-menu strong { font-size:13px; font-weight:500; }
.flow-create-menu small { color:var(--muted); font-size:11px; }
.node-editor-dialog { width: min(920px, calc(100vw - 32px)); max-width: none; height: min(900px, calc(100vh - 32px)); max-height: none; overflow: hidden; }
.node-editor-modal { height: 100%; display: flex; flex-direction: column; }
.node-editor-header { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px 17px; border-bottom: 1px solid var(--line); }
.node-editor-header > div { min-width: 0; }
.node-editor-header span { color: var(--brand); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.node-editor-header h2 { overflow: hidden; margin: 2px 0 0; font-size: 22px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.node-editor-header small { display: block; margin-top: 3px; color: var(--muted); }
.node-editor-header .square { align-self: flex-start; width: 38px; min-width: 38px; padding: 0; font-size: 25px; font-weight: 400; }
.node-inspector { flex: 1; min-height: 0; overflow: auto; padding: 22px 24px 0; }
.empty-state { min-height: 260px; display: grid; place-items: center; align-content: center; text-align: center; color: var(--muted); }
.empty-state > span { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 12px; background: var(--brand-soft); color: var(--brand); font-size: 20px; }
.empty-state strong { color: var(--text); }
.empty-state p { margin: 3px 0 0; font-size: 12px; }
.node-start-toggle { margin: 14px 0 22px; }
.node-condition-editor { margin: 8px 0 22px; padding: 18px; border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--line)); border-radius: 14px; background: var(--brand-soft); }
.node-condition-rule { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 10px; }
.node-condition-rule .field { margin: 0; }
.node-condition-targets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.node-condition-targets .field { margin: 0; }
.node-condition-targets .yes > span { color: var(--green); }
.node-condition-targets .no > span { color: var(--red); }
.graph-node.condition { border-color: color-mix(in srgb, var(--amber) 50%, var(--line)); }
.graph-node.condition .graph-node-head { color: var(--amber); }
.graph-node.delay { border-color: color-mix(in srgb, #8b7cf6 50%, var(--line)); }
.graph-node.delay .graph-node-head { color: #9d91ff; }
.graph-node.action-node { border-color: color-mix(in srgb, #41a8ff 45%, var(--line)); }
.graph-node.action-node .graph-node-head { color: #5bb4ff; }
.node-delay-fields { display: grid; grid-template-columns: minmax(120px, .5fr) minmax(140px, .6fr) minmax(220px, 1.4fr); gap: 10px; }
.node-delay-fields .field { margin: 0; }
.node-actions-editor { margin: 8px 0 22px; }
.node-action-row { display: grid; grid-template-columns: minmax(170px, .8fr) repeat(4, minmax(130px, 1fr)) 34px; gap: 8px; align-items: center; margin-top: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.node-action-row .icon { width: 34px; min-height: 38px; padding: 0; }
.node-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 8px 0 12px; }
.node-section-heading h3 { margin: 0 0 3px; font-size: 17px; font-weight: 500; }
.node-section-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.node-add-actions, .node-buttons-heading > div:last-child { display: flex; gap: 6px; flex-wrap: wrap; }
.node-cards-empty { min-height: 150px; display: grid; place-items: center; align-content: center; gap: 4px; border: 1px dashed var(--line-strong); border-radius: 12px; color: var(--muted); text-align: center; }
.node-cards-empty strong { color: var(--text); font-weight: 500; }
.node-step { margin: 12px 0; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-soft); }
.node-step-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: -2px 0 15px; }
.node-step-head > div:first-child { display: grid; gap: 2px; }
.node-step-head span { color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.node-step-head strong { font-size: 15px; font-weight: 500; }
.node-step-controls { display: flex; gap: 5px; }
.node-step-controls .icon, .node-button .icon { width: 34px; min-height: 34px; padding: 0; }
.node-kind-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.node-text-editor { position: relative; overflow: visible; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface); }
.node-text-editor:focus-within { border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent); }
.node-text-tools { display: flex; padding: 5px; border-bottom: 1px solid var(--line); background: var(--surface-soft); border-radius: 9px 9px 0 0; }
.node-text-editor > textarea { min-height: 125px; margin: 0; border: 0; border-radius: 0 0 9px 9px; background: var(--surface); resize: vertical; box-shadow: none; }
.node-text-tools .variable-picker-menu { left: 0; }
.node-step > .field { margin-bottom: 10px; }
.url-image-preview { position:relative; min-height:190px; margin:-1px 0 12px; overflow:hidden; border:1px solid var(--line); border-radius:11px; background:var(--surface); }
.url-image-preview img { width:100%; max-height:360px; display:block; object-fit:contain; opacity:0; transition:opacity .18s ease; }.url-image-preview.loaded img { opacity:1; }
.url-image-preview>span { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:5px; color:var(--muted); text-align:center; }.url-image-preview.loaded>span { display:none; }
.url-image-preview>span .ui-icon { width:25px; height:25px; }.url-image-preview>span strong { color:var(--text); font-size:12px; font-weight:500; }.url-image-preview>span small { max-width:280px; font-size:10px; }
.url-image-preview.failed { border-color:color-mix(in srgb,var(--red) 35%,var(--line)); }.url-image-preview.failed>span .ui-icon,.url-image-preview.failed>span small { color:var(--red); }
.node-question-settings { display: grid; grid-template-columns: 1.2fr .8fr; gap: 10px; margin-top: 12px; padding: 12px; border-radius: 10px; background: var(--surface); }
.node-question-settings .full { grid-column: 1 / -1; }
.node-buttons-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.node-buttons-heading > div:first-child { display: grid; gap: 2px; }
.node-buttons-heading strong { font-size: 13px; font-weight: 500; }
.node-buttons-heading span { color: var(--muted); font-size: 11px; }
.node-button { display: grid; grid-template-columns: minmax(150px, 1fr) 175px minmax(190px, 1.2fr) auto; gap: 7px; align-items: center; margin-top: 8px; }
.node-meta { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); gap: 12px; }
.inspector-actions { position: sticky; bottom: 0; z-index: 2; display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin: 24px -24px 0; padding: 16px 24px; border-top: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 95%, transparent); backdrop-filter: blur(12px); }

@media (max-width:850px) {
  .flow-workspace-active #app { grid-template-rows:auto minmax(0,1fr); }
  .flow-workspace-active .app-main { height:auto; }
}

.automation-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.automation-summary article { padding:18px 20px; display:flex; flex-direction:column; gap:8px; }
.automation-summary span { color:var(--muted); font-size:13px; }
.automation-summary strong { font-size:24px; font-weight:500; }
.automation-summary .automation-live { color:var(--brand); font-size:15px; }
.automation-panel { padding:0; overflow:hidden; }
.automation-list-head,.automation-row { display:grid; grid-template-columns:minmax(240px,1.4fr) minmax(180px,1fr) minmax(190px,.8fr) 132px; gap:20px; align-items:center; }
.automation-list-head { padding:12px 20px; color:var(--muted); font-size:12px; border-bottom:1px solid var(--line); }
.automation-row { padding:16px 20px; border-bottom:1px solid var(--line); }
.automation-row:last-child { border-bottom:0; }
.automation-row.disabled { opacity:.55; }
.ai-control { position:relative; display:inline-flex; }
.ai-control > button:disabled { pointer-events:none; }
.ai-control:has(> button:not(:disabled))::after { display:none; }
.ai-control::after { content:attr(data-ai-tip); position:absolute; right:0; bottom:calc(100% + 9px); z-index:90; width:280px; padding:10px 12px; border:1px solid var(--line-strong); border-radius:10px; background:var(--surface); color:var(--text); box-shadow:0 14px 36px rgb(0 0 0 / 24%); font-size:11px; font-weight:500; line-height:1.45; opacity:0; pointer-events:none; transform:translateY(4px); transition:opacity .16s ease,transform .16s ease; }
.ai-control:hover::after,.ai-control:focus-within::after { opacity:1; transform:none; }
.ai-button.secondary:not(:disabled) { border-color:color-mix(in srgb,var(--brand) 34%,var(--line)); color:var(--brand); }
.ai-button.secondary:hover:not(:disabled) { border-color:color-mix(in srgb,var(--brand) 52%,var(--line)); background:var(--brand-soft); color:var(--brand-hover); }
.ai-button:not(.secondary):not(:disabled) { color:#101010; }
.flow-workspace-header .ai-control { position:static; }
.flow-workspace-header .ai-control::after { position:absolute; top:calc(100% + 9px); right:0; bottom:auto; width:min(280px,calc(100vw - 24px)); transform:translateY(-4px); }
.flow-workspace-header .ai-control:hover::after,.flow-workspace-header .ai-control:focus-within::after { transform:none; }
.settings-icon.ai { background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 24%,var(--surface-soft)),var(--surface-soft)); color:var(--brand); }
.ai-settings-heading { align-items:center; }
.ai-model-badge { padding:6px 9px; border:1px solid var(--line); border-radius:999px; background:var(--surface-soft); color:var(--muted); font-size:10px; }
.ai-feature-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0 18px; }
.ai-feature-list>div { display:flex; align-items:flex-start; gap:11px; padding:14px; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); }
.ai-feature-list>div>.ui-icon { flex:none; margin-top:2px; color:var(--brand); }
.ai-feature-list strong,.ai-feature-list small { display:block; }
.ai-feature-list small { margin-top:3px; color:var(--muted); font-size:11px; line-height:1.45; }
.ai-settings .switch-row { margin-top:4px; }
.ai-modal { width:100%; max-width:100%; min-width:0; }
#ai-copy-dialog { width:min(680px,calc(100vw - 32px)); max-width:none; }
#ai-flow-dialog { width:min(760px,calc(100vw - 32px)); max-width:none; }
#ai-flow-generator-dialog { width:min(820px,calc(100vw - 32px)); max-width:none; }
.ai-modal-heading { display:flex; align-items:flex-start; gap:13px; margin-bottom:20px; }
.ai-modal-heading>span { width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:11px; background:var(--brand-soft); color:var(--brand); }
.ai-modal-heading h2,.ai-modal-heading p { margin:0; }
.ai-modal-heading p { margin-top:3px; }
.ai-modal textarea { resize:vertical; }
dialog.ai-working { border-color:transparent; background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(110deg,#19e68c,#4da3ff,#9b6cff,#ff5ca8,#ffb547,#19e68c) border-box; background-size:100% 100%,300% 100%; box-shadow:0 24px 70px rgb(0 0 0 / 42%),0 0 44px rgb(113 88 255 / 20%); animation:ai-spectrum 2.4s linear infinite; }
dialog.ai-working .ai-modal-heading>span { animation:ai-heading-pulse 1.25s ease-in-out infinite; }
@keyframes ai-spectrum { from { background-position:0 0,0 0; } to { background-position:0 0,300% 0; } }
@keyframes ai-heading-pulse { 50% { transform:scale(1.08); box-shadow:0 0 0 8px color-mix(in srgb,var(--brand) 10%,transparent); } }
.ai-work-log { position:relative; display:grid; gap:5px; margin-top:14px; padding:11px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); }
.ai-work-log::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:linear-gradient(#19e68c,#4da3ff,#9b6cff,#ff5ca8); animation:ai-work-scan 1.5s ease-in-out infinite alternate; }
@keyframes ai-work-scan { from { opacity:.35; transform:translateY(-35%); } to { opacity:1; transform:translateY(35%); } }
.ai-work-step { display:grid; grid-template-columns:14px minmax(0,1fr) auto; gap:9px; align-items:center; min-height:28px; padding:3px 5px; color:var(--muted); font-size:11px; }
.ai-work-step i { width:7px; height:7px; justify-self:center; border-radius:50%; background:var(--line-strong); }
.ai-work-step small { color:var(--muted); font-size:9px; }
.ai-work-step.active { color:var(--text); }
.ai-work-step.active i { background:var(--brand); box-shadow:0 0 0 5px var(--brand-soft); animation:ai-work-pulse .9s ease-in-out infinite alternate; }
.ai-work-step.active small { color:var(--brand); }
.ai-work-step.done i { background:var(--brand); }
.ai-work-step.done small { color:var(--brand); }
.ai-work-step.failed i { background:var(--red); box-shadow:0 0 0 5px color-mix(in srgb,var(--red) 12%,transparent); }
.ai-work-step.failed small { color:var(--red); }
@keyframes ai-work-pulse { to { transform:scale(1.35); filter:brightness(1.2); } }
.graph-node.ai-node-enter { animation:ai-node-place .58s cubic-bezier(.18,.82,.25,1) both; animation-delay:calc(var(--ai-order,0) * 120ms); }
@keyframes ai-node-place { from { opacity:0; filter:blur(8px); transform:translateY(25px) scale(.84); } 70% { filter:blur(0); transform:translateY(-3px) scale(1.025); } to { opacity:1; filter:none; transform:none; } }
.ai-form-flight { position:fixed; z-index:20000; display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:10px; align-items:center; min-width:220px; padding:13px; pointer-events:none; border:1px solid color-mix(in srgb,var(--brand) 55%,var(--line)); border-radius:13px; background:color-mix(in srgb,var(--surface) 94%,var(--brand)); color:var(--text); box-shadow:0 24px 60px rgb(0 0 0 / 38%),0 0 34px var(--brand-soft); }
.ai-form-flight>.ui-icon { width:28px; height:28px; padding:6px; border-radius:8px; background:var(--brand-soft); color:var(--brand); }
.ai-form-flight>div:not(.ai-form-flight-fields) { min-width:0; display:flex; flex-direction:column; gap:2px; }
.ai-form-flight strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:500; }
.ai-form-flight small { color:var(--muted); font-size:9px; }
.ai-form-flight>span { display:flex; align-items:center; gap:4px; color:var(--brand); font-size:9px; opacity:0; transform:translateY(3px); transition:.3s ease; }
.ai-form-flight>span .ui-icon { width:12px; height:12px; }
.ai-form-flight-fields { grid-column:1/-1; display:grid; gap:5px; }
.ai-form-flight-fields i { height:5px; border-radius:999px; background:var(--line-strong); transform:scaleX(.12); transform-origin:left; transition:transform .36s cubic-bezier(.18,.82,.25,1),background .36s; }
.ai-form-flight-fields i:nth-child(2) { width:76%; transition-delay:.08s; }
.ai-form-flight-fields i:nth-child(3) { width:88%; transition-delay:.16s; }
.ai-form-flight.filled>span { opacity:1; transform:none; }
.ai-form-flight.filled .ai-form-flight-fields i { background:color-mix(in srgb,var(--brand) 46%,var(--line)); transform:scaleX(1); }
.tabs button.ai-form-received { animation:ai-form-received .85s cubic-bezier(.18,.82,.25,1); }
@keyframes ai-form-received { 35% { color:var(--brand); background:var(--brand-soft); box-shadow:0 0 0 7px var(--brand-soft); transform:scale(1.035); } }
.ai-review-modal { width:100%; }
.ai-review-result { min-height:260px; max-height:min(520px,55vh); overflow:auto; padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); color:var(--text); font-size:13px; line-height:1.65; white-space:pre-wrap; }
.ai-flow-generator-modal { width:100%; }
.ai-flow-generator-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ai-flow-plan { margin-top:14px; padding:14px; border:1px solid color-mix(in srgb,var(--brand) 45%,var(--line)); border-radius:12px; background:var(--brand-soft); }
.ai-flow-plan-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.ai-flow-plan-heading>div { display:flex; min-width:0; flex-direction:column; gap:3px; }
.ai-flow-plan-heading strong { font-size:14px; }
.ai-flow-plan-heading span { color:var(--muted); font-size:11px; line-height:1.4; }
.ai-flow-plan-heading>b { flex:none; padding:5px 8px; border-radius:999px; background:var(--surface); color:var(--brand); font-size:11px; font-weight:500; }
.ai-flow-plan-nodes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:12px; }
.ai-flow-plan-nodes>div { min-width:0; display:flex; align-items:center; gap:8px; padding:8px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }
.ai-flow-plan-nodes i { width:22px; height:22px; flex:none; display:grid; place-items:center; border-radius:7px; background:var(--surface-soft); color:var(--brand); font-size:10px; font-style:normal; }
.ai-flow-plan-nodes span { min-width:0; display:flex; flex-direction:column; }
.ai-flow-plan-nodes strong,.ai-flow-plan-nodes small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ai-flow-plan-nodes strong { font-size:11px; font-weight:500; }.ai-flow-plan-nodes small { color:var(--muted); font-size:9px; }
.ai-flow-plan-nodes .ai-flow-plan-more { justify-content:center; color:var(--muted); font-size:10px; }
.ai-flow-plan-forms { display:grid; gap:7px; margin-top:10px; padding-top:10px; border-top:1px solid color-mix(in srgb,var(--brand) 25%,var(--line)); }
.ai-flow-plan-forms>div { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 10px; border-radius:9px; background:var(--surface); }
.ai-flow-plan-forms strong { overflow:hidden; font-size:11px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.ai-flow-plan-forms small { flex:none; color:var(--brand); font-size:9px; }
.ai-safety-note { display:flex; align-items:flex-start; gap:8px; margin-top:12px; color:var(--muted); font-size:11px; line-height:1.45; }.ai-safety-note .ui-icon { flex:none; margin-top:1px; color:var(--brand); }
.ai-interaction-cost { display:block; margin-top:6px; color:var(--brand); font-size:10px; }
.ai-limit-summary { margin:14px 0; padding:14px; border:1px solid var(--line); border-radius:11px; background:var(--surface-soft); }
.ai-limit-summary>div:first-child { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 12px; align-items:center; }.ai-limit-summary span { color:var(--muted); font-size:11px; }.ai-limit-summary strong { font-size:13px; font-weight:500; }.ai-limit-summary>div:first-child small { grid-column:1/-1; color:var(--muted); font-size:10px; }
.ai-limit-summary>.ai-limit-progress { margin:11px 0 7px; }.ai-limit-summary>small { color:var(--muted); font-size:10px; }
.ai-limit-settings { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:4px 0 12px; }.ai-limit-settings .field { margin:0; }
.ai-limit-settings .ai-model-field { grid-column:1/-1; }
.ai-model-field>small { min-height:16px; font-size:10px; }
@media (max-width:700px) {
  .ai-control::after { position:fixed; right:12px; bottom:76px; width:calc(100vw - 24px); }
  .flow-workspace-header .ai-control::after { right:0; }
  .ai-feature-list { grid-template-columns:1fr; }
  .ai-modal { padding:18px; }
  .ai-modal .modal-actions { align-items:stretch; flex-direction:column; }
  .ai-modal .modal-actions button { width:100%; }
  .ai-flow-generator-options { grid-template-columns:1fr; }
  .ai-flow-plan-nodes { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ai-limit-settings { grid-template-columns:1fr; }
  #ai-copy-dialog,#ai-flow-dialog,#ai-flow-generator-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }
}
@media (min-width:701px) and (max-width:1050px) { .ai-feature-list { grid-template-columns:1fr; } }
.automation-event,.automation-target,.automation-result { display:flex; align-items:center; gap:12px; min-width:0; }
.automation-event>div,.automation-result { flex-direction:column; align-items:flex-start; gap:3px; }
.automation-event strong,.automation-event span,.automation-target span,.automation-result span,.automation-result small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.automation-event span,.automation-result small { color:var(--muted); font-size:12px; }
.automation-state { width:9px; height:9px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 5px var(--brand-soft); flex:none; }
.automation-target .ui-icon { color:var(--brand); }
.automation-actions { display:flex; justify-content:flex-end; gap:8px; }
.automation-empty { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; color:var(--muted); text-align:center; }
.automation-empty .ui-icon { width:32px; height:32px; color:var(--brand); }
.automation-empty strong { color:var(--text); font-weight:500; }
#automation-dialog,#flow-test-dialog,#flow-versions-dialog { max-width:none; max-height:calc(100dvh - 24px); overflow:visible; }
#automation-dialog { width:min(620px,calc(100vw - 32px)); }
#flow-test-dialog { width:min(560px,calc(100vw - 32px)); }
#flow-versions-dialog { width:min(720px,calc(100vw - 32px)); overflow:hidden; }
.automation-modal,#flow-test-dialog>.modal,.flow-versions-modal { width:auto; max-width:100%; min-width:0; }
.automation-modal,#flow-test-dialog>.modal { overflow:visible; }
#automation-trigger-settings { display:contents; }
.flow-versions-modal { max-height:calc(100dvh - 26px); display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; overflow:hidden; }
.flow-versions-list { min-height:0; display:flex; flex-direction:column; gap:8px; overflow:auto; overscroll-behavior:contain; }
.flow-version-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 14px; border:1px solid var(--line); border-radius:10px; }
.flow-version-row>div { display:flex; min-width:0; flex-direction:column; gap:3px; }
.flow-version-row span { color:var(--muted); font-size:12px; }
.node-picker { position:relative; width:100%; min-width:0; }
.node-picker-trigger { width:100%; min-height:var(--control-height); padding:8px 11px; justify-content:space-between; border:1px solid var(--line); background:var(--surface-soft); color:var(--text); font-weight:400; }
.node-picker-trigger>span { min-width:0; display:flex; align-items:center; gap:8px; }
.node-picker-trigger b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; }
.node-picker-trigger>i { color:var(--muted); font-style:normal; transition:transform .16s ease; }
.node-picker.open .node-picker-trigger { border-color:var(--brand); box-shadow:0 0 0 3px var(--brand-soft); }
.node-picker.open .node-picker-trigger>i { transform:rotate(180deg); }
.node-picker-trigger.empty { color:var(--muted); }
.node-picker-menu { position:fixed; z-index:10000; max-width:calc(100vw - 24px); margin:0; padding:8px; display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; border:1px solid var(--line-strong); border-radius:12px; background:var(--surface); color:var(--text); box-shadow:0 18px 48px rgb(0 0 0 / 28%); }
.node-picker-search { width:100%; min-height:36px; margin-bottom:7px; }
.node-picker-list { min-height:0; overflow:auto; overscroll-behavior:contain; display:flex; flex-direction:column; gap:2px; }
.node-picker-option,.node-picker-create { width:100%; min-height:44px; justify-content:flex-start; gap:10px; padding:7px 9px; border:0; background:transparent; color:var(--text); text-align:left; }
.node-picker-option:hover,.node-picker-option.selected { background:var(--surface-soft); }
.node-picker-option>span,.node-picker-create>span { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:1px; }
.node-picker-option strong,.node-picker-create strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:500; }
.node-picker-option small,.node-picker-create small { color:var(--muted); font-size:11px; }
.node-picker-option>.ui-icon:last-child { margin-left:auto; color:var(--brand); }
.node-picker-create { margin-top:7px; padding-top:10px; border-top:1px solid var(--line); border-radius:0 0 8px 8px; color:var(--brand); }
.node-picker-create:hover { background:var(--brand-soft); }
@media (max-height:720px) {
  #automation-dialog>.modal,#flow-test-dialog>.modal { padding:18px 22px; }
  #automation-dialog .modal h2,#flow-test-dialog .modal h2 { margin-bottom:4px; }
  #automation-dialog .modal .field,#flow-test-dialog .modal .field { margin:9px 0; }
  #automation-dialog .switch-row { padding:9px 0; }
  #automation-dialog .modal-actions,#flow-test-dialog .modal-actions { margin-top:14px; }
}
@media (max-width:900px) {
  .automation-summary { grid-template-columns:1fr; }
  .automation-list-head { display:none; }
  .automation-row { grid-template-columns:1fr auto; }
  .automation-target,.automation-result { grid-column:1; }
  .automation-actions { grid-column:2; grid-row:1 / span 3; flex-direction:column; }
}

@media (max-width: 700px) {
  #flow-view { grid-template-rows:auto minmax(0,1fr); }
  .flow-workspace-header { align-items:flex-start; padding:12px 14px; }
  .flow-workspace-header>div { gap:5px; }
  .flow-workspace-header button { width:34px; min-width:34px; padding:7px; font-size:0; }
  .flow-workspace-header button .ui-icon { margin:0; }
  .canvas-help { display:none; }
  .node-editor-dialog { width: calc(100vw - 16px); height: calc(100vh - 16px); }
  .node-editor-header { padding: 16px; }
  .node-inspector { padding: 18px 16px 0; }
  .node-meta { grid-template-columns: 1fr; }
  .node-condition-rule, .node-condition-targets, .node-delay-fields, .node-action-row { grid-template-columns: 1fr; }
  .node-section-heading, .node-buttons-heading { align-items: flex-start; flex-direction: column; }
  .node-kind-row, .node-question-settings { grid-template-columns: 1fr; }
  .node-question-settings .full { grid-column: auto; }
  .node-button { grid-template-columns: 1fr; padding: 10px; border: 1px solid var(--line); border-radius: 10px; }
  .node-button .icon { justify-self: end; }
  .inspector-actions { margin-left: -16px; margin-right: -16px; padding: 12px 16px; }
  .inspector-actions button { flex: 1 1 auto; }
}

.forms-list { display: grid; gap: 10px; }
.form-list-item { width: 100%; min-height: 92px; display: grid; grid-template-columns: 48px minmax(0, 1fr) 90px auto 20px; gap: 16px; align-items: center; padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); text-align: left; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.form-list-item:hover { border-color: color-mix(in srgb, var(--brand) 34%, var(--line)); background: color-mix(in srgb, var(--surface) 96%, var(--brand)); transform: translateY(-1px); }
.form-list-item.active { border-color: color-mix(in srgb, var(--brand) 52%, var(--line)); background: var(--brand-soft); }
.form-list-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: var(--brand-soft); color: var(--brand); }
.form-list-icon .ui-icon { width: 22px; height: 22px; }
.form-list-copy { min-width: 0; display: grid; gap: 5px; }
.form-list-copy strong { overflow: hidden; font-size: 16px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.form-list-copy small,.form-list-stat small { color: var(--muted); font-size: 12px; }
.form-list-stat { display: grid; gap: 3px; text-align: right; }
.form-list-stat strong { font-size: 20px; font-weight: 500; line-height: 1; }
.form-list-arrow { color: var(--muted); font-size: 26px; line-height: 1; }
.forms-empty { min-height: 420px; display: grid; place-content: center; justify-items: center; color: var(--muted); text-align: center; }
.forms-empty .ui-icon { width: 38px; height: 38px; margin-bottom: 14px; color: var(--brand); }
.forms-empty h2 { margin: 0; color: var(--text); font-weight: 500; }
.forms-empty p { margin: 7px 0 0; }
.form-questions .forms-empty { min-height: 180px; }
.form-builder { min-width: 0; max-width: 1120px; margin: 0 auto; }
.form-back { margin-bottom: 18px; }
.form-builder-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.form-builder-header > div:first-child { min-width: 0; flex: 1; display: grid; gap: 8px; }
.form-builder-header .campaign-title-input { width: 100%; }
.form-header-actions,.form-action-bar { display: flex; gap: 8px; flex-wrap: wrap; }
.form-builder-tabs { display: flex; gap: 2px; margin-bottom: 14px; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); width: max-content; }
.form-builder-tabs button { min-height: 34px; padding: 6px 13px; background: transparent; color: var(--muted); }
.form-builder-tabs button.active { background: var(--surface); color: var(--text); box-shadow: 0 1px 3px rgb(0 0 0 / 8%); }
.form-builder-tabs span { margin-left: 5px; color: var(--brand); }
.form-settings { display: grid; gap: 18px; padding: 24px; }
.form-settings .field { max-width: none; }
.form-settings textarea { resize: vertical; }
.form-setting-row { display: grid; grid-template-columns: minmax(160px, .6fr) minmax(240px, 1fr); gap: 12px; }
.form-questions { display: grid; gap: 12px; margin: 14px 0; }
.form-question-card { padding: 24px; }
.form-question-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.form-question-head > div { display: flex; align-items: center; gap: 8px; }
.form-question-head > div > span:last-child { display: grid; gap: 3px; }
.form-question-head > div > span:last-child strong { font-size: 17px; font-weight: 500; }
.form-question-type-icon { width: 44px; height: 44px; display: grid; place-items: center; margin-right: 3px; border-radius: 12px; background: var(--brand-soft); color: var(--brand); }
.form-question-type-icon .ui-icon { width: 21px; height: 21px; }
.form-question-index { color: var(--brand); font-size: 11px; font-weight: 600; text-transform: uppercase; }
.form-question-actions { display: flex; gap: 4px; }
.form-question-actions button { width: 32px; min-height: 32px; padding: 0; }
.form-question-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .42fr); gap: 14px; padding-left: 55px; }
.form-question-fields .field { max-width: none; }
.form-question-fields .question-label-field { grid-column: 1 / -1; }
.form-question-fields .question-label-field input { min-height: 48px; font-size: 16px; }
.question-description-field { grid-column: 1 / -1; }
.form-question-options { grid-column: 1 / -1; display: grid; gap: 7px; padding: 12px; border-radius: 10px; background: var(--surface-soft); }
.form-option-row { display: grid; grid-template-columns: minmax(0, 1fr) 32px; gap: 7px; }
.form-option-row button { min-height: 36px; padding: 0; color: var(--red); }
.form-add-option { justify-self: start; }
.form-required { align-self: end; min-height: 40px; }
.chat-support-note { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.chat-support-note .ui-icon { width: 16px; height: 16px; flex: none; color: var(--brand); }
.form-add-question { display: grid; gap: 18px; padding: 24px; }
.form-add-heading { display: grid; gap: 4px; }
.form-add-heading strong { font-size: 16px; font-weight: 500; }
.form-add-heading span { color: var(--muted); font-size: 12px; }
.form-question-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.question-type-tile { min-height: 82px; display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 11px; align-content: center; padding: 12px; border: 1px solid var(--line); background: var(--surface-soft); color: var(--text); text-align: left; }
.question-type-tile:hover { border-color: color-mix(in srgb, var(--brand) 42%, var(--line)); background: var(--brand-soft); }
.question-type-tile .ui-icon { grid-row: 1 / 3; align-self: center; width: 20px; height: 20px; padding: 8px; box-sizing: content-box; border-radius: 10px; background: color-mix(in srgb, var(--brand) 15%, transparent); color: var(--brand); }
.question-type-tile span { align-self: end; font-weight: 500; }
.question-type-tile small { align-self: start; color: var(--muted); }
.form-integrations { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 24px; align-items: center; margin-top: 12px; }
.form-integration-heading { display: flex; align-items: center; gap: 11px; }
.form-integration-heading > div { display: grid; gap: 2px; }
.form-integrations small { color: var(--muted); }
.form-integrations .switch-row { padding: 0; border: 0; }
.amo-logo { display: inline-grid; place-items: center; min-width: 38px; height: 32px; padding: 0 7px; border-radius: 9px; background: linear-gradient(135deg,#2d63ff,#7748ff 58%,#ff3e88); color: #fff; font-size: 13px; font-weight: 700; font-style: normal; letter-spacing: -.04em; }
.settings-icon.amo { background: transparent; }
.settings-icon.amo .amo-logo { min-width: 40px; height: 40px; border-radius: 12px; }
.amo-settings-heading { align-items: center; }
.amo-settings-heading p.is-ready { color: var(--brand); }
.amo-settings-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.form-crm-hint { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.form-crm-hint.ready { color: var(--brand); }
#amo-crm-dialog { width: min(760px,calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); overflow-x: hidden; overflow-y: auto; }
.amo-crm-modal { width: 100%; min-width: 0; }
.amo-crm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.amo-crm-grid .field { max-width: none; }
.amo-code-field { grid-column: 1 / -1; }
.amo-code-field textarea { min-height: 76px; resize: vertical; }
.amo-security-note { display: flex; align-items: center; gap: 9px; margin-top: 14px; padding: 11px 12px; border-radius: 9px; background: var(--brand-soft); color: var(--muted); font-size: 12px; }
.amo-security-note .ui-icon { flex: none; color: var(--brand); }
.form-sheets-settings { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(260px, 1fr) minmax(200px, .55fr); gap: 12px; padding-top: 14px; border-top: 1px solid var(--line); }
.form-sheets-settings .field { max-width: none; }
.sheets-access-note { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px; border-radius: 10px; background: var(--surface-soft); }
.sheets-access-note > .ui-icon { color: var(--brand); }
.sheets-access-note > div { min-width: 0; display: grid; gap: 3px; }
.sheets-access-note span { overflow-wrap: anywhere; color: var(--muted); font-size: 12px; }
.sheets-access-note code { color: var(--text); }
.form-sheets-status { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: 12px; }
.form-sheets-status.pending .ui-icon { color: var(--amber); }
.form-sheets-status.ready { border-color: color-mix(in srgb, var(--brand) 32%, var(--line)); background: var(--brand-soft); color: var(--text); }
.form-sheets-status.ready .ui-icon { color: var(--brand); }
.form-action-bar { justify-content: flex-end; margin-top: 14px; padding: 14px 0; }
.form-responses { overflow-x: auto; }
.form-response-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.form-response-table th,.form-response-table td { max-width: 260px; padding: 11px 12px; border-bottom: 1px solid var(--line); overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.form-response-table th { background: var(--surface-soft); color: var(--muted); font-weight: 500; }
.form-response-integrations { color: var(--muted); }
.form-response-empty { padding: 48px 20px; color: var(--muted); text-align: center; }
.form-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.form-stat-grid .panel { display: grid; gap: 8px; padding: 18px; }
.form-stat-grid span { color: var(--muted); font-size: 12px; }
.form-stat-grid strong { font-size: 28px; font-weight: 500; }
.form-stat-breakdown { display: grid; gap: 10px; margin-top: 14px; }
.form-stat-question { display: grid; gap: 12px; padding: 20px; }
.form-stat-question h3 { margin: 0 0 4px; font-size: 15px; font-weight: 500; }
.form-stat-row { display: grid; grid-template-columns: minmax(100px, .35fr) minmax(120px, 1fr) 36px; gap: 12px; align-items: center; font-size: 12px; }
.form-stat-row > div { height: 7px; overflow: hidden; border-radius: 999px; background: var(--surface-soft); }
.form-stat-row i { height: 100%; display: block; border-radius: inherit; background: var(--brand); }
.form-stat-row strong { text-align: right; font-weight: 500; }
.legacy-question-note { padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--amber) 30%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--amber) 8%, var(--surface)); color: var(--muted); font-size: 12px; }
.attribution-totals { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.attribution-panel,.attribution-breakdown { margin-top: 16px; }
.attribution-table-head,.attribution-row { display: grid; grid-template-columns: minmax(220px, 1.3fr) minmax(220px, 1fr) minmax(180px, .7fr) 80px; gap: 16px; align-items: center; }
.attribution-table-head { padding: 0 14px 10px; color: var(--muted); font-size: 12px; }
.attribution-row { min-height: 76px; padding: 12px 14px; border-top: 1px solid var(--line); }
.attribution-row:first-child { border-top: 0; }
.attribution-identity,.attribution-result { display: grid; gap: 5px; min-width: 0; }
.attribution-identity strong,.attribution-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attribution-identity small,.attribution-utm { color: var(--muted); font-size: 12px; }
.attribution-utm { display: flex; flex-wrap: wrap; gap: 5px; }
.attribution-utm code { padding: 3px 6px; border-radius: 6px; background: var(--surface-soft); color: var(--text); }
.attribution-result { grid-template-columns: repeat(3, auto); justify-content: start; gap: 14px; }
.attribution-result span { display: grid; color: var(--muted); font-size: 11px; }
.attribution-result strong { color: var(--text); font-size: 16px; font-weight: 500; }
.attribution-actions { display: flex; justify-content: flex-end; gap: 4px; }
.attribution-actions button { width: 36px; height: 36px; padding: 0; color: var(--muted); background: transparent; }
.attribution-actions button:hover { color: var(--red); background: color-mix(in srgb, var(--red) 8%, transparent); }
.attribution-empty { padding: 48px 16px; text-align: center; color: var(--muted); border-top: 1px solid var(--line); }
.attribution-source-row { display: grid; grid-template-columns: minmax(120px, 1fr) repeat(3, minmax(80px, .35fr)); gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); }
.attribution-source-row:first-child { border-top: 0; }
.attribution-source-row span:not(:first-child) { text-align: right; color: var(--muted); }
#metric-link-dialog { width: min(820px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); overflow-x: hidden; overflow-y: auto; }
.metric-link-modal { width: 100%; min-width: 0; }
.metric-link-grid,.utm-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
.metric-link-grid > *, .utm-field-grid > * { min-width: 0; }
.utm-field-grid { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.monitor-stat.unavailable strong,.monitor-channel-stats .unavailable strong { color: var(--amber); }

@media (max-width: 950px) {
  .attribution-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-question-types { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .amo-crm-grid { grid-template-columns: 1fr; }
  .amo-code-field { grid-column: 1; }
  .amo-settings-heading { align-items: flex-start; flex-direction: column; }
  #amo-crm-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .amo-crm-modal { padding: 20px; }
  .attribution-table-head { display: none; }
  .attribution-row { grid-template-columns: 1fr 40px; }
  .attribution-utm,.attribution-result { grid-column: 1; }
  .attribution-actions { grid-column: 2; grid-row: 1; }
  .metric-link-grid,.utm-field-grid { grid-template-columns: 1fr; }
  #metric-link-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .metric-link-modal { padding: 20px; }
  .metric-link-modal .modal-actions { flex-wrap: wrap; }
  .metric-link-modal .modal-actions button { flex: 1 1 180px; }
  .form-builder-header { flex-direction: column; }
  .form-header-actions { width: 100%; }
  .form-setting-row,.form-question-fields,.form-integrations,.form-sheets-settings { grid-template-columns: 1fr; }
  .form-question-fields .question-label-field,.form-question-options { grid-column: 1; }
  .form-question-fields { padding-left: 0; }
  .question-description-field,.chat-support-note { grid-column: 1; }
  .form-question-types { grid-template-columns: 1fr; }
  .form-list-item { grid-template-columns: 42px minmax(0, 1fr) 18px; gap: 12px; padding: 15px; }
  .form-list-icon { width: 42px; height: 42px; }
  .form-list-stat,.form-list-item .campaign-status { display: none; }
  .form-stat-row { grid-template-columns: 90px minmax(90px, 1fr) 28px; gap: 8px; }
}