/* /Components/BPMFormBuilder/AccessControlMatrixPreview.razor.rz.scp.css */
.acm-shell[b-v6p0t07hfa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 72vh;
    height: 72dvh;
    min-height: 520px;
    max-height: 72vh;
    max-height: 72dvh;
    padding: 1.1rem;
    border: 1px solid #dbe5f4;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.1), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.acm-topbar[b-v6p0t07hfa] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.acm-banner[b-v6p0t07hfa] {
    align-self: flex-start;
    padding: 0.5rem 0.9rem;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: #ecfdf3;
    color: #15803d;
    font-size: 0.82rem;
    font-weight: 700;
}

.acm-load-button[b-v6p0t07hfa] {
    padding: 0.75rem 1.15rem;
    border: 1px solid #dbe5f4;
    border-radius: 0.85rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #1e293b;
    font-size: 0.9rem;
    font-weight: 700;
    box-shadow:
        0 14px 30px rgba(15, 23, 42, 0.22),
        0 4px 10px rgba(15, 23, 42, 0.14);
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

.acm-load-button:hover:not(:disabled)[b-v6p0t07hfa] {
    transform: translateY(-1px);
    border-color: #93c5fd;
    box-shadow:
        0 18px 34px rgba(15, 23, 42, 0.28),
        0 6px 14px rgba(15, 23, 42, 0.18);
}

.acm-load-button:disabled[b-v6p0t07hfa] {
    opacity: 0.72;
    box-shadow: none;
}

.acm-layout[b-v6p0t07hfa] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(220px, 0.9fr) minmax(420px, 2fr) minmax(220px, 0.9fr);
    gap: 1rem;
    align-items: stretch;
    min-height: 0;
}

.acm-sidebar[b-v6p0t07hfa],
.acm-matrix-panel[b-v6p0t07hfa],
.acm-summary-panel[b-v6p0t07hfa] {
    display: flex;
    flex-direction: column;
    border: 1px solid #dbe5f4;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    min-height: 0;
    overflow: hidden;
}

.acm-panel-header[b-v6p0t07hfa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1rem 0.85rem;
    border-bottom: 1px solid #e2e8f0;
    color: #1e3a5f;
}

.acm-panel-header strong[b-v6p0t07hfa] {
    font-size: 1rem;
}

.acm-search-shell[b-v6p0t07hfa] {
    padding: 0.85rem 1rem 0;
}

.acm-search-shell input[b-v6p0t07hfa] {
    width: 100%;
    padding: 0.75rem 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.75rem;
    background: #ffffff;
}

.acm-department-list[b-v6p0t07hfa] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 0.55rem;
    padding: 0.9rem 1rem 1rem;
    min-height: 0;
    overflow: auto;
}

.acm-department-button[b-v6p0t07hfa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.85rem 0.9rem;
    border: 1px solid #dbe5f4;
    border-radius: 0.8rem;
    background: #ffffff;
    color: #334155;
    text-align: left;
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease, background 120ms ease;
}

.acm-department-button.is-selected[b-v6p0t07hfa] {
    border-color: #2563eb;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.25);
}

.acm-department-button:disabled[b-v6p0t07hfa] {
    cursor: default;
}

.acm-department-name[b-v6p0t07hfa] {
    font-weight: 700;
}

.acm-department-badge[b-v6p0t07hfa] {
    min-width: 2rem;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.14);
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
}

.acm-department-button.is-selected .acm-department-badge[b-v6p0t07hfa] {
    background: rgba(255, 255, 255, 0.22);
}

.acm-matrix-header[b-v6p0t07hfa] {
    align-items: center;
}

.acm-legend[b-v6p0t07hfa] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.82rem;
    color: #475569;
}

.acm-legend span[b-v6p0t07hfa] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.acm-legend-box[b-v6p0t07hfa] {
    width: 0.95rem;
    height: 0.95rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.25rem;
    background: #ffffff;
}

.acm-legend-box.granted[b-v6p0t07hfa] {
    border-color: #2563eb;
    background: #2563eb;
}

.acm-table-shell[b-v6p0t07hfa] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.acm-table[b-v6p0t07hfa] {
    width: 100%;
    border-collapse: collapse;
}

.acm-table th[b-v6p0t07hfa],
.acm-table td[b-v6p0t07hfa] {
    padding: 0.35rem 0.8rem;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: middle;
}

.acm-table th[b-v6p0t07hfa] {
    position: sticky;
    top: 0;
    background: #f8fbff;
    color: #1e293b;
    font-size: 0.88rem;
    text-align: left;
    z-index: 1;
}

.acm-table tbody td[b-v6p0t07hfa] {
    line-height: 1.1;
}

.acm-table th:nth-child(2)[b-v6p0t07hfa],
.acm-table th:nth-child(3)[b-v6p0t07hfa],
.acm-table td:nth-child(2)[b-v6p0t07hfa],
.acm-table td:nth-child(3)[b-v6p0t07hfa] {
    width: 8rem;
    text-align: center;
}

.acm-table th small[b-v6p0t07hfa] {
    display: block;
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
}

.acm-column-header[b-v6p0t07hfa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.acm-header-checkbox[b-v6p0t07hfa] {
    flex: 0 0 auto;
}

.acm-module-row[b-v6p0t07hfa] {
    background: #eef5ff;
}

.acm-form-row:nth-child(even)[b-v6p0t07hfa] {
    background: #fbfdff;
}

.acm-row-title[b-v6p0t07hfa] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #1e293b;
}

.acm-row-title.child[b-v6p0t07hfa] {
    padding-left: 0.8rem;
    color: #475569;
}

.acm-row-icon[b-v6p0t07hfa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 0.25rem;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.6rem;
    font-weight: 800;
    flex: 0 0 auto;
}

.acm-row-icon.child[b-v6p0t07hfa] {
    background: transparent;
    color: #94a3b8;
}

.acm-row-count[b-v6p0t07hfa] {
    color: #64748b;
    font-size: 0.7rem;
}

.acm-table tbody strong[b-v6p0t07hfa],
.acm-table tbody span[b-v6p0t07hfa] {
    line-height: 1.1;
}

.acm-table input[type="checkbox"][b-v6p0t07hfa] {
    width: 0.95rem;
    height: 0.95rem;
    min-width: 0.95rem;
    max-width: 0.95rem;
    min-height: 0.95rem;
    max-height: 0.95rem;
    margin: 0;
    vertical-align: middle;
}

.acm-summary-panel[b-v6p0t07hfa] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
}

.acm-summary-card[b-v6p0t07hfa] {
    margin: 1rem;
    padding: 1rem;
    border: 1px solid #dbe5f4;
    border-radius: 0.9rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #1d4ed8;
}

.acm-summary-card strong[b-v6p0t07hfa],
.acm-last-updated strong[b-v6p0t07hfa] {
    display: block;
}

.acm-summary-card span[b-v6p0t07hfa],
.acm-last-updated span[b-v6p0t07hfa] {
    display: block;
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.82rem;
}

.acm-summary-metric[b-v6p0t07hfa] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    color: #334155;
}

.acm-summary-metric strong[b-v6p0t07hfa] {
    color: #0f172a;
}

.acm-progress-block[b-v6p0t07hfa] {
    padding: 0.35rem 1rem 0.85rem;
}

.acm-progress-label[b-v6p0t07hfa] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
    color: #475569;
    font-size: 0.86rem;
}

.acm-progress-track[b-v6p0t07hfa] {
    height: 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.acm-progress-track span[b-v6p0t07hfa] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.acm-progress-track .read[b-v6p0t07hfa] {
    background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
}

.acm-progress-track .write[b-v6p0t07hfa] {
    background: linear-gradient(90deg, #fb923c 0%, #f97316 100%);
}

.acm-note[b-v6p0t07hfa],
.acm-last-updated[b-v6p0t07hfa] {
    margin: 0.65rem 1rem 1rem;
    padding: 0.95rem;
    border: 1px solid #dbe5f4;
    border-radius: 0.9rem;
    background: #f8fbff;
    color: #475569;
    font-size: 0.85rem;
    line-height: 1.45;
}

.acm-footer[b-v6p0t07hfa] {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-end;
    position: sticky;
    bottom: 0;
    z-index: 3;
    margin: 0 -1.1rem -1.1rem;
    padding: 0.9rem 1.1rem 1.1rem;
    border-top: 1px solid #dbe5f4;
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.92) 0%, #f8fbff 100%);
    backdrop-filter: blur(6px);
}

.acm-save-status-shell[b-v6p0t07hfa] {
    flex: 1 1 auto;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
}

.acm-save-status[b-v6p0t07hfa] {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 0.8rem;
    border-radius: 0.8rem;
    border: 1px solid #dbe5f4;
    background: #f8fbff;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
}

.acm-save-status.is-saving[b-v6p0t07hfa] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.acm-save-status.is-success[b-v6p0t07hfa] {
    border-color: #bbf7d0;
    background: #ecfdf3;
    color: #15803d;
}

.acm-save-status.is-error[b-v6p0t07hfa] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.acm-save-status.is-dirty[b-v6p0t07hfa] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #b45309;
}

.acm-save-button[b-v6p0t07hfa] {
    min-width: 8rem;
    padding: 0.85rem 1.4rem;
    border: 0;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 16px 30px rgba(37, 99, 235, 0.26);
    transform: translateY(0);
    transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease, opacity 120ms ease;
}

.acm-save-button:hover:not(:disabled)[b-v6p0t07hfa] {
    transform: translateY(-1px);
    box-shadow: 0 18px 32px rgba(37, 99, 235, 0.3);
}

.acm-save-button:active:not(:disabled)[b-v6p0t07hfa] {
    transform: translateY(2px);
    box-shadow: 0 8px 16px rgba(37, 99, 235, 0.22);
    filter: saturate(0.94);
}

.acm-save-button.is-dirty[b-v6p0t07hfa] {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}

.acm-save-button:disabled[b-v6p0t07hfa] {
    opacity: 0.75;
    box-shadow: none;
}

.is-designer .acm-save-button[b-v6p0t07hfa],
.is-designer .acm-department-button[b-v6p0t07hfa],
.is-designer .acm-table input[b-v6p0t07hfa] {
    cursor: default;
}

.acm-draft-department-tools[b-v6p0t07hfa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.9rem 1rem;
    border-top: 1px solid #e2e8f0;
}

.acm-draft-department-tools.compact[b-v6p0t07hfa] { padding: 0.8rem 0 0; margin-top: 0.65rem; }
.acm-draft-department-tools label[b-v6p0t07hfa] { color: #334155; font-size: 0.8rem; font-weight: 700; }
.acm-draft-department-tools input[b-v6p0t07hfa] { width: 100%; min-width: 0; padding: 0.65rem; border: 1px solid #cbd5e1; border-radius: 0.65rem; }
.acm-draft-department-tools button[b-v6p0t07hfa] { padding: 0.55rem 0.7rem; border: 1px solid #bfdbfe; border-radius: 0.6rem; background: #eff6ff; color: #1d4ed8; font-size: 0.78rem; font-weight: 700; }
.acm-draft-department-tools button.acm-draft-remove[b-v6p0t07hfa] { border-color: #fecaca; background: #fff7f7; color: #b91c1c; }
.acm-draft-department-tools small[b-v6p0t07hfa] { color: #64748b; font-size: 0.74rem; line-height: 1.45; }
.acm-draft-department-tools button:disabled[b-v6p0t07hfa] { opacity: 0.55; }

.acm-shell.is-draft[b-v6p0t07hfa] { container-type: inline-size; height: auto; max-height: none; min-height: 0; overflow: visible; }
.is-draft .acm-layout[b-v6p0t07hfa] { grid-template-columns: minmax(190px, 0.85fr) minmax(260px, 2fr) minmax(180px, 0.85fr); }
.is-draft .acm-table-shell[b-v6p0t07hfa] { max-height: 460px; }
.is-draft .acm-department-list[b-v6p0t07hfa] { max-height: 260px; flex: 0 1 auto; min-width: 0; overflow-x: hidden; }
.is-draft .acm-department-button[b-v6p0t07hfa] { min-width: 0; max-width: 100%; box-sizing: border-box; gap: 0.5rem; }
.is-draft .acm-department-name[b-v6p0t07hfa] { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; line-height: 1.3; }
.is-draft .acm-department-badge[b-v6p0t07hfa] { flex: 0 0 auto; }
.acm-row-icon[b-v6p0t07hfa]  .workspace-icon { width: 0.85rem; height: 0.85rem; flex: 0 0 auto; }
.is-draft .acm-footer[b-v6p0t07hfa] { margin: 0; padding: 0.7rem 0 0; background: #f8fbff; }
.is-draft .acm-save-button[b-v6p0t07hfa] { min-width: 0; }
.is-draft .acm-table[b-v6p0t07hfa] { table-layout: fixed; }
.is-draft .acm-table th:nth-child(2)[b-v6p0t07hfa], .is-draft .acm-table th:nth-child(3)[b-v6p0t07hfa], .is-draft .acm-table td:nth-child(2)[b-v6p0t07hfa], .is-draft .acm-table td:nth-child(3)[b-v6p0t07hfa] { width: 4.2rem; padding-left: 0.35rem; padding-right: 0.35rem; }
.is-draft .acm-row-title[b-v6p0t07hfa] { overflow-wrap: anywhere; }

@container (max-width: 850px) {
    .is-draft .acm-layout[b-v6p0t07hfa] { grid-template-columns: minmax(200px, 0.85fr) minmax(0, 2fr); }
    .is-draft .acm-summary-panel[b-v6p0t07hfa] { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
    .is-draft .acm-summary-panel > .acm-panel-header[b-v6p0t07hfa], .is-draft .acm-summary-panel > .acm-summary-card[b-v6p0t07hfa], .is-draft .acm-summary-panel > .acm-note[b-v6p0t07hfa], .is-draft .acm-summary-panel > .acm-last-updated[b-v6p0t07hfa] { grid-column: 1 / -1; }
    .is-draft .acm-summary-card[b-v6p0t07hfa] { margin: 0.75rem; padding: 0.75rem; }
    .is-draft .acm-note[b-v6p0t07hfa] { margin: 0.5rem 0.75rem 0.75rem; padding: 0.7rem; }
}

@container (max-width: 500px) {
    .is-draft .acm-layout[b-v6p0t07hfa] { grid-template-columns: minmax(0, 1fr); }
    .is-draft .acm-summary-panel[b-v6p0t07hfa] { grid-column: auto; }
    .is-draft .acm-topbar[b-v6p0t07hfa] { gap: 0.6rem; }
    .is-draft .acm-table th:nth-child(2)[b-v6p0t07hfa], .is-draft .acm-table th:nth-child(3)[b-v6p0t07hfa], .is-draft .acm-table td:nth-child(2)[b-v6p0t07hfa], .is-draft .acm-table td:nth-child(3)[b-v6p0t07hfa] { width: 3.8rem; }
}

@media (max-width: 1080px) {
    .acm-layout[b-v6p0t07hfa] {
        grid-template-columns: 1fr;
    }

    .acm-shell[b-v6p0t07hfa] {
        height: auto;
        min-height: 520px;
        max-height: none;
        overflow: visible;
    }

    .acm-footer[b-v6p0t07hfa] {
        flex-direction: column;
        align-items: stretch;
        margin: 0;
        padding: 0;
        border-top: 0;
        background: transparent;
        backdrop-filter: none;
        position: static;
    }

    .acm-save-button[b-v6p0t07hfa] {
        width: 100%;
    }

    .acm-department-list[b-v6p0t07hfa] {
        max-height: none;
    }
}
/* /Components/BPMFormBuilder/AccessMatrixPicker.razor.rz.scp.css */
.matrix-picker[b-fx6h1z5ynq] { display: grid; gap: 6px; }
.matrix-picker select[b-fx6h1z5ynq] { width: 100%; min-width: 0; }
.matrix-picker-help[b-fx6h1z5ynq] { font-size: 12px; line-height: 1.5; color: #52637a; }
/* /Components/BPMFormBuilder/AdvancedFilterPanelPlugin.razor.rz.scp.css */
.advanced-filter-panel-plugin[b-b3kzqmxn59] {
    container-type: inline-size;
    padding: 1rem;
    border: 1px solid #d9e4f2;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.advanced-filter-panel-grid[b-b3kzqmxn59] {
    display: grid;
    gap: 0.9rem;
    align-items: start;
}

.advanced-filter-item[b-b3kzqmxn59] {
    display: grid;
    gap: 0.35rem;
    grid-template-rows: auto 40px;
    align-items: start;
    min-width: 0;
    overflow: visible;
}

.advanced-filter-label[b-b3kzqmxn59] {
    display: flex;
    align-items: center;
    min-height: 16px;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
    gap: 0.35rem;
}

.advanced-filter-error[b-b3kzqmxn59] {
    margin-top: 0.75rem;
    color: #b91c1c;
    font-size: 0.85rem;
}

.advanced-filter-item input[b-b3kzqmxn59],
.advanced-filter-item select[b-b3kzqmxn59] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 0.55rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
}

.advanced-filter-range[b-b3kzqmxn59] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.advanced-filter-range > *[b-b3kzqmxn59] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.advanced-filter-item-range[b-b3kzqmxn59] {
    grid-column: span 2;
    grid-template-rows: auto auto;
    min-width: 0;
}

.advanced-filter-actions-row[b-b3kzqmxn59] {
    grid-template-rows: auto auto;
    min-width: 0;
    overflow: visible;
}

.advanced-filter-actions-label-spacer[b-b3kzqmxn59] {
    visibility: hidden;
    white-space: nowrap;
}

.advanced-filter-actions-stacked[b-b3kzqmxn59] {
    grid-template-rows: auto auto;
}

.advanced-filter-actions-button-row[b-b3kzqmxn59] {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.65rem;
    min-height: 40px;
    min-width: 0;
    width: 100%;
}

.advanced-filter-actions-stacked .advanced-filter-actions-button-row[b-b3kzqmxn59] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.advanced-filter-actions[b-b3kzqmxn59] {
    display: flex;
    align-items: stretch;
    flex: 1 1 0;
    min-width: 0;
}

.advanced-filter-actions-clear[b-b3kzqmxn59] {
    justify-content: flex-end;
}

.advanced-filter-button[b-b3kzqmxn59] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 0 0.9rem;
    border-radius: var(--advanced-filter-button-radius, 10px);
    border: 1px solid #cbd5e1;
    font: inherit;
    font-size: var(--advanced-filter-button-font-size, 0.85rem);
    font-weight: var(--advanced-filter-button-font-weight, 800);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--advanced-filter-button-shadow, none);
    transform: translateY(0);
    transition: transform 0.14s ease, box-shadow 0.14s ease, filter 0.14s ease, background 0.14s ease, border-color 0.14s ease;
}

.advanced-filter-button-standard[b-b3kzqmxn59] {
    --advanced-filter-button-shadow: none;
    --advanced-filter-button-hover-shadow: 0 1px 3px rgba(15, 23, 42, 0.10);
    --advanced-filter-button-active-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.14);
}

.advanced-filter-button-embossed[b-b3kzqmxn59] {
    --advanced-filter-button-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 -2px 4px rgba(15, 23, 42, 0.12);
    --advanced-filter-button-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -2px 5px rgba(15, 23, 42, 0.16), 0 4px 10px rgba(15, 23, 42, 0.08);
    --advanced-filter-button-active-shadow: inset 0 2px 6px rgba(15, 23, 42, 0.18);
}

.advanced-filter-button-light-shadow[b-b3kzqmxn59] {
    --advanced-filter-button-shadow: 0 6px 14px rgba(15, 23, 42, 0.10), 0 1px 3px rgba(15, 23, 42, 0.08);
    --advanced-filter-button-hover-shadow: 0 9px 18px rgba(15, 23, 42, 0.13), 0 2px 5px rgba(15, 23, 42, 0.10);
    --advanced-filter-button-active-shadow: 0 3px 8px rgba(15, 23, 42, 0.14), inset 0 2px 5px rgba(15, 23, 42, 0.10);
}

.advanced-filter-button-dark-shadow[b-b3kzqmxn59] {
    --advanced-filter-button-shadow: 0 10px 22px rgba(15, 23, 42, 0.18), 0 3px 8px rgba(15, 23, 42, 0.12);
    --advanced-filter-button-hover-shadow: 0 13px 28px rgba(15, 23, 42, 0.22), 0 4px 10px rgba(15, 23, 42, 0.14);
    --advanced-filter-button-active-shadow: 0 4px 10px rgba(15, 23, 42, 0.18), inset 0 2px 6px rgba(15, 23, 42, 0.14);
}

.advanced-filter-button-clear[b-b3kzqmxn59] {
    width: var(--advanced-filter-clear-width, 170px);
    border-color: var(--advanced-filter-clear-border, #cbd5e1);
    background: var(--advanced-filter-clear-bg, #ffffff);
    color: var(--advanced-filter-clear-color, #2563eb);
}

.advanced-filter-button-apply[b-b3kzqmxn59] {
    width: var(--advanced-filter-apply-width, 170px);
    background: var(--advanced-filter-apply-bg, var(--advanced-filter-accent, #1d4ed8));
    border-color: var(--advanced-filter-apply-border, var(--advanced-filter-accent, #1d4ed8));
    color: var(--advanced-filter-apply-color, #ffffff);
}

.advanced-filter-button:hover[b-b3kzqmxn59] {
    box-shadow: var(--advanced-filter-button-hover-shadow, var(--advanced-filter-button-shadow, none));
    transform: translateY(-1px);
    filter: brightness(1.01);
}

.advanced-filter-button:active[b-b3kzqmxn59] {
    box-shadow: var(--advanced-filter-button-active-shadow, var(--advanced-filter-button-shadow, none));
    transform: translateY(1px) scale(0.995);
    filter: brightness(0.98);
}

.advanced-filter-panel-empty[b-b3kzqmxn59] {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    color: #64748b;
    font-size: 0.92rem;
    text-align: center;
}

@media (max-width: 900px) {
    .advanced-filter-panel-grid[b-b3kzqmxn59] {
        grid-template-columns: 1fr !important;
    }

    .advanced-filter-item-range[b-b3kzqmxn59] {
        grid-column: auto;
    }

    .advanced-filter-range[b-b3kzqmxn59] {
        grid-template-columns: 1fr;
    }

    .advanced-filter-actions-row[b-b3kzqmxn59] {
        grid-column: auto;
    }

    .advanced-filter-actions-button-row[b-b3kzqmxn59] {
        flex-wrap: wrap;
        height: auto;
    }

    .advanced-filter-actions[b-b3kzqmxn59] {
        flex: 1 1 100%;
    }

    .advanced-filter-button[b-b3kzqmxn59] {
        width: 100%;
        min-width: 0;
    }

    .advanced-filter-button-clear[b-b3kzqmxn59],
    .advanced-filter-button-apply[b-b3kzqmxn59] {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 901px) {
    .advanced-filter-actions-inline .advanced-filter-actions[b-b3kzqmxn59] {
        flex: 0 1 auto;
    }
}

@container (max-width: 520px) {
    .advanced-filter-panel-plugin[b-b3kzqmxn59] {
        padding: 0.75rem;
        border-radius: 12px;
    }

    .advanced-filter-panel-grid[b-b3kzqmxn59] {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.75rem;
    }

    .advanced-filter-item[b-b3kzqmxn59],
    .advanced-filter-item-range[b-b3kzqmxn59],
    .advanced-filter-actions-row[b-b3kzqmxn59] {
        grid-column: 1 / -1 !important;
    }

    .advanced-filter-range[b-b3kzqmxn59] {
        grid-template-columns: minmax(0, 1fr);
    }

    .advanced-filter-actions-label-spacer[b-b3kzqmxn59] {
        display: none;
    }

    .advanced-filter-actions-button-row[b-b3kzqmxn59] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.75rem;
        height: auto;
    }

    .advanced-filter-actions[b-b3kzqmxn59],
    .advanced-filter-actions-clear[b-b3kzqmxn59] {
        justify-content: stretch;
    }

    .advanced-filter-button[b-b3kzqmxn59],
    .advanced-filter-button-clear[b-b3kzqmxn59],
    .advanced-filter-button-apply[b-b3kzqmxn59] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}
/* /Components/BPMFormBuilder/BpmDisplayValue.razor.rz.scp.css */
.bpm-display-value[b-lwnmm52qev]{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;flex-wrap:wrap;vertical-align:middle;line-height:1.35}.bpm-display-item[b-lwnmm52qev]{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;white-space:normal}.bpm-display-badge[b-lwnmm52qev]{padding:.16rem .45rem;border-radius:4px;font-size:.85em;font-weight:600;line-height:1.3;border:1px solid transparent}.bpm-display-badge.tone-neutral[b-lwnmm52qev]{color:#334155;background:#f1f5f9;border-color:#dce3eb}.bpm-display-badge.tone-info[b-lwnmm52qev]{color:#0751a2;background:#e7f1ff;border-color:#c9e0ff}.bpm-display-badge.tone-success[b-lwnmm52qev]{color:#06704c;background:#dbf5e9;border-color:#afe5cf}.bpm-display-badge.tone-warning[b-lwnmm52qev]{color:#8c5100;background:#fff1cc;border-color:#f5d99b}.bpm-display-badge.tone-danger[b-lwnmm52qev]{color:#b11a33;background:#ffe5e9;border-color:#f7bfca}.bpm-display-badge.tone-purple[b-lwnmm52qev]{color:#6633a0;background:#f0e5ff;border-color:#d8c2f6}.bpm-display-icon[b-lwnmm52qev]{width:1em;height:1em;flex:none;fill:currentColor}.bpm-display-country-flag[b-lwnmm52qev]{width:24px;height:16px;object-fit:cover;flex:none;border:1px solid #d3deeb;border-radius:2px}.bpm-display-country-code[b-lwnmm52qev]{font-size:.7em;font-weight:700;border:1px solid #cbd5e1;padding:1px 3px;border-radius:3px;color:#475569}.bpm-display-count .bpm-display-item[b-lwnmm52qev]{font-variant-numeric:tabular-nums;font-weight:600}.bpm-display-overflow[b-lwnmm52qev]{font-size:.78em;color:#475569;white-space:nowrap}.bpm-display-progress[b-lwnmm52qev]{display:inline-block;width:70px;height:7px;overflow:hidden;border-radius:4px;background:#e3eaf3;flex:none}.bpm-display-progress-fill[b-lwnmm52qev]{display:block;height:100%;background:#64748b}.bpm-display-progress-fill.tone-success[b-lwnmm52qev]{background:#009b6b}.bpm-display-progress-fill.tone-info[b-lwnmm52qev]{background:#1269d3}.bpm-display-progress-fill.tone-warning[b-lwnmm52qev]{background:#d68a04}.bpm-display-progress-fill.tone-danger[b-lwnmm52qev]{background:#d82949}.bpm-display-progress-fill.tone-purple[b-lwnmm52qev]{background:#7b43bd}.bpm-display-progress-text[b-lwnmm52qev]{font-size:.82em;font-variant-numeric:tabular-nums}
/* /Components/BPMFormBuilder/BpmGateStatus.razor.rz.scp.css */
.bpm-gate-status[b-c7jtxi7i7j]{padding:12px;border:1px solid #c4dfef;border-radius:8px;background:linear-gradient(115deg,#f3faff,#eef8ff);color:#11498b;container-type:inline-size}
.bpm-gate-status h3[b-c7jtxi7i7j]{margin:0 0 9px;font-size:1rem;line-height:1.35;color:#0b3683}
.gate-sample[b-c7jtxi7i7j]{margin:0 0 7px;font-size:.7rem;color:#64748b}
.gate-list[b-c7jtxi7i7j]{display:flex;list-style:none;margin:0;padding:0;gap:18px;overflow:auto}
.gate-item[b-c7jtxi7i7j]{position:relative;flex:1 0 128px;min-width:0}
.gate-tile[b-c7jtxi7i7j]{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:84px;padding:10px 12px;border:1px solid #9ed0e8;border-radius:6px;background:linear-gradient(110deg,#eaf6ff,#f9fdff);color:inherit;text-align:left;font:inherit;box-sizing:border-box}
.gate-selectable[b-c7jtxi7i7j]{cursor:pointer}.gate-selectable:hover[b-c7jtxi7i7j]{border-color:#2563eb;background:#e2f1ff}.gate-selectable:focus-visible[b-c7jtxi7i7j]{outline:3px solid #2563eb;outline-offset:2px}
.gate-icon[b-c7jtxi7i7j]{display:grid;place-items:center;width:34px;height:34px;flex:none;margin-top:2px;border-radius:50%;background:#087aec;color:white}.gate-icon svg[b-c7jtxi7i7j]{width:24px;height:24px}
.gate-copy[b-c7jtxi7i7j]{display:flex;flex-direction:column;line-height:1.2;min-width:0}.gate-code[b-c7jtxi7i7j]{font-size:.82rem}.gate-label[b-c7jtxi7i7j]{font-size:.72rem;min-height:1.2em}.gate-count[b-c7jtxi7i7j]{font-size:.93rem;margin-top:6px}.gate-caption[b-c7jtxi7i7j]{font-size:.67rem;color:#355d82}.gate-state[b-c7jtxi7i7j]{margin-top:7px;font-size:.75rem;font-weight:700}
.with-connectors .gate-item:not(:last-child)[b-c7jtxi7i7j]::after{content:'➜';position:absolute;right:-15px;top:32px;color:#087aec;font-size:18px;line-height:1}
.gate-state-passed .gate-tile[b-c7jtxi7i7j]{background:linear-gradient(110deg,#e6fbf6,#f8fffd);border-color:#8ccfbf;color:#087f62}.gate-state-passed .gate-icon[b-c7jtxi7i7j]{background:#059c77}
.gate-state-active .gate-tile[b-c7jtxi7i7j]{border-color:#287ae9}.gate-state-blocked .gate-tile[b-c7jtxi7i7j],.gate-state-failed .gate-tile[b-c7jtxi7i7j]{background:#fff3f3;border-color:#efb0b0;color:#ad2334}.gate-state-blocked .gate-icon[b-c7jtxi7i7j],.gate-state-failed .gate-icon[b-c7jtxi7i7j]{background:#dc3545}
.gate-state-notapplicable .gate-tile[b-c7jtxi7i7j]{background:#f4f6f8;border-color:#cbd5e1;color:#64748b}.gate-state-notapplicable .gate-icon[b-c7jtxi7i7j]{background:#94a3b8}
.gate-message[b-c7jtxi7i7j]{margin:0;font-size:.85rem;color:#64748b}.gate-error[b-c7jtxi7i7j],.gate-issues[b-c7jtxi7i7j]{color:#b42318}.gate-issues[b-c7jtxi7i7j]{padding-left:18px;margin:10px 0 0;font-size:.75rem}
@container (max-width:550px){.gate-list[b-c7jtxi7i7j]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:9px}.gate-item[b-c7jtxi7i7j]{min-width:0}.with-connectors .gate-item[b-c7jtxi7i7j]::after{display:none}.gate-tile[b-c7jtxi7i7j]{padding:10px}.gate-label[b-c7jtxi7i7j]{overflow-wrap:anywhere}}
@media print{.gate-list[b-c7jtxi7i7j]{overflow:visible;flex-wrap:wrap}.gate-item[b-c7jtxi7i7j]{flex-basis:120px}.gate-selectable[b-c7jtxi7i7j]{border-color:#9ed0e8}.gate-tile[b-c7jtxi7i7j]{break-inside:avoid}.with-connectors .gate-item[b-c7jtxi7i7j]::after{display:none}}
/* /Components/BPMFormBuilder/BpmGridInlineSettings.razor.rz.scp.css */
.inline-settings[b-2nkqtvj5dz] { margin: .75rem 0; border: 1px solid #cbd5e1; border-radius: .5rem; padding: .7rem; font-size: .8rem; }
.inline-settings summary[b-2nkqtvj5dz] { font-weight: 650; color: #155ac9; cursor: pointer; }
.inline-setting[b-2nkqtvj5dz] { display: flex; flex-direction: column; gap: .35rem; margin: .7rem 0; font-weight: 600; }
.inline-setting input[b-2nkqtvj5dz], .inline-setting select[b-2nkqtvj5dz] { width: 100%; padding: .5rem; border: 1px solid #cbd5e1; border-radius: .35rem; color: #19334d; background: white; font: inherit; }
.inline-note[b-2nkqtvj5dz] { color: #526579; font-size: .75rem; line-height: 1.5; }
.inline-warning[b-2nkqtvj5dz] { padding: .6rem; border-left: 3px solid #c8922e; background: #fff8e8; color: #79530b; font-size: .75rem; }
.inline-warning ul[b-2nkqtvj5dz] { padding-left: 1.2rem; }
.inline-group[b-2nkqtvj5dz] { margin: .7rem 0; border-top: 1px solid #e2e8f0; padding-top: .6rem; }
.inline-choice[b-2nkqtvj5dz] { display: flex; gap: .5rem; align-items: start; margin: .6rem 0; }
.inline-choice input[b-2nkqtvj5dz] { margin-top: .2rem; }
.inline-choice small[b-2nkqtvj5dz] { display: block; color: #64748b; font-size: .7rem; overflow-wrap: anywhere; }
.inline-suggest[b-2nkqtvj5dz] { margin: .5rem 0; padding: .45rem .65rem; border: 1px solid #93c5fd; color: #155ac9; background: #eff6ff; border-radius: .35rem; font: inherit; }
/* /Components/BPMFormBuilder/DashboardComponentPreview.razor.rz.scp.css */
.dashboard-card[b-h5igq6sor5] {
    box-sizing: border-box;
    --dashboard-accent: #2563eb;
    font-family: var(--dashboard-chart-font-family, "Segoe UI", Arial, sans-serif);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 100%;
    display: grid;
    gap: 0.85rem;
    overflow: hidden;
    padding: 1rem;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, var(--dashboard-chart-bg-opacity, 1)) 0%, rgba(248, 250, 252, var(--dashboard-chart-bg-opacity, 1)) 100%);
    box-shadow: none;
    backdrop-filter: blur(10px);
}

.dashboard-result-state[b-h5igq6sor5] {
    min-height: 5rem;
    display: grid;
    align-content: center;
    padding: .85rem;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    color: #475569;
    background: #f8fafc;
}

.dashboard-result-state p[b-h5igq6sor5],
.dashboard-timeline-item p[b-h5igq6sor5] {
    margin: .25rem 0;
}

.dashboard-timeline-item small[b-h5igq6sor5] {
    color: #64748b;
}

.dashboard-timeline-more[b-h5igq6sor5] {
    padding: .6rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #1d4ed8;
    background: #fff;
    cursor: pointer;
    font: inherit;
}

.dashboard-signed-bar-chart[b-h5igq6sor5] {
    width: 100%;
    height: auto;
    display: block;
}

.dashboard-card.effect-soft-shadow[b-h5igq6sor5] {
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.07);
}

.dashboard-card.effect-deep-shadow[b-h5igq6sor5] {
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
}

.dashboard-card.effect-embossed[b-h5igq6sor5] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 0 -1px 0 rgba(15, 23, 42, 0.08),
        0 10px 22px rgba(15, 23, 42, 0.08);
}

.dashboard-card.effect-glow[b-h5igq6sor5] {
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--dashboard-accent) 22%, transparent),
        0 0 28px color-mix(in srgb, var(--dashboard-accent) 24%, transparent);
}

.dashboard-card.preset-modern-glassmorphism[b-h5igq6sor5] {
    border-color: rgba(255, 255, 255, 0.72);
    background:
        radial-gradient(circle at 12% 0%, rgba(124, 58, 237, 0.16), transparent 32%),
        radial-gradient(circle at 88% 10%, rgba(14, 165, 233, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, var(--dashboard-chart-bg-opacity, 0.72)), rgba(241, 247, 255, var(--dashboard-chart-bg-opacity, 0.72)));
    backdrop-filter: blur(18px) saturate(1.25);
}

.dashboard-card.preset-3d-glass-bars[b-h5igq6sor5] {
    border-color: rgba(255, 255, 255, 0.8);
    background:
        radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, var(--dashboard-chart-bg-opacity, 0.82)), rgba(235, 243, 255, var(--dashboard-chart-bg-opacity, 0.82)));
    backdrop-filter: blur(16px) saturate(1.18);
}

.dashboard-card.preset-modern-glassmorphism .dashboard-chart-frame[b-h5igq6sor5],
.dashboard-card.preset-3d-glass-bars .dashboard-chart-frame[b-h5igq6sor5] {
    border-radius: 10px;
}

.dashboard-card.is-designer .dashboard-vertical-plot[b-h5igq6sor5] {
    --dashboard-vertical-axis-top-space: 1rem;
    min-height: 15.25rem;
}

.dashboard-card.preset-modern-glassmorphism .dashboard-legend-item i[b-h5igq6sor5],
.dashboard-card.preset-3d-glass-bars .dashboard-legend-item i[b-h5igq6sor5] {
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.5),
        0 5px 10px rgba(15, 23, 42, 0.14);
}

.dashboard-card-header[b-h5igq6sor5] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.dashboard-card-title[b-h5igq6sor5] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.dashboard-card-title strong[b-h5igq6sor5] {
    overflow: hidden;
    color: var(--dashboard-title-color, #0f172a);
    font-size: var(--dashboard-title-font-size, 0.95rem);
    font-weight: var(--dashboard-title-font-weight, 800);
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-card-title small[b-h5igq6sor5],
.dashboard-kpi-body small[b-h5igq6sor5],
.dashboard-gauge-body small[b-h5igq6sor5] {
    color: var(--dashboard-subtitle-color, #64748b);
    font-size: var(--dashboard-subtitle-font-size, 0.74rem);
    line-height: 1.35;
}

.dashboard-data-badge[b-h5igq6sor5] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 7rem;
    overflow: hidden;
    padding: 0.22rem 0.48rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--dashboard-accent) 11%, #fff);
    color: var(--dashboard-accent);
    font-size: 0.65rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-card-actions[b-h5igq6sor5] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.dashboard-zoom-button[b-h5igq6sor5] {
    border: 1px solid color-mix(in srgb, var(--dashboard-accent) 28%, #cbd5e1);
    background: #ffffff;
    color: #0f172a;
    border-radius: 999px;
    padding: 0.28rem 0.72rem;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.01em;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.dashboard-zoom-button:hover[b-h5igq6sor5] {
    background: color-mix(in srgb, var(--dashboard-accent) 8%, #ffffff);
    border-color: color-mix(in srgb, var(--dashboard-accent) 42%, #cbd5e1);
}

.dashboard-zoom-button:focus-visible[b-h5igq6sor5] {
    outline: 2px solid color-mix(in srgb, var(--dashboard-accent) 45%, transparent);
    outline-offset: 2px;
}

.dashboard-bar-chart[b-h5igq6sor5] {
    min-height: 10.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(3.4rem, 1fr));
    align-items: end;
    gap: 0.65rem;
}

.dashboard-bar-item[b-h5igq6sor5] {
    min-width: 0;
    display: grid;
    grid-template-rows: 7.2rem auto auto;
    gap: 0.35rem;
    text-align: center;
}

.dashboard-bar-track[b-h5igq6sor5] {
    display: flex;
    align-items: end;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--dashboard-bar-radius, 7px);
    background: #eef2f7;
}

.dashboard-bar-track i[b-h5igq6sor5] {
    width: 62%;
    min-height: 6%;
    border-radius: var(--dashboard-bar-radius, 7px) var(--dashboard-bar-radius, 7px) 0 0;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--dashboard-accent) 22%, transparent);
}

.dashboard-bar-item span[b-h5igq6sor5],
.dashboard-bar-item strong[b-h5igq6sor5],
.dashboard-axis-labels span[b-h5igq6sor5],
.dashboard-legend-item span[b-h5igq6sor5],
.dashboard-legend-item strong[b-h5igq6sor5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-bar-item span[b-h5igq6sor5] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 800;
}

.dashboard-bar-item strong[b-h5igq6sor5] {
    color: #0f172a;
    font-size: 0.74rem;
    font-weight: 900;
}

.dashboard-trend-shell[b-h5igq6sor5] {
    display: grid;
    gap: 0.45rem;
}

.dashboard-trend-chart[b-h5igq6sor5] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 680 / 240;
    overflow: visible;
}

.dashboard-card.is-runtime.is-wide-axis-chart .dashboard-trend-chart[b-h5igq6sor5] {
    height: 10.5rem;
    aspect-ratio: auto;
}

.chart-axis[b-h5igq6sor5],
.chart-grid-line[b-h5igq6sor5] {
    stroke: #dbe3ee;
    stroke-width: 1;
}

.chart-grid-line[b-h5igq6sor5] {
    stroke-dasharray: 4 7;
}

.chart-line[b-h5igq6sor5] {
    fill: none;
    stroke: var(--dashboard-accent);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.chart-area[b-h5igq6sor5] {
    fill: color-mix(in srgb, var(--dashboard-accent) 18%, transparent);
    stroke: none;
}

.chart-marker[b-h5igq6sor5] {
    fill: #ffffff;
    stroke: var(--dashboard-accent);
    stroke-width: 3;
}

.dashboard-axis-labels[b-h5igq6sor5] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    color: #64748b;
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 800;
}

.dashboard-donut-layout[b-h5igq6sor5] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 0.8rem;
}

.dashboard-donut-chart[b-h5igq6sor5],
.dashboard-pie-chart[b-h5igq6sor5],
.dashboard-gauge[b-h5igq6sor5] {
    aspect-ratio: 1;
    width: var(--dashboard-distribution-size, min(10.2rem, 100%));
    justify-self: center;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06), 0 16px 28px rgba(15, 23, 42, 0.08);
}

.dashboard-donut-chart[b-h5igq6sor5]::before,
.dashboard-gauge[b-h5igq6sor5]::before {
    content: "";
    position: absolute;
}

.dashboard-donut-chart[b-h5igq6sor5],
.dashboard-gauge[b-h5igq6sor5] {
    position: relative;
}

.dashboard-donut-chart span[b-h5igq6sor5],
.dashboard-gauge span[b-h5igq6sor5] {
    z-index: 1;
    display: grid;
    place-items: center;
    width: 62%;
    aspect-ratio: 1;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.dashboard-pie-chart span[b-h5igq6sor5] {
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
}

.dashboard-legend[b-h5igq6sor5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.85rem;
    min-width: 0;
}

.dashboard-legend-item[b-h5igq6sor5] {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    max-width: 100%;
    padding: 0;
}

.dashboard-legend-item i[b-h5igq6sor5] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    flex: 0 0 auto;
    transition: background 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease;
}

.dashboard-legend-item.is-hidden[b-h5igq6sor5] {
    opacity: 0.46;
}

.dashboard-legend-item.is-hidden i[b-h5igq6sor5] {
    background: transparent !important;
    box-shadow: inset 0 0 0 2px var(--legend-color, #64748b);
}

.dashboard-legend-item.is-hidden span[b-h5igq6sor5] {
    text-decoration: line-through;
}

.dashboard-legend-item:focus-visible[b-h5igq6sor5] {
    outline: 2px solid color-mix(in srgb, var(--dashboard-accent) 65%, #ffffff);
    outline-offset: 3px;
}

.dashboard-legend-item span[b-h5igq6sor5] {
    color: #475569;
    font-size: var(--dashboard-chart-font-size, 0.76rem);
    font-weight: 750;
}

.dashboard-legend-item strong[b-h5igq6sor5] {
    color: #0f172a;
    font-size: var(--dashboard-chart-font-size, 0.76rem);
    font-weight: 900;
}

.dashboard-kpi-body[b-h5igq6sor5] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.85rem;
    min-height: var(--dashboard-kpi-height, 92px);
    padding: 0.15rem 0.1rem;
}

.dashboard-kpi-body.no-icon[b-h5igq6sor5] {
    grid-template-columns: minmax(0, 1fr);
}

.dashboard-kpi-icon[b-h5igq6sor5] {
    display: inline-grid;
    width: var(--dashboard-kpi-icon-size, 36px);
    height: var(--dashboard-kpi-icon-size, 36px);
    place-items: center;
    border-radius: 999px;
    background: var(--dashboard-kpi-icon-bg, var(--dashboard-accent));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 10px 20px color-mix(in srgb, var(--dashboard-kpi-icon-bg, var(--dashboard-accent)) 28%, transparent);
}

.dashboard-kpi-icon[b-h5igq6sor5]  .dashboard-kpi-svg {
    width: calc(var(--dashboard-kpi-icon-size, 36px) * 0.52);
    height: calc(var(--dashboard-kpi-icon-size, 36px) * 0.52);
    color: var(--dashboard-kpi-icon-color, #ffffff);
    fill: none;
    stroke: var(--dashboard-kpi-icon-color, #ffffff);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
}

.dashboard-kpi-icon[b-h5igq6sor5]  .dashboard-kpi-svg path {
    fill: none;
    stroke: currentColor;
}

.dashboard-kpi-content[b-h5igq6sor5] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
}

.dashboard-kpi-label[b-h5igq6sor5] {
    min-width: 0;
    overflow: hidden;
    color: var(--dashboard-title-color, #0f172a);
    font-size: var(--dashboard-title-font-size, 0.82rem);
    font-weight: var(--dashboard-title-font-weight, 800);
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-kpi-value[b-h5igq6sor5] {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    transform: translate(var(--dashboard-kpi-value-x, 0), var(--dashboard-kpi-value-y, 0));
    color: var(--dashboard-kpi-value-color, #0f172a);
    font-size: var(--dashboard-kpi-value-size, 1.6rem);
    font-weight: var(--dashboard-kpi-value-weight, 800);
    line-height: 1.03;
    overflow-wrap: anywhere;
}

.dashboard-kpi-comparison[b-h5igq6sor5] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 0.35rem;
    line-height: 1.2;
}

.dashboard-kpi-delta[b-h5igq6sor5] {
    width: fit-content;
    color: var(--dashboard-kpi-comparison-color, #16a34a);
    font-size: var(--dashboard-kpi-comparison-size, 0.8rem);
    font-weight: var(--dashboard-kpi-comparison-weight, 800);
    white-space: nowrap;
}

.dashboard-kpi-comparison small[b-h5igq6sor5] {
    min-width: 0;
    color: var(--dashboard-kpi-helper-color, #64748b);
    font-size: var(--dashboard-kpi-helper-size, 0.72rem);
    font-weight: var(--dashboard-kpi-helper-weight, 600);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-kpi-body.helper-bottom .dashboard-kpi-comparison[b-h5igq6sor5] {
    display: grid;
    gap: 0.12rem;
}

.dashboard-kpi-data-badge[b-h5igq6sor5] {
    position: absolute;
    top: 0;
    right: 0;
}

.dashboard-gauge-body[b-h5igq6sor5] {
    display: grid;
    grid-template-columns: minmax(6.5rem, 0.8fr) minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
}

.dashboard-gauge[b-h5igq6sor5] {
    width: min(8.2rem, 100%);
    background: conic-gradient(var(--dashboard-accent) 0 var(--gauge-value), #e2e8f0 var(--gauge-value) 100%);
}

.dashboard-gauge-body strong[b-h5igq6sor5] {
    display: block;
    margin-bottom: 0.3rem;
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
}

.dashboard-table-wrap[b-h5igq6sor5] {
    overflow-x: auto;
}

.dashboard-table[b-h5igq6sor5] {
    width: 100%;
    border-collapse: collapse;
}

.dashboard-table th[b-h5igq6sor5],
.dashboard-table td[b-h5igq6sor5] {
    padding: 0.55rem 0.65rem;
    border-bottom: 1px solid #e2e8f0;
    color: #334155;
    font-size: 0.76rem;
    text-align: left;
    white-space: nowrap;
}

.dashboard-table th[b-h5igq6sor5] {
    background: #f8fafc;
    color: #475569;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dashboard-filter-grid[b-h5igq6sor5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: 0.65rem;
}

.dashboard-filter[b-h5igq6sor5] {
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #ffffff;
}

.dashboard-filter .dashboard-filter-label[b-h5igq6sor5] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.dashboard-filter strong[b-h5igq6sor5] {
    color: #0f172a;
    font-size: 0.84rem;
}

.dashboard-timeline[b-h5igq6sor5] {
    display: grid;
    gap: 0.65rem;
}

.dashboard-timeline-item[b-h5igq6sor5] {
    position: relative;
    display: grid;
    gap: 0.18rem;
    padding-left: 1.15rem;
}

.dashboard-timeline-item[b-h5igq6sor5]::before {
    position: absolute;
    top: 0.22rem;
    left: 0;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--dashboard-accent);
    content: "";
}

.dashboard-timeline-item.severity-warning[b-h5igq6sor5]::before {
    background: #f59e0b;
}

.dashboard-timeline-item.severity-success[b-h5igq6sor5]::before {
    background: #16a34a;
}

.dashboard-timeline-item.severity-info[b-h5igq6sor5]::before {
    background: #2563eb;
}

.dashboard-timeline-item span[b-h5igq6sor5] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 900;
}

.dashboard-timeline-item strong[b-h5igq6sor5] {
    color: #0f172a;
    font-size: 0.8rem;
    line-height: 1.3;
}

@media (max-width: 640px) {
    .dashboard-donut-layout[b-h5igq6sor5],
    .dashboard-gauge-body[b-h5igq6sor5] {
        grid-template-columns: 1fr;
    }

    .dashboard-kpi-body[b-h5igq6sor5] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.65rem;
    }

    .dashboard-kpi-body.no-icon[b-h5igq6sor5] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Dashboard Styles  Combo Chart*/
.dashboard-combo-shell[b-h5igq6sor5] {
    position: relative;
    display: grid;
    gap: 0.45rem;
    overflow: visible;
}

.dashboard-combo-chart[b-h5igq6sor5] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 680 / 260;
    overflow: visible;
}

.dashboard-card.is-runtime.is-wide-axis-chart .dashboard-combo-chart[b-h5igq6sor5] {
    height: auto;
    aspect-ratio: 1040 / 234;
}

.combo-bar[b-h5igq6sor5] {
    opacity: 0.82;
    filter: drop-shadow(0 8px 12px rgba(15, 23, 42, 0.12));
}

.combo-bar-hitbox[b-h5igq6sor5] {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6.5' fill='none' stroke='%230f172a' stroke-width='2'/%3E%3Cpath d='M15.2 15.2L20 20' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 7.2V12.8M7.2 10H12.8' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 10 10, zoom-in;
}

.combo-hover-tooltip-overlay[b-h5igq6sor5] {
    position: absolute;
    z-index: 30;
    pointer-events: none;
    transform: translate(-50%, calc(-100% - 0.35rem));
}

.combo-hover-tooltip-card[b-h5igq6sor5] {
    min-width: 5.25rem;
    max-width: 8.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.16rem;
    padding: 0.24rem 0.4rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.25rem;
    background: rgba(15, 23, 42, 0.94);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.32);
    color: #ffffff;
    backdrop-filter: blur(0.5px);
    overflow: hidden;
}

.combo-hover-tooltip-line[b-h5igq6sor5] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    white-space: nowrap;
}

.combo-hover-tooltip-line-title[b-h5igq6sor5] {
    font-size: 0.58rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.combo-hover-tooltip-line-value[b-h5igq6sor5] {
    font-size: 0.64rem;
    font-weight: 700;
    color: #ffffff;
}

.combo-hover-tooltip-swatch[b-h5igq6sor5] {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 0.08rem;
    flex: 0 0 auto;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.combo-hover-tooltip-title[b-h5igq6sor5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.combo-hover-tooltip-text[b-h5igq6sor5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.preset-modern-glassmorphism .combo-bar[b-h5igq6sor5] {
    filter: drop-shadow(0 14px 20px rgba(37, 99, 235, 0.2));
    stroke: rgba(255, 255, 255, 0.34);
    stroke-width: 1;
}

.preset-3d-glass-bars .combo-bar[b-h5igq6sor5] {
    filter: drop-shadow(0 18px 22px rgba(15, 23, 42, 0.24));
    stroke: rgba(255, 255, 255, 0.55);
    stroke-width: 1.4;
}

.combo-line[b-h5igq6sor5] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.combo-marker[b-h5igq6sor5] {
    fill: #ffffff;
    stroke-width: 3;
}

.preset-modern-glassmorphism .combo-line[b-h5igq6sor5],
.preset-modern-glassmorphism .chart-line[b-h5igq6sor5],
.preset-modern-glassmorphism .combo-marker[b-h5igq6sor5],
.preset-modern-glassmorphism .chart-marker[b-h5igq6sor5] {
    filter: drop-shadow(0 6px 8px rgba(37, 99, 235, 0.2));
}

.preset-3d-glass-bars .combo-line[b-h5igq6sor5],
.preset-3d-glass-bars .chart-line[b-h5igq6sor5],
.preset-3d-glass-bars .combo-marker[b-h5igq6sor5],
.preset-3d-glass-bars .chart-marker[b-h5igq6sor5] {
    filter: drop-shadow(0 8px 10px rgba(15, 23, 42, 0.24));
}

.combo-legend[b-h5igq6sor5] {
    margin-top: 0.35rem;
}

.dashboard-chart-frame[b-h5igq6sor5] {
    display: grid;
    gap: 0.75rem;
    justify-self: center;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    width: min(100%, var(--dashboard-chart-width, 760px));
}

.dashboard-chart-visual[b-h5igq6sor5] {
    min-width: 0;
    width: 100%;
}

.dashboard-chart-frame.legend-top .dashboard-chart-legend[b-h5igq6sor5] {
    order: -1;
}

.dashboard-chart-frame.legend-top .dashboard-chart-legend[b-h5igq6sor5],
.dashboard-chart-frame.legend-bottom .dashboard-chart-legend[b-h5igq6sor5] {
    justify-content: center;
    width: 100%;
}

.dashboard-chart-frame.legend-left[b-h5igq6sor5],
.dashboard-chart-frame.legend-right[b-h5igq6sor5] {
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 0.34fr);
    align-items: center;
}

.dashboard-chart-frame.legend-left[b-h5igq6sor5] {
    grid-template-columns: minmax(8rem, 0.34fr) minmax(0, 1fr);
}

.dashboard-chart-frame.legend-left .dashboard-chart-legend[b-h5igq6sor5] {
    order: -1;
}

.dashboard-chart-frame.legend-left .dashboard-legend[b-h5igq6sor5],
.dashboard-chart-frame.legend-right .dashboard-legend[b-h5igq6sor5] {
    align-content: center;
}

.chart-scale-label[b-h5igq6sor5] {
    fill: #64748b;
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 800;
    text-anchor: end;
}

.chart-value-label[b-h5igq6sor5] {
    fill: #0f172a;
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 900;
    paint-order: stroke;
    stroke: #ffffff;
    stroke-linejoin: round;
    stroke-width: 3px;
    text-anchor: middle;
}

.chart-axis-category-label[b-h5igq6sor5] {
    fill: #475569;
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 850;
    text-anchor: middle;
}

.chart-bar-inside-label[b-h5igq6sor5] {
    fill: var(--dashboard-inside-label-color, #ffffff);
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 900;
    text-anchor: middle;
}

.line-label[b-h5igq6sor5] {
    fill: var(--dashboard-accent);
}

.dashboard-chart-frame .dashboard-bar-chart[b-h5igq6sor5] {
    min-height: unset;
    display: grid;
    grid-template-columns: none;
    align-items: stretch;
    gap: 0.65rem;
}

.dashboard-vertical-plot[b-h5igq6sor5] {
    --dashboard-vertical-axis-top-space: 0.25rem;
    --dashboard-vertical-axis-bottom-space: 1.45rem;
    display: flex;
    align-items: stretch;
    gap: 0.9rem;
    min-height: 14.4rem;
}

.dashboard-card.is-compact-column-chart .dashboard-vertical-plot[b-h5igq6sor5] {
    min-height: 15.2rem;
}

.dashboard-card.is-designer.is-compact-column-chart .dashboard-vertical-plot[b-h5igq6sor5] {
    min-height: 16rem;
}

.dashboard-y-scale[b-h5igq6sor5] {
    width: 3.8rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    padding-top: var(--dashboard-vertical-axis-top-space);
    padding-bottom: var(--dashboard-vertical-axis-bottom-space);
    box-sizing: border-box;
    color: #64748b;
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 850;
    text-align: right;
}

.dashboard-vertical-bar-grid[b-h5igq6sor5] {
    flex: 1 1 auto;
    display: grid;
    align-items: end;
    gap: clamp(0.45rem, 4%, 0.9rem);
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    padding-top: var(--dashboard-vertical-axis-top-space);
    padding-bottom: var(--dashboard-vertical-axis-bottom-space);
    box-sizing: border-box;
    background-image: linear-gradient(to top, rgba(203, 213, 225, 0.62) 1px, transparent 1px);
    background-size: 100% 25%;
    background-origin: content-box;
    background-clip: content-box;
}

.dashboard-vertical-bar-category[b-h5igq6sor5] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.35rem;
    text-align: center;
}

.dashboard-chart-frame .dashboard-bar-track[b-h5igq6sor5] {
    position: relative;
    width: 100%;
    height: 9.8rem;
    min-height: 9.8rem;
    overflow: visible;
    background: transparent;
}

.dashboard-card.is-compact-column-chart .dashboard-chart-frame .dashboard-bar-track[b-h5igq6sor5] {
    height: 10.8rem;
    min-height: 10.8rem;
}

.dashboard-card.is-designer .dashboard-chart-frame .dashboard-bar-track[b-h5igq6sor5] {
    height: 10.2rem;
    min-height: 10.2rem;
}

.dashboard-card.is-designer.is-compact-column-chart .dashboard-chart-frame .dashboard-bar-track[b-h5igq6sor5] {
    height: 11.15rem;
    min-height: 11.15rem;
}

.dashboard-bar-track.is-grouped[b-h5igq6sor5] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: clamp(0.12rem, 5%, 0.32rem);
    padding: 0 11%;
}

.dashboard-bar-track.is-stacked[b-h5igq6sor5] {
    display: block;
    height: 11rem;
    min-height: 11rem;
}

.dashboard-card.is-compact-column-chart .dashboard-bar-track.is-stacked[b-h5igq6sor5] {
    height: 12rem;
    min-height: 12rem;
}

.dashboard-bar-segment[b-h5igq6sor5] {
    display: grid;
    place-items: center;
    min-width: 0.45rem;
    position: relative;
    z-index: 1;
    overflow: visible;
    border-radius: var(--dashboard-bar-radius, 7px) var(--dashboard-bar-radius, 7px) 0 0;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--dashboard-accent) 18%, transparent);
}

.dashboard-bar-segment[b-h5igq6sor5]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.preset-modern-glassmorphism .dashboard-bar-segment[b-h5igq6sor5] {
    box-shadow: 0 16px 28px color-mix(in srgb, var(--dashboard-accent) 24%, transparent);
}

.preset-modern-glassmorphism .dashboard-bar-segment[b-h5igq6sor5]::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.24), transparent 28%, rgba(255, 255, 255, 0.16) 68%, transparent),
        linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 46%);
}

.preset-3d-glass-bars .dashboard-bar-segment[b-h5igq6sor5] {
    box-shadow:
        inset 6px 0 10px rgba(255, 255, 255, 0.18),
        inset -8px 0 12px rgba(15, 23, 42, 0.16),
        0 20px 26px rgba(15, 23, 42, 0.2);
}

.preset-3d-glass-bars .dashboard-bar-segment[b-h5igq6sor5]::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.34), transparent 22%, rgba(15, 23, 42, 0.12) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent 48%, rgba(15, 23, 42, 0.1));
}

.dashboard-bar-track.is-grouped .dashboard-bar-segment[b-h5igq6sor5] {
    flex: 1 1 0;
    max-width: none;
}

.dashboard-bar-track.is-stacked .dashboard-bar-segment[b-h5igq6sor5] {
    position: absolute;
    left: 11%;
    right: 11%;
}

.dashboard-bar-segment .dashboard-segment-value[b-h5igq6sor5] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    max-width: calc(100% - 0.2rem);
    overflow: hidden;
    padding: 0 0.1rem;
    text-align: center;
    color: var(--dashboard-inside-label-color, #ffffff);
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 900;
    line-height: 1;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.42);
    white-space: nowrap;
}

.dashboard-bar-category[b-h5igq6sor5] {
    min-width: 0;
    overflow: hidden;
    color: #64748b;
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-bar-total[b-h5igq6sor5] {
    min-height: 1rem;
    color: #0f172a;
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 950;
    line-height: 1;
}

.dashboard-bar-total-above[b-h5igq6sor5] {
    display: block;
    white-space: nowrap;
}

.dashboard-bar-total-over-stack[b-h5igq6sor5] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 3;
}

.dashboard-bar-horizontal[b-h5igq6sor5] {
    gap: 0.55rem;
}

.dashboard-horizontal-bar-row[b-h5igq6sor5] {
    display: grid;
    grid-template-columns: minmax(4.6rem, 0.3fr) minmax(0, 1fr) minmax(2.7rem, auto);
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.dashboard-horizontal-bar-row > .dashboard-bar-category[b-h5igq6sor5] {
    padding-right: 0.15rem;
    text-align: right;
}

.dashboard-bar-wide-horizontal .dashboard-horizontal-bar-row[b-h5igq6sor5] {
    grid-template-columns: minmax(4.8rem, 7rem) minmax(0, 1fr) minmax(2.7rem, auto);
}

.dashboard-horizontal-bar-track[b-h5igq6sor5] {
    position: relative;
    overflow: visible;
    min-width: 0;
    min-height: var(--dashboard-horizontal-track-height, 1.65rem);
    height: var(--dashboard-horizontal-track-height, 1.65rem);
    border-radius: var(--dashboard-bar-radius, 7px);
    background: #eef2f7;
}

.dashboard-horizontal-bar-track.is-stacked .dashboard-bar-segment[b-h5igq6sor5] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 0;
}

.dashboard-horizontal-bar-track.is-grouped[b-h5igq6sor5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.16rem;
    padding: 0;
}

.dashboard-horizontal-bar-track.is-grouped .dashboard-bar-segment[b-h5igq6sor5] {
    flex: 0 0 var(--dashboard-horizontal-segment-height, 100%);
    min-height: 1rem;
    border-radius: 0 var(--dashboard-bar-radius, 7px) var(--dashboard-bar-radius, 7px) 0;
}

.dashboard-horizontal-bar-track .dashboard-bar-segment .dashboard-segment-value[b-h5igq6sor5] {
    justify-self: center;
}

.dashboard-bar-segment.is-stack-clickable[b-h5igq6sor5] {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6.5' fill='none' stroke='%230f172a' stroke-width='2'/%3E%3Cpath d='M15.2 15.2L20 20' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 7.2V12.8M7.2 10H12.8' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 10 10, zoom-in;
}

.dashboard-bar-segment.is-stack-clickable:hover[b-h5igq6sor5],
.dashboard-bar-segment.is-stack-clickable:focus-visible[b-h5igq6sor5] {
    z-index: 40;
}

.dashboard-bar-segment.is-stack-clickable:focus-visible[b-h5igq6sor5] {
    outline: 2px solid #0f172a;
    outline-offset: 2px;
}

.dashboard-stack-detail-icon[b-h5igq6sor5] {
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
    z-index: 3;
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, 0.86);
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.92);
    opacity: 0;
    transform: translateY(2px) scale(0.9);
    transition: opacity 0.14s ease, transform 0.14s ease;
}

.dashboard-stack-detail-icon-svg[b-h5igq6sor5] {
    width: 0.72rem;
    height: 0.72rem;
    display: block;
}

.dashboard-bar-segment.is-stack-clickable:hover .dashboard-stack-detail-icon[b-h5igq6sor5],
.dashboard-bar-segment.is-stack-clickable:focus-visible .dashboard-stack-detail-icon[b-h5igq6sor5] {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.dashboard-segment-hover-tooltip[b-h5igq6sor5] {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.16rem;
    min-width: 5.4rem;
    max-width: 7.25rem;
    padding: 0.28rem 0.42rem;
    border-radius: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(0, 0, 0, 0.82);
    color: #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.15;
    white-space: normal;
    backdrop-filter: blur(0.5px);
}

.dashboard-segment-hover-tooltip-local[b-h5igq6sor5] {
    display: none;
}

.dashboard-segment-hover-tooltip-track[b-h5igq6sor5] {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: auto;
    transform: translate(-50%, 0.35rem);
    z-index: 9999;
}

.dashboard-segment-hover-line[b-h5igq6sor5] {
    display: flex;
    align-items: center;
    gap: 0.28rem;
    width: 100%;
    min-width: 0;
}

.dashboard-segment-hover-line-title[b-h5igq6sor5] {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.62rem;
}

.dashboard-segment-hover-line-value[b-h5igq6sor5] {
    font-size: 0.7rem;
    font-weight: 700;
}

.dashboard-segment-hover-dot[b-h5igq6sor5] {
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 0.06rem;
    flex: 0 0 auto;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.dashboard-segment-hover-title[b-h5igq6sor5] {
    opacity: 0.92;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-segment-hover-line-value strong[b-h5igq6sor5] {
    flex: 0 0 auto;
}

.dashboard-segment-hover-line-value span[b-h5igq6sor5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-stack-modal-backdrop[b-h5igq6sor5] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(3px);
    display: grid;
    place-items: center;
    padding: 1rem;
}

.dashboard-stack-modal[b-h5igq6sor5] {
    --stack-modal-accent: #2563eb;
    width: min(94vw, 860px);
    max-height: 92vh;
    overflow: auto;
    border-radius: 12px;
    background: #ffffff;
    border: 2px solid color-mix(in srgb, var(--stack-modal-accent) 70%, #0f172a 30%);
    box-shadow:
        0 28px 56px rgba(2, 6, 23, 0.42),
        0 0 0 5px color-mix(in srgb, var(--stack-modal-accent) 24%, transparent);
}

.dashboard-stack-modal.size-medium[b-h5igq6sor5] {
    width: min(92vw, 720px);
}

.dashboard-stack-modal.size-large[b-h5igq6sor5] {
    width: min(94vw, 860px);
}

.dashboard-stack-modal.size-xlarge[b-h5igq6sor5] {
    width: min(96vw, 1020px);
}

.dashboard-stack-modal.no-table[b-h5igq6sor5] {
    width: min(88vw, 560px);
}

.dashboard-stack-modal-header[b-h5igq6sor5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(90deg, color-mix(in srgb, var(--stack-modal-accent) 12%, #fff), #fff);
}

.dashboard-stack-modal-header strong[b-h5igq6sor5] {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.dashboard-stack-modal-header small[b-h5igq6sor5] {
    color: #334155;
    font-weight: 700;
}

.dashboard-stack-modal-close[b-h5igq6sor5] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    font-weight: 800;
}

.dashboard-stack-modal-content[b-h5igq6sor5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 0.75rem;
    padding: 0.8rem;
    align-items: start;
    align-content: start;
}

.dashboard-stack-modal.no-table .dashboard-stack-modal-content[b-h5igq6sor5] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.4rem;
}

.dashboard-stack-modal.no-table .dashboard-stack-modal-bars[b-h5igq6sor5] {
    width: 100%;
}

.dashboard-stack-modal-bars[b-h5igq6sor5] {
    display: grid;
    gap: 0.35rem;
    align-content: start;
}

.dashboard-stack-modal-bar-row[b-h5igq6sor5] {
    display: grid;
    grid-template-columns: minmax(4.8rem, 5.6rem) minmax(0, 1fr) 3.8rem 3.8rem;
    gap: 0.14rem;
    align-items: center;
    min-width: 0;
}

.dashboard-stack-modal-bar-row > span[b-h5igq6sor5] {
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
}

.dashboard-stack-modal-bar-track[b-h5igq6sor5] {
    min-height: 1.75rem;
    display: grid;
    align-items: center;
    border-radius: 7px;
    overflow: hidden;
    background: #f1f5f9;
    position: relative;
    min-width: 0;
}

.dashboard-stack-modal-bar-track i[b-h5igq6sor5] {
    display: block;
    height: 100%;
}

.dashboard-stack-modal-bar-track strong[b-h5igq6sor5] {
    position: absolute;
    right: 0.28rem;
    color: #0f172a;
    font-size: 0.74rem;
    font-weight: 900;
    min-width: 3.2rem;
    text-align: right;
}

.dashboard-stack-modal-bar-row small[b-h5igq6sor5] {
    display: block;
    min-width: 3.2rem;
    text-align: right;
    color: #334155;
    font-weight: 800;
    font-size: 0.74rem;
    white-space: nowrap;
}

.dashboard-zoom-modal-backdrop[b-h5igq6sor5] {
    position: fixed;
    inset: 0;
    z-index: 1250;
    background: rgba(15, 23, 42, 0.58);
    backdrop-filter: blur(4px);
    display: grid;
    place-items: center;
    padding: 1rem;
}

.dashboard-zoom-modal[b-h5igq6sor5] {
    width: min(97vw, var(--dashboard-zoom-modal-width, 1120px));
    max-height: 94vh;
    overflow: auto;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    border: 1px solid rgba(148, 163, 184, 0.34);
    box-shadow: 0 34px 68px rgba(2, 6, 23, 0.3);
}

.dashboard-zoom-modal-header[b-h5igq6sor5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(90deg, color-mix(in srgb, var(--dashboard-accent) 8%, #fff), #fff);
}

.dashboard-zoom-modal-header strong[b-h5igq6sor5] {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.dashboard-zoom-modal-header small[b-h5igq6sor5] {
    color: #475569;
    font-weight: 700;
}

.dashboard-zoom-modal-close[b-h5igq6sor5] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    border-radius: 8px;
    padding: 0.42rem 0.8rem;
    cursor: pointer;
    font-weight: 800;
}

.dashboard-zoom-modal-content[b-h5igq6sor5] {
    padding: 1rem;
}

.dashboard-card.is-zoom-modal-content[b-h5igq6sor5] {
    min-height: 0;
    padding: 0.5rem 0.4rem 0.6rem;
    border-color: rgba(148, 163, 184, 0.2);
    box-shadow: none;
}

.dashboard-card.is-zoom-modal-content .dashboard-card-title strong[b-h5igq6sor5],
.dashboard-card.is-zoom-modal-content .dashboard-card-title small[b-h5igq6sor5] {
    white-space: normal;
}

.dashboard-card.is-zoom-modal-content .dashboard-chart-frame[b-h5igq6sor5] {
    width: 100%;
    justify-self: stretch;
}

.dashboard-card.dashboard-card-donut.is-zoom-modal-content .dashboard-chart-frame.legend-right[b-h5igq6sor5],
.dashboard-card.dashboard-card-pie.is-zoom-modal-content .dashboard-chart-frame.legend-right[b-h5igq6sor5] {
    grid-template-columns: minmax(0, 1fr) minmax(7.65rem, 0.204fr);
    align-items: center;
}

.dashboard-card.dashboard-card-donut.is-zoom-modal-content .dashboard-chart-frame.legend-right .dashboard-legend[b-h5igq6sor5],
.dashboard-card.dashboard-card-pie.is-zoom-modal-content .dashboard-chart-frame.legend-right .dashboard-legend[b-h5igq6sor5] {
    display: grid;
    grid-auto-flow: row;
    justify-items: start;
    align-content: center;
    gap: 0.7rem;
}

.dashboard-card.dashboard-card-donut.is-zoom-modal-content .dashboard-chart-frame.legend-right .dashboard-legend-item[b-h5igq6sor5],
.dashboard-card.dashboard-card-pie.is-zoom-modal-content .dashboard-chart-frame.legend-right .dashboard-legend-item[b-h5igq6sor5] {
    width: 100%;
    justify-content: flex-start;
}

.dashboard-stack-modal-table[b-h5igq6sor5] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

.dashboard-stack-modal-table th[b-h5igq6sor5],
.dashboard-stack-modal-table td[b-h5igq6sor5] {
    border-bottom: 1px solid #e2e8f0;
    padding: 0.5rem 0.55rem;
    font-size: 0.78rem;
    color: #0f172a;
    text-align: left;
}

.dashboard-stack-modal-table th[b-h5igq6sor5] {
    background: #f8fafc;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dashboard-stack-modal-table td b[b-h5igq6sor5] {
    width: 0.55rem;
    height: 0.55rem;
    display: inline-block;
    border-radius: 2px;
    margin-right: 0.35rem;
    vertical-align: middle;
}

.dashboard-stack-modal-total td[b-h5igq6sor5] {
    font-weight: 900;
}

@media (max-width: 860px) {
    .dashboard-stack-modal-content[b-h5igq6sor5] {
        grid-template-columns: 1fr;
    }
}

.dashboard-x-scale[b-h5igq6sor5] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding-left: min(8.5rem, 32%);
    color: #64748b;
    font-size: var(--dashboard-chart-label-font-size, var(--dashboard-chart-font-size, 0.75rem));
    font-weight: 850;
}

.dashboard-bar-wide-horizontal .dashboard-x-scale[b-h5igq6sor5] {
    padding-left: 7.5rem;
}

@media (max-width: 760px) {
    .dashboard-chart-frame.legend-left[b-h5igq6sor5],
    .dashboard-chart-frame.legend-right[b-h5igq6sor5] {
        grid-template-columns: 1fr;
    }

    .dashboard-chart-frame.legend-left .dashboard-chart-legend[b-h5igq6sor5] {
        order: 0;
    }

    .dashboard-horizontal-bar-row[b-h5igq6sor5] {
        grid-template-columns: minmax(3.8rem, 0.34fr) minmax(0, 1fr);
    }

    .dashboard-horizontal-bar-row .dashboard-bar-total[b-h5igq6sor5] {
        grid-column: 2;
    }
}


/* Filter Component Styles  */
.dashboard-filter-controls[b-h5igq6sor5] {
    align-items: end;
}

.dashboard-filter-control[b-h5igq6sor5] {
    cursor: default;
}

    .dashboard-filter-control select[b-h5igq6sor5],
    .dashboard-filter-control input[b-h5igq6sor5] {
        width: 100%;
        min-height: 2.25rem;
        padding: 0.42rem 0.55rem;
        border: 1px solid #cbd5e1;
        border-radius: 7px;
        background: #ffffff;
        color: #0f172a;
        font: inherit;
        font-size: 0.8rem;
        font-weight: 700;
    }

    .dashboard-filter-control .dashboard-search-button[b-h5igq6sor5] {
        width: 100%;
        min-height: 2.25rem;
        padding: 0.42rem 0.7rem;
        border: 1px solid var(--button-border, var(--dashboard-accent));
        border-radius: 7px;
        background: var(--button-bg, var(--dashboard-accent));
        color: var(--button-color, #ffffff);
        font: inherit;
        font-size: 0.8rem;
        font-weight: 700;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.38rem;
    }

    .dashboard-search-button-text[b-h5igq6sor5] {
        color: inherit;
        font-size: inherit;
        font-weight: 700;
        text-transform: none;
    }

    .dashboard-search-button-icon[b-h5igq6sor5] {
        width: 0.95rem;
        height: 0.95rem;
    }

        .dashboard-filter-control .dashboard-search-button:hover[b-h5igq6sor5] {
            filter: brightness(0.95);
        }

        .dashboard-filter-control .dashboard-search-button:focus[b-h5igq6sor5] {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-accent) 16%, transparent);
            outline: none;
        }

        .dashboard-filter-control select:focus[b-h5igq6sor5],
        .dashboard-filter-control input:focus[b-h5igq6sor5] {
            border-color: var(--dashboard-accent);
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-accent) 16%, transparent);
            outline: none;
        }

.dashboard-date-range[b-h5igq6sor5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

@media (max-width: 640px) {
    .dashboard-date-range[b-h5igq6sor5] {
        grid-template-columns: 1fr;
    }
}

/* End Filter Component Styles  */
/* /Components/BPMFormBuilder/DropdownRelatedFieldsSettings.razor.rz.scp.css */
.dropdown-related-settings[b-ivnzv45283] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dbe5f2; min-width: 0; }
.dropdown-related-toggle[b-ivnzv45283] { display: flex; align-items: center; gap: .6rem; color: #174f81; font-size: .82rem; cursor: pointer; }
.dropdown-related-toggle input[b-ivnzv45283] { width: 1rem; height: 1rem; accent-color: #2563eb; flex-shrink: 0; }
.dropdown-related-help[b-ivnzv45283] { color: #64748b; font-size: .73rem; line-height: 1.5; margin: .6rem 0; }
.dropdown-related-heading[b-ivnzv45283], .dropdown-related-card-heading[b-ivnzv45283] { display: flex; justify-content: space-between; align-items: center; gap: .5rem; color: #315780; font-size: .75rem; margin-bottom: .65rem; }
.dropdown-related-card[b-ivnzv45283] { border: 1px solid #cdddf2; border-radius: .6rem; background: #f8fbff; padding: .75rem; margin-bottom: .65rem; min-width: 0; }
.dropdown-related-card label[b-ivnzv45283] { display: block; color: #335577; font-size: .73rem; margin-top: .5rem; }
.dropdown-related-card select[b-ivnzv45283] { display: block; width: 100%; max-width: 100%; min-width: 0; padding: .55rem .45rem; margin-top: .35rem; border: 1px solid #cad8eb; border-radius: .4rem; background: white; color: #183654; font: inherit; }
.dropdown-related-remove[b-ivnzv45283] { border: 0; background: transparent; color: #64748b; padding: .25rem .5rem; cursor: pointer; font-size: 1.1rem; }
.dropdown-related-add[b-ivnzv45283] { width: 100%; padding: .55rem; border: 1px solid #abc8f9; border-radius: .4rem; color: #1d5ed2; background: #f8fbff; cursor: pointer; font-size: .76rem; }
.dropdown-related-settings button:disabled[b-ivnzv45283], .dropdown-related-settings select:disabled[b-ivnzv45283] { opacity: .5; cursor: not-allowed; }
.dropdown-related-settings select:focus-visible[b-ivnzv45283], .dropdown-related-settings button:focus-visible[b-ivnzv45283], .dropdown-related-settings input:focus-visible[b-ivnzv45283] { outline: 2px solid #2563eb; outline-offset: 2px; }
/* /Components/BPMFormBuilder/DynamicFormRenderer.razor.rz.scp.css */
.inline-line-pager[b-iyt6yaaj8x] { display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-top:12px; }
.inline-line-pager span[b-iyt6yaaj8x] { margin-right:auto;font-size:12px;color:#62758e; }
.runtime-save-lock[b-iyt6yaaj8x] { border:0;padding:0;margin:0;min-width:0; }
.inline-line-grid button.primary[b-iyt6yaaj8x],.inline-line-grid button.secondary[b-iyt6yaaj8x],.inline-preview-actions button.primary[b-iyt6yaaj8x],.inline-preview-actions button.secondary[b-iyt6yaaj8x] {
    padding:8px 12px;border:1px solid #bfd0e6;border-radius:6px;font:600 13px "Segoe UI",sans-serif;line-height:1.25;cursor:pointer;
}
.inline-line-grid button.primary[b-iyt6yaaj8x],.inline-preview-actions button.primary[b-iyt6yaaj8x] { background:#1765d7;border-color:#1765d7;color:#fff; }
.inline-line-grid button.secondary[b-iyt6yaaj8x],.inline-preview-actions button.secondary[b-iyt6yaaj8x] { background:#fff;color:#24518b; }
.inline-line-grid button:disabled[b-iyt6yaaj8x],.inline-preview-actions button:disabled[b-iyt6yaaj8x] { opacity:.55;cursor:default; }
.inline-line-grid[b-iyt6yaaj8x] { border:1px solid #d3dfed;border-radius:10px;padding:12px;background:#fff;min-width:0; }
.inline-line-toolbar[b-iyt6yaaj8x],.inline-item-actions[b-iyt6yaaj8x],.inline-editor-actions[b-iyt6yaaj8x],.inline-preview-actions[b-iyt6yaaj8x] { display:flex;align-items:center;gap:9px;flex-wrap:wrap; }
.inline-line-toolbar[b-iyt6yaaj8x] { justify-content:flex-end;margin-bottom:12px; }
.inline-line-toolbar>span[b-iyt6yaaj8x] { margin-right:auto;font-size:12px;color:#596d85; }
.inline-item-card[b-iyt6yaaj8x] { border:1px solid #dce5ef;border-radius:8px;margin-top:8px;overflow:hidden; }
.inline-item-card.is-expanded[b-iyt6yaaj8x] { border-color:#6d9feb; }
.inline-item-summary[b-iyt6yaaj8x] { display:flex;align-items:center;gap:12px;padding:12px; }
.inline-item-number[b-iyt6yaaj8x] { flex:0 0 24px;color:#5f738c;font-size:13px; }
.inline-summary-values[b-iyt6yaaj8x] { display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px 14px;flex:1;min-width:0; }
.inline-summary-values>div[b-iyt6yaaj8x] { display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere; }
.inline-summary-values small[b-iyt6yaaj8x] { color:#667b95;font-size:11px; }
.inline-summary-values span[b-iyt6yaaj8x] { font-size:13px;white-space:pre-wrap; }
.inline-item-actions[b-iyt6yaaj8x] { flex:0 0 auto; }
.inline-item-editor[b-iyt6yaaj8x] { padding:14px;border-top:1px solid #dce5ef;background:#f8fbff; }
.inline-editor-actions[b-iyt6yaaj8x] { justify-content:flex-end;margin-top:10px; }
.inline-editor-actions>span[b-iyt6yaaj8x] { margin-right:auto;color:#62758e;font-size:12px; }
.inline-item-error[b-iyt6yaaj8x] { color:#a62929;font-size:13px;margin:10px 0; }
.inline-empty[b-iyt6yaaj8x] { color:#62758e;font-size:13px;text-align:center;padding:18px; }
.inline-item-editor[b-iyt6yaaj8x]  .canvas-device-stage { padding:0; }
.inline-item-editor[b-iyt6yaaj8x]  .runtime-form { width:100%;max-width:none;margin:0;padding:0;background:transparent;box-shadow:none; }
.inline-item-editor[b-iyt6yaaj8x]  .section-card { margin:0 0 10px;box-shadow:none; }
.inline-print-modal[b-iyt6yaaj8x] { width:min(1050px,100%); }
.inline-preview-actions[b-iyt6yaaj8x] { padding-bottom:12px;border-bottom:1px solid #dce5ef; }
.inline-preview-actions strong[b-iyt6yaaj8x] { margin-right:auto;font-size:13px; }
.inline-print-document[b-iyt6yaaj8x] { padding:22px; }
.inline-print-document h1[b-iyt6yaaj8x] { font-size:26px; }
.inline-print-document h2[b-iyt6yaaj8x] { font-size:16px;margin-top:22px; }
.inline-print-header[b-iyt6yaaj8x] { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.inline-print-header dt[b-iyt6yaaj8x] { font-size:11px;color:#62758e; }
.inline-print-header dd[b-iyt6yaaj8x] { margin:3px 0;white-space:pre-wrap;font-size:13px; }
.inline-print-table[b-iyt6yaaj8x] { width:100%;border-collapse:collapse;font-size:12px; }
.inline-print-table th[b-iyt6yaaj8x],.inline-print-table td[b-iyt6yaaj8x] { padding:8px;text-align:left;border-bottom:1px solid #d3dfed; }
.inline-print-table th[b-iyt6yaaj8x] { background:#edf3f8; }
.inline-print-draft[b-iyt6yaaj8x] { color:#8a5600;font-weight:600; }
@media(max-width:720px) {
    .inline-item-summary[b-iyt6yaaj8x] { flex-wrap:wrap;gap:10px; }
    .inline-summary-values[b-iyt6yaaj8x] { flex-basis:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr)); }
    .inline-item-actions[b-iyt6yaaj8x] { margin-left:auto; }
    .inline-editor-actions>span[b-iyt6yaaj8x] { flex-basis:100%; }
    .inline-print-header[b-iyt6yaaj8x] { grid-template-columns:1fr; }
    .inline-print-document[b-iyt6yaaj8x] { padding:10px 0;overflow-x:auto; }
}
@media(pointer:coarse) {
    .inline-line-grid button[b-iyt6yaaj8x] { min-height:44px; }
}

.form-numbering-preview[b-iyt6yaaj8x] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-top: 0.65rem;
    padding: 0.28rem 0.55rem;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: #f0fdf4;
    color: #166534;
    font-size: 0.72rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.runtime-status-banner[b-iyt6yaaj8x] {
    display: grid;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #0f172a;
}

.runtime-status-banner strong[b-iyt6yaaj8x] {
    font-size: 0.92rem;
}

.runtime-status-banner.success[b-iyt6yaaj8x] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.runtime-status-banner.error[b-iyt6yaaj8x] {
    border-color: #fca5a5;
    background: #fef2f2;
    color: #991b1b;
}

.runtime-status-banner.info[b-iyt6yaaj8x] {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
}

.runtime-modal-backdrop[b-iyt6yaaj8x] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(15, 23, 42, 0.42);
}

.runtime-modal-card[b-iyt6yaaj8x] {
    width: min(560px, 100%);
    max-height: calc(100vh - 2.5rem);
    overflow: auto;
    padding: 1.25rem;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.22);
}

.runtime-modal-card h3[b-iyt6yaaj8x] {
    margin: 0 0 0.4rem;
}

.runtime-modal-card p[b-iyt6yaaj8x] {
    margin: 0 0 1rem;
    color: #475569;
}

.runtime-modal-actions[b-iyt6yaaj8x] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.runtime-modal-actions button[b-iyt6yaaj8x] {
    border: none;
    border-radius: 10px;
    padding: 0.72rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.runtime-modal-actions button:disabled[b-iyt6yaaj8x] {
    cursor: wait;
    opacity: 0.8;
}

.runtime-modal-actions .primary[b-iyt6yaaj8x] {
    background: #0f766e;
    color: #ffffff;
}

.runtime-modal-actions .secondary[b-iyt6yaaj8x] {
    background: #e2e8f0;
    color: #0f172a;
}

.runtime-modal-actions .danger[b-iyt6yaaj8x] {
    background: #dc2626;
    color: #ffffff;
}

.runtime-validation-card[b-iyt6yaaj8x] {
    width: min(620px, 100%);
    border: 1px solid #fecaca;
    background:
        linear-gradient(180deg, #fff7f7 0%, #ffffff 42%);
}

.runtime-validation-header[b-iyt6yaaj8x] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.runtime-validation-icon[b-iyt6yaaj8x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 900;
    box-shadow: 0 14px 28px rgba(220, 38, 38, 0.2);
    flex: 0 0 auto;
}

.runtime-validation-header h3[b-iyt6yaaj8x] {
    margin: 0 0 0.35rem;
    color: #991b1b;
}

.runtime-validation-header p[b-iyt6yaaj8x] {
    margin: 0;
    color: #7f1d1d;
}

.runtime-validation-fields[b-iyt6yaaj8x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

.runtime-validation-chip[b-iyt6yaaj8x] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid #fca5a5;
    border-radius: 999px;
    background: #fff1f2;
    color: #b91c1c;
    font-size: 0.8rem;
    font-weight: 800;
}

.runtime-grid-editor-card[b-iyt6yaaj8x] {
    width: min(860px, 100%);
}

.runtime-linked-form-card[b-iyt6yaaj8x] {
    width: min(1180px, 100%);
    padding: 0 0 1.1rem;
    animation: runtime-popup-enter-b-iyt6yaaj8x 180ms ease-out;
}

.runtime-linked-form-header[b-iyt6yaaj8x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0;
    padding: 2.1rem 2rem 1.1rem 2rem;
    border-bottom: 1px solid #d1d5db;
}

.runtime-linked-form-header h3[b-iyt6yaaj8x] {
    margin: 0;
    color: #6b7280;
}

.runtime-linked-form-close[b-iyt6yaaj8x] {
    border: 1px solid #dc2626;
    border-radius: 999px;
    padding: 0.72rem 1.15rem;
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: 0 14px 28px rgba(220, 38, 38, 0.22);
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
}

.runtime-linked-form-close:hover[b-iyt6yaaj8x] {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(220, 38, 38, 0.28);
    filter: saturate(1.05);
}

.runtime-grid-editor-form[b-iyt6yaaj8x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.9rem 1rem;
    margin-bottom: 1rem;
}

.runtime-busy-inline[b-iyt6yaaj8x] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.runtime-spinner[b-iyt6yaaj8x] {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid rgba(37, 99, 235, 0.16);
    border-top-color: #2563eb;
    border-radius: 999px;
    animation: runtime-spin-b-iyt6yaaj8x 0.8s linear infinite;
}

.runtime-spinner-sm[b-iyt6yaaj8x] {
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-top-color: #ffffff;
    border-color: rgba(255, 255, 255, 0.35);
}

.runtime-spinner-danger[b-iyt6yaaj8x] {
    border-top-color: #ffffff;
    border-color: rgba(255, 255, 255, 0.28);
}

.runtime-linked-form-loading-shell[b-iyt6yaaj8x] {
    padding: 1.6rem 2rem 0.65rem;
}

.runtime-linked-form-loading-card[b-iyt6yaaj8x] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 220px;
    padding: 1.4rem 1.55rem;
    border: 1px solid #dbe6f5;
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.runtime-linked-form-loading-card strong[b-iyt6yaaj8x] {
    display: block;
    margin-bottom: 0.35rem;
    color: #0f2f56;
    font-size: 1rem;
}

.runtime-linked-form-loading-card p[b-iyt6yaaj8x] {
    margin: 0;
    color: #64748b;
}

@keyframes runtime-spin-b-iyt6yaaj8x {
    to {
        transform: rotate(360deg);
    }
}

@keyframes runtime-popup-enter-b-iyt6yaaj8x {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.runtime-grid-editor-field[b-iyt6yaaj8x] {
    display: grid;
    gap: 0.35rem;
}

.runtime-grid-editor-field label[b-iyt6yaaj8x] {
    font-size: 0.83rem;
    font-weight: 700;
    color: #334155;
}

.runtime-grid-editor-field input[b-iyt6yaaj8x],
.runtime-grid-editor-field select[b-iyt6yaaj8x] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 0.72rem 0.8rem;
    background: #ffffff;
}

.password-preview-shell[b-iyt6yaaj8x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
}

.password-preview-shell input[b-iyt6yaaj8x] {
    border: 0;
    border-radius: 0;
}

.password-visibility-toggle[b-iyt6yaaj8x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    padding: 0 0.95rem;
    border: 0;
    border-left: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
}

.password-visibility-toggle:hover[b-iyt6yaaj8x] {
    background: #eff6ff;
    color: #1d4ed8;
}

.tabs-shell[b-iyt6yaaj8x] {
    display: grid;
    gap: 0.9rem;
    --tab-bg: #f8fafc;
    --tab-active-bg: #dbeafe;
    --tab-color: #334155;
    --tab-active-color: #1d4ed8;
    --tab-border-color: #cbd5e1;
    --tab-body-bg: #ffffff;
    --tab-font-size: 0.95rem;
    --tab-font-weight: 700;
    --tab-radius: 10px;
}

.tabs-header[b-iyt6yaaj8x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--tab-border-color);
}

.tabs-trigger[b-iyt6yaaj8x] {
    border: 1px solid var(--tab-border-color);
    border-radius: var(--tab-radius);
    padding: 0.55rem 0.9rem;
    background: var(--tab-bg);
    color: var(--tab-color);
    font-size: var(--tab-font-size);
    font-weight: var(--tab-font-weight);
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease, color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}

.tabs-trigger:hover[b-iyt6yaaj8x] {
    border-color: #93c5fd;
    transform: translateY(-1px);
}

.tabs-trigger.active[b-iyt6yaaj8x] {
    border-color: var(--tab-border-color);
    background: linear-gradient(135deg, var(--tab-active-bg) 0%, color-mix(in srgb, var(--tab-active-bg) 72%, white) 100%);
    color: var(--tab-active-color);
}

.tabs-body[b-iyt6yaaj8x] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.95rem;
    border: 1px solid var(--tab-border-color);
    border-radius: 14px;
    background: linear-gradient(180deg, var(--tab-body-bg) 0%, color-mix(in srgb, var(--tab-body-bg) 90%, #f8fbff) 100%);
}

.tabs-style-standard .tabs-trigger[b-iyt6yaaj8x] {
    box-shadow: none;
}

.tabs-style-embossed .tabs-trigger[b-iyt6yaaj8x] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -2px 0 rgba(15, 23, 42, 0.08),
        0 6px 16px rgba(15, 23, 42, 0.06);
}

.tabs-style-embossed .tabs-trigger.active[b-iyt6yaaj8x] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -2px 0 rgba(37, 99, 235, 0.14),
        0 10px 20px rgba(37, 99, 235, 0.12);
}

.tabs-style-light-shadow .tabs-trigger[b-iyt6yaaj8x] {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.tabs-style-light-shadow .tabs-trigger.active[b-iyt6yaaj8x] {
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.14);
}

.tabs-style-dark-shadow .tabs-trigger[b-iyt6yaaj8x] {
    box-shadow: 0 12px 22px rgba(15, 23, 42, 0.16);
}

.tabs-style-dark-shadow .tabs-trigger.active[b-iyt6yaaj8x] {
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.22);
}

.tab-empty-state[b-iyt6yaaj8x] {
    grid-column: span 12;
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    font-size: 0.88rem;
}

.nested-section-shell[b-iyt6yaaj8x] {
    display: grid;
    gap: 0.75rem;
    grid-column: span 12;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
}

.nested-section-header[b-iyt6yaaj8x] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}

.nested-section-body[b-iyt6yaaj8x] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.9rem;
}
.runtime-print-menu[b-iyt6yaaj8x]{display:inline-block;position:relative;vertical-align:middle;margin-left:2px}
.runtime-print-menu summary[b-iyt6yaaj8x]{list-style:none;cursor:pointer;padding:9px 12px;background:#fff;border:1px solid #b8c9de;border-radius:5px;color:#173f73}
.runtime-print-menu button[b-iyt6yaaj8x]{position:absolute;right:0;top:100%;z-index:50;width:190px;padding:12px;background:#fff;color:#173f73;border:1px solid #b8c9de;border-radius:5px;box-shadow:0 5px 20px #0002;text-align:left}
/* /Components/BPMFormBuilder/FormBuilderEditor.razor.rz.scp.css */
.theme-custom-color[b-7z60ngg6fp] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

    .theme-custom-color label[b-7z60ngg6fp] {
        color: #334155;
        font-size: 0.78rem;
        font-weight: 700;
    }

.theme-custom-color-control[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #ffffff;
}

    .theme-custom-color-control input[type="color"][b-7z60ngg6fp] {
        width: 2.25rem;
        height: 2.25rem;
        padding: 0.15rem;
        border: 0;
        border-radius: 999px;
        background: transparent;
        cursor: pointer;
    }

    .theme-custom-color-control span[b-7z60ngg6fp] {
        color: #0f172a;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
        font-size: 0.8rem;
        font-weight: 700;
    }

.builder-context-card[b-7z60ngg6fp] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(14rem, 0.95fr) minmax(14rem, 0.95fr) minmax(0, 2.2fr);
    gap: 1rem;
    padding: 1rem 3.1rem 1rem 1.125rem;
    border-bottom: 1px solid #dbe4f1;
    background: linear-gradient(90deg, #f8fbff 0%, #ffffff 52%, #f7fbf9 100%);
}

.builder-context-card.is-collapsed[b-7z60ngg6fp] {
    grid-template-columns: 1fr;
    align-items: center;
    min-height: 4.1rem;
    padding-right: 3rem;
}

.builder-context-collapse-button[b-7z60ngg6fp] {
    position: absolute;
    top: 0.7rem;
    right: 0.85rem;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid #c7d4e7;
    border-radius: 8px;
    background: #ffffff;
    color: #2563eb;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.builder-context-collapse-button:hover[b-7z60ngg6fp] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.save-feedback-toast[b-7z60ngg6fp] {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    width: min(360px, calc(100vw - 2rem));
    display: flex;
    align-items: center;
    gap: 0.95rem;
    padding: 1rem 1.05rem;
    border-radius: 20px;
    border: 1px solid rgba(191, 219, 254, 0.85);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
    box-shadow: 0 22px 54px rgba(37, 99, 235, 0.18);
    z-index: 121;
    animation: dialog-pop-in-b-7z60ngg6fp 220ms ease-out;
    pointer-events: none;
}

.save-feedback-icon[b-7z60ngg6fp] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
    background: rgba(219, 234, 254, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    flex: 0 0 auto;
}

.save-feedback-icon.info[b-7z60ngg6fp] {
    color: #1d4ed8;
    background: rgba(219, 234, 254, 0.95);
}

.save-feedback-icon.success[b-7z60ngg6fp] {
    color: #047857;
    background: rgba(209, 250, 229, 0.95);
}

.save-feedback-icon.warning[b-7z60ngg6fp] {
    color: #b45309;
    background: rgba(254, 243, 199, 0.95);
}

.save-feedback-icon.danger[b-7z60ngg6fp] {
    color: #b91c1c;
    background: rgba(254, 226, 226, 0.95);
}

.save-feedback-copy[b-7z60ngg6fp] {
    display: grid;
    gap: 0.2rem;
}

.save-feedback-copy strong[b-7z60ngg6fp] {
    color: #0f172a;
    font-size: 1rem;
    letter-spacing: 0.01em;
}

.save-feedback-copy p[b-7z60ngg6fp] {
    margin: 0;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.45;
}

.publish-processing-overlay[b-7z60ngg6fp] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(3px);
}

.form-load-overlay[b-7z60ngg6fp] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.3);
    backdrop-filter: blur(3px);
}

.form-load-dialog[b-7z60ngg6fp] {
    width: min(420px, calc(100vw - 2rem));
    display: grid;
    gap: 0.8rem;
    padding: 1.4rem;
    border: 1px solid rgba(191, 219, 254, 0.9);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.98));
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.24);
    animation: dialog-pop-in-b-7z60ngg6fp 220ms ease-out;
}

.form-load-dialog strong[b-7z60ngg6fp] {
    color: #0f172a;
    font-size: 1.1rem;
}

.form-load-dialog p[b-7z60ngg6fp] {
    margin: 0;
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.5;
}

.publish-processing-dialog[b-7z60ngg6fp],
.publish-confirm-dialog[b-7z60ngg6fp] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(460px, calc(100vw - 2rem));
    display: grid;
    gap: 0.8rem;
    padding: 1.25rem;
    border: 1px solid rgba(191, 219, 254, 0.85);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 250, 255, 0.97) 100%);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
    animation: dialog-pop-in-b-7z60ngg6fp 220ms ease-out;
    z-index: 1201;
}

.publish-processing-dialog strong[b-7z60ngg6fp],
.publish-confirm-dialog h3[b-7z60ngg6fp] {
    color: #0f172a;
    font-size: 1.2rem;
    margin: 0;
}

.publish-processing-dialog p[b-7z60ngg6fp],
.publish-confirm-copy[b-7z60ngg6fp] {
    margin: 0;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.5;
}

.publish-processing-spinner[b-7z60ngg6fp] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 3px solid #d9e4f2;
    border-top-color: #2f6ff2;
    animation: workspace-save-processing-spin-b-7z60ngg6fp 0.8s linear infinite;
}

.publish-processing-progress[b-7z60ngg6fp] {
    width: 100%;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e4edf8;
}

.publish-processing-progress span[b-7z60ngg6fp] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2f6ff2 0%, #6ea8ff 100%);
    animation: workspace-save-processing-progress-slide-b-7z60ngg6fp 1.2s ease-in-out infinite;
}

.publish-confirm-eyebrow[b-7z60ngg6fp] {
    margin: 0 0 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.publish-confirm-copy[b-7z60ngg6fp] {
    margin-top: 0.75rem;
}

.publish-confirm-actions[b-7z60ngg6fp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
}

.publish-confirm-button[b-7z60ngg6fp] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 0.75rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.publish-confirm-button.secondary[b-7z60ngg6fp] {
    padding: 0 1rem;
    border: 1px solid #cfdced;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
    box-shadow: 0 2px 0 #c5d4e8, 0 8px 18px rgba(15, 23, 42, 0.08);
}

.publish-confirm-button.primary[b-7z60ngg6fp] {
    padding: 0 1.15rem;
    border: 1px solid #1e61db;
    background: linear-gradient(180deg, #2f83ff 0%, #1463df 100%);
    color: #ffffff;
    box-shadow: 0 2px 0 #0f4db0, 0 12px 20px rgba(20, 99, 223, 0.3);
}

.publish-confirm-button.secondary:hover[b-7z60ngg6fp],
.publish-confirm-button.secondary:focus-visible[b-7z60ngg6fp] {
    border-color: #8eb6ef;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%);
    box-shadow: 0 2px 0 #b8cce6, 0 10px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.publish-confirm-button.primary:hover[b-7z60ngg6fp],
.publish-confirm-button.primary:focus-visible[b-7z60ngg6fp] {
    border-color: #1858c7;
    background: linear-gradient(180deg, #4690ff 0%, #1a6ae8 100%);
    box-shadow: 0 2px 0 #0e4aa6, 0 14px 22px rgba(20, 99, 223, 0.35);
    transform: translateY(-1px);
}

@keyframes workspace-save-processing-spin-b-7z60ngg6fp {
    to {
        transform: rotate(360deg);
    }
}

@keyframes workspace-save-processing-progress-slide-b-7z60ngg6fp {
    0% {
        transform: translateX(-110%);
    }
    50% {
        transform: translateX(80%);
    }
    100% {
        transform: translateX(260%);
    }
}

.toolbar-actions button.is-saving[b-7z60ngg6fp] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    opacity: 0.92;
}

.toolbar-save-spinner[b-7z60ngg6fp] {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 999px;
    border: 2px solid rgba(37, 99, 235, 0.18);
    border-top-color: #2563eb;
    animation: save-feedback-spin-b-7z60ngg6fp 0.9s linear infinite;
}

@keyframes save-feedback-spin-b-7z60ngg6fp {
    to {
        transform: rotate(360deg);
    }
}

.builder-context-collapsed-summary[b-7z60ngg6fp] {
    display: grid;
    gap: 0.12rem;
}

.builder-context-collapsed-summary span[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.builder-context-collapsed-summary strong[b-7z60ngg6fp] {
    color: #0f2f56;
    font-size: 1rem;
    font-weight: 800;
}

.builder-context-project[b-7z60ngg6fp],
.builder-context-module[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: 3.2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.builder-context-icon[b-7z60ngg6fp] {
    width: 3.2rem;
    height: 3.2rem;
    display: grid;
    place-items: center;
    border-radius: 0.5rem;
    background: #dbeafe;
    color: #2563eb;
    font-size: 1.45rem;
}

.builder-context-icon.project[b-7z60ngg6fp] {
    background: #eef6ff;
    color: #075da8;
}

.builder-context-icon.green[b-7z60ngg6fp] {
    background: #dcfce7;
    color: #16a34a;
}

.builder-context-icon.purple[b-7z60ngg6fp] {
    background: #ede9fe;
    color: #7c3aed;
}

.builder-context-icon.orange[b-7z60ngg6fp] {
    background: #ffedd5;
    color: #ea580c;
}

.builder-context-copy[b-7z60ngg6fp],
.builder-context-forms-header > div[b-7z60ngg6fp],
.form-option-body[b-7z60ngg6fp],
.form-option-meta[b-7z60ngg6fp] {
    display: grid;
    min-width: 0;
}

.builder-context-copy span[b-7z60ngg6fp],
.builder-context-forms-header span[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.builder-context-copy strong[b-7z60ngg6fp],
.builder-context-forms-header strong[b-7z60ngg6fp] {
    overflow: hidden;
    color: #0f2f56;
    font-size: 1.02rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.builder-context-copy small[b-7z60ngg6fp] {
    overflow: hidden;
    color: #475569;
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.builder-context-forms[b-7z60ngg6fp] {
    display: grid;
    gap: 0.7rem;
    min-width: 0;
}

.builder-context-forms-header[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
}

.builder-context-forms-header em[b-7z60ngg6fp] {
    max-width: 14rem;
    overflow: hidden;
    padding: 0.3rem 0.55rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.builder-form-list[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.6rem;
}

.builder-form-option[b-7z60ngg6fp] {
    position: relative;
    min-height: 4.6rem;
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #172033;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 0.35rem 0.9rem rgba(15, 23, 42, 0.05);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    overflow: hidden;
}

.builder-form-option:hover[b-7z60ngg6fp] {
    border-color: #93c5fd;
    box-shadow: 0 0.65rem 1.3rem rgba(37, 99, 235, 0.12);
    transform: translateY(-1px);
}

.builder-form-option.active[b-7z60ngg6fp] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px #2563eb, 0 0.75rem 1.4rem rgba(37, 99, 235, 0.14);
}

.builder-form-option:disabled[b-7z60ngg6fp],
.project-module-chip:disabled[b-7z60ngg6fp] {
    cursor: not-allowed;
    opacity: 0.62;
    transform: none;
    box-shadow: none;
}

.builder-form-option:disabled:hover[b-7z60ngg6fp],
.project-module-chip:disabled:hover[b-7z60ngg6fp] {
    border-color: inherit;
    background: inherit;
    transform: none;
    box-shadow: none;
}

.builder-form-option.loading[b-7z60ngg6fp]::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.55) 48%, transparent 100%);
    transform: translateX(-110%);
    animation: builder-form-loading-sweep-b-7z60ngg6fp 900ms ease-in-out infinite;
    pointer-events: none;
}

.builder-grid[b-7z60ngg6fp] {
    transition: opacity 160ms ease, filter 160ms ease;
}

.builder-grid.is-switching-form[b-7z60ngg6fp] {
    opacity: 0.9;
    filter: saturate(0.96);
    cursor: progress;
}

.builder-grid.is-switching-form[b-7z60ngg6fp]  .canvas-panel {
    position: relative;
}

.builder-grid.is-switching-form[b-7z60ngg6fp]  .canvas-panel::after {
    position: absolute;
    inset: 0;
    content: "";
    background: rgba(248, 251, 255, 0.3);
    pointer-events: none;
}

.palette-host[b-7z60ngg6fp] {
    min-width: 0;
}

.palette-backdrop[b-7z60ngg6fp] {
    display: none;
}

.palette-drawer[b-7z60ngg6fp] {
    height: 100%;
}

.builder-grid.device-layout-tablet[b-7z60ngg6fp],
.builder-grid.device-layout-mobile[b-7z60ngg6fp] {
    align-items: start;
}

.builder-grid.device-layout-tablet[b-7z60ngg6fp] {
    grid-template-columns: 272px minmax(520px, 1fr) 320px;
    min-width: 1112px;
}

.builder-grid.device-layout-mobile[b-7z60ngg6fp] {
    grid-template-columns: 244px minmax(460px, 1fr) 296px;
    min-width: 1000px;
}

.builder-grid.device-layout-tablet.hide-properties[b-7z60ngg6fp],
.builder-grid.device-layout-mobile.hide-properties[b-7z60ngg6fp] {
    grid-template-columns: 272px minmax(520px, 1fr);
}

.builder-grid.device-layout-mobile.hide-properties[b-7z60ngg6fp] {
    grid-template-columns: 244px minmax(460px, 1fr);
}

.builder-grid.device-layout-tablet.hide-palette[b-7z60ngg6fp] {
    grid-template-columns: minmax(520px, 1fr) 320px;
}

.builder-grid.device-layout-mobile.hide-palette[b-7z60ngg6fp] {
    grid-template-columns: minmax(460px, 1fr) 296px;
}

.builder-grid.device-layout-tablet.hide-palette.hide-properties[b-7z60ngg6fp],
.builder-grid.device-layout-mobile.hide-palette.hide-properties[b-7z60ngg6fp] {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

.builder-grid.device-layout-tablet .palette-host[b-7z60ngg6fp],
.builder-grid.device-layout-mobile .palette-host[b-7z60ngg6fp] {
    position: relative;
    inset: auto;
    z-index: auto;
    pointer-events: auto;
}

.builder-grid.device-layout-tablet .palette-host.is-open[b-7z60ngg6fp],
.builder-grid.device-layout-mobile .palette-host.is-open[b-7z60ngg6fp] {
    pointer-events: auto;
}

.builder-grid.device-layout-tablet .palette-backdrop[b-7z60ngg6fp],
.builder-grid.device-layout-mobile .palette-backdrop[b-7z60ngg6fp] {
    display: none;
}

.builder-grid.device-layout-tablet .palette-host.is-open .palette-backdrop[b-7z60ngg6fp],
.builder-grid.device-layout-mobile .palette-host.is-open .palette-backdrop[b-7z60ngg6fp] {
    opacity: 0;
}

.builder-grid.device-layout-tablet .palette-drawer[b-7z60ngg6fp],
.builder-grid.device-layout-mobile .palette-drawer[b-7z60ngg6fp] {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    width: auto;
    max-width: none;
    overflow-y: visible;
    transform: none;
    transition: none;
}

.builder-grid.device-layout-tablet .palette-host.is-open .palette-drawer[b-7z60ngg6fp],
.builder-grid.device-layout-mobile .palette-host.is-open .palette-drawer[b-7z60ngg6fp] {
    transform: none;
}

@keyframes builder-form-loading-sweep-b-7z60ngg6fp {
    to {
        transform: translateX(110%);
    }
}

.form-option-icon[b-7z60ngg6fp] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: 0.5rem;
    background: #eef6ff;
    color: #2563eb;
    font-size: 1.1rem;
}

@media (prefers-reduced-motion: reduce) {
    .builder-form-option[b-7z60ngg6fp],
    .builder-grid[b-7z60ngg6fp] {
        transition: none;
    }

    .builder-form-option.loading[b-7z60ngg6fp]::after {
        animation: none;
        transform: none;
    }

    .palette-backdrop[b-7z60ngg6fp],
    .palette-drawer[b-7z60ngg6fp] {
        transition: none;
    }
}

.form-option-body strong[b-7z60ngg6fp] {
    overflow: hidden;
    color: #0f172a;
    font-size: 0.86rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-option-body small[b-7z60ngg6fp],
.form-option-meta small[b-7z60ngg6fp] {
    overflow: hidden;
    color: #64748b;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-option-meta[b-7z60ngg6fp] {
    justify-items: end;
    gap: 0.3rem;
}

.form-status[b-7z60ngg6fp] {
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 500;
}

.form-status.published[b-7z60ngg6fp] {
    background: #dcfce7;
    color: #15803d;
}

.form-status.draft[b-7z60ngg6fp] {
    background: #fef3c7;
    color: #b45309;
}

.builder-context-empty[b-7z60ngg6fp] {
    min-height: 4rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem;
    border: 1px dashed #bfdbfe;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #475569;
    font-weight: 700;
}

@media (max-width: 1280px) {
    .builder-context-card[b-7z60ngg6fp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .builder-context-forms[b-7z60ngg6fp] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .builder-context-card[b-7z60ngg6fp] {
        grid-template-columns: 1fr;
    }

    .builder-context-forms[b-7z60ngg6fp] {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .builder-context-card[b-7z60ngg6fp] {
        padding: 0.85rem;
    }

    .builder-form-list[b-7z60ngg6fp] {
        grid-template-columns: 1fr;
    }

    .builder-form-option[b-7z60ngg6fp] {
        grid-template-columns: 2.2rem minmax(0, 1fr);
    }

    .form-option-meta[b-7z60ngg6fp] {
        grid-column: 2;
        justify-items: start;
        grid-auto-flow: column;
        justify-content: start;
        align-items: center;
    }
}

.project-module-dock[b-7z60ngg6fp] {
    max-width: 1720px;
    display: grid;
    grid-template-columns: minmax(14rem, 19rem) minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin: 14px auto 0;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(147, 197, 253, 0.22);
    border-radius: 0.75rem;
    background: #073477;
    color: #ffffff;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.14);
}

.project-module-dock-summary[b-7z60ngg6fp] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
}

.project-module-dock-summary span[b-7z60ngg6fp] {
    color: #bfdbfe;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.project-module-dock-summary strong[b-7z60ngg6fp] {
    overflow: hidden;
    color: #ffffff;
    font-size: 0.98rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-module-dock-summary small[b-7z60ngg6fp] {
    overflow: hidden;
    color: #dbeafe;
    font-size: 0.78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-module-scroll[b-7z60ngg6fp] {
    min-width: 0;
    display: flex;
    gap: 0.65rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0.12rem 0.15rem 0.3rem;
    scroll-padding-inline: 0.15rem;
    scroll-snap-type: x proximity;
    scrollbar-color: rgba(255, 255, 255, 0.45) rgba(255, 255, 255, 0.12);
    scrollbar-width: thin;
}

.project-module-scroll[b-7z60ngg6fp]::-webkit-scrollbar {
    height: 0.45rem;
}

.project-module-scroll[b-7z60ngg6fp]::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.project-module-scroll[b-7z60ngg6fp]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.42);
}

.project-module-chip[b-7z60ngg6fp] {
    flex: 0 0 14.5rem;
    min-height: 3.75rem;
    display: grid;
    grid-template-columns: 2.3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    cursor: pointer;
    scroll-snap-align: start;
    text-align: left;
    transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.project-module-chip:hover[b-7z60ngg6fp] {
    border-color: rgba(191, 219, 254, 0.76);
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-1px);
}

.project-module-chip.active[b-7z60ngg6fp] {
    border-color: #ffffff;
    background: #ffffff;
    color: #0f2f56;
    box-shadow: 0 0.75rem 1.45rem rgba(2, 6, 23, 0.18);
}

.project-module-icon[b-7z60ngg6fp] {
    width: 2.3rem;
    height: 2.3rem;
    display: grid;
    place-items: center;
    border-radius: 0.45rem;
    background: #dbeafe;
    color: #2563eb;
}

.project-module-icon.green[b-7z60ngg6fp] {
    background: #dcfce7;
    color: #16a34a;
}

.project-module-icon.purple[b-7z60ngg6fp] {
    background: #ede9fe;
    color: #7c3aed;
}

.project-module-icon.orange[b-7z60ngg6fp] {
    background: #ffedd5;
    color: #ea580c;
}

.project-module-icon.teal[b-7z60ngg6fp] {
    background: #ccfbf1;
    color: #0f766e;
}

.project-module-icon.rose[b-7z60ngg6fp] {
    background: #ffe4e6;
    color: #e11d48;
}

.project-module-icon.indigo[b-7z60ngg6fp] {
    background: #e0e7ff;
    color: #4f46e5;
}

.project-module-icon.slate[b-7z60ngg6fp] {
    background: #e2e8f0;
    color: #475569;
}

.project-module-icon.gold[b-7z60ngg6fp] {
    background: #fef3c7;
    color: #b45309;
}

.project-module-copy[b-7z60ngg6fp] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.project-module-copy strong[b-7z60ngg6fp],
.project-module-copy small[b-7z60ngg6fp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-module-copy strong[b-7z60ngg6fp] {
    font-size: 0.84rem;
    line-height: 1.25;
}

.project-module-copy small[b-7z60ngg6fp] {
    color: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    opacity: 0.76;
}

.project-module-dock-status[b-7z60ngg6fp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 3rem;
    padding: 0 1rem;
    border-radius: 0.55rem;
    background: #ffffff;
    color: #0c2452;
    font-size: 0.82rem;
    font-weight: 500;
    white-space: nowrap;
}

.project-module-dock-status[b-7z60ngg6fp]  .workspace-icon {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 1100px) {
    .project-module-dock[b-7z60ngg6fp] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .project-module-dock-status[b-7z60ngg6fp] {
        display: none;
    }
}

@media (max-width: 640px) {
    .project-module-dock[b-7z60ngg6fp] {
        margin-top: 0.85rem;
        padding: 0.85rem;
    }

    .project-module-chip[b-7z60ngg6fp] {
        flex-basis: 12.75rem;
    }
}

.unsaved-new-form-backdrop[b-7z60ngg6fp] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(2, 6, 23, 0.62);
    backdrop-filter: blur(4px);
    animation: dialog-backdrop-fade-b-7z60ngg6fp 180ms ease-out;
}

.unsaved-new-form-dialog[b-7z60ngg6fp] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 81;
    width: min(30rem, calc(100vw - 2rem));
    padding: 1.4rem;
    border: 1px solid rgba(59, 130, 246, 0.24);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(239, 246, 255, 0.96) 0%, rgba(255, 255, 255, 1) 28%),
        #ffffff;
    box-shadow:
        0 0 0 4px rgba(37, 99, 235, 0.12),
        0 1.5rem 3rem rgba(15, 23, 42, 0.26);
    transform: translate(-50%, -50%);
    animation: dialog-pop-in-b-7z60ngg6fp 220ms ease-out;
}

.delete-form-dialog[b-7z60ngg6fp] {
    width: min(33rem, calc(100vw - 2rem));
    padding: 1.55rem;
    border: 1px solid #de5f5f;
    background:
        linear-gradient(180deg, rgba(254, 242, 242, 0.96) 0%, rgba(255, 255, 255, 1) 34%),
        #ffffff;
    box-shadow:
        0 0 0 2px rgba(222, 95, 95, 0.12),
        0 1.6rem 3rem rgba(127, 29, 29, 0.18);
}

.delete-form-dialog[b-7z60ngg6fp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.4rem;
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(90deg, #ef4444 0%, #fb923c 100%);
}

.unsaved-new-form-dialog-header[b-7z60ngg6fp] {
    display: grid;
    gap: 0.3rem;
    margin-bottom: 0.85rem;
    position: relative;
    padding-left: 4rem;
}

.unsaved-new-form-dialog-header p[b-7z60ngg6fp] {
    margin: 0;
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.delete-form-dialog-header p[b-7z60ngg6fp] {
    color: #b91c1c;
}

.dialog-alert-icon[b-7z60ngg6fp] {
    position: absolute;
    top: 0.05rem;
    left: 0;
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid #93c5fd;
    background: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
    font-size: 1.4rem;
    font-weight: 500;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0.65rem 1.2rem rgba(37, 99, 235, 0.18);
}

.dialog-alert-icon.delete[b-7z60ngg6fp] {
    border-color: #fca5a5;
    background: linear-gradient(180deg, #fee2e2 0%, #fecaca 100%);
    color: #b91c1c;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 0.85rem 1.4rem rgba(220, 38, 38, 0.22);
    animation: dialog-alert-pulse-b-7z60ngg6fp 1.8s ease-in-out infinite;
}

.delete-form-dialog-header h3[b-7z60ngg6fp] {
    color: #7f1d1d;
    font-size: 1.55rem;
    line-height: 1.2;
    font-weight: 600;
}

.unsaved-new-form-dialog-header h3[b-7z60ngg6fp] {
    font-size: 1.42rem;
    line-height: 1.2;
    font-weight: 600;
}

.unsaved-new-form-dialog-header h3[b-7z60ngg6fp],
.unsaved-new-form-dialog-copy[b-7z60ngg6fp] {
    margin: 0;
}

.unsaved-new-form-dialog-copy[b-7z60ngg6fp] {
    color: #334155;
    line-height: 1.6;
    padding: 0.95rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.delete-form-dialog .unsaved-new-form-dialog-copy[b-7z60ngg6fp] {
    border: 1px solid #f9c7c7;
    color: #3f3f46;
}

.template-dialog[b-7z60ngg6fp] {
    width: min(42rem, calc(100vw - 2rem));
}

.dialog-alert-icon.template[b-7z60ngg6fp] {
    border-color: #bfdbfe;
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    color: #1d4ed8;
}

.template-dialog-body[b-7z60ngg6fp] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 1rem;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}

.template-dialog-field[b-7z60ngg6fp] {
    display: grid;
    gap: 0.45rem;
    color: #334155;
    font-weight: 700;
}

.template-dialog-field span[b-7z60ngg6fp],
.template-dialog-mode-group > span[b-7z60ngg6fp] {
    color: #16345f;
    font-size: 0.86rem;
    font-weight: 800;
}

.template-dialog-field input[b-7z60ngg6fp] {
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.8rem;
    background: #ffffff;
    color: #0f172a;
}

.template-dialog-field select[b-7z60ngg6fp] {
    min-height: 2.85rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.8rem;
    background: #ffffff;
    color: #0f172a;
}

.template-dialog-mode-group[b-7z60ngg6fp] {
    display: grid;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.92);
}

.template-dialog-mode-group label[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.2rem 0.75rem;
    align-items: start;
    color: #334155;
}

.template-dialog-mode-group input[type="radio"][b-7z60ngg6fp] {
    margin-top: 0.2rem;
}

.template-dialog-mode-group strong[b-7z60ngg6fp],
.template-dialog-mode-group small[b-7z60ngg6fp] {
    grid-column: 2;
}

.template-dialog-mode-group small[b-7z60ngg6fp],
.template-dialog-message[b-7z60ngg6fp] {
    color: #64748b;
}

.template-dialog-message[b-7z60ngg6fp] {
    margin: 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #dbeafe;
    border-radius: 0.85rem;
    background: #f8fbff;
    line-height: 1.5;
}

.template-dialog-message.warning[b-7z60ngg6fp] {
    color: #9a3412;
    border-color: #fdba74;
    background: #fff7ed;
}

.template-dialog-file-picker[b-7z60ngg6fp] {
    display: grid;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.92);
}

.template-selected-files[b-7z60ngg6fp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.template-load-dialog[b-7z60ngg6fp] {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: min(84rem, calc(100vw - 2rem));
    height: min(54rem, calc(100dvh - 2rem));
    max-width: 84rem;
    max-height: calc(100dvh - 2rem);
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #d6e2ec;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 18px 54px rgba(30, 55, 75, 0.18);
    font-family: "Segoe UI", sans-serif;
}

.template-load-dialog .unsaved-new-form-dialog-header[b-7z60ngg6fp] {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    padding: 1.15rem 4.25rem 1.15rem 4.75rem;
    border-bottom: 1px solid #e1e9f0;
    background: #f7fbfe;
}

.template-load-dialog .dialog-alert-icon.template[b-7z60ngg6fp] {
    left: 1.25rem;
    top: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #cde4f5;
    border-radius: 6px;
    background: #edf6fc;
    color: #0078b4;
    box-shadow: none;
}

.template-load-dialog .unsaved-new-form-dialog-header p[b-7z60ngg6fp] {
    color: #58758b;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
}

.template-load-dialog .unsaved-new-form-dialog-header h3[b-7z60ngg6fp] {
    color: #243746;
    font-size: 1.3rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.template-lookup-close[b-7z60ngg6fp] {
    position: absolute;
    top: 1.2rem;
    right: 1.25rem;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #526777;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.template-lookup-close:hover:not(:disabled)[b-7z60ngg6fp] {
    background: #eaf3f9;
    border-color: #cddfeb;
}

.template-load-dialog .template-dialog-body[b-7z60ngg6fp] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1rem;
    gap: 0.75rem;
    background: #ffffff;
}

.template-lookup-layout[b-7z60ngg6fp] {
    --template-sidebar-width: 320px;
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    gap: 0;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    overscroll-behavior: contain;
}

.template-lookup-sidebar[b-7z60ngg6fp] {
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--template-sidebar-width);
    width: var(--template-sidebar-width);
    max-width: 45%;
    min-width: 0;
    min-height: 0;
    padding: 1rem 0;
    gap: 0.65rem;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #e0e8ef;
    border-radius: 6px;
    background: #fafcfe;
}

.template-lookup-search[b-7z60ngg6fp] {
    display: grid;
    gap: 0.5rem;
    padding: 0 1rem;
}

.template-lookup-search span[b-7z60ngg6fp] {
    color: #314b5d;
    font-size: 0.86rem;
    font-weight: 600;
}

.template-lookup-search input[b-7z60ngg6fp] {
    width: 100%;
    min-width: 0;
    min-height: 2.35rem;
    padding: 0.55rem 0.7rem;
    box-sizing: border-box;
    border: 1px solid #c7d6e2;
    border-radius: 4px;
    background: #ffffff;
    color: #243746;
    font: inherit;
    font-size: 0.84rem;
}

.template-lookup-search-hint[b-7z60ngg6fp] {
    padding: 0 1rem;
    color: #647989;
    font-size: 0.76rem;
    line-height: 1.5;
}

.template-lookup-tree[b-7z60ngg6fp] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    gap: 0.3rem;
    padding: 0 0.5rem;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.template-tree-group[b-7z60ngg6fp] {
    flex: 0 0 auto;
    min-width: 0;
    border-bottom: 1px solid #e7edf3;
    padding-bottom: 0.3rem;
}

.template-tree-group-header[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: 0.8rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.8rem 0.55rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #344d60;
    text-align: left;
    cursor: pointer;
}

.template-tree-group-header strong[b-7z60ngg6fp] {
    font-size: 0.86rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.template-tree-group-header small[b-7z60ngg6fp] {
    color: #647989;
    font-size: 0.72rem;
    font-weight: 400;
    white-space: nowrap;
}

.template-tree-group-header > span:first-child[b-7z60ngg6fp] {
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.1rem;
    border-right: 1.5px solid #668398;
    border-bottom: 1.5px solid #668398;
    color: transparent;
    font-size: 0;
    transform: rotate(-45deg);
}

.template-tree-group-header[aria-expanded="true"] > span:first-child[b-7z60ngg6fp] {
    transform: rotate(45deg);
}

.template-tree-group-header.is-active-path[b-7z60ngg6fp] {
    color: #006da6;
}

.template-tree-group-header:hover[b-7z60ngg6fp],
.template-tree-row:hover:not(:disabled)[b-7z60ngg6fp] {
    background: #f0f6fa;
}

.template-tree-group-body[b-7z60ngg6fp] {
    display: grid;
    gap: 2px;
    padding: 0 0 0.3rem 0.7rem;
}

.template-tree-row[b-7z60ngg6fp] {
    display: grid;
    gap: 0.2rem;
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    padding: 0.65rem 0.65rem 0.65rem 0.8rem;
    border: 1px solid transparent;
    border-left: 3px solid transparent;
    border-radius: 3px;
    background: transparent;
    color: #334b5e;
    text-align: left;
    cursor: pointer;
}

.template-tree-row-title[b-7z60ngg6fp] {
    position: relative;
    padding-left: 1.4rem;
    font-size: 0.86rem;
    font-weight: 500;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.template-tree-row-title[b-7z60ngg6fp]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 0.65rem;
    height: 0.85rem;
    border: 1px solid #7d9caf;
    border-radius: 2px;
    background: #ffffff;
}

.template-tree-row-meta[b-7z60ngg6fp] {
    padding-left: 1.4rem;
    color: #687f90;
    font-size: 0.75rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.template-tree-row.is-selected[b-7z60ngg6fp] {
    border-color: #d9eaf6;
    border-left-color: #1683bd;
    background: #eaf4fb;
    color: #006da6;
}

.template-tree-row.is-selected .template-tree-row-title[b-7z60ngg6fp] {
    font-weight: 600;
}

.template-tree-row:disabled[b-7z60ngg6fp],
.template-lookup-close:disabled[b-7z60ngg6fp] {
    opacity: 0.6;
    cursor: default;
}

.template-lookup-resizer[b-7z60ngg6fp] {
    position: relative;
    flex: 0 0 1rem;
    width: 1rem;
    min-width: 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: col-resize;
    touch-action: none;
}

.template-lookup-resizer[b-7z60ngg6fp]::before {
    content: "";
    position: absolute;
    top: 42%;
    bottom: 42%;
    left: calc(50% - 1px);
    width: 2px;
    border-radius: 2px;
    background: #d5e2eb;
}

.template-lookup-resizer:hover[b-7z60ngg6fp]::before {
    background: #1683bd;
}

.template-lookup-close:focus-visible[b-7z60ngg6fp],
.template-tree-group-header:focus-visible[b-7z60ngg6fp],
.template-tree-row:focus-visible[b-7z60ngg6fp],
.template-lookup-resizer:focus-visible[b-7z60ngg6fp],
.template-lookup-search input:focus-visible[b-7z60ngg6fp] {
    outline: 2px solid #1683bd;
    outline-offset: -2px;
}

@media (max-width: 700px) {
    .template-load-dialog[b-7z60ngg6fp] {
        width: calc(100vw - 1rem);
        height: calc(100dvh - 1rem);
        max-height: calc(100dvh - 1rem);
    }

    .template-load-dialog .template-dialog-body[b-7z60ngg6fp] {
        padding: 0.65rem;
    }

    .template-lookup-layout[b-7z60ngg6fp] {
        flex-direction: column;
        gap: 0.65rem;
    }

    .template-lookup-sidebar[b-7z60ngg6fp] {
        flex: 0 0 35%;
        width: 100%;
        max-width: none;
        padding: 0.65rem 0;
    }

    .template-lookup-search-hint[b-7z60ngg6fp],
    .template-lookup-resizer[b-7z60ngg6fp] {
        display: none;
    }
}
.designer-preview-embedded-form[b-7z60ngg6fp] (.runtime-form.device-desktop .section-card) {
    border-color: transparent;
}

.template-delete-button[b-7z60ngg6fp] {
    position: relative;
    min-height: 2.8rem;
    padding: 0.72rem 1.1rem 0.72rem 2.7rem;
    border: 1px solid #ef4444;
    border-radius: 0.82rem;
    background:
        linear-gradient(180deg, #fff5f5 0%, #fecaca 100%);
    color: #991b1b;
    font-weight: 800;
    box-shadow:
        0 2px 0 #dc2626,
        0 10px 18px rgba(239, 68, 68, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.template-delete-button[b-7z60ngg6fp]::before,
.template-delete-button[b-7z60ngg6fp]::after {
    content: "";
    position: absolute;
    left: 1.15rem;
    top: 50%;
    width: 0.78rem;
    height: 0.12rem;
    border-radius: 999px;
    background: currentColor;
}

.template-delete-button[b-7z60ngg6fp]::before {
    transform: translateY(-50%) rotate(45deg);
}

.template-delete-button[b-7z60ngg6fp]::after {
    transform: translateY(-50%) rotate(-45deg);
}

.template-delete-button:hover:not(:disabled)[b-7z60ngg6fp] {
    transform: translateY(-1px);
    background: linear-gradient(180deg, #fff1f2 0%, #fda4af 100%);
    box-shadow:
        0 2px 0 #dc2626,
        0 12px 20px rgba(239, 68, 68, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.template-delete-button:active:not(:disabled)[b-7z60ngg6fp] {
    transform: translateY(2px);
    box-shadow:
        0 1px 0 #b91c1c,
        0 4px 10px rgba(239, 68, 68, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.template-dialog-delete-action[b-7z60ngg6fp] {
    min-width: 7.25rem;
}

.template-dialog-close-action[b-7z60ngg6fp] {
    min-width: 6rem;
    border-color: #dc2626 !important;
    background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 0.75rem 1.35rem rgba(220, 38, 38, 0.2);
}

.template-dialog-close-action:hover:not(:disabled)[b-7z60ngg6fp] {
    border-color: #b91c1c !important;
    box-shadow: 0 0.9rem 1.55rem rgba(185, 28, 28, 0.25);
}

.unsaved-new-form-dialog-actions[b-7z60ngg6fp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.2rem;
}

.unsaved-new-form-dialog-actions button[b-7z60ngg6fp] {
    min-height: 2.75rem;
    padding: 0.7rem 1rem;
    white-space: normal;
    border: 1px solid #d7dee8;
    border-radius: 0.8rem;
    font-weight: 600;
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
    flex: 1 1 8.5rem;
}

.unsaved-new-form-dialog-actions button:hover:not(:disabled)[b-7z60ngg6fp] {
    transform: translateY(-1px);
    box-shadow: 0 0.75rem 1.3rem rgba(15, 23, 42, 0.12);
}

.unsaved-new-form-dialog-actions .primary[b-7z60ngg6fp] {
    border-color: #60a5fa;
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    color: #1d4ed8;
}

.unsaved-new-form-dialog-actions .template-dialog-save-action[b-7z60ngg6fp] {
    border-color: #2563eb;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    box-shadow: 0 0.85rem 1.5rem rgba(37, 99, 235, 0.28);
}

.unsaved-new-form-dialog-actions .template-dialog-save-action:hover:not(:disabled)[b-7z60ngg6fp] {
    border-color: #1d4ed8;
    box-shadow: 0 1rem 1.8rem rgba(37, 99, 235, 0.34);
}

.delete-form-dialog .unsaved-new-form-dialog-actions[b-7z60ngg6fp] {
    margin-top: 1.3rem;
}

.delete-form-dialog .unsaved-new-form-dialog-actions button[b-7z60ngg6fp] {
    box-shadow: 0 0.55rem 1.1rem rgba(15, 23, 42, 0.1);
}

.delete-form-dialog .unsaved-new-form-dialog-actions .primary[b-7z60ngg6fp] {
    border-color: #f59e0b;
    background: linear-gradient(180deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e;
}

.unsaved-new-form-dialog-actions .danger[b-7z60ngg6fp] {
    border-color: rgba(239, 68, 68, 0.22);
    color: #b91c1c;
    background: #fef2f2;
}

.delete-form-dialog .unsaved-new-form-dialog-actions .danger[b-7z60ngg6fp] {
    border-color: #e45757;
    background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff;
    box-shadow: 0 0.75rem 1.35rem rgba(220, 38, 38, 0.2);
}

.delete-form-dialog .unsaved-new-form-dialog-actions .danger:hover:not(:disabled)[b-7z60ngg6fp] {
    border-color: #b91c1c;
    box-shadow: 0 0.9rem 1.55rem rgba(185, 28, 28, 0.25);
}

.unsaved-new-form-dialog-actions button:disabled[b-7z60ngg6fp] {
    cursor: wait;
    opacity: 0.72;
}

@keyframes dialog-backdrop-fade-b-7z60ngg6fp {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dialog-pop-in-b-7z60ngg6fp {
    0% {
        opacity: 0;
        transform: translate(-50%, -48%) scale(0.96);
    }

    60% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.01);
    }

    75% {
        transform: translate(-50%, -50%) scale(0.995);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes dialog-alert-pulse-b-7z60ngg6fp {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.85),
            0 0.85rem 1.4rem rgba(220, 38, 38, 0.22);
    }

    50% {
        transform: scale(1.05);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.85),
            0 1rem 1.7rem rgba(220, 38, 38, 0.3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .unsaved-new-form-backdrop[b-7z60ngg6fp],
    .unsaved-new-form-dialog[b-7z60ngg6fp],
    .dialog-alert-icon.delete[b-7z60ngg6fp] {
        animation: none;
    }

    .unsaved-new-form-dialog-actions button[b-7z60ngg6fp] {
        transition: none;
    }
}

@media (max-width: 640px) {
    .unsaved-new-form-dialog-actions[b-7z60ngg6fp] {
        flex-wrap: wrap;
        justify-content: stretch;
    }

    .unsaved-new-form-dialog-actions button[b-7z60ngg6fp] {
        flex: 1 1 100%;
    }
}

/* Collapse Properties Panel */
.properties-toggle[b-7z60ngg6fp] {
    display: none;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #334155;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.55rem 0.85rem;
    cursor: pointer;
    margin: 0 0 0.75rem;
}

    .properties-toggle.active[b-7z60ngg6fp] {
        border-color: #2563eb;
        background: #eff6ff;
        color: #1d4ed8;
    }

.properties-host[b-7z60ngg6fp] {
    position: relative;
    min-width: 0;
}

.properties-backdrop[b-7z60ngg6fp] {
    display: none;
}

.properties-drawer[b-7z60ngg6fp] {
    height: 100%;
}

.properties-loading[b-7z60ngg6fp] {
    display: none;
    align-items: center;
    gap: 0.65rem;
    position: absolute;
    inset: 0 0 auto;
    z-index: 2;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.85rem;
    box-shadow: 0 4px 16px #0f172a12;
}

.properties-host[data-properties-loading="true"] .properties-loading[b-7z60ngg6fp] { display: flex; }
.properties-host[data-properties-loading="true"][b-7z60ngg6fp]  .properties { opacity: 0.45; pointer-events: none; }

.properties-loading-spinner[b-7z60ngg6fp] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #bfdbfe;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: properties-loading-spin-b-7z60ngg6fp 700ms linear infinite;
}

@keyframes properties-loading-spin-b-7z60ngg6fp { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .properties-loading-spinner[b-7z60ngg6fp] { animation: none; }
}

/* Position within the existing right column without changing the canvas layout. */
.properties-host.is-following[b-7z60ngg6fp] {
    align-self: stretch;
    min-height: min(400px, 80vh);
}

.builder-grid .properties-host.is-following .properties-drawer[b-7z60ngg6fp] {
    position: absolute;
    inset: 0 0 auto;
    width: 100%;
    height: auto;
    transform: translateY(var(--properties-offset, 0px));
    transition: transform 140ms ease-out;
}

.properties-host.is-following[b-7z60ngg6fp]  .properties {
    box-sizing: border-box;
    max-height: var(--properties-height, calc(100dvh - 24px));
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    border-radius: 12px;
}

@media (prefers-reduced-motion: reduce) {
    .builder-grid .properties-host.is-following .properties-drawer[b-7z60ngg6fp] {
        transition: none;
    }
}

@media (max-width: 1200px) {
    .properties-toggle[b-7z60ngg6fp] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .properties-host[b-7z60ngg6fp] {
        position: fixed;
        inset: 0;
        z-index: 70;
        pointer-events: none;
    }

        .properties-host.is-open[b-7z60ngg6fp] {
            pointer-events: auto;
        }

    .properties-backdrop[b-7z60ngg6fp] {
        display: block;
        position: absolute;
        inset: 0;
        border: 0;
        background: rgba(15, 23, 42, 0.42);
        opacity: 0;
        transition: opacity 180ms ease;
    }

    .properties-host.is-open .properties-backdrop[b-7z60ngg6fp] {
        opacity: 1;
    }

    .properties-drawer[b-7z60ngg6fp] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(460px, 100vw);
        max-width: 100vw;
        transform: translateX(100%);
        transition: transform 180ms ease;
    }

    .properties-host.is-open .properties-drawer[b-7z60ngg6fp] {
        transform: translateX(0);
    }

    .palette-host[b-7z60ngg6fp] {
        position: fixed;
        inset: 0;
        z-index: 69;
        pointer-events: none;
    }

    .palette-host.is-open[b-7z60ngg6fp] {
        pointer-events: auto;
    }

    .palette-backdrop[b-7z60ngg6fp] {
        display: block;
        position: absolute;
        inset: 0;
        border: 0;
        background: rgba(15, 23, 42, 0.42);
        opacity: 0;
        transition: opacity 180ms ease;
    }

    .palette-host.is-open .palette-backdrop[b-7z60ngg6fp] {
        opacity: 1;
    }

    .palette-drawer[b-7z60ngg6fp] {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: min(360px, calc(100vw - 2.25rem));
        max-width: 100vw;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 180ms ease;
    }

    .palette-host.is-open .palette-drawer[b-7z60ngg6fp] {
        transform: translateX(0);
    }

    .builder-grid.device-layout-tablet[b-7z60ngg6fp],
    .builder-grid.device-layout-mobile[b-7z60ngg6fp] {
        align-items: start;
    }

    .builder-grid.device-layout-tablet[b-7z60ngg6fp] {
        grid-template-columns: 272px minmax(520px, 1fr) 320px;
        min-width: 1112px;
    }

    .builder-grid.device-layout-mobile[b-7z60ngg6fp] {
        grid-template-columns: 244px minmax(460px, 1fr) 296px;
        min-width: 1000px;
    }

    .builder-grid.device-layout-tablet .palette-host[b-7z60ngg6fp],
    .builder-grid.device-layout-mobile .palette-host[b-7z60ngg6fp],
    .builder-grid.device-layout-tablet .properties-host[b-7z60ngg6fp],
    .builder-grid.device-layout-mobile .properties-host[b-7z60ngg6fp] {
        position: relative;
        inset: auto;
        z-index: auto;
        pointer-events: auto;
    }

    .builder-grid.device-layout-tablet .palette-backdrop[b-7z60ngg6fp],
    .builder-grid.device-layout-mobile .palette-backdrop[b-7z60ngg6fp],
    .builder-grid.device-layout-tablet .properties-backdrop[b-7z60ngg6fp],
    .builder-grid.device-layout-mobile .properties-backdrop[b-7z60ngg6fp] {
        display: none;
    }

    .builder-grid.device-layout-tablet .palette-drawer[b-7z60ngg6fp],
    .builder-grid.device-layout-mobile .palette-drawer[b-7z60ngg6fp],
    .builder-grid.device-layout-tablet .properties-drawer[b-7z60ngg6fp],
    .builder-grid.device-layout-mobile .properties-drawer[b-7z60ngg6fp] {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        width: auto;
        max-width: none;
        height: 100%;
        overflow-y: visible;
        transform: none;
        transition: none;
    }
}

@media (max-width: 640px) {
    .builder-grid.device-layout-tablet[b-7z60ngg6fp],
    .builder-grid.device-layout-mobile[b-7z60ngg6fp] {
        align-items: start;
    }
}
.agent-launch-button[b-7z60ngg6fp] {
    position: relative;
    width: 3.25rem;
    min-width: 3.25rem !important;
    height: 3.25rem;
    min-height: 3.25rem;
    padding: 0.18rem !important;
    border: 1px solid rgba(118, 168, 255, 0.42) !important;
    border-radius: 1.05rem;
    background: radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.12) 36%, rgba(255, 255, 255, 0.04) 100%), linear-gradient(145deg, #dff3ff 0%, #b9dcff 30%, #7fb5ff 62%, #4b86f0 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), inset 0 -5px 10px rgba(56, 102, 190, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.28), 0 0.7rem 1.25rem rgba(69, 118, 220, 0.22), 0 0.14rem 0 rgba(63, 104, 185, 0.38) !important;
}

    .agent-launch-button:hover:not(:disabled)[b-7z60ngg6fp] {
        filter: saturate(1.08) brightness(1.04);
        transform: translateY(-1px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -5px 10px rgba(56, 102, 190, 0.32), 0 0 0 1px rgba(166, 212, 255, 0.38), 0 0.9rem 1.55rem rgba(69, 118, 220, 0.28), 0 0.14rem 0 rgba(63, 104, 185, 0.42) !important;
    }

    .agent-launch-button:active:not(:disabled)[b-7z60ngg6fp] {
        transform: translateY(1px);
        box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.32), inset 0 -5px 9px rgba(56, 102, 190, 0.28), 0 0.34rem 0.85rem rgba(69, 118, 220, 0.2) !important;
    }

.agent-launch-button:focus-visible[b-7z60ngg6fp] {
    outline: 3px solid rgba(93, 167, 255, 0.3);
    outline-offset: 3px;
}

.agent-launch-button:disabled[b-7z60ngg6fp] {
    opacity: 0.58;
    filter: grayscale(0.08) saturate(0.85);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -4px 10px rgba(7, 13, 36, 0.4),
        0 0.25rem 0.7rem rgba(15, 23, 42, 0.1) !important;
}

.agent-launch-glyph[b-7z60ngg6fp] {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 0.86rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 24%),
        url('/images/bpm-ai-brain.svg') center / contain no-repeat;
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.16),
        inset 0 -10px 14px rgba(5, 7, 24, 0.36),
        0 0 0 1px rgba(181, 220, 255, 0.18);
}

.agent-launch-sr[b-7z60ngg6fp] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ai-copilot-backdrop[b-7z60ngg6fp] {
    position: fixed;
    inset: 0;
    z-index: 119;
    background:
        radial-gradient(circle at 82% 14%, rgba(37, 99, 235, 0.18), transparent 18rem),
        linear-gradient(180deg, rgba(8, 15, 30, 0.4), rgba(15, 23, 42, 0.58));
    backdrop-filter: blur(6px);
}

.ai-copilot-modal[b-7z60ngg6fp] {
    position: fixed;
    top: 1rem;
    left: 1rem;
    bottom: 1rem;
    right: 1rem;
    z-index: 120;
    display: grid;
    align-content: start;
    gap: 1.05rem;
    padding: 1.15rem;
    overflow: hidden;
    border: 1px solid rgba(190, 210, 234, 0.88);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.08), transparent 14rem),
        linear-gradient(180deg, #fefefe 0%, #f5f9ff 100%);
    box-shadow: 0 1.8rem 4rem rgba(15, 23, 42, 0.24);
}

.ai-copilot-shell[b-7z60ngg6fp] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(19rem, 24rem) minmax(0, 1fr);
    gap: 1rem;
}

.ai-copilot-sidebar[b-7z60ngg6fp],
.ai-copilot-workspace[b-7z60ngg6fp] {
    min-height: 0;
    overflow: auto;
}

.ai-copilot-sidebar[b-7z60ngg6fp] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding-right: 0.2rem;
}

.ai-copilot-sidebar-top[b-7z60ngg6fp] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: grid;
    gap: 0.85rem;
    padding-bottom: 0.15rem;
    background: linear-gradient(180deg, rgba(245, 249, 255, 0.98) 0%, rgba(245, 249, 255, 0.92) 82%, rgba(245, 249, 255, 0) 100%);
}

.ai-copilot-workspace[b-7z60ngg6fp] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: 0.15rem 0.2rem 0.2rem 0.1rem;
}

.ai-copilot-header[b-7z60ngg6fp] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 1rem 1rem 1.05rem 0.75rem;
    border: 1px solid rgba(202, 218, 239, 0.88);
    border-radius: 1.05rem;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.1), rgba(37, 99, 235, 0.08)),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.ai-copilot-header-copy[b-7z60ngg6fp] {
    flex: 1 1 auto;
    max-width: 34rem;
}

.ai-copilot-eyebrow[b-7z60ngg6fp] {
    margin: 0 0 0.3rem;
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ai-copilot-header h3[b-7z60ngg6fp] {
    margin: 0 0 0.45rem;
    color: #10213d;
    font-size: 1.28rem;
    line-height: 1.05;
    letter-spacing: -0.02em;
    font-weight: 600;
}

.ai-copilot-header p[b-7z60ngg6fp] {
    margin: 0;
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.45;
    font-weight: 400;
}

.ai-copilot-header-summary[b-7z60ngg6fp] {
    max-width: 29rem;
}

.ai-copilot-hero-meta[b-7z60ngg6fp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.7rem;
}

.ai-copilot-hero-meta span[b-7z60ngg6fp] {
    padding: 0.42rem 0.7rem;
    border: 1px solid rgba(159, 184, 213, 0.72);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #0f2f56;
    font-size: 0.7rem;
    font-weight: 500;
}

.ai-copilot-close[b-7z60ngg6fp] {
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid #bfd0e6;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    color: #334155;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
}

.ai-copilot-close:hover[b-7z60ngg6fp] {
    transform: translateY(-1px);
    border-color: #94a3b8;
    background: #ffffff;
}

.ai-copilot-section[b-7z60ngg6fp] {
    display: grid;
    gap: 0.5rem;
}

.ai-copilot-section label[b-7z60ngg6fp] {
    color: #28415f;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ai-copilot-card[b-7z60ngg6fp] {
    padding: 0.95rem 1rem 1rem;
    border: 1px solid rgba(210, 223, 239, 0.92);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.ai-copilot-chat-intro[b-7z60ngg6fp],
.ai-copilot-conversation[b-7z60ngg6fp] {
    display: grid;
    gap: 0.8rem;
}

.ai-copilot-conversation[b-7z60ngg6fp] {
    min-height: 16rem;
    max-height: 27rem;
    padding-right: 0.15rem;
    overflow: auto;
}

.ai-copilot-conversation-turn[b-7z60ngg6fp] {
    display: grid;
    gap: 0.55rem;
}

.ai-copilot-conversation-turn.is-current .ai-copilot-question-button[b-7z60ngg6fp] {
    border-color: rgba(15, 118, 110, 0.42);
    box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.08);
}

.ai-copilot-message[b-7z60ngg6fp] {
    display: grid;
    gap: 0.38rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    text-align: left;
}

.ai-copilot-message strong[b-7z60ngg6fp] {
    color: #10213d;
    font-size: 0.84rem;
    font-weight: 800;
}

.ai-copilot-message p[b-7z60ngg6fp] {
    margin: 0;
    color: #43556d;
    font-size: 0.84rem;
    line-height: 1.55;
}

.ai-copilot-message.assistant[b-7z60ngg6fp] {
    border: 1px solid rgba(186, 205, 228, 0.96);
    background: linear-gradient(180deg, #fbfdff 0%, #f1f7ff 100%);
}

.ai-copilot-message.user[b-7z60ngg6fp] {
    margin-left: 1.6rem;
    border: 1px solid rgba(158, 222, 214, 0.96);
    background: linear-gradient(180deg, #f6fffd 0%, #e8faf6 100%);
}

.ai-copilot-question-button[b-7z60ngg6fp] {
    width: 100%;
    cursor: pointer;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.ai-copilot-question-button:hover[b-7z60ngg6fp] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.34);
}

.ai-copilot-question-step[b-7z60ngg6fp] {
    color: #0f766e;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-copilot-readiness[b-7z60ngg6fp] {
    display: grid;
    gap: 0.7rem;
}

.ai-copilot-readiness-header[b-7z60ngg6fp],
.ai-copilot-inline-actions[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.ai-copilot-readiness-header strong[b-7z60ngg6fp] {
    color: #10213d;
    font-size: 0.92rem;
}

.ai-copilot-readiness-header span[b-7z60ngg6fp] {
    color: #0f766e;
    font-size: 0.88rem;
    font-weight: 800;
}

.ai-copilot-readiness-bar[b-7z60ngg6fp] {
    position: relative;
    height: 0.72rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dfe9f5;
}

.ai-copilot-readiness-bar span[b-7z60ngg6fp] {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #2aa79a 0%, #2f7fe6 100%);
}

.ai-copilot-readiness > p[b-7z60ngg6fp],
.ai-copilot-current-question p[b-7z60ngg6fp] {
    margin: 0;
    color: #52657e;
    font-size: 0.82rem;
    line-height: 1.5;
}

.ai-copilot-readiness-tags[b-7z60ngg6fp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.ai-copilot-readiness-tags span[b-7z60ngg6fp] {
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: #eef4fb;
    color: #335173;
    font-size: 0.72rem;
    font-weight: 700;
}

.ai-copilot-current-question[b-7z60ngg6fp] {
    display: grid;
    gap: 0.35rem;
}

.ai-copilot-current-question strong[b-7z60ngg6fp] {
    color: #10213d;
    font-size: 0.92rem;
}

.ai-copilot-textarea[b-7z60ngg6fp] {
    min-height: 10rem;
    padding: 1rem 1rem;
    border: 1px solid #c8d6e8;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
    color: #0f172a;
    font: inherit;
    line-height: 1.5;
    resize: vertical;
    box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.04);
}

.ai-copilot-textarea-compact[b-7z60ngg6fp] {
    min-height: 7rem;
}

.ai-copilot-textarea:focus[b-7z60ngg6fp] {
    outline: 0;
    border-color: #0f766e;
    box-shadow: 0 0 0 0.22rem rgba(15, 118, 110, 0.12);
}

.ai-copilot-actions[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
    padding: 0.2rem 0 0.15rem;
}

.ai-copilot-actions-grid[b-7z60ngg6fp] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-copilot-inline-actions button[b-7z60ngg6fp] {
    flex: 1 1 0;
}

.ai-copilot-actions button[b-7z60ngg6fp],
.ai-copilot-inline-actions button[b-7z60ngg6fp] {
    min-width: 0;
    min-height: 2.45rem;
    padding: 0.56rem 0.72rem;
    border: 1px solid #cfdced;
    border-radius: 0.72rem;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
    font-size: 0.84rem;
    font-weight: 500;
    letter-spacing: 0;
    cursor: pointer;
    box-shadow: 0 2px 0 #c5d4e8, 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease, filter 120ms ease;
}

.ai-copilot-actions button:hover:not(:disabled)[b-7z60ngg6fp],
.ai-copilot-inline-actions button:hover:not(:disabled)[b-7z60ngg6fp] {
    border-color: #8eb6ef;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%);
    box-shadow: 0 2px 0 #b8cce6, 0 10px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.ai-copilot-actions button:active:not(:disabled)[b-7z60ngg6fp],
.ai-copilot-inline-actions button:active:not(:disabled)[b-7z60ngg6fp] {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #c5d4e8, 0 3px 8px rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ecf4ff 0%, #dfeeff 100%);
}

.ai-copilot-actions button:focus-visible[b-7z60ngg6fp],
.ai-copilot-inline-actions button:focus-visible[b-7z60ngg6fp] {
    outline: 3px solid rgba(37, 99, 235, 0.25);
    outline-offset: 2px;
}

.ai-copilot-actions .primary[b-7z60ngg6fp],
.ai-copilot-inline-actions .primary[b-7z60ngg6fp] {
    border-color: #0f766e;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 52%),
        linear-gradient(180deg, #2aa79a 0%, #198b80 58%, #16746c 100%);
    color: #f6fffe;
    box-shadow: 0 2px 0 #0d6761, 0 9px 18px rgba(15, 118, 110, 0.18);
}

.ai-copilot-actions .primary:hover:not(:disabled)[b-7z60ngg6fp],
.ai-copilot-inline-actions .primary:hover:not(:disabled)[b-7z60ngg6fp] {
    border-color: #0f766e;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 54%),
        linear-gradient(180deg, #35b1a3 0%, #22958a 58%, #16746c 100%);
    box-shadow: 0 2px 0 #0d6761, 0 11px 20px rgba(15, 118, 110, 0.22);
}

.ai-copilot-actions .primary:active:not(:disabled)[b-7z60ngg6fp],
.ai-copilot-inline-actions .primary:active:not(:disabled)[b-7z60ngg6fp] {
    box-shadow: 0 1px 0 #0d5f5d, 0 4px 10px rgba(15, 118, 110, 0.22);
}

.ai-copilot-actions button:disabled[b-7z60ngg6fp],
.ai-copilot-inline-actions button:disabled[b-7z60ngg6fp] {
    opacity: 0.58;
    color: #94a3b8;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    box-shadow: 0 1px 0 #d7e2f0;
    cursor: not-allowed;
    transform: none;
    filter: grayscale(0.1);
}

.ai-copilot-summary[b-7z60ngg6fp],
.ai-copilot-response[b-7z60ngg6fp],
.ai-copilot-preview-card[b-7z60ngg6fp] {
    padding: 0.95rem 1rem;
    border: 1px solid rgba(205, 219, 238, 0.96);
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 0.45rem 1.1rem rgba(15, 23, 42, 0.05);
}

.ai-copilot-conversation-card[b-7z60ngg6fp],
.ai-copilot-composer-card[b-7z60ngg6fp] {
    position: relative;
    z-index: 1;
}

.ai-copilot-composer-card[b-7z60ngg6fp] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 251, 255, 0.98) 100%);
    box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.05);
}

.ai-copilot-response[b-7z60ngg6fp] {
    color: #35506e;
    font-size: 0.84rem;
    line-height: 1.5;
}

.ai-copilot-response.warning[b-7z60ngg6fp] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.ai-copilot-source-row[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ai-copilot-source-badge[b-7z60ngg6fp] {
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.62rem;
    border: 1px solid #cfe0f2;
    border-radius: 999px;
    background: #eef6ff;
    color: #1d4ed8;
    font-size: 0.75rem;
    font-weight: 700;
}

.ai-copilot-source-badge.fallback[b-7z60ngg6fp] {
    border-color: #fcd34d;
    background: #fffbeb;
    color: #92400e;
}

.ai-copilot-workspace-header[b-7z60ngg6fp],
.ai-copilot-designer-header[b-7z60ngg6fp],
.ai-copilot-canvas-toolbar[b-7z60ngg6fp],
.ai-copilot-empty-state[b-7z60ngg6fp] {
    padding: 1rem 1.05rem;
    border: 1px solid rgba(205, 219, 238, 0.96);
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 0.45rem 1.1rem rgba(15, 23, 42, 0.05);
}

.ai-copilot-designer-header[b-7z60ngg6fp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ai-copilot-designer-header-main[b-7z60ngg6fp] {
    display: grid;
    gap: 0.45rem;
}

.ai-copilot-designer-title-row[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.ai-copilot-designer-title-row h2[b-7z60ngg6fp] {
    margin: 0;
    color: #0f2240;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.ai-copilot-designer-header-main p[b-7z60ngg6fp] {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
}

.ai-copilot-draft-pill[b-7z60ngg6fp] {
    display: inline-flex;
    align-items: center;
    padding: 0.26rem 0.58rem;
    border-radius: 999px;
    background: #dcfce7;
    color: #15803d;
    font-size: 0.72rem;
    font-weight: 800;
}

.ai-copilot-form-meta[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.ai-copilot-meta-group[b-7z60ngg6fp],
.ai-copilot-meta-group-wide[b-7z60ngg6fp],
.ai-copilot-field-modal-grid label[b-7z60ngg6fp],
.ai-copilot-section-title-row[b-7z60ngg6fp] {
    display: grid;
    gap: 0.35rem;
}

.ai-copilot-meta-group-wide[b-7z60ngg6fp] {
    grid-column: span 2;
}

.ai-copilot-meta-group label[b-7z60ngg6fp],
.ai-copilot-toggle[b-7z60ngg6fp],
.ai-copilot-field-modal-grid span[b-7z60ngg6fp] {
    color: #28415f;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ai-copilot-input[b-7z60ngg6fp],
.ai-copilot-select[b-7z60ngg6fp],
.ai-copilot-section-input[b-7z60ngg6fp] {
    min-width: 0;
    min-height: 2.65rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid #c8d6e8;
    border-radius: 0.9rem;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
}

.ai-copilot-input:focus[b-7z60ngg6fp],
.ai-copilot-select:focus[b-7z60ngg6fp],
.ai-copilot-section-input:focus[b-7z60ngg6fp] {
    outline: 0;
    border-color: #0f766e;
    box-shadow: 0 0 0 0.22rem rgba(15, 118, 110, 0.12);
}

.ai-copilot-toggle[b-7z60ngg6fp] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 2.65rem;
}

.ai-copilot-toggle input[b-7z60ngg6fp],
.ai-copilot-check input[b-7z60ngg6fp] {
    width: 1rem;
    height: 1rem;
}

.ai-copilot-canvas-toolbar[b-7z60ngg6fp],
.ai-copilot-canvas-section-header[b-7z60ngg6fp],
.ai-copilot-field-card-header[b-7z60ngg6fp],
.ai-copilot-field-card-footer[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.ai-copilot-canvas-toolbar strong[b-7z60ngg6fp],
.ai-copilot-empty-state strong[b-7z60ngg6fp] {
    color: #10213d;
    font-size: 0.95rem;
}

.ai-copilot-canvas-toolbar span[b-7z60ngg6fp],
.ai-copilot-empty-state p[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.82rem;
}

.ai-copilot-canvas-toolbar-actions[b-7z60ngg6fp],
.ai-copilot-section-actions[b-7z60ngg6fp],
.ai-copilot-field-badges[b-7z60ngg6fp],
.ai-copilot-field-flags[b-7z60ngg6fp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.ai-copilot-canvas-toolbar-actions button[b-7z60ngg6fp],
.ai-copilot-section-actions button[b-7z60ngg6fp],
.ai-copilot-field-card-footer button[b-7z60ngg6fp] {
    min-height: 2.35rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #cfdced;
    border-radius: 0.8rem;
    background: #ffffff;
    color: #16345f;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.ai-copilot-canvas-toolbar-actions .primary[b-7z60ngg6fp] {
    border-color: #0f766e;
    background: linear-gradient(180deg, #2aa79a 0%, #16746c 100%);
    color: #f6fffe;
}

.ai-copilot-canvas[b-7z60ngg6fp] {
    display: grid;
    gap: 1rem;
}

.ai-copilot-runtime-section[b-7z60ngg6fp] {
    border: 1px solid #dbe6f3;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 0.45rem 1.1rem rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.ai-copilot-runtime-section-header[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid #dbe6f3;
    background: #dbeafe;
}

.ai-copilot-runtime-section-title[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.ai-copilot-runtime-grip[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 1rem;
    line-height: 1;
}

.ai-copilot-runtime-section-title strong[b-7z60ngg6fp] {
    color: #10213d;
    font-size: 1rem;
    font-weight: 800;
}

.ai-copilot-runtime-section-actions[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ai-copilot-runtime-icon-button[b-7z60ngg6fp] {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid #c4d4ea;
    border-radius: 0.45rem;
    background: #ffffff;
    color: #0f2240;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: default;
}

.ai-copilot-runtime-section-topbar[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.9rem 0;
}

.ai-copilot-runtime-section-topbar > span[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
}

.ai-copilot-runtime-grid[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 0.9rem;
}

.ai-copilot-runtime-field[b-7z60ngg6fp] {
    position: relative;
    grid-column: span var(--ai-field-span);
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
    border: 1px solid #dbe6f3;
    border-radius: 1rem;
    background: #ffffff;
    cursor: pointer;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.ai-copilot-runtime-field:hover[b-7z60ngg6fp] {
    border-color: #93c5fd;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08);
    transform: translateY(-1px);
}

.ai-copilot-runtime-field:focus-visible[b-7z60ngg6fp],
.ai-copilot-runtime-button-shell:focus-visible[b-7z60ngg6fp] {
    outline: 3px solid rgba(37, 99, 235, 0.18);
    outline-offset: 2px;
}

.ai-copilot-runtime-field.is-hidden[b-7z60ngg6fp] {
    display: none;
}

.ai-copilot-runtime-label[b-7z60ngg6fp] {
    color: #0f2240;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.35;
}

.ai-copilot-runtime-type-badge[b-7z60ngg6fp] {
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 0.68rem;
    font-weight: 700;
}

.ai-copilot-runtime-input[b-7z60ngg6fp] {
    width: 100%;
    min-height: 2.8rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #dbe6f3;
    border-radius: 0.72rem;
    background: #ffffff;
    color: #475569;
    font: inherit;
    box-sizing: border-box;
}

.ai-copilot-runtime-textarea[b-7z60ngg6fp] {
    min-height: 5.8rem;
    resize: none;
}

.ai-copilot-grid-preview[b-7z60ngg6fp] {
    display: grid;
    gap: 0.7rem;
}

.ai-copilot-grid-preview-toolbar[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid #dbe6f3;
    border-radius: 0.8rem;
    background: #f8fbff;
    color: #16345f;
    font-size: 0.78rem;
    font-weight: 700;
}

.ai-copilot-grid-preview-action[b-7z60ngg6fp] {
    min-height: 1.9rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #cfdced;
    border-radius: 0.7rem;
    background: #ffffff;
    color: #2563eb;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 700;
}

.ai-copilot-grid-preview-table[b-7z60ngg6fp] {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid #dbe6f3;
    border-radius: 0.85rem;
    background: #ffffff;
}

.ai-copilot-grid-preview-row[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

.ai-copilot-grid-preview-row span[b-7z60ngg6fp] {
    min-height: 2.45rem;
    display: flex;
    align-items: center;
    padding: 0.58rem 0.72rem;
    border-right: 1px solid #e5edf7;
    border-bottom: 1px solid #e5edf7;
    color: #475569;
    font-size: 0.78rem;
}

.ai-copilot-grid-preview-row span:last-child[b-7z60ngg6fp] {
    border-right: none;
}

.ai-copilot-grid-preview-row:last-child span[b-7z60ngg6fp] {
    border-bottom: none;
}

.ai-copilot-grid-preview-row-header[b-7z60ngg6fp] {
    background: #eff6ff;
}

.ai-copilot-grid-preview-row-header span[b-7z60ngg6fp] {
    color: #16345f;
    font-size: 0.74rem;
    font-weight: 800;
}

.ai-copilot-grid-preview-caption[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.72rem;
}

.ai-copilot-runtime-button-row[b-7z60ngg6fp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.8rem;
    padding: 0 0.9rem 0.95rem;
}

.ai-copilot-runtime-button-shell[b-7z60ngg6fp] {
    display: inline-flex;
    cursor: pointer;
}

.ai-copilot-canvas-section[b-7z60ngg6fp] {
    display: grid;
    gap: 0.9rem;
    padding: 0;
    border: 1px solid rgba(205, 219, 238, 0.96);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0.45rem 1.1rem rgba(15, 23, 42, 0.05);
}

.ai-copilot-canvas-section-header[b-7z60ngg6fp] {
    padding: 1rem 1rem 0.85rem;
    border-bottom: 1px solid #e4edf8;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    border-radius: 1rem 1rem 0 0;
}

.ai-copilot-section-title-row[b-7z60ngg6fp] {
    align-items: center;
}

.ai-copilot-section-title-block[b-7z60ngg6fp] {
    display: grid;
    gap: 0.22rem;
}

.ai-copilot-section-title-block strong[b-7z60ngg6fp] {
    color: #10213d;
    font-size: 1rem;
    font-weight: 700;
}

.ai-copilot-section-title-block span[b-7z60ngg6fp],
.ai-copilot-field-card-footer small[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.76rem;
}

.ai-copilot-canvas-grid[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 1rem;
}

.ai-copilot-field-card[b-7z60ngg6fp] {
    grid-column: span var(--ai-field-span);
    display: grid;
    gap: 0.75rem;
    padding: 0.95rem;
    border: 1px solid #d7e4f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.ai-copilot-field-card:hover[b-7z60ngg6fp] {
    transform: translateY(-1px);
    border-color: #b9d0ec;
    box-shadow: 0 0.7rem 1.35rem rgba(15, 23, 42, 0.08);
}

.ai-copilot-field-card:focus-visible[b-7z60ngg6fp] {
    outline: 3px solid rgba(37, 99, 235, 0.18);
    outline-offset: 2px;
}

.ai-copilot-field-card.is-hidden[b-7z60ngg6fp] {
    border-style: dashed;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f8fe 100%);
}

.ai-copilot-field-card-header strong[b-7z60ngg6fp] {
    color: #17335d;
    font-size: 0.88rem;
}

.ai-copilot-field-surface[b-7z60ngg6fp] {
    display: grid;
    gap: 0.45rem;
}

.ai-copilot-button-preview[b-7z60ngg6fp] {
    min-width: 9rem;
    min-height: 2.85rem;
    padding: 0.7rem 1.1rem;
    border: 1px solid var(--button-border, #0f766e);
    border-radius: 0.82rem;
    background: var(--button-bg, linear-gradient(180deg, #2aa79a 0%, #16746c 100%));
    color: var(--button-color, #f6fffe);
    font: inherit;
    font-size: var(--button-font-size, 0.84rem);
    font-weight: var(--button-font-weight, 700);
    letter-spacing: 0.01em;
    box-shadow: 0 2px 0 color-mix(in srgb, var(--button-border, #0f766e) 72%, #0f172a 28%), 0 0.6rem 1rem rgba(15, 23, 42, 0.14);
    pointer-events: none;
}

.ai-copilot-button-preview.button-visual-standard[b-7z60ngg6fp] {
    background: var(--button-bg, #2563eb);
}

.ai-copilot-button-preview.button-visual-embossed[b-7z60ngg6fp] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 55%),
        linear-gradient(180deg, var(--button-bg, #2563eb) 0%, color-mix(in srgb, var(--button-bg, #2563eb) 75%, #0f172a 25%) 100%);
}

.ai-copilot-button-preview.button-visual-light-shadow[b-7z60ngg6fp] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 52%),
        linear-gradient(180deg, var(--button-bg, #2563eb) 0%, color-mix(in srgb, var(--button-bg, #2563eb) 82%, #0f172a 18%) 100%);
}

.ai-copilot-button-preview.button-visual-dark-shadow[b-7z60ngg6fp] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--button-bg, #2563eb) 88%, #111827 12%) 0%, color-mix(in srgb, var(--button-bg, #2563eb) 62%, #111827 38%) 100%);
    box-shadow: 0 2px 0 color-mix(in srgb, var(--button-border, #0f766e) 58%, #020617 42%), 0 0.8rem 1.15rem rgba(15, 23, 42, 0.2);
}

.ai-copilot-upload-preview[b-7z60ngg6fp] {
    min-height: 2.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.75rem 0.85rem;
    border: 1px dashed #cbd9ea;
    border-radius: 0.75rem;
    background: #ffffff;
}

.ai-copilot-upload-preview span[b-7z60ngg6fp] {
    color: #17335d;
    font-size: 0.8rem;
    font-weight: 700;
}

.ai-copilot-upload-preview small[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.74rem;
}

.ai-copilot-field-badges span[b-7z60ngg6fp] {
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    background: #eef4fb;
    color: #49627f;
    font-size: 0.68rem;
    font-weight: 700;
}

.ai-copilot-textarea-inline[b-7z60ngg6fp] {
    min-height: 5rem;
}

.ai-copilot-check[b-7z60ngg6fp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.38rem 0.6rem;
    border: 1px solid #dbe4f1;
    border-radius: 999px;
    background: #f8fbff;
    color: #35506e;
    font-size: 0.75rem;
    font-weight: 700;
}

.ai-copilot-empty-state[b-7z60ngg6fp] {
    min-height: 18rem;
    display: grid;
    place-items: center;
    text-align: center;
}

.ai-copilot-empty-state p[b-7z60ngg6fp] {
    margin: 0.45rem 0 0;
    max-width: 34rem;
    line-height: 1.6;
}

.ai-copilot-field-modal-backdrop[b-7z60ngg6fp] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.26);
    border-radius: inherit;
}

.ai-copilot-field-modal[b-7z60ngg6fp] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: min(36rem, calc(100vw - 4rem));
    max-height: calc(100vh - 6rem);
    display: grid;
    gap: 1rem;
    padding: 1rem;
    overflow: auto;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(188, 206, 231, 0.95);
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.22);
}

.ai-copilot-field-modal-header[b-7z60ngg6fp] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.ai-copilot-field-modal-header h4[b-7z60ngg6fp] {
    margin: 0.2rem 0 0.2rem;
    color: #10213d;
    font-size: 1.05rem;
}

.ai-copilot-field-modal-header span[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.8rem;
}

.ai-copilot-field-modal-grid[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.ai-copilot-field-modal-grid label[b-7z60ngg6fp],
.ai-copilot-field-modal-grid span[b-7z60ngg6fp] {
    display: grid;
    gap: 0.35rem;
}

.ai-copilot-field-modal-grid span[b-7z60ngg6fp] {
    color: #28415f;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ai-copilot-field-modal-wide[b-7z60ngg6fp] {
    grid-column: 1 / -1;
}

.ai-copilot-field-modal-actions[b-7z60ngg6fp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
}

.ai-copilot-field-modal-actions button[b-7z60ngg6fp] {
    min-height: 2.35rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid #cfdced;
    border-radius: 0.8rem;
    background: #ffffff;
    color: #16345f;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.ai-copilot-field-modal-actions .danger[b-7z60ngg6fp] {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b91c1c;
}

.ai-copilot-preview-card[b-7z60ngg6fp] {
    display: grid;
    gap: 0.28rem;
}

.ai-copilot-preview-card-detailed[b-7z60ngg6fp] {
    gap: 0.7rem;
}

.ai-copilot-preview-hero[b-7z60ngg6fp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ai-copilot-preview-metrics[b-7z60ngg6fp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.ai-copilot-preview-metrics small[b-7z60ngg6fp] {
    padding: 0.3rem 0.6rem;
    border: 1px solid #cfe0f2;
    border-radius: 999px;
    background: #ffffff;
}

.ai-copilot-preview-subtitle[b-7z60ngg6fp] {
    margin: 0;
    color: #475569;
    font-size: 0.8rem;
    line-height: 1.5;
}

.ai-copilot-preview-card strong[b-7z60ngg6fp] {
    color: #10213d;
    font-size: 0.9rem;
    font-weight: 500;
}

.ai-copilot-preview-card span[b-7z60ngg6fp],
.ai-copilot-preview-card small[b-7z60ngg6fp] {
    color: #475569;
    font-size: 0.78rem;
}

.ai-copilot-preview-list[b-7z60ngg6fp] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.ai-copilot-preview-detail-list[b-7z60ngg6fp] {
    display: grid;
    gap: 0.9rem;
    margin-top: 0.85rem;
}

.ai-copilot-preview-detail-card[b-7z60ngg6fp] {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(205, 219, 238, 0.96);
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 0.45rem 1.1rem rgba(15, 23, 42, 0.05);
}

.ai-copilot-preview-item[b-7z60ngg6fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(211, 223, 239, 0.96);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.92);
}

.ai-copilot-preview-item strong[b-7z60ngg6fp] {
    color: #10213d;
    font-size: 0.85rem;
    font-weight: 450;
}

.ai-copilot-preview-item span[b-7z60ngg6fp] {
    color: #64748b;
    font-size: 0.76rem;
}

.ai-copilot-preview-field-list[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
}

.ai-copilot-preview-field[b-7z60ngg6fp] {
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem 0.9rem;
    border: 1px solid rgba(211, 223, 239, 0.96);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.96);
}

.ai-copilot-preview-field-head[b-7z60ngg6fp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.ai-copilot-preview-field-head strong[b-7z60ngg6fp] {
    color: #17335d;
    font-size: 0.82rem;
    font-weight: 500;
}

.ai-copilot-preview-field-head span[b-7z60ngg6fp],
.ai-copilot-preview-field-meta span[b-7z60ngg6fp] {
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    background: #eef4fb;
    color: #49627f;
    font-size: 0.68rem;
    font-weight: 600;
}

.ai-copilot-preview-field-meta[b-7z60ngg6fp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.ai-copilot-preview-field p[b-7z60ngg6fp] {
    margin: 0;
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.45;
}

.ai-copilot-preview-option-list[b-7z60ngg6fp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.ai-copilot-preview-option-list span[b-7z60ngg6fp] {
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    font-size: 0.68rem;
    font-weight: 600;
}

.ai-copilot-processing[b-7z60ngg6fp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    padding: 0.95rem 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fbff 100%);
    color: #1e3a8a;
}

.ai-copilot-processing strong[b-7z60ngg6fp],
.ai-copilot-processing span[b-7z60ngg6fp] {
    display: block;
}

.ai-copilot-processing strong[b-7z60ngg6fp] {
    font-size: 0.92rem;
}

.ai-copilot-processing span[b-7z60ngg6fp] {
    margin-top: 0.12rem;
    color: #47607d;
    font-size: 0.82rem;
}

.ai-copilot-processing-spinner[b-7z60ngg6fp] {
    width: 1.15rem;
    height: 1.15rem;
    border: 2px solid rgba(37, 99, 235, 0.2);
    border-top-color: #2563eb;
    border-radius: 999px;
    animation: ai-copilot-spin-b-7z60ngg6fp 850ms linear infinite;
}

@keyframes ai-copilot-spin-b-7z60ngg6fp {
    to {
        transform: rotate(360deg);
    }
}

.ai-copilot-issues[b-7z60ngg6fp] {
    display: grid;
    gap: 0.55rem;
}

.ai-copilot-issue[b-7z60ngg6fp] {
    display: grid;
    gap: 0.18rem;
    padding: 0.82rem 0.88rem;
    border: 1px solid #fde68a;
    border-radius: 0.9rem;
    background: #fffbea;
}

.ai-copilot-issue.error[b-7z60ngg6fp] {
    border-color: #fecaca;
    background: #fff1f2;
}

.ai-copilot-issue strong[b-7z60ngg6fp] {
    color: #92400e;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
}

.ai-copilot-issue.error strong[b-7z60ngg6fp] {
    color: #b91c1c;
}

.ai-copilot-issue span[b-7z60ngg6fp] {
    color: #475569;
    font-size: 0.88rem;
}

@media (max-width: 1280px) {
    .ai-copilot-shell[b-7z60ngg6fp] {
        grid-template-columns: 1fr;
    }

    .ai-copilot-sidebar[b-7z60ngg6fp],
    .ai-copilot-workspace[b-7z60ngg6fp] {
        overflow: visible;
    }

    .ai-copilot-modal[b-7z60ngg6fp] {
        overflow: auto;
    }

    .ai-copilot-sidebar-top[b-7z60ngg6fp],
    .ai-copilot-composer-card[b-7z60ngg6fp] {
        position: relative;
        top: auto;
        bottom: auto;
    }
}

@media (max-width: 900px) {
    .ai-copilot-form-meta[b-7z60ngg6fp],
    .ai-copilot-field-modal-grid[b-7z60ngg6fp] {
        grid-template-columns: 1fr;
    }

    .ai-copilot-inline-actions[b-7z60ngg6fp] {
        flex-direction: column;
    }

    .ai-copilot-actions-grid[b-7z60ngg6fp] {
        grid-template-columns: 1fr;
    }

    .ai-copilot-meta-group-wide[b-7z60ngg6fp],
    .ai-copilot-runtime-field[b-7z60ngg6fp] {
        grid-column: auto;
    }

    .ai-copilot-field-modal-wide[b-7z60ngg6fp] {
        grid-column: auto;
    }

    .ai-copilot-runtime-grid[b-7z60ngg6fp] {
        grid-template-columns: 1fr;
    }

    .ai-copilot-canvas-toolbar[b-7z60ngg6fp],
    .ai-copilot-runtime-section-header[b-7z60ngg6fp],
    .ai-copilot-runtime-section-topbar[b-7z60ngg6fp],
    .ai-copilot-designer-header[b-7z60ngg6fp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ai-copilot-runtime-button-row[b-7z60ngg6fp] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
.toolbar-import-toggle[b-7z60ngg6fp] {
    min-width: 2.95rem;
    gap: 0.45rem;
    padding-inline: 0.8rem;
}

.toolbar-import-toggle-label[b-7z60ngg6fp] {
    display: none;
}

.toolbar-import-toggle.active[b-7z60ngg6fp] {
    border-color: #f59e0b;
    background: linear-gradient(180deg, #fff7db 0%, #ffe7a8 100%);
    color: #8a4b00;
    box-shadow: 0 2px 0 #f3c566, 0 12px 24px rgba(245, 158, 11, 0.26);
}

.toolbar-import-panel[b-7z60ngg6fp] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #f6c453;
    border-radius: 0.8rem;
    background:
        radial-gradient(circle at top left, rgba(255, 244, 186, 0.9), transparent 34%),
        linear-gradient(135deg, #fffaf0 0%, #fff0bf 52%, #ffe29a 100%);
    box-shadow: 0 2px 0 #f3cb75, 0 14px 30px rgba(245, 158, 11, 0.18);
}

.toolbar-import-panel-copy[b-7z60ngg6fp] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.toolbar-import-panel-copy strong[b-7z60ngg6fp] {
    color: #7c3b00;
    font-size: 0.85rem;
    font-weight: 800;
    line-height: 1.1;
}

.toolbar-import-panel-copy span[b-7z60ngg6fp] {
    color: #9a5b18;
    font-size: 0.72rem;
    white-space: nowrap;
}

.toolbar-import-picker[b-7z60ngg6fp] {
    position: relative;
    overflow: hidden;
    min-height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.9rem;
    border: 1px solid #f0b53d;
    border-radius: 0.68rem;
    background: linear-gradient(180deg, #fffef9 0%, #fff3cd 100%);
    color: #7c3b00;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 16px rgba(245, 158, 11, 0.14);
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease, background-color 120ms ease, color 120ms ease;
}

.toolbar-import-picker:hover[b-7z60ngg6fp] {
    border-color: #d97706;
    background: linear-gradient(180deg, #fff7de 0%, #ffe9a6 100%);
    color: #6b2f00;
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 12px 22px rgba(245, 158, 11, 0.2);
}

.toolbar-import-picker:focus-within[b-7z60ngg6fp] {
    outline: 3px solid rgba(245, 158, 11, 0.28);
    outline-offset: 2px;
}

.toolbar-import-picker input[type="file"][b-7z60ngg6fp] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.toolbar-import-file-name[b-7z60ngg6fp] {
    max-width: 12rem;
    overflow: hidden;
    color: #7c3b00;
    font-size: 0.78rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toolbar-import-validation[b-7z60ngg6fp] {
    flex: 1 1 100%;
    padding: 0.65rem 0.8rem;
    border-radius: 0.72rem;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.45;
}

.toolbar-import-validation.success[b-7z60ngg6fp] {
    border: 1px solid #86efac;
    background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
    color: #166534;
}

.toolbar-import-validation.error[b-7z60ngg6fp] {
    border: 1px solid #fca5a5;
    background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%);
    color: #b42318;
}

.toolbar-import-close[b-7z60ngg6fp] {
    min-width: 2.2rem;
    min-height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #f2c46d;
    border-radius: 0.68rem;
    background: rgba(255, 255, 255, 0.86);
    color: #9a5b18;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease;
}

.toolbar-import-close:hover[b-7z60ngg6fp] {
    border-color: #d97706;
    background: #fff5d6;
    color: #7c2d12;
}

@media (max-width: 900px) {
    .toolbar-import-panel[b-7z60ngg6fp] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .toolbar-import-panel-copy[b-7z60ngg6fp] {
        width: 100%;
    }

    .toolbar-import-file-name[b-7z60ngg6fp] {
        max-width: 100%;
    }
}

/* Compact density for the Form Builder context and component palette. */
.builder-context-card[b-7z60ngg6fp] {
    gap: 0.65rem;
    padding: 0.65rem 2.7rem 0.65rem 0.85rem;
}

.builder-context-card.is-collapsed[b-7z60ngg6fp] {
    min-height: 3.2rem;
    padding-right: 2.7rem;
}

.builder-context-project[b-7z60ngg6fp],
.builder-context-module[b-7z60ngg6fp] {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 0.6rem;
}

.builder-context-icon[b-7z60ngg6fp] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
}

.builder-context-forms[b-7z60ngg6fp] {
    gap: 0.45rem;
}

.builder-context-forms-header[b-7z60ngg6fp] {
    gap: 0.6rem;
}

.builder-form-list[b-7z60ngg6fp] {
    gap: 0.45rem;
}

.builder-form-option[b-7z60ngg6fp] {
    min-height: 3.6rem;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: 0.5rem;
    padding: 0.5rem;
}

.form-option-icon[b-7z60ngg6fp] {
    width: 2rem;
    height: 2rem;
    font-size: 0.95rem;
}

.palette-host[b-7z60ngg6fp]  .panel {
    padding: 14px;
}

.palette-host[b-7z60ngg6fp]  .search {
    height: 38px;
    margin-bottom: 12px;
    padding: 0 10px;
}

.palette-host[b-7z60ngg6fp]  .component-list {
    gap: 6px;
}

.palette-host[b-7z60ngg6fp]  .component-group {
    gap: 5px;
}

.palette-host[b-7z60ngg6fp]  .component-group + .component-group {
    margin-top: 8px;
}

.palette-host[b-7z60ngg6fp]  .component-group-items {
    gap: 6px;
}

.palette-host[b-7z60ngg6fp]  .component-item {
    min-height: 42px;
    grid-template-columns: 34px minmax(0, 1fr) 20px;
    gap: 3px;
    padding: 0 9px;
}

.palette-host[b-7z60ngg6fp]  .component-copy strong {
    font-size: 0.82rem !important;
}

.palette-host[b-7z60ngg6fp]  .component-copy small {
    font-size: 0.64rem !important;
}

.palette-host[b-7z60ngg6fp]  .component-icon {
    font-size: 11px;
}
/* /Components/BPMFormBuilder/FormCanvas.razor.rz.scp.css */
.field-label[b-nzxuowor0r],
.field-toolbar label[b-nzxuowor0r],
.runtime-field label[b-nzxuowor0r] {
    color: var(--field-label-color, #334155);
    font-size: var(--field-label-size, 0.875rem);
    font-weight: var(--field-label-weight, 600);
    line-height: 1.35;
}

.runtime-field small[b-nzxuowor0r],
.field-shell small[b-nzxuowor0r] {
    color: var(--field-help-color, #64748b);
    display: block;
    margin-top: 0.35rem;
    font-size: 0.78rem;
}

.date-picker-preview[b-nzxuowor0r] {
    display: grid;
    gap: 0.35rem;
}

.date-picker-preview-input-shell[b-nzxuowor0r] {
    position: relative;
}

.date-picker-preview-input-shell > input[type="text"][b-nzxuowor0r] {
    padding-right: 2.5rem;
}

.date-picker-native-input[b-nzxuowor0r] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.date-picker-native-input:disabled[b-nzxuowor0r] {
    cursor: default;
}

.date-picker-preview-icon[b-nzxuowor0r] {
    position: absolute;
    top: 50%;
    right: 0.85rem;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f172a;
    pointer-events: none;
}

.date-timezone-hint[b-nzxuowor0r] {
    width: fit-content;
    max-width: 100%;
    padding: 0.18rem 0.45rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8 !important;
    font-size: 0.7rem !important;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.form-header[b-nzxuowor0r] {
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.editable-form-title[b-nzxuowor0r] {
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.035em;
}

.editable-form-subtitle[b-nzxuowor0r] {
    margin: 0.35rem 0 0;
    line-height: 1.5;
}

.form-numbering-preview[b-nzxuowor0r] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-top: 0.65rem;
    padding: 0.28rem 0.55rem;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: #f0fdf4;
    color: #166534;
    font-size: 0.72rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.canvas-title-actions[b-nzxuowor0r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Disabled preview controls must not swallow the click that selects their field.
   Scope this to designer field contents, including child Razor components. */
[data-designer-field][b-nzxuowor0r]  :is(input, select, textarea, button):disabled {
    pointer-events: none;
}

[data-designer-field][b-nzxuowor0r] { cursor: pointer; }

.login-access-designer[b-nzxuowor0r] {
    position: relative;
}

/* The card is one selection target in Designer. Its sample account fields are
   inert; real account controls are rendered separately in Preview/runtime. */
.login-access-designer > .login-access-designer-select[b-nzxuowor0r] {
    all: unset;
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 12px;
    cursor: pointer;
}

.login-access-designer > .login-access-designer-select:focus-visible[b-nzxuowor0r] {
    outline: 3px solid #2563eb;
    outline-offset: 3px;
}

.section-card[b-nzxuowor0r] {
    position: relative;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    overflow: visible;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.section-card.selected-section[b-nzxuowor0r] {
    border-color: #60a5fa;
    box-shadow: 0 20px 38px rgba(37, 99, 235, 0.16);
}


.section-card.selected-section .section-header[b-nzxuowor0r] {
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.14);
}

.section-header[b-nzxuowor0r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.section-drag[b-nzxuowor0r],
.section-actions button[b-nzxuowor0r] {
    display: inline-grid;
    place-items: center;
    font-weight: 900;
    line-height: 1;
}

.field-shell[b-nzxuowor0r],
.runtime-field[b-nzxuowor0r] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
    padding: 0.875rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.field-shell:hover[b-nzxuowor0r] {
    border-color: #93c5fd;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08);
    transform: translateY(-1px);
}

.field-shell.selected[b-nzxuowor0r] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.tabs-shell[b-nzxuowor0r] {
    display: grid;
    gap: 0.9rem;
    --tab-bg: #f8fafc;
    --tab-active-bg: #dbeafe;
    --tab-color: #334155;
    --tab-active-color: #1d4ed8;
    --tab-border-color: #cbd5e1;
    --tab-body-bg: #ffffff;
    --tab-font-size: 0.95rem;
    --tab-font-weight: 700;
    --tab-radius: 10px;
}

.tabs-header[b-nzxuowor0r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--tab-border-color);
}

.tabs-trigger[b-nzxuowor0r] {
    border: 1px solid var(--tab-border-color);
    border-radius: var(--tab-radius);
    padding: 0.55rem 0.9rem;
    background: var(--tab-bg);
    color: var(--tab-color);
    font-size: var(--tab-font-size);
    font-weight: var(--tab-font-weight);
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease, color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}

.tabs-trigger:hover[b-nzxuowor0r] {
    border-color: #93c5fd;
    transform: translateY(-1px);
}

.tabs-trigger.active[b-nzxuowor0r] {
    border-color: var(--tab-border-color);
    background: linear-gradient(135deg, var(--tab-active-bg) 0%, color-mix(in srgb, var(--tab-active-bg) 72%, white) 100%);
    color: var(--tab-active-color);
}

.tabs-body[b-nzxuowor0r] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.95rem;
    border: 1px dashed var(--tab-border-color);
    border-radius: 14px;
    background: linear-gradient(180deg, var(--tab-body-bg) 0%, color-mix(in srgb, var(--tab-body-bg) 90%, #f8fbff) 100%);
}

.tabs-style-standard .tabs-trigger[b-nzxuowor0r] {
    box-shadow: none;
}

.tabs-style-embossed .tabs-trigger[b-nzxuowor0r] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -2px 0 rgba(15, 23, 42, 0.08),
        0 6px 16px rgba(15, 23, 42, 0.06);
}

.tabs-style-embossed .tabs-trigger.active[b-nzxuowor0r] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -2px 0 rgba(37, 99, 235, 0.14),
        0 10px 20px rgba(37, 99, 235, 0.12);
}

.tabs-style-light-shadow .tabs-trigger[b-nzxuowor0r] {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.tabs-style-light-shadow .tabs-trigger.active[b-nzxuowor0r] {
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.14);
}

.tabs-style-dark-shadow .tabs-trigger[b-nzxuowor0r] {
    box-shadow: 0 12px 22px rgba(15, 23, 42, 0.16);
}

.tabs-style-dark-shadow .tabs-trigger.active[b-nzxuowor0r] {
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.22);
}

.tab-empty-state[b-nzxuowor0r] {
    grid-column: span 12;
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    font-size: 0.88rem;
}

.nested-section-shell[b-nzxuowor0r] {
    display: grid;
    gap: 0.75rem;
    grid-column: span 12;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
}

.nested-section-header[b-nzxuowor0r] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}

.nested-section-body[b-nzxuowor0r] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.9rem;
}

.required[b-nzxuowor0r] {
    color: #dc2626;
    font-weight: 800;
}




/* Button alignment classes */
.button-align[b-nzxuowor0r] {
    display: flex;
    width: auto;
    min-width: 0;
}

.button-align-left[b-nzxuowor0r] {
    justify-content: flex-start;
}

.button-align-center[b-nzxuowor0r] {
    justify-content: center;
}

.button-align-right[b-nzxuowor0r] {
    justify-content: flex-end;
}

.button-align-stretch .form-action-button[b-nzxuowor0r] {
    width: 100%;
}
/* End Button alignment classes */

/* Device-specific styles */

.canvas-device-stage[b-nzxuowor0r] {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow-x: auto;
    padding: 1rem;
}

.design-canvas[b-nzxuowor0r] {
    width: 100%;
    transition: max-width 180ms ease, min-height 180ms ease, border-radius 180ms ease, box-shadow 180ms ease;
}

    .design-canvas.device-desktop[b-nzxuowor0r] {
        width: 100%;
        max-width: 1180px;
    }

    .design-canvas.device-tablet[b-nzxuowor0r] {
        width: 768px;
        max-width: 768px;
        min-height: 1024px;
        border-radius: 22px;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
    }
    .design-canvas.device-tablet .span-6[b-nzxuowor0r],
    .design-canvas.device-tablet .span-4[b-nzxuowor0r],
    .design-canvas.device-tablet .span-3[b-nzxuowor0r] {
        grid-column: span 6;
    }

    .design-canvas.device-tablet .bpm-grid[b-nzxuowor0r] {
        gap: 0.85rem;
    }
    /* Mobile canvas responsive field layout */
    .design-canvas.device-mobile[b-nzxuowor0r] {
        width: 390px;
        max-width: 390px;
        min-width: 390px;
        min-height: 844px;
        padding: 0.75rem;
        border-radius: 18px;
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
    }

        .design-canvas.device-mobile .form-header[b-nzxuowor0r] {
            display: block;
            padding: 1rem;
            margin-bottom: 0.85rem;
            border-radius: 14px;
        }

        .design-canvas.device-mobile .form-small-icon[b-nzxuowor0r] {
            float: left;
            margin-right: 0.5rem;
        }

        .design-canvas.device-mobile .editable-form-title[b-nzxuowor0r] {
            font-size: 1.35rem !important;
            line-height: 1.25;
        }

        .design-canvas.device-mobile .editable-form-subtitle[b-nzxuowor0r] {
            font-size: 0.8rem !important;
        }

        .design-canvas.device-mobile .section-card[b-nzxuowor0r] {
            padding: 0;
            margin-bottom: 0.85rem;
            border-radius: 12px;
        }

        .design-canvas.device-mobile .section-header[b-nzxuowor0r] {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: 0.45rem;
            height: auto;
            min-height: 34px;
            padding: 0.45rem 0.65rem;
        }

            .design-canvas.device-mobile .section-header strong[b-nzxuowor0r] {
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .design-canvas.device-mobile .section-actions[b-nzxuowor0r] {
            display: flex;
            width: auto;
            margin-left: 0;
            gap: 0.25rem;
            justify-content: flex-end;
        }

            .design-canvas.device-mobile .section-actions button[b-nzxuowor0r],
            .design-canvas.device-mobile .section-drag[b-nzxuowor0r] {
                width: 22px;
                height: 22px;
                padding: 0;
                font-size: 0.7rem;
                line-height: 1;
            }



        .design-canvas.device-mobile .bpm-grid[b-nzxuowor0r] {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 0.75rem;
            padding: 0.75rem;
        }
        
        .design-canvas.device-mobile .field-shell:not(.button-field-shell)[b-nzxuowor0r] {
            grid-column: span 12;
            width: 100%;
            min-width: 0;
        }

        .design-canvas.device-mobile .button-row[b-nzxuowor0r] {
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: wrap;
            gap: 0.75rem;
        }

        .design-canvas.device-mobile .button-field-shell[b-nzxuowor0r] {
            grid-column: auto;
            width: auto;
            min-width: 0;
            flex: 0 0 auto;
        }

        .canvas-title-actions[b-nzxuowor0r] {
            gap: 0.45rem;
        }


        .design-canvas.device-mobile .field-shell:not(.button-field-shell)[b-nzxuowor0r] {
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            overflow: visible;
        }

            .design-canvas.device-mobile .field-shell.selected[b-nzxuowor0r] {
                padding: 0.4rem;
                border: 1px solid #2563eb;
                border-radius: 10px;
                background: #ffffff;
                box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
            }

        .design-canvas.device-mobile .field-toolbar[b-nzxuowor0r] {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.35rem;
        }

            .design-canvas.device-mobile .field-toolbar label[b-nzxuowor0r],
            .design-canvas.device-mobile .field-label[b-nzxuowor0r] {
                min-width: 0;
                margin: 0;
                overflow-wrap: anywhere;
                white-space: normal;
                line-height: 1.25;
                font-size: 0.78rem;
                font-weight: 700;
            }

        .design-canvas.device-mobile .field-type[b-nzxuowor0r] {
            justify-self: end;
            max-width: 90px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 0.62rem;
            color: #64748b;
            opacity: 0.75;
        }

        .design-canvas.device-mobile input[b-nzxuowor0r],
        .design-canvas.device-mobile select[b-nzxuowor0r],
        .design-canvas.device-mobile textarea[b-nzxuowor0r] {
            width: 100%;
            min-width: 0;
            min-height: 38px;
            box-sizing: border-box;
            font-size: 0.82rem;
            border-radius: 6px;
        }

        .design-canvas.device-mobile textarea[b-nzxuowor0r] {
            min-height: 72px;
            resize: vertical;
        }

        .design-canvas.device-mobile .designer-grid[b-nzxuowor0r] {
            display: block;
            width: 100%;
            max-width: 100%;
            overflow-x: auto;
            white-space: nowrap;
        }

        .design-canvas.device-mobile .designer-grid th[b-nzxuowor0r],
        .design-canvas.device-mobile .designer-grid td[b-nzxuowor0r] {
            padding: 0.45rem;
            font-size: 0.68rem;
        }

.grid-column-header-cell[b-nzxuowor0r] {
    cursor: grab;
    vertical-align: middle;
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible;
    user-select: none;
    background: var(--bpm-grid-header-bg, #f8fbff);
    color: var(--bpm-grid-header-color, #0f172a);
    border-color: var(--bpm-grid-header-border, #cbd5e1);
    border-left: 1px solid var(--bpm-grid-header-border, #cbd5e1) !important;
    border-right: 1px solid var(--bpm-grid-header-border, #cbd5e1) !important;
}

.grid-column-header-cell.grid-column-header-cell-dragging[b-nzxuowor0r] {
    opacity: 0.68;
}

.grid-column-header-cell.grid-column-header-cell-target[b-nzxuowor0r] {
    box-shadow: inset 0 0 0 2px rgba(37, 99, 235, 0.28);
    background: rgba(219, 234, 254, 0.75);
}

.password-preview-shell[b-nzxuowor0r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
}

.password-preview-shell input[b-nzxuowor0r] {
    border: 0;
    border-radius: 0;
}

.password-visibility-toggle[b-nzxuowor0r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 0 0.9rem;
    border: 0;
    border-left: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
}

.password-visibility-toggle:hover[b-nzxuowor0r] {
    background: #eff6ff;
    color: #1d4ed8;
}

.grid-column-header-cell:hover .grid-column-tools[b-nzxuowor0r],
.grid-column-header-cell:focus-within .grid-column-tools[b-nzxuowor0r],
.grid-column-header-cell.grid-column-header-cell-dragging .grid-column-tools[b-nzxuowor0r] {
    opacity: 1;
    transform: translateX(0);
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.16);
    pointer-events: auto;
}

.grid-column-header-shell[b-nzxuowor0r] {
    position: relative;
    background: var(--bpm-grid-header-bg, #f8fbff);
    color: var(--bpm-grid-header-color, #0f172a);
    border-bottom: 1px solid var(--bpm-grid-header-border, #cbd5e1);
    box-shadow: inset 0 0 0 1px var(--bpm-grid-header-border, #cbd5e1);
}

.bpm-grid-shell .designer-grid tbody td[b-nzxuowor0r],
.bpm-grid-shell .designer-grid tbody .grid-cell-text[b-nzxuowor0r],
.bpm-grid-shell .designer-grid tbody input[b-nzxuowor0r],
.bpm-grid-shell .designer-grid tbody select[b-nzxuowor0r],
.bpm-grid-shell .designer-grid tbody textarea[b-nzxuowor0r] {
    font-size: var(--bpm-grid-font-size, 0.85rem);
}

.bpm-grid-shell .bpm-grid-status[b-nzxuowor0r] {
    font-size: 0.78rem;
}

.grid-column-header[b-nzxuowor0r] {
}

.grid-column-title[b-nzxuowor0r] {
    color: var(--bpm-grid-header-color, #0f172a);
    font-size: var(--bpm-grid-header-font-size, 0.78rem);
    font-weight: var(--bpm-grid-header-font-weight, 700);
}

.grid-actions-column[b-nzxuowor0r] {
    color: var(--bpm-grid-header-color, #000000);
}

.grid-column-tools[b-nzxuowor0r] {
    box-shadow: 0 2px 4px rgba(148, 163, 184, 0.08);
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition: opacity 140ms ease, transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
    z-index: 4;
}

.grid-column-drag-handle[b-nzxuowor0r] {
    opacity: 0.92;
    cursor: grab;
    touch-action: none;
    box-sizing: border-box;
}

.grid-column-delete-button[b-nzxuowor0r] {
    transition: background-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.grid-column-delete-button:hover[b-nzxuowor0r] {
    background: rgba(217, 45, 32, 0.10) !important;
    color: #b42318 !important;
    transform: translateY(-1px);
}

.grid-column-resize-handle[b-nzxuowor0r] {
    position: absolute;
    top: 0;
    right: -0.5rem;
    bottom: 0;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #2563eb;
    cursor: col-resize;
    opacity: 0;
    pointer-events: none;
    transform: translateX(2px);
    transition: opacity 120ms ease, color 120ms ease, transform 120ms ease;
    z-index: 3;
}

.grid-column-header-cell:hover .grid-column-resize-handle[b-nzxuowor0r],
.grid-column-header-cell:focus-within .grid-column-resize-handle[b-nzxuowor0r] {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.grid-column-resize-handle:hover[b-nzxuowor0r],
.grid-column-resize-handle:focus-visible[b-nzxuowor0r] {
    color: #1d4ed8;
}

.grid-column-resize-handle:focus-visible[b-nzxuowor0r] {
    outline: 2px solid rgba(37, 99, 235, 0.28);
    outline-offset: 1px;
}

.grid-column-resize-icon[b-nzxuowor0r] {
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
}

.grid-column-delete-button:focus-visible[b-nzxuowor0r] {
    outline: 2px solid rgba(217, 45, 32, 0.35);
    outline-offset: 1px;
}

.grid-column-drag-handle .grid-column-tool-icon[b-nzxuowor0r] {
    color: #5b6b82;
}

.grid-column-drag-handle:hover[b-nzxuowor0r] {
    background: #edf4fb;
    box-shadow: inset 0 0 0 1px #d7e2f1;
}

.bpm-grid-shell.grid-header-style-standard .grid-column-header-shell[b-nzxuowor0r] {
    box-shadow: inset 0 0 0 1px var(--bpm-grid-header-border, #cbd5e1);
}

.bpm-grid-shell.grid-header-style-embossed .grid-column-header-shell[b-nzxuowor0r] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -2px 0 rgba(15, 23, 42, 0.16), inset 0 0 0 1px var(--bpm-grid-header-border, #cbd5e1);
}

.bpm-grid-shell.grid-header-style-light-shadow .grid-column-header-shell[b-nzxuowor0r] {
    box-shadow: inset 0 0 0 1px var(--bpm-grid-header-border, #cbd5e1), 0 2px 6px rgba(15, 23, 42, 0.08);
}

.bpm-grid-shell.grid-header-style-dark-shadow .grid-column-header-shell[b-nzxuowor0r] {
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12), 0 6px 14px rgba(15, 23, 42, 0.16);
}

        .design-canvas.device-mobile .file-zone[b-nzxuowor0r] {
            padding: 0.875rem;
            font-size: 0.78rem;
            overflow-wrap: anywhere;
        }

.button-align[b-nzxuowor0r] {
    display: flex;
    width: auto;
    min-width: 0;
}

.button-align-left[b-nzxuowor0r] {
    justify-content: flex-start;
}

.button-align-center[b-nzxuowor0r] {
    justify-content: center;
}

.button-align-right[b-nzxuowor0r] {
    justify-content: flex-end;
}

.button-align-stretch .form-action-button[b-nzxuowor0r] {
    width: 100%;
}
/* /Components/BPMFormBuilder/GridColumnDisplayEditor.razor.rz.scp.css */
.grid-display-editor[b-nbtie68ala]{margin:.5rem 0;padding:.5rem;border:1px solid #dbe3ed;border-radius:5px}.grid-display-editor summary[b-nbtie68ala]{cursor:pointer;font-weight:600}.grid-display-editor label[b-nbtie68ala]{display:block;margin:.45rem 0;font-size:.85rem}.grid-display-editor input[b-nbtie68ala],.grid-display-editor select[b-nbtie68ala]{display:block;width:100%;box-sizing:border-box;min-height:30px;margin-top:.2rem;border:1px solid #cbd5e1;border-radius:4px;padding:.25rem}.grid-display-note[b-nbtie68ala]{font-size:.78rem;color:#52647b;line-height:1.4}.grid-display-rule[b-nbtie68ala]{margin:.5rem 0;padding:.45rem;border:1px solid #dbe3ed;border-radius:4px}.grid-display-editor button[b-nbtie68ala]{margin:.25rem 0;padding:.3rem .5rem;border:1px solid #bfcfe0;border-radius:4px;background:#f5f8fc;color:#174874}.grid-display-warning[b-nbtie68ala]{font-size:.8rem;color:#9a4e00;background:#fff2d8;padding:.4rem;border-radius:4px}
/* /Components/BPMFormBuilder/LoginAccessComponent.razor.rz.scp.css */
.login-access[b-2zyce706u9]{border:1px solid #dce3f2;border-radius:12px;background:#fff;color:#17243b;overflow:hidden}.login-access header[b-2zyce706u9]{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:#f0ebff;border-left:4px solid #7852d6}.login-access header span[b-2zyce706u9]{font-size:12px;color:#6849a5}.access-body[b-2zyce706u9]{padding:16px}.access-body label[b-2zyce706u9]{display:flex;flex-direction:column;gap:5px;margin:10px 0}.access-body input:not([type=checkbox])[b-2zyce706u9],.access-body select[b-2zyce706u9]{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:9px;font:inherit}.access-flags[b-2zyce706u9]{display:flex;flex-wrap:wrap;gap:14px}.access-flags label[b-2zyce706u9]{flex-direction:row;align-items:center}.access-columns[b-2zyce706u9]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.access-body fieldset[b-2zyce706u9]{border:0;padding:0;min-width:0}.access-body small[b-2zyce706u9],.access-body p[b-2zyce706u9]{font-size:13px}.access-actions[b-2zyce706u9]{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.access-body button[b-2zyce706u9]{background:#2563eb;color:white;border:0;border-radius:7px;padding:9px 14px;cursor:pointer}.access-body button:disabled[b-2zyce706u9]{opacity:.5;cursor:default}.access-status[b-2zyce706u9]{color:#90451b;white-space:pre-line}@media(max-width:650px){.access-columns[b-2zyce706u9]{grid-template-columns:1fr}.login-access header[b-2zyce706u9]{flex-wrap:wrap}}

/* Keep account options compact inside the form's global input and density styles. */
.login-access .access-body .access-check[b-2zyce706u9] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}
.login-access .access-body .access-check input[type=checkbox][b-2zyce706u9] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    flex: 0 0 16px;
    margin: 2px 0 0;
    padding: 0;
}
.access-check span[b-2zyce706u9] { flex: 1; }
.access-flags[b-2zyce706u9] { gap: 8px 24px; }
.access-flags .access-check[b-2zyce706u9] { flex: 1 1 220px; }
.access-toolbar[b-2zyce706u9] { display: flex; flex-wrap: wrap; gap: 10px; }
.access-actions[b-2zyce706u9] { flex-wrap: wrap; }
.access-columns[b-2zyce706u9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.access-body input:not([type=checkbox])[b-2zyce706u9], .access-body select[b-2zyce706u9] { box-sizing: border-box; min-width: 0; }
.access-body button:disabled[b-2zyce706u9], .access-body fieldset:disabled button[b-2zyce706u9] { opacity: .5; cursor: default; }
.access-top[b-2zyce706u9] { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.access-top .access-check[b-2zyce706u9] { margin: 0; }
.access-badge[b-2zyce706u9] { border-radius: 20px; padding: 4px 10px; font-size: 12px; background: #edf2fc; color: #234c99; }
.access-body details[b-2zyce706u9] { border-top: 1px solid #dce3f2; margin-top: 16px; padding-top: 14px; }
.access-body summary[b-2zyce706u9] { cursor: pointer; font-size: 13px; font-weight: 600; }
.access-body small[b-2zyce706u9] { display: block; color: #64748b; margin-top: 7px; }
.access-body .access-secondary[b-2zyce706u9] { background: #fff; color: #244265; border: 1px solid #cbd5e1; }
.access-field-heading[b-2zyce706u9] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 25px; }
.access-body .access-text-button[b-2zyce706u9] { color: #225bc6; font-size: 12px; padding: 0; background: transparent; border: 0; }
.login-access .access-body .password-preview-shell[b-2zyce706u9] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; border: 1px solid #cbd5e1; border-radius: 6px; overflow: hidden; background: #fff; }
.login-access .access-body .password-preview-shell input[b-2zyce706u9] { border: 0; border-radius: 0; margin: 0; }
.login-access .access-body .password-visibility-toggle[b-2zyce706u9] { display: inline-flex; align-items: center; justify-content: center; min-width: 56px; padding: 0 .95rem; border: 0; border-left: 1px solid #cbd5e1; border-radius: 0; background: #f8fafc; color: #475569; }
.login-access .access-body .password-visibility-toggle:hover[b-2zyce706u9] { background: #eff6ff; color: #1d4ed8; }
.password-visibility-toggle[b-2zyce706u9]  .button-icon { width: 17px; height: 17px; }
.access-body button:focus-visible[b-2zyce706u9], .access-body summary:focus-visible[b-2zyce706u9] { outline: 3px solid #c88b17; outline-offset: 2px; }
.access-dialog-backdrop[b-2zyce706u9] { position: fixed; inset: 0; z-index: 10000; display: grid; align-items: center; justify-items: center; padding: 20px; background: rgba(15,23,42,.4); }
.access-dialog[b-2zyce706u9] { width: min(100%, 520px); box-sizing: border-box; max-height: 90vh; overflow-y: auto; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; box-shadow: 0 16px 50px rgba(15,23,42,.2); }
.access-dialog h3[b-2zyce706u9] { margin: 0 0 12px; font-size: 18px; }
@media(max-width:650px) {
    .access-columns[b-2zyce706u9] { grid-template-columns: 1fr; }
    .access-flags .access-check[b-2zyce706u9] { flex-basis: 100%; }
    .access-top[b-2zyce706u9] { flex-wrap: wrap; }
}
/* /Components/BPMFormBuilder/MobileFormSharingToggle.razor.rz.scp.css */
.mobile-form-sharing[b-gkejoerdl7] {
    display: grid;
    gap: .65rem;
    margin: .75rem 0 1rem;
    padding: .8rem;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: linear-gradient(135deg, #eff6ff, #f8fbff);
}

.mobile-form-sharing-copy[b-gkejoerdl7] {
    display: grid;
    gap: .2rem;
}

.mobile-form-sharing-copy strong[b-gkejoerdl7] {
    color: #17365d;
    font-size: .82rem;
}

.mobile-form-sharing-copy span[b-gkejoerdl7],
.mobile-form-sharing-status[b-gkejoerdl7],
.mobile-form-sharing-unavailable[b-gkejoerdl7] {
    color: #526b89;
    font-size: .76rem;
    line-height: 1.45;
}

.mobile-form-sharing-toggle[b-gkejoerdl7] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    width: fit-content;
    color: #0f5bd7;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
}

.mobile-form-sharing-toggle input[b-gkejoerdl7] {
    width: 1rem;
    height: 1rem;
    accent-color: #2563eb;
}

.mobile-form-sharing-toggle input:disabled[b-gkejoerdl7] {
    cursor: wait;
}

.mobile-form-sharing-status[b-gkejoerdl7] {
    color: #0f766e;
    font-weight: 650;
}

.mobile-form-sharing-unavailable[b-gkejoerdl7] {
    margin: .75rem 0;
    padding: .65rem .75rem;
    border: 1px solid #dbe6f5;
    border-radius: 10px;
    background: #f8fafc;
}
/* /Components/BPMFormBuilder/MultiSelectCheckbox.razor.rz.scp.css */
.multi-select-checkbox[b-uix533zhn8] {
    position: relative;
    width: 100%;
    color: #243656;
}

.multi-select-checkbox-trigger[b-uix533zhn8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: 38px;
    padding: 10px 12px;
    border: 1px solid var(--bpm-border, #cbd5e1);
    border-radius: 6px;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
}

.multi-select-checkbox-trigger:not(:disabled)[b-uix533zhn8] {
    cursor: pointer;
}

.multi-select-checkbox-trigger:focus-visible[b-uix533zhn8] {
    outline: 0;
    border-color: var(--bpm-focus, #2563eb);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bpm-focus, #2563eb) 16%, transparent);
}

.multi-select-checkbox-trigger:disabled[b-uix533zhn8] {
    cursor: default;
    opacity: 0.78;
}

.is-invalid .multi-select-checkbox-trigger[b-uix533zhn8] {
    border-color: #dc2626;
    box-shadow: inset 0 0 0 1px rgba(220, 38, 38, 0.08);
}

.multi-select-checkbox-summary[b-uix533zhn8] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multi-select-checkbox-chevron[b-uix533zhn8] {
    flex: 0 0 auto;
    color: #64748b;
    font-size: 1rem;
    line-height: 1;
    transition: transform 120ms ease;
}

.is-open .multi-select-checkbox-chevron[b-uix533zhn8] {
    transform: rotate(180deg);
}

.multi-select-checkbox-menu[b-uix533zhn8] {
    position: relative;
    z-index: 1;
    margin-top: 4px;
    max-height: 220px;
    overflow-y: auto;
    padding: 4px;
    border: 1px solid var(--bpm-border, #cbd5e1);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

.multi-select-checkbox-option[b-uix533zhn8] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 7px 8px;
    border-radius: 4px;
    color: #243656;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
}

.multi-select-checkbox-option:hover[b-uix533zhn8] {
    background: color-mix(in srgb, var(--bpm-primary, #2563eb) 9%, #fff);
}

.multi-select-checkbox-option input[type="checkbox"][b-uix533zhn8] {
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;
    margin: 0;
    padding: 0;
    accent-color: var(--bpm-primary, #2563eb);
}

.multi-select-checkbox-empty[b-uix533zhn8] {
    padding: 9px 10px;
    color: #64748b;
    font-size: 0.8rem;
}

.multi-select-checkbox:has(.multi-select-checkbox-trigger:disabled) .multi-select-checkbox-option[b-uix533zhn8] {
    cursor: default;
}
/* /Components/BPMFormBuilder/Pages/WorkflowDesigner.razor.rz.scp.css */
:root[b-qbna2gsovk] {
    --wd-blue: #155ee8;
    --wd-blue-soft: #eef5ff;
    --wd-green: #16a34a;
    --wd-green-soft: #ecfdf3;
    --wd-amber: #f59e0b;
    --wd-amber-soft: #fff7ed;
    --wd-purple: #6d28d9;
    --wd-purple-soft: #f3e8ff;
    --wd-red: #dc2626;
    --wd-red-soft: #fff1f2;
    --wd-ink: #071633;
    --wd-muted: #64748b;
    --wd-border: #d7e3f4;
    --wd-card: #ffffff;
    --wd-page: #f6f9fe;
    --wd-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.workflow-guided-toolbar[b-qbna2gsovk]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:1px solid #d6e3f4;border-radius:10px;margin:1rem 0;color:#183651}
.workflow-guided-toolbar p[b-qbna2gsovk]{margin:.3rem 0;font-size:13px;color:#526c85}
.workflow-issues[b-qbna2gsovk]{padding:1rem 1.5rem;border-left:4px solid #d89626;background:#fff5e3;color:#74531c;border-radius:6px}
.workflow-edit-surface[b-qbna2gsovk]{border:0;padding:0;margin:0;min-width:0}
.workflow-designer-main[hidden][b-qbna2gsovk]{display:none}

.workflow-designer-shell[b-qbna2gsovk] {
    --module-width: 14rem;
    --forms-width: 18.75rem;
    --properties-width: 23.5rem;
    min-height: 100vh;
    padding: 0.9rem 1rem 1.2rem;
    background:
        radial-gradient(circle at top left, rgba(21, 94, 232, 0.08), transparent 34rem),
        linear-gradient(180deg, #fbfdff 0%, var(--wd-page) 100%);
    color: var(--wd-ink);
}

.workflow-designer-shell.modules-collapsed[b-qbna2gsovk] {
    --module-width: 4.75rem;
}

.workflow-designer-shell.forms-collapsed[b-qbna2gsovk] {
    --forms-width: 4.75rem;
}

.workflow-designer-shell.properties-collapsed[b-qbna2gsovk] {
    --properties-width: 4.75rem;
}

.workflow-designer-header[b-qbna2gsovk] {
    position: sticky;
    top: 0.65rem;
    z-index: 40;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 0.25rem 0.8rem;
    background:
        linear-gradient(180deg, rgba(251, 253, 255, 0.98) 0%, rgba(246, 249, 254, 0.94) 100%);
    backdrop-filter: blur(10px);
}

.workflow-brand[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.workflow-logo[b-qbna2gsovk] {
    width: 2.6rem;
    height: 2.6rem;
    display: grid;
    place-items: center;
    border-radius: 0.75rem;
    color: var(--wd-blue);
    background: #ffffff;
    border: 0.14rem solid #bcd4ff;
    box-shadow: 0 0.75rem 1.5rem rgba(21, 94, 232, 0.12);
}

.workflow-logo .workspace-icon[b-qbna2gsovk] {
    width: 1.5rem;
    height: 1.5rem;
}

.workflow-brand h1[b-qbna2gsovk] {
    margin: 0;
    color: #08163a;
    font-size: 1.45rem;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: 0;
}

.workflow-brand p[b-qbna2gsovk] {
    margin: 0.25rem 0 0;
    color: #172554;
    font-size: 0.86rem;
    font-weight: 500;
}

.workflow-header-actions[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-left: auto;
    padding: 0.75rem 0.85rem;
    border: 1px solid #c7d8ee;
    border-radius: 1rem;
    background:
        radial-gradient(circle at top center, rgba(96, 165, 250, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 250, 255, 0.97) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 18px 36px rgba(15, 23, 42, 0.14),
        0 6px 16px rgba(21, 94, 232, 0.10);
    backdrop-filter: blur(12px);
    overflow: visible;
}

.workflow-header-actions[b-qbna2gsovk]::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(191, 219, 254, 0.75));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.save-feedback-toast[b-qbna2gsovk] {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    width: min(360px, calc(100vw - 2rem));
    display: flex;
    align-items: center;
    gap: 0.95rem;
    padding: 1rem 1.05rem;
    border-radius: 20px;
    border: 1px solid rgba(191, 219, 254, 0.85);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
    box-shadow: 0 22px 54px rgba(37, 99, 235, 0.18);
    z-index: 121;
    animation: dialog-pop-in 220ms ease-out;
    pointer-events: none;
}

.save-feedback-icon[b-qbna2gsovk] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
    background: rgba(219, 234, 254, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    flex: 0 0 auto;
}

.save-feedback-icon.success[b-qbna2gsovk] {
    color: #047857;
    background: rgba(209, 250, 229, 0.95);
}

.save-feedback-icon.warning[b-qbna2gsovk] {
    color: #b45309;
    background: rgba(254, 243, 199, 0.95);
}

.save-feedback-icon.danger[b-qbna2gsovk] {
    color: #b91c1c;
    background: rgba(254, 226, 226, 0.95);
}

.save-feedback-copy[b-qbna2gsovk] {
    display: grid;
    gap: 0.2rem;
}

.save-feedback-copy strong[b-qbna2gsovk] {
    color: #0f172a;
    font-size: 1rem;
    letter-spacing: 0.01em;
}

.save-feedback-copy p[b-qbna2gsovk] {
    margin: 0;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.45;
}

.publish-confirm-backdrop[b-qbna2gsovk] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.28);
    z-index: 120;
}

.publish-confirm-dialog[b-qbna2gsovk] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(460px, calc(100vw - 2rem));
    padding: 1.25rem;
    border-radius: 22px;
    border: 1px solid rgba(191, 219, 254, 0.85);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 250, 255, 0.97) 100%);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
    z-index: 121;
    animation: dialog-pop-in 220ms ease-out;
}

.publish-processing-dialog[b-qbna2gsovk] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(100%, 24rem);
    display: grid;
    justify-items: center;
    gap: 0.8rem;
    padding: 1.35rem 1.4rem;
    border: 1px solid #d9e4f2;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1.2rem 2.2rem rgba(15, 23, 42, 0.16);
    text-align: center;
    z-index: 121;
}

.publish-confirm-eyebrow[b-qbna2gsovk] {
    margin: 0 0 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.publish-confirm-dialog h3[b-qbna2gsovk] {
    margin: 0;
    color: #0f172a;
    font-size: 1.2rem;
}

.publish-confirm-copy[b-qbna2gsovk] {
    margin: 0.75rem 0 0;
    color: #475569;
    line-height: 1.5;
}

.publish-confirm-actions[b-qbna2gsovk] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
}

.publish-processing-spinner[b-qbna2gsovk] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 3px solid #d9e4f2;
    border-top-color: #2f6ff2;
    animation: workspace-save-processing-spin-b-qbna2gsovk 0.8s linear infinite;
}

.publish-processing-progress[b-qbna2gsovk] {
    width: 100%;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e4edf8;
}

.publish-processing-progress span[b-qbna2gsovk] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2f6ff2 0%, #6ea8ff 100%);
    animation: workspace-save-processing-progress-slide-b-qbna2gsovk 1.2s ease-in-out infinite;
}

@keyframes workspace-save-processing-spin-b-qbna2gsovk {
    to {
        transform: rotate(360deg);
    }
}

@keyframes workspace-save-processing-progress-slide-b-qbna2gsovk {
    0% {
        transform: translateX(-110%);
    }
    50% {
        transform: translateX(80%);
    }
    100% {
        transform: translateX(260%);
    }
}

.workflow-status[b-qbna2gsovk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #172554;
    font-size: 0.78rem;
    font-weight: 600;
}

.workflow-status strong[b-qbna2gsovk] {
    padding: 0.28rem 0.65rem;
    border-radius: 0.45rem;
    color: #166534;
    background: #dcfce7;
    font-size: 0.75rem;
}

.version-select[b-qbna2gsovk],
.header-button[b-qbna2gsovk],
.close-button[b-qbna2gsovk] {
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--wd-border);
    border-radius: 0.45rem;
    background: #ffffff;
    color: #0f2453;
    font-size: 0.78rem;
    font-weight: 600;
    box-shadow: 0 0.25rem 0.8rem rgba(15, 23, 42, 0.04);
}

.header-button.is-saving[b-qbna2gsovk] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    opacity: 0.92;
}

.toolbar-save-spinner[b-qbna2gsovk] {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 999px;
    border: 2px solid rgba(37, 99, 235, 0.18);
    border-top-color: #2563eb;
    animation: save-feedback-spin-b-qbna2gsovk 0.9s linear infinite;
}

@keyframes save-feedback-spin-b-qbna2gsovk {
    to {
        transform: rotate(360deg);
    }
}

.version-select[b-qbna2gsovk] {
    padding: 0 0.6rem;
}

.version-select span[b-qbna2gsovk] {
    color: #334155;
}

.version-select select[b-qbna2gsovk] {
    min-width: 8.5rem;
    border: 0;
    outline: 0;
    color: #0f172a;
    background: transparent;
    font-size: 0.78rem;
    font-weight: 600;
}

.header-button[b-qbna2gsovk] {
    padding: 0 0.85rem;
    border: 1px solid #cfdced;
    border-radius: 0.62rem;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: 0 2px 0 #c5d4e8, 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease;
    cursor: pointer;
}

.header-button.navigation[b-qbna2gsovk] {
    border-color: #bcd4ff;
    color: #155ee8;
    background: #f5f9ff;
}

.header-button.primary[b-qbna2gsovk] {
    color: #ffffff;
    border-color: #1e61db;
    background: linear-gradient(180deg, #2f83ff 0%, #1463df 100%);
    box-shadow: 0 2px 0 #0f4db0, 0 12px 20px rgba(20, 99, 223, 0.3);
}

.header-button:hover:not(:disabled)[b-qbna2gsovk] {
    border-color: #8eb6ef;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%);
    box-shadow: 0 2px 0 #b8cce6, 0 10px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.header-button:active:not(:disabled)[b-qbna2gsovk] {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #c5d4e8, 0 3px 8px rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ecf4ff 0%, #dfeeff 100%);
}

.header-button.primary:hover:not(:disabled)[b-qbna2gsovk] {
    border-color: #1858c7;
    background: linear-gradient(180deg, #4690ff 0%, #1a6ae8 100%);
    box-shadow: 0 2px 0 #0e4aa6, 0 14px 22px rgba(20, 99, 223, 0.35);
}

.header-button.primary:active:not(:disabled)[b-qbna2gsovk] {
    box-shadow: 0 1px 0 #0f4db0, 0 4px 10px rgba(20, 99, 223, 0.28);
}

.header-button:focus-visible[b-qbna2gsovk] {
    outline: 3px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

.header-button .workspace-icon[b-qbna2gsovk],
.close-button .workspace-icon[b-qbna2gsovk] {
    width: 1rem;
    height: 1rem;
    margin-right: 0;
}

.close-button[b-qbna2gsovk] {
    width: 2.35rem;
    justify-content: center;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

.workflow-context-strip[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: minmax(16rem, 1.2fr) repeat(3, minmax(12rem, 1fr)) minmax(11rem, 0.8fr);
    gap: 0.65rem;
    margin: 0 0 0.8rem;
}

.context-card[b-qbna2gsovk] {
    min-width: 0;
    min-height: 4.15rem;
    display: grid;
    align-content: center;
    gap: 0.14rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid #d7e3f4;
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0.45rem 1.1rem rgba(15, 23, 42, 0.05);
}

.context-card.project[b-qbna2gsovk] {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    align-items: center;
    column-gap: 0.65rem;
}

.context-card.compact[b-qbna2gsovk] {
    min-width: 10.5rem;
}

.context-icon[b-qbna2gsovk] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: 0.5rem;
    color: #155ee8;
    background: #eaf2ff;
}

.context-icon .workspace-icon[b-qbna2gsovk] {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0;
}

.context-card small[b-qbna2gsovk],
.context-card span[b-qbna2gsovk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.context-card small[b-qbna2gsovk] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
}

.context-card strong[b-qbna2gsovk] {
    overflow: hidden;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.context-card span[b-qbna2gsovk] {
    color: #315078;
    font-size: 0.71rem;
    font-weight: 500;
}

.workflow-designer-main[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: var(--module-width) var(--forms-width) minmax(38rem, 1fr) var(--properties-width);
    grid-template-rows: minmax(39rem, calc(100vh - 19rem)) auto;
    gap: 0.7rem;
    align-items: stretch;
}

.wd-panel[b-qbna2gsovk] {
    min-width: 0;
    border: 1px solid var(--wd-border);
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--wd-shadow);
    overflow: hidden;
}

.module-explorer[b-qbna2gsovk] {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.forms-explorer[b-qbna2gsovk] {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.canvas-panel[b-qbna2gsovk] {
    grid-column: 3;
    grid-row: 1;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
}

.properties-panel[b-qbna2gsovk] {
    grid-column: 4;
    grid-row: 1 / span 2;
}

.toolbox-panel[b-qbna2gsovk] {
    grid-column: 2 / 4;
    grid-row: 2;
}

.panel-heading[b-qbna2gsovk],
.toolbox-header[b-qbna2gsovk] {
    min-height: 3.55rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid var(--wd-border);
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.panel-title[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.step-dot[b-qbna2gsovk] {
    width: 1.45rem;
    height: 1.45rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    color: #ffffff;
    background: var(--wd-blue);
    font-size: 0.76rem;
    font-weight: 600;
}

.step-dot.purple[b-qbna2gsovk] {
    background: var(--wd-purple);
}

.panel-title h2[b-qbna2gsovk] {
    margin: 0;
    overflow: hidden;
    color: #0b4bc5;
    font-size: 0.84rem;
    line-height: 1.15;
    font-weight: 600;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}

.panel-title p[b-qbna2gsovk] {
    margin: 0.16rem 0 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.69rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collapse-button[b-qbna2gsovk] {
    width: 1.9rem;
    height: 1.9rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid #c8d7ed;
    border-radius: 0.45rem;
    background: #ffffff;
    color: #315078;
    cursor: pointer;
}

.collapse-button .workspace-icon[b-qbna2gsovk] {
    width: 1rem;
    height: 1rem;
    margin-right: 0;
}

.panel-body[b-qbna2gsovk] {
    padding: 0.8rem;
    box-sizing: border-box;
}

.panel-body h3[b-qbna2gsovk] {
    margin: 0 0 0.65rem;
    color: #0f172a;
    font-size: 0.83rem;
    font-weight: 600;
}

.collapsed-rail[b-qbna2gsovk] {
    height: calc(100% - 3.55rem);
    min-height: 16rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.55rem;
    color: #164fc7;
}

.collapsed-rail .workspace-icon[b-qbna2gsovk] {
    width: 1.35rem;
    height: 1.35rem;
    margin-right: 0;
}

.collapsed-rail span[b-qbna2gsovk] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #0f2f6e;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.module-body[b-qbna2gsovk] {
    display: grid;
    grid-template-rows: auto auto 1fr;
    height: calc(100% - 3.55rem);
}

.module-list[b-qbna2gsovk],
.form-list[b-qbna2gsovk],
.field-list[b-qbna2gsovk] {
    display: grid;
    gap: 0.42rem;
}

.field-shortcut-button[b-qbna2gsovk] {
    margin-top: 0.65rem;
    min-height: 2.15rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid #9ec4ff;
    border-radius: 0.45rem;
    background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
    color: #155ee8;
    font-size: 0.74rem;
    font-weight: 600;
    white-space: nowrap;
    position: sticky;
    bottom: 0;
    z-index: 2;
    box-shadow: 0 -0.2rem 0.5rem rgba(255, 255, 255, 0.92);
    cursor: pointer;
}

.field-shortcut-button:disabled[b-qbna2gsovk] {
    opacity: 0.5;
    cursor: not-allowed;
}

.module-row[b-qbna2gsovk],
.form-row[b-qbna2gsovk],
.field-row[b-qbna2gsovk],
.template-row[b-qbna2gsovk] {
    min-width: 0;
    display: grid;
    align-items: center;
    border: 1px solid #dce7f6;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
}

.module-row[b-qbna2gsovk] {
    grid-template-columns: 1.6rem minmax(0, 1fr) auto;
    gap: 0.6rem;
    min-height: 2.28rem;
    padding: 0.38rem 0.5rem;
    border-radius: 0.42rem;
}

.module-row.selected[b-qbna2gsovk] {
    border-color: #9ec4ff;
    background: linear-gradient(90deg, #eef5ff, #ffffff);
}

.module-row strong[b-qbna2gsovk],
.form-row span[b-qbna2gsovk],
.field-row strong[b-qbna2gsovk],
.template-row span[b-qbna2gsovk] {
    overflow: hidden;
    font-size: 0.76rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module-row em[b-qbna2gsovk] {
    min-width: 1.25rem;
    padding: 0.1rem 0.32rem;
    border: 1px solid #bcd1ec;
    border-radius: 999px;
    color: #315078;
    background: #f8fbff;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 600;
    text-align: center;
}

.module-icon[b-qbna2gsovk] {
    width: 1.45rem;
    height: 1.45rem;
    display: grid;
    place-items: center;
    border-radius: 0.35rem;
}

.module-icon .workspace-icon[b-qbna2gsovk] {
    width: 0.95rem;
    height: 0.95rem;
    margin-right: 0;
}

.module-icon.blue[b-qbna2gsovk],
.summary-icon.blue[b-qbna2gsovk] {
    color: #155ee8;
    background: #eaf2ff;
}

.module-icon.green[b-qbna2gsovk],
.summary-icon.green[b-qbna2gsovk] {
    color: #16a34a;
    background: #e8f9ef;
}

.module-icon.orange[b-qbna2gsovk],
.summary-icon.amber[b-qbna2gsovk] {
    color: #d97706;
    background: #fff4df;
}

.summary-icon.purple[b-qbna2gsovk] {
    color: #6d28d9;
    background: #f3e8ff;
}

.summary-icon.red[b-qbna2gsovk] {
    color: #dc2626;
    background: #fff1f2;
}

.module-icon.large[b-qbna2gsovk] {
    width: 2.25rem;
    height: 2.25rem;
}

.module-icon.large .workspace-icon[b-qbna2gsovk] {
    width: 1.25rem;
    height: 1.25rem;
}

.selected-module-card[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: 0.72rem;
    align-self: end;
    margin-top: 1rem;
    padding: 0.85rem;
    border: 1px solid #dce7f6;
    border-radius: 0.65rem;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

.selected-module-card strong[b-qbna2gsovk] {
    color: #164fc7;
    font-size: 0.82rem;
}

.selected-module-card dl[b-qbna2gsovk],
.selected-module-card div[b-qbna2gsovk],
.selected-module-card dt[b-qbna2gsovk],
.selected-module-card dd[b-qbna2gsovk] {
    margin: 0;
}

.selected-module-card dl[b-qbna2gsovk] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.55rem;
}

.selected-module-card dt[b-qbna2gsovk],
.selected-module-card dd[b-qbna2gsovk] {
    color: #0f172a;
    font-size: 0.73rem;
    line-height: 1.35;
}

.selected-module-card dt[b-qbna2gsovk] {
    font-weight: 600;
}

.forms-body[b-qbna2gsovk] {
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
    box-sizing: border-box;
    min-height: 0;
    overflow: hidden;
}

.form-row[b-qbna2gsovk] {
    grid-template-columns: 1.1rem minmax(0, 1fr) auto;
    gap: 0.55rem;
    min-height: 2.35rem;
    padding: 0.42rem 0.55rem;
    border-radius: 0.42rem;
}

.form-row.selected[b-qbna2gsovk] {
    background: linear-gradient(90deg, #eef5ff, #ffffff);
    border-color: #c2d9ff;
}

.form-row .workspace-icon[b-qbna2gsovk],
.field-row .workspace-icon[b-qbna2gsovk],
.template-row .workspace-icon[b-qbna2gsovk] {
    width: 0.95rem;
    height: 0.95rem;
    margin-right: 0;
    color: #155ee8;
}

.status-pill[b-qbna2gsovk] {
    padding: 0.18rem 0.42rem;
    border: 1px solid #cfd8e8;
    border-radius: 0.35rem;
    color: #334155;
    background: #f8fafc;
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 850;
}

.status-pill.active[b-qbna2gsovk] {
    color: #166534;
    border-color: #bbf7d0;
    background: #dcfce7;
}

.field-tabs[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0.75rem;
    border-bottom: 1px solid var(--wd-border);
}

.field-tabs button[b-qbna2gsovk] {
    min-height: 2.1rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.field-tabs button.active[b-qbna2gsovk] {
    color: #164fc7;
    border-bottom-color: #164fc7;
}

.field-search[b-qbna2gsovk] {
    min-height: 2.35rem;
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    margin: 0.7rem 0;
    padding: 0 0.65rem;
    border: 1px solid var(--wd-border);
    border-radius: 0.45rem;
    background: #ffffff;
}

.field-search .workspace-icon[b-qbna2gsovk] {
    width: 0.95rem;
    height: 0.95rem;
    margin-right: 0;
    color: #64748b;
}

.field-search input[b-qbna2gsovk] {
    width: 100%;
    border: 0;
    outline: 0;
    color: #0f172a;
    font-size: 0.76rem;
}

.field-list[b-qbna2gsovk] {
    align-content: start;
    grid-auto-rows: max-content;
    min-height: 0;
    overflow: auto;
    padding-right: 0.2rem;
}

.field-row[b-qbna2gsovk] {
    grid-template-columns: 1.4rem minmax(0, 1fr) 5.2rem;
    gap: 0.45rem;
    min-height: 2rem;
    padding: 0.36rem 0.45rem;
    border-radius: 0.25rem;
    text-align: left;
}

.field-row.selected[b-qbna2gsovk],
.section-row:hover[b-qbna2gsovk] {
    border-color: #9ec4ff;
    background: #eef5ff;
}

.field-row em[b-qbna2gsovk] {
    overflow: hidden;
    color: #334155;
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.field-icon[b-qbna2gsovk] {
    width: 1.25rem;
    height: 1.25rem;
    display: grid;
    place-items: center;
    border-radius: 0.3rem;
    background: #f8fbff;
}

.canvas-heading[b-qbna2gsovk] {
    padding-right: 1rem;
}

.canvas-toolbar[b-qbna2gsovk] {
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.45rem 0.75rem;
    border-bottom: 1px solid var(--wd-border);
    background: #ffffff;
}

.canvas-tool-group[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.canvas-tool-group button[b-qbna2gsovk],
.canvas-zoom-stack button[b-qbna2gsovk] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 0.4rem;
    color: #243b64;
    background: #ffffff;
    font-size: 0.86rem;
    font-weight: 900;
    cursor: pointer;
}

.canvas-tool-group button:hover[b-qbna2gsovk],
.canvas-zoom-stack button:hover[b-qbna2gsovk] {
    border-color: #c6d7ef;
    background: #f8fbff;
}

.canvas-tool-group button.active[b-qbna2gsovk] {
    border-color: #155ee8;
    color: #155ee8;
    background: #eef5ff;
}

.canvas-tool-group button:disabled[b-qbna2gsovk] {
    opacity: 0.42;
    cursor: not-allowed;
}

.canvas-tool-group .workspace-icon[b-qbna2gsovk],
.canvas-zoom-stack .workspace-icon[b-qbna2gsovk] {
    width: 0.95rem;
    height: 0.95rem;
    margin-right: 0;
}

.zoom-select select[b-qbna2gsovk] {
    min-width: 4.7rem;
    height: 2rem;
    padding: 0 0.5rem;
    border: 1px solid var(--wd-border);
    border-radius: 0.4rem;
    color: #0f172a;
    background: #ffffff;
    font-size: 0.74rem;
    font-weight: 850;
}

.auto-align[b-qbna2gsovk] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #0f172a;
    font-size: 0.72rem;
    font-weight: 850;
}

.canvas-status-message[b-qbna2gsovk] {
    min-width: 12rem;
    max-width: 20rem;
    overflow: hidden;
    color: #315078;
    font-size: 0.7rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.auto-align input[b-qbna2gsovk] {
    width: 2.3rem;
    height: 1.2rem;
    accent-color: var(--wd-green);
}

.workflow-canvas[b-qbna2gsovk] {
    position: relative;
    min-height: 0;
    overflow: auto;
    background:
        radial-gradient(circle, rgba(148, 163, 184, 0.34) 1px, transparent 1px),
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    background-size: 14px 14px, auto;
}

.canvas-world-frame[b-qbna2gsovk] {
    position: relative;
    min-width: 680px;
    min-height: 740px;
}

.canvas-world[b-qbna2gsovk] {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: top left;
}

.connector-layer[b-qbna2gsovk] {
    position: absolute;
    inset: 0;
    width: 680px;
    height: 740px;
}

.connector[b-qbna2gsovk] {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    cursor: pointer;
}

.connector-hit[b-qbna2gsovk] {
    fill: none;
    stroke: transparent;
    stroke-width: 14;
    cursor: pointer;
}

.connector.dark[b-qbna2gsovk] {
    stroke: #111827;
    marker-end: url(#arrow-blue);
}

.connector.yes[b-qbna2gsovk] {
    stroke: #16a34a;
    marker-end: url(#arrow-green);
}

.connector.preview-path[b-qbna2gsovk] {
    stroke-width: 4;
    filter: drop-shadow(0 0 4px rgba(21, 94, 232, 0.25));
}

.connector.selected[b-qbna2gsovk] {
    stroke-width: 4;
    filter: drop-shadow(0 0 6px rgba(21, 94, 232, 0.35));
}

.connector-label[b-qbna2gsovk] {
    fill: #16a34a;
    font-size: 13px;
    font-weight: 900;
}

.connector-no[b-qbna2gsovk] {
    fill: #111827;
    font-size: 13px;
    font-weight: 900;
}

.connector-label.selected[b-qbna2gsovk],
.connector-no.selected[b-qbna2gsovk] {
    fill: #155ee8;
}

.workflow-node[b-qbna2gsovk] {
    position: absolute;
    z-index: 2;
    min-width: 9rem;
    min-height: 4rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    cursor: pointer;
    touch-action: none;
}

.workflow-node .node-shape[b-qbna2gsovk] {
    min-height: 4rem;
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    align-items: center;
    gap: 0.52rem;
    padding: 0.55rem 0.7rem;
    border: 2px solid #93c5fd;
    border-radius: 0.5rem;
    background: #eff6ff;
    box-shadow: 0 0.65rem 1.4rem rgba(15, 23, 42, 0.08);
    text-align: left;
}

.workflow-node.condition[b-qbna2gsovk] {
    width: 9.2rem;
    height: 5.25rem;
    min-width: 9.2rem;
    min-height: 5.25rem;
}

.workflow-node.condition .node-shape[b-qbna2gsovk] {
    width: 6.7rem;
    height: 6.7rem;
    min-height: 6.7rem;
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    gap: 0;
    padding: 0.2rem;
    border-color: var(--wd-amber);
    border-radius: 0.35rem;
    background: #fff8e7;
    transform: translate(1.28rem, -0.75rem) rotate(45deg);
}

.workflow-node.condition .node-icon[b-qbna2gsovk],
.workflow-node.condition .node-copy[b-qbna2gsovk] {
    transform: rotate(-45deg);
}

.workflow-node.condition .node-icon[b-qbna2gsovk] {
    position: absolute;
    left: 0.62rem;
    top: 2.5rem;
}

.workflow-node.condition .node-copy[b-qbna2gsovk] {
    width: 5.9rem;
    display: grid;
    justify-items: center;
    text-align: center;
}

.workflow-node.start .node-shape[b-qbna2gsovk],
.workflow-node.end .node-shape[b-qbna2gsovk] {
    border-color: #86efac;
    background: #ecfdf3;
}

.workflow-node.action .node-shape[b-qbna2gsovk] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.workflow-node.action.danger .node-shape[b-qbna2gsovk] {
    border-color: #fca5a5;
    background: #fff1f2;
}

.workflow-node.approval .node-shape[b-qbna2gsovk] {
    border-color: #c4b5fd;
    background: #f5f0ff;
}

.workflow-node.selected .node-shape[b-qbna2gsovk] {
    outline: 3px solid rgba(21, 94, 232, 0.16);
    box-shadow: 0 0 0 3px rgba(21, 94, 232, 0.16), 0 0.8rem 1.6rem rgba(21, 94, 232, 0.12);
}

.workflow-node.connect-source .node-shape[b-qbna2gsovk] {
    outline: 3px solid rgba(22, 163, 74, 0.22);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.18), 0 0.8rem 1.6rem rgba(22, 163, 74, 0.12);
}

.workflow-node.preview-hit .node-shape[b-qbna2gsovk] {
    outline: 3px solid rgba(245, 158, 11, 0.28);
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.16), 0 0.8rem 1.6rem rgba(245, 158, 11, 0.12);
}

.node-icon[b-qbna2gsovk] {
    width: 1.75rem;
    height: 1.75rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #ffffff;
    background: #155ee8;
}

.workflow-node.start .node-icon[b-qbna2gsovk],
.workflow-node.end .node-icon[b-qbna2gsovk] {
    background: var(--wd-green);
}

.workflow-node.condition .node-icon[b-qbna2gsovk] {
    color: #155ee8;
    background: #eaf2ff;
}

.workflow-node.approval .node-icon[b-qbna2gsovk] {
    background: var(--wd-purple);
}

.workflow-node.danger .node-icon[b-qbna2gsovk] {
    background: var(--wd-red);
}

.node-icon .workspace-icon[b-qbna2gsovk] {
    width: 1rem;
    height: 1rem;
    margin-right: 0;
}

.node-copy[b-qbna2gsovk] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.node-copy em[b-qbna2gsovk],
.node-copy strong[b-qbna2gsovk],
.node-copy small[b-qbna2gsovk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.node-copy em[b-qbna2gsovk] {
    color: #1d4ed8;
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 600;
}

.workflow-node.condition .node-copy em[b-qbna2gsovk] {
    color: #92400e;
}

.node-copy strong[b-qbna2gsovk] {
    color: #0f172a;
    font-size: 0.72rem;
    line-height: 1.15;
    font-weight: 600;
}

.node-copy small[b-qbna2gsovk] {
    color: #0f172a;
    font-size: 0.64rem;
    line-height: 1.15;
    font-weight: 500;
}

.canvas-minimap[b-qbna2gsovk] {
    position: absolute;
    left: 0.75rem;
    bottom: 0.75rem;
    z-index: 3;
    width: 5.4rem;
    height: 7.2rem;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.18rem;
    padding: 0.4rem;
    border: 2px solid #3b82f6;
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 0.55rem 1rem rgba(15, 23, 42, 0.11);
}

.mini-node[b-qbna2gsovk] {
    width: 1.25rem;
    height: 0.18rem;
    border-radius: 999px;
    background: #93c5fd;
}

.mini-node.condition[b-qbna2gsovk] {
    width: 0.5rem;
    height: 0.5rem;
    transform: rotate(45deg);
    background: #fbbf24;
}

.mini-node.approval[b-qbna2gsovk] {
    background: #a78bfa;
}

.mini-node.start[b-qbna2gsovk],
.mini-node.end[b-qbna2gsovk] {
    background: #86efac;
}

.mini-node.danger[b-qbna2gsovk] {
    background: #fca5a5;
}

.canvas-zoom-stack[b-qbna2gsovk] {
    position: absolute;
    left: 6.65rem;
    bottom: 0.9rem;
    z-index: 3;
    display: grid;
    gap: 0.35rem;
}

.canvas-zoom-stack button[b-qbna2gsovk] {
    border-color: var(--wd-border);
    box-shadow: 0 0.35rem 0.9rem rgba(15, 23, 42, 0.08);
}

.properties-body[b-qbna2gsovk] {
    height: calc(100% - 3.55rem);
    overflow: auto;
    display: grid;
    align-content: start;
    gap: 0.75rem;
}

.empty-properties[b-qbna2gsovk] {
    margin: 0;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 500;
}

.property-row[b-qbna2gsovk],
.property-section label[b-qbna2gsovk] {
    display: grid;
    gap: 0.38rem;
}

.property-row span[b-qbna2gsovk],
.property-section label span[b-qbna2gsovk],
.paths-section span[b-qbna2gsovk] {
    color: #172554;
    font-size: 0.72rem;
    font-weight: 600;
}

.property-row select[b-qbna2gsovk],
.property-section input[b-qbna2gsovk],
.property-section select[b-qbna2gsovk],
.property-section textarea[b-qbna2gsovk] {
    width: 100%;
    min-height: 2.25rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid #d6e1f0;
    border-radius: 0.42rem;
    color: #0f172a;
    background: #ffffff;
    font-size: 0.74rem;
    font-weight: 500;
}

.property-section textarea[b-qbna2gsovk] {
    min-height: 4.2rem;
    resize: vertical;
}

.property-section[b-qbna2gsovk] {
    display: grid;
    gap: 0.65rem;
    padding-top: 0.15rem;
    border-top: 1px solid #e2e8f0;
}

.property-section h3[b-qbna2gsovk] {
    margin: 0;
    color: #164fc7;
    font-size: 0.76rem;
    font-weight: 600;
    text-transform: uppercase;
}

.two-column[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.radio-row[b-qbna2gsovk] {
    grid-template-columns: auto 6.2rem minmax(0, 1fr);
    align-items: center;
}

.radio-row input[type="radio"][b-qbna2gsovk],
.check-row input[b-qbna2gsovk] {
    width: 1rem;
    min-height: 1rem;
    padding: 0;
    accent-color: var(--wd-blue);
}

.radio-row.muted[b-qbna2gsovk] {
    opacity: 0.62;
}

.check-row[b-qbna2gsovk] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.configured-action[b-qbna2gsovk] {
    min-height: 2.35rem;
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.5rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.42rem;
    background: #f8fbff;
}

.configured-action .workspace-icon[b-qbna2gsovk] {
    width: 1rem;
    height: 1rem;
    margin-right: 0;
    color: #155ee8;
}

.configured-action strong[b-qbna2gsovk],
.configured-action span[b-qbna2gsovk] {
    color: #0f172a;
    font-size: 0.7rem;
    font-weight: 850;
}

.configured-action button[b-qbna2gsovk] {
    border: 0;
    background: transparent;
    color: #0f172a;
    cursor: pointer;
}

.add-action[b-qbna2gsovk] {
    justify-self: start;
    min-height: 2rem;
    padding: 0 0.65rem;
    border: 1px solid #9ec4ff;
    border-radius: 0.4rem;
    color: #155ee8;
    background: #ffffff;
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
}

.action-section p[b-qbna2gsovk] {
    margin: 0;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 650;
}

.delete-node[b-qbna2gsovk] {
    justify-self: start;
    min-height: 2.4rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.2rem;
    padding: 0 0.85rem;
    border: 1px solid #fecaca;
    border-radius: 0.45rem;
    color: #dc2626;
    background: #fff7f7;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

.delete-node .workspace-icon[b-qbna2gsovk] {
    width: 1rem;
    height: 1rem;
    margin-right: 0;
}

.delete-node:disabled[b-qbna2gsovk] {
    opacity: 0.5;
    cursor: not-allowed;
}

.secondary-delete[b-qbna2gsovk] {
    margin-top: 0.55rem;
    border-color: #bfdbfe;
    color: #155ee8;
    background: #eff6ff;
}

.selected-link-panel[b-qbna2gsovk] {
    gap: 0.8rem;
}

.selected-link-summary[b-qbna2gsovk] {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem 0.8rem;
    border: 1px solid #dbeafe;
    border-radius: 0.55rem;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
}

.selected-link-route[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    color: #0f172a;
}

.selected-link-route strong[b-qbna2gsovk] {
    font-size: 0.78rem;
    font-weight: 900;
}

.selected-link-arrow[b-qbna2gsovk] {
    color: #155ee8;
    font-size: 0.85rem;
    font-weight: 900;
}

.selected-link-summary small[b-qbna2gsovk] {
    color: #475569;
    font-size: 0.72rem;
    font-weight: 700;
}

.link-panel-close[b-qbna2gsovk] {
    justify-self: start;
    min-height: 2rem;
    padding: 0 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.42rem;
    color: #334155;
    background: #ffffff;
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
}

.toolbox-panel[b-qbna2gsovk] {
    min-height: 12.2rem;
}

.toolbox-body[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16rem;
    gap: 0.65rem;
    padding: 0.65rem;
}

.toolbox-categories[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: repeat(6, minmax(8rem, 1fr));
    gap: 0.45rem;
    overflow: auto;
}

.toolbox-category[b-qbna2gsovk] {
    min-width: 8rem;
    padding: 0.45rem;
    border: 1px solid #dce7f6;
    border-radius: 0.45rem;
    background: #ffffff;
}

.toolbox-category h3[b-qbna2gsovk],
.templates-card h3[b-qbna2gsovk] {
    margin: 0 0 0.42rem;
    color: #0f172a;
    font-size: 0.74rem;
    font-weight: 600;
}

.toolbox-category div[b-qbna2gsovk] {
    display: grid;
    gap: 0.32rem;
}

.tool-chip[b-qbna2gsovk] {
    min-height: 1.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    padding: 0 0.45rem;
    color: #0f172a;
    font-size: 0.68rem;
    font-weight: 600;
    text-align: left;
    cursor: grab;
}

.tool-chip:active[b-qbna2gsovk] {
    cursor: grabbing;
}

.tool-chip .workspace-icon[b-qbna2gsovk] {
    width: 0.82rem;
    height: 0.82rem;
    margin-right: 0;
}

.tool-chip.green[b-qbna2gsovk] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.tool-chip.amber[b-qbna2gsovk] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.tool-chip.purple[b-qbna2gsovk] {
    border-color: #ddd6fe;
    background: #faf5ff;
}

.tool-chip.orange[b-qbna2gsovk] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.tool-chip.red[b-qbna2gsovk] {
    border-color: #fecaca;
    background: #fff1f2;
}

.templates-card[b-qbna2gsovk] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0.38rem;
    padding: 0.45rem;
    border-left: 1px solid #e2e8f0;
}

.templates-header[b-qbna2gsovk],
.history-title[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.templates-header button[b-qbna2gsovk],
.history-title button[b-qbna2gsovk] {
    border: 0;
    color: #155ee8;
    background: transparent;
    font-size: 0.66rem;
    font-weight: 900;
    cursor: pointer;
}

.template-row[b-qbna2gsovk] {
    grid-template-columns: 1rem minmax(0, 1fr) auto;
    gap: 0.45rem;
    min-height: 1.95rem;
    padding: 0.25rem 0.4rem;
    border-radius: 0.3rem;
}

.template-row span[b-qbna2gsovk] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    overflow: hidden;
}

.template-row span strong[b-qbna2gsovk] {
    overflow: hidden;
    color: #0f172a;
    font-size: 0.72rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-row span small[b-qbna2gsovk] {
    overflow: hidden;
    color: #64748b;
    font-size: 0.58rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-row em[b-qbna2gsovk] {
    color: #155ee8;
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 600;
}

.template-row.selected[b-qbna2gsovk] {
    border-color: #9ec4ff;
    background: #eef5ff;
}

.create-template[b-qbna2gsovk] {
    min-height: 2rem;
    border: 1px solid #9ec4ff;
    border-radius: 0.35rem;
    color: #155ee8;
    background: #f5f9ff;
    font-size: 0.68rem;
    font-weight: 900;
}

.template-modal-overlay[b-qbna2gsovk] {
    position: fixed;
    inset: 0;
    z-index: 45;
    display: grid;
    place-items: center;
    padding: 1.2rem;
    background: rgba(7, 22, 51, 0.42);
    backdrop-filter: blur(3px);
}

.template-dialog[b-qbna2gsovk] {
    width: min(42rem, calc(100vw - 2.4rem));
    max-height: min(43rem, calc(100vh - 2.4rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 1px solid #bfd3f4;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 1.8rem 4rem rgba(15, 23, 42, 0.24);
    overflow: hidden;
}

.template-dialog-header[b-qbna2gsovk] {
    min-height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--wd-border);
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.template-dialog-header h2[b-qbna2gsovk] {
    margin: 0;
    color: #0b4bc5;
    font-size: 1rem;
    font-weight: 900;
}

.template-dialog-header p[b-qbna2gsovk] {
    margin: 0.18rem 0 0;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 750;
}

.template-dialog-body[b-qbna2gsovk] {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 1rem;
    overflow: auto;
}

.template-field[b-qbna2gsovk] {
    display: grid;
    gap: 0.35rem;
}

.template-field.full[b-qbna2gsovk],
.template-capture-note[b-qbna2gsovk],
.template-validation[b-qbna2gsovk] {
    grid-column: 1 / -1;
}

.template-field span[b-qbna2gsovk] {
    color: #172554;
    font-size: 0.72rem;
    font-weight: 900;
}

.template-field input[b-qbna2gsovk],
.template-field select[b-qbna2gsovk],
.template-field textarea[b-qbna2gsovk] {
    width: 100%;
    min-height: 2.35rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid #d6e1f0;
    border-radius: 0.42rem;
    color: #0f172a;
    background: #ffffff;
    font-size: 0.76rem;
    font-weight: 750;
}

.template-field textarea[b-qbna2gsovk] {
    resize: vertical;
}

.template-capture-note[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 0.5rem;
    background: #eff6ff;
}

.template-capture-note .workspace-icon[b-qbna2gsovk] {
    width: 2rem;
    height: 2rem;
    padding: 0.42rem;
    border-radius: 0.5rem;
    color: #155ee8;
    background: #dbeafe;
}

.template-capture-note strong[b-qbna2gsovk],
.template-capture-note span[b-qbna2gsovk] {
    display: block;
}

.template-capture-note strong[b-qbna2gsovk] {
    color: #0f2453;
    font-size: 0.78rem;
    font-weight: 900;
}

.template-capture-note span[b-qbna2gsovk] {
    margin-top: 0.15rem;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.35;
}

.template-validation[b-qbna2gsovk] {
    margin: 0;
    padding: 0.6rem 0.75rem;
    border: 1px solid #fecaca;
    border-radius: 0.45rem;
    color: #b91c1c;
    background: #fff1f2;
    font-size: 0.74rem;
    font-weight: 850;
}

.template-dialog-actions[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--wd-border);
    background: #f8fbff;
}

.template-cancel[b-qbna2gsovk],
.template-create[b-qbna2gsovk] {
    min-height: 2.35rem;
    padding: 0 0.85rem;
    border-radius: 0.45rem;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
}

.template-cancel[b-qbna2gsovk] {
    border: 1px solid #c8d7ed;
    color: #0f2453;
    background: #ffffff;
}

.template-create[b-qbna2gsovk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid #155ee8;
    color: #ffffff;
    background: #155ee8;
    box-shadow: 0 0.45rem 0.9rem rgba(21, 94, 232, 0.24);
}

.template-create .workspace-icon[b-qbna2gsovk] {
    width: 0.95rem;
    height: 0.95rem;
    color: #ffffff;
}

.workflow-footer-grid[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 14rem 18rem;
    gap: 0.7rem;
    margin-top: 0.7rem;
}

.summary-panel[b-qbna2gsovk],
.history-card[b-qbna2gsovk] {
    padding: 0.75rem;
}

.summary-panel h2[b-qbna2gsovk],
.history-card h2[b-qbna2gsovk] {
    margin: 0 0 0.55rem;
    color: #164fc7;
    font-size: 0.82rem;
    font-weight: 900;
}

.summary-grid[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: repeat(6, minmax(7rem, 1fr));
    gap: 0.65rem;
}

.summary-card[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-height: 3.7rem;
    padding: 0.65rem;
    border: 1px solid #dce7f6;
    border-radius: 0.5rem;
    background: #ffffff;
}

.summary-icon[b-qbna2gsovk] {
    width: 2.1rem;
    height: 2.1rem;
    display: grid;
    place-items: center;
    border-radius: 0.45rem;
}

.summary-icon .workspace-icon[b-qbna2gsovk] {
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0;
}

.summary-card small[b-qbna2gsovk] {
    display: block;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 800;
}

.summary-card strong[b-qbna2gsovk] {
    display: block;
    margin-top: 0.12rem;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.history-row[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
}

.history-row .workspace-icon[b-qbna2gsovk] {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0;
    color: #334155;
}

.history-row span[b-qbna2gsovk],
.history-row small[b-qbna2gsovk],
.version-row small[b-qbna2gsovk] {
    display: block;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 750;
}

.history-row strong[b-qbna2gsovk],
.version-row strong[b-qbna2gsovk] {
    display: block;
    color: #0f172a;
    font-size: 0.76rem;
    font-weight: 900;
}

.version-row[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem;
    border: 1px solid #dce7f6;
    border-radius: 0.45rem;
    background: #ffffff;
}

.version-row em[b-qbna2gsovk] {
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    color: #166534;
    background: #dcfce7;
    font-size: 0.65rem;
    font-style: normal;
    font-weight: 900;
}

.preview-overlay[b-qbna2gsovk] {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: grid;
    place-items: center;
    padding: 1.2rem;
    background: rgba(7, 22, 51, 0.38);
    backdrop-filter: blur(3px);
}

.preview-dialog[b-qbna2gsovk] {
    width: min(74rem, calc(100vw - 2.4rem));
    max-height: min(48rem, calc(100vh - 2.4rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    border: 1px solid #bfd3f4;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 1.8rem 4rem rgba(15, 23, 42, 0.24);
    overflow: hidden;
}

.preview-header[b-qbna2gsovk] {
    min-height: 4.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--wd-border);
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.preview-header h2[b-qbna2gsovk] {
    margin: 0;
    color: #0b4bc5;
    font-size: 1rem;
    font-weight: 900;
}

.preview-header p[b-qbna2gsovk] {
    margin: 0.18rem 0 0;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 750;
}

.preview-close[b-qbna2gsovk] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border: 1px solid #c8d7ed;
    border-radius: 0.45rem;
    color: #0f2453;
    background: #ffffff;
    font-size: 1.05rem;
    font-weight: 900;
    cursor: pointer;
}

.preview-layout[b-qbna2gsovk] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(18rem, 0.9fr) minmax(24rem, 1.3fr);
    gap: 0;
}

.preview-inputs[b-qbna2gsovk],
.preview-results[b-qbna2gsovk] {
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.preview-inputs[b-qbna2gsovk] {
    border-right: 1px solid var(--wd-border);
    background: #fbfdff;
}

.preview-section-title[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.preview-section-title h3[b-qbna2gsovk],
.preview-result-grid h3[b-qbna2gsovk] {
    margin: 0;
    color: #164fc7;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.preview-test-toolbar[b-qbna2gsovk] {
    position: sticky;
    top: -1rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: stretch;
    gap: 0.55rem;
    margin: 0 -1rem 0.85rem;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid #dbe7f6;
    background: linear-gradient(180deg, #fbfdff 0%, #f8fbff 100%);
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.06);
}

.preview-secondary[b-qbna2gsovk] {
    flex: 0 0 auto;
    min-height: 1.9rem;
    padding: 0 0.55rem;
    border: 1px solid #9ec4ff;
    border-radius: 0.38rem;
    color: #155ee8;
    background: #ffffff;
    font-size: 0.68rem;
    font-weight: 850;
    cursor: pointer;
}

.preview-help[b-qbna2gsovk],
.preview-empty[b-qbna2gsovk] {
    margin: 0 0 0.8rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 650;
}

.preview-field-grid[b-qbna2gsovk] {
    display: grid;
    gap: 0.55rem;
}

.preview-field[b-qbna2gsovk] {
    display: grid;
    gap: 0.3rem;
}

.preview-field span[b-qbna2gsovk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    color: #172554;
    font-size: 0.72rem;
    font-weight: 850;
}

.preview-field em[b-qbna2gsovk] {
    color: #64748b;
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 800;
}

.preview-field input[b-qbna2gsovk] {
    min-height: 2.2rem;
    width: 100%;
    padding: 0.4rem 0.52rem;
    border: 1px solid #d6e1f0;
    border-radius: 0.42rem;
    color: #0f172a;
    background: #ffffff;
    font-size: 0.74rem;
    font-weight: 700;
}

.preview-run[b-qbna2gsovk] {
    flex: 1 1 auto;
    min-height: 2.35rem;
    min-width: 9.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 0;
    padding: 0 0.85rem;
    border: 1px solid #155ee8;
    border-radius: 0.45rem;
    color: #ffffff;
    background: #155ee8;
    box-shadow: 0 0.45rem 0.9rem rgba(21, 94, 232, 0.24);
    font-size: 0.76rem;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}

.preview-run .workspace-icon[b-qbna2gsovk] {
    width: 0.95rem;
    height: 0.95rem;
    margin-right: 0;
    color: #ffffff;
}

.preview-result-card[b-qbna2gsovk] {
    display: grid;
    gap: 0.22rem;
    margin-bottom: 1rem;
    padding: 0.8rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.55rem;
    background: #f8fbff;
}

.preview-result-card strong[b-qbna2gsovk] {
    display: block;
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 900;
}

.preview-result-card span[b-qbna2gsovk] {
    color: #334155;
    font-size: 0.75rem;
    font-weight: 750;
}

.preview-result-card.success[b-qbna2gsovk] {
    border-color: #bbf7d0;
    background: #ecfdf3;
}

.preview-result-card.warning[b-qbna2gsovk] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.preview-result-card.danger[b-qbna2gsovk] {
    border-color: #fecaca;
    background: #fff1f2;
}

.preview-result-grid[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(15rem, 0.9fr);
    gap: 1rem;
}

.preview-steps[b-qbna2gsovk],
.preview-actions[b-qbna2gsovk] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.65rem;
}

.preview-step[b-qbna2gsovk] {
    min-height: 3.15rem;
    display: grid;
    grid-template-columns: 1.55rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.48rem;
    background: #ffffff;
}

.preview-step > span[b-qbna2gsovk] {
    width: 1.55rem;
    height: 1.55rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #ffffff;
    background: var(--wd-blue);
    font-size: 0.68rem;
    font-weight: 900;
}

.preview-step strong[b-qbna2gsovk],
.preview-action strong[b-qbna2gsovk] {
    display: block;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.74rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-step small[b-qbna2gsovk],
.preview-action span[b-qbna2gsovk] {
    display: block;
    color: #475569;
    font-size: 0.68rem;
    font-weight: 700;
}

.preview-step em[b-qbna2gsovk] {
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    color: #334155;
    background: #f1f5f9;
    font-size: 0.64rem;
    font-style: normal;
    font-weight: 900;
}

.preview-step.yes em[b-qbna2gsovk] {
    color: #166534;
    background: #dcfce7;
}

.preview-step.no em[b-qbna2gsovk],
.preview-step.warning em[b-qbna2gsovk] {
    color: #92400e;
    background: #fef3c7;
}

.preview-step.danger em[b-qbna2gsovk] {
    color: #b91c1c;
    background: #fee2e2;
}

.preview-action[b-qbna2gsovk] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr);
    align-items: start;
    gap: 0.55rem;
    padding: 0.65rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.48rem;
    background: #ffffff;
}

.preview-action .workspace-icon[b-qbna2gsovk] {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0.12rem 0 0;
    color: #155ee8;
}

.preview-action.approval[b-qbna2gsovk] {
    border-color: #ddd6fe;
    background: #faf5ff;
}

.preview-action.danger[b-qbna2gsovk] {
    border-color: #fecaca;
    background: #fff1f2;
}

@media (max-width: 1500px) {
    .workflow-designer-shell[b-qbna2gsovk] {
        --module-width: 13.5rem;
        --forms-width: 17.5rem;
        --properties-width: 22rem;
    }

    .toolbox-body[b-qbna2gsovk] {
        grid-template-columns: 1fr;
    }

    .templates-card[b-qbna2gsovk] {
        border-left: 0;
        border-top: 1px solid #e2e8f0;
    }

    .toolbox-categories[b-qbna2gsovk] {
        grid-template-columns: repeat(3, minmax(9rem, 1fr));
    }

    .summary-grid[b-qbna2gsovk] {
        grid-template-columns: repeat(3, minmax(7rem, 1fr));
    }

    .workflow-context-strip[b-qbna2gsovk] {
        grid-template-columns: repeat(3, minmax(12rem, 1fr));
    }
}

.workflow-designer-shell.canvas-focus-mode .module-explorer[b-qbna2gsovk],
.workflow-designer-shell.canvas-focus-mode .forms-explorer[b-qbna2gsovk],
.workflow-designer-shell.canvas-focus-mode .properties-panel[b-qbna2gsovk],
.workflow-designer-shell.canvas-focus-mode .toolbox-panel[b-qbna2gsovk],
.workflow-designer-shell.canvas-focus-mode .workflow-footer-grid[b-qbna2gsovk] {
    display: none;
}

.workflow-designer-shell.canvas-focus-mode .workflow-designer-main[b-qbna2gsovk] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(42rem, calc(100vh - 6rem));
}

.workflow-designer-shell.canvas-focus-mode .canvas-panel[b-qbna2gsovk] {
    grid-column: 1;
    grid-row: 1;
}

@media (max-width: 1180px) {
    .workflow-designer-header[b-qbna2gsovk],
    .workflow-header-actions[b-qbna2gsovk] {
        align-items: flex-start;
    }

    .workflow-designer-header[b-qbna2gsovk] {
        top: 0.5rem;
        flex-direction: column;
    }

    .workflow-header-actions[b-qbna2gsovk] {
        width: 100%;
        justify-content: flex-start;
    }

    .workflow-designer-main[b-qbna2gsovk] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .workflow-context-strip[b-qbna2gsovk] {
        grid-template-columns: 1fr;
    }

    .module-explorer[b-qbna2gsovk],
    .forms-explorer[b-qbna2gsovk],
    .canvas-panel[b-qbna2gsovk],
    .properties-panel[b-qbna2gsovk],
    .toolbox-panel[b-qbna2gsovk] {
        grid-column: 1;
        grid-row: auto;
    }

    .canvas-panel[b-qbna2gsovk] {
        min-height: 42rem;
    }

    .workflow-footer-grid[b-qbna2gsovk] {
        grid-template-columns: 1fr;
    }

    .preview-layout[b-qbna2gsovk],
    .preview-result-grid[b-qbna2gsovk] {
        grid-template-columns: 1fr;
    }

    .preview-inputs[b-qbna2gsovk] {
        border-right: 0;
        border-bottom: 1px solid var(--wd-border);
    }
}
/* Compact guided workspace: keep the action and its sequence above secondary metadata. */
.guided-mode .workflow-designer-header[b-qbna2gsovk]{position:static;flex-wrap:wrap;padding-bottom:8px}.guided-mode .workflow-header-actions[b-qbna2gsovk]{box-shadow:none;padding:8px;gap:6px}.guided-mode .workflow-status[b-qbna2gsovk],.guided-mode .version-select[b-qbna2gsovk]{display:none}.guided-mode .workflow-brand h1[b-qbna2gsovk]{font-size:20px}.guided-mode .workflow-context-strip[b-qbna2gsovk]{grid-template-columns:1.3fr 1fr 1fr;margin-bottom:10px}.guided-mode .workflow-context-strip>.context-card:nth-child(2)[b-qbna2gsovk],.guided-mode .workflow-context-strip>.context-card:nth-child(5)[b-qbna2gsovk]{display:none}.guided-mode .workflow-guided-toolbar[b-qbna2gsovk]{padding:10px 14px;margin:10px 0;flex-wrap:wrap}.workflow-guided-toolbar label[b-qbna2gsovk]{font-size:12px}.workflow-guided-toolbar select[b-qbna2gsovk]{display:block;min-height:36px;border:1px solid #bed1eb;border-radius:6px;padding:6px;background:white;color:#193651}.guided-module-button[b-qbna2gsovk]{width:100%;border:1px solid #d6e2f3;background:white;color:#194576;border-radius:6px;padding:10px;text-align:left;margin-bottom:8px;font-size:12px;line-height:1.5;cursor:pointer}.guided-module-button.selected[b-qbna2gsovk]{background:#edf4ff;border-color:#73a0f2;font-weight:600}
@media(max-width:650px){.guided-mode .workflow-context-strip[b-qbna2gsovk]{grid-template-columns:1fr}.guided-mode .workflow-header-actions[b-qbna2gsovk]{justify-content:flex-start}.guided-mode .workflow-guided-toolbar>div[b-qbna2gsovk]{width:100%}}
/* /Components/BPMFormBuilder/PropertiesPanel.razor.rz.scp.css */
.properties[b-w0xsf184va] {
    background: #ffffff;
    border-left: 1px solid #e2e8f0;
    box-shadow: -12px 0 30px rgba(15, 23, 42, 0.04);
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 1rem;
    overflow-y: auto;
}

.panel-title[b-w0xsf184va] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.875rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

    .panel-title h3[b-w0xsf184va] {
        margin: 0;
        color: #0f172a;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: -0.01em;
    }

.icon-button[b-w0xsf184va] {
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    color: #64748b;
    background: #f1f5f9;
    cursor: pointer;
}

    .icon-button:hover[b-w0xsf184va] {
        color: #0f172a;
        background: #e2e8f0;
    }

.property-group[b-w0xsf184va] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1rem;
    margin-bottom: 1rem;
}

    .property-group h4[b-w0xsf184va] {
        margin: 0 0 0.875rem;
        color: #0f172a;
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.055em;
    }

.property-subtitle[b-w0xsf184va] {
    position: relative;
    margin: 1.1rem 0 0.85rem;
    padding: 0.75rem 0.95rem;
    border: 1px solid rgba(37, 99, 235, 0.35);
    border-radius: 12px;
    background: linear-gradient(135deg, #1d4ed8, #2563eb 55%, #3b82f6);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.28), 0 4px 10px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(30, 64, 175, 0.45);
    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.35);
}

    .property-subtitle[b-w0xsf184va]::before {
        content: "";
        position: absolute;
        inset: 1px;
        border-radius: 11px;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 58%);
    }

    .property-subtitle[b-w0xsf184va]::after {
        content: "";
        position: absolute;
        left: 0.95rem;
        right: 0.95rem;
        bottom: -0.55rem;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.45), transparent);
    }

.property-row[b-w0xsf184va] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

    .property-row.full[b-w0xsf184va] {
        grid-template-columns: 1fr;
    }

    .property-row.inline[b-w0xsf184va] {
        grid-template-columns: 1fr auto;
    }

    .property-row label[b-w0xsf184va] {
        color: #475569;
        font-size: 0.78rem;
        font-weight: 650;
    }

    .property-row input[b-w0xsf184va],
    .property-row select[b-w0xsf184va],
    .property-row textarea[b-w0xsf184va] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        border: 1px solid #cbd5e1;
        border-radius: 10px;
        background: #ffffff;
        color: #0f172a;
        font-size: 0.85rem;
        padding: 0.55rem 0.7rem;
        outline: none;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }

        .property-row input[type="color"][b-w0xsf184va] {
            height: 2.35rem;
            padding: 0.25rem;
            cursor: pointer;
        }

    .property-row textarea[b-w0xsf184va] {
        min-height: 5.5rem;
        resize: vertical;
    }

        .property-row input:focus[b-w0xsf184va],
        .property-row select:focus[b-w0xsf184va],
        .property-row textarea:focus[b-w0xsf184va] {
            border-color: #2563eb;
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
        }

    .property-row input:disabled[b-w0xsf184va] {
        color: #64748b;
        background: #f1f5f9;
    }

.property-actions[b-w0xsf184va] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 1rem;
}

    .property-actions button[b-w0xsf184va] {
        border: 1px solid #cbd5e1;
        border-radius: 10px;
        background: #ffffff;
        color: #334155;
        font-size: 0.8rem;
        font-weight: 650;
        padding: 0.55rem 0.7rem;
        cursor: pointer;
    }

        .property-actions button:hover[b-w0xsf184va] {
            border-color: #2563eb;
            color: #1d4ed8;
            background: #eff6ff;
        }

    .property-actions .danger[b-w0xsf184va] {
        border-color: #fecaca;
        color: #b91c1c;
        background: #fff1f2;
    }

.muted-text[b-w0xsf184va] {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.5;
}

.timezone-property-note[b-w0xsf184va] {
    display: block;
    padding: 0.65rem 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 0.75rem;
    background: #eff6ff;
    color: #1e40af;
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.45;
}

.numbering-property-note[b-w0xsf184va] {
    display: block;
    padding: 0.65rem 0.75rem;
    border: 1px solid #bbf7d0;
    border-radius: 0.75rem;
    background: #f0fdf4;
    color: #166534;
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.45;
}


.property-row[b-w0xsf184va] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

    .property-row label[b-w0xsf184va] {
        color: #475569;
        font-size: 0.78rem;
        font-weight: 650;
    }

.color-picker-shell[b-w0xsf184va] {
    position: relative;
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 0.35rem 0.65rem;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--selected-color) 16%, transparent), transparent 62%), #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .color-picker-shell:hover[b-w0xsf184va] {
        border-color: color-mix(in srgb, var(--selected-color) 55%, #cbd5e1);
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
        transform: translateY(-1px);
    }

    .color-picker-shell:focus-within[b-w0xsf184va] {
        border-color: var(--selected-color);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--selected-color) 22%, transparent);
    }

    .color-picker-shell input[type="color"][b-w0xsf184va] {
        width: 2.1rem;
        height: 2.1rem;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: transparent;
        cursor: pointer;
    }

        .color-picker-shell input[type="color"][b-w0xsf184va]::-webkit-color-swatch-wrapper {
            padding: 0;
        }

        .color-picker-shell input[type="color"][b-w0xsf184va]::-webkit-color-swatch {
            border: 2px solid #ffffff;
            border-radius: 999px;
            box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.16), 0 6px 14px rgba(15, 23, 42, 0.18);
        }

        .color-picker-shell input[type="color"][b-w0xsf184va]::-moz-color-swatch {
            border: 2px solid #ffffff;
            border-radius: 999px;
            box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.16), 0 6px 14px rgba(15, 23, 42, 0.18);
        }

.filter-default-date-option span[b-w0xsf184va] {
    color: #0f766e;
    font-weight: 700;
}

.color-picker-details[b-w0xsf184va] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.15rem;
}

.color-name[b-w0xsf184va] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.color-value[b-w0xsf184va] {
    width: fit-content;
    max-width: 100%;
    padding: 0.18rem 0.45rem;
    overflow: hidden;
    border-radius: 999px;
    background: #f8fafc;
    color: #0f172a;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.property-accordion[b-w0xsf184va] {
    --accordion-accent: #2563eb;
    --accordion-accent-soft: #eff6ff;
    --accordion-accent-border: #bfdbfe;
    --accordion-title: #172554;
    margin: 1rem 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

    .property-accordion summary[b-w0xsf184va] {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        min-height: 2rem;
        padding: 0.15rem 0 0.45rem;
        cursor: pointer;
        list-style: none;
        color: var(--accordion-title);
    }

        .property-accordion summary[b-w0xsf184va]::-webkit-details-marker {
            display: none;
        }

        .property-accordion summary[b-w0xsf184va]::before {
            content: "\25B8";
            color: var(--accordion-title);
            font-size: 0.78rem;
            line-height: 1;
            transform: translateY(-0.02rem);
            transition: transform 0.15s ease;
        }

    .property-accordion[open] summary[b-w0xsf184va]::before {
        transform: rotate(90deg);
    }

    .property-accordion summary span[b-w0xsf184va] {
        display: flex;
        min-width: 0;
        align-items: center;
    }

    .property-accordion summary strong[b-w0xsf184va] {
        color: var(--accordion-title);
        font-size: 0.92rem;
        font-weight: 800;
        letter-spacing: -0.015em;
    }

    .property-accordion[open][b-w0xsf184va] {
        margin-top: 1.15rem;
        padding-bottom: 0.25rem;
    }

        .property-accordion[open] summary[b-w0xsf184va] {
            margin-bottom: 0.55rem;
            border-bottom: 1px solid var(--accordion-accent-border);
        }

        .property-accordion[open] > .property-row[b-w0xsf184va],
        .property-accordion[open] > .color-picker-shell[b-w0xsf184va] {
            margin-inline: 0;
        }

            .property-accordion[open] > .property-row:first-of-type[b-w0xsf184va],
            .property-accordion[open] > .color-picker-shell:first-of-type[b-w0xsf184va] {
                margin-top: 0.75rem;
            }

    .property-accordion .property-row[b-w0xsf184va] {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 0.95rem;
        margin-bottom: 0.95rem;
    }

        .property-accordion .property-row.full[b-w0xsf184va] {
            grid-template-columns: 1fr;
        }

            .property-accordion .property-row.full label[b-w0xsf184va] {
                margin-bottom: 0.35rem;
            }

        .property-accordion .property-row label[b-w0xsf184va] {
            color: #334155;
            font-size: 0.76rem;
            font-weight: 750;
        }

        .property-accordion .property-row.full textarea[b-w0xsf184va] {
            min-height: 4.4rem;
            padding: 0.75rem 0.85rem;
            border-radius: 8px;
        }

        .property-accordion .property-row select[b-w0xsf184va],
        .property-accordion .property-row input[b-w0xsf184va],
        .property-accordion .property-row textarea[b-w0xsf184va] {
            border-color: #dbe3ee;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
        }

.help-text-accordion[b-w0xsf184va] {
    --accordion-accent: #2563eb;
    --accordion-accent-soft: #eff6ff;
    --accordion-accent-border: #bfdbfe;
    --accordion-title: #172554;
}

    .help-text-accordion[open][b-w0xsf184va] {
        border-left: 3px solid var(--accordion-accent);
        padding-left: 0.85rem;
    }

    .help-text-accordion .property-row textarea:focus[b-w0xsf184va],
    .help-text-accordion .property-row select:focus[b-w0xsf184va],
    .help-text-accordion .property-row input:focus[b-w0xsf184va] {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
    }

.label-style-accordion[b-w0xsf184va] {
    --accordion-accent: #0f766e;
    --accordion-accent-soft: #f0fdfa;
    --accordion-accent-border: #99f6e4;
    --accordion-title: #134e4a;
}

    .label-style-accordion[open][b-w0xsf184va] {
        border-left: 3px solid var(--accordion-accent);
        padding-left: 0.85rem;
    }

    .label-style-accordion .property-row select:focus[b-w0xsf184va],
    .label-style-accordion .property-row input:focus[b-w0xsf184va],
    .label-style-accordion .property-row textarea:focus[b-w0xsf184va] {
        border-color: #0f766e;
        box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.13);
    }

.button-appearance-accordion[b-w0xsf184va],
.button-action-accordion[b-w0xsf184va] {
    --accordion-accent: #2563eb;
    --accordion-accent-soft: #eff6ff;
    --accordion-accent-border: #bfdbfe;
    --accordion-title: #1e3a8a;
}

.chart-zoom-accordion[b-w0xsf184va],
.stack-detail-popup-accordion[b-w0xsf184va],
.dashboard-data-accordion[b-w0xsf184va],
.kpi-card-accordion[b-w0xsf184va] {
    --accordion-title: #7c2d12;
    --accordion-accent-border: #fdba74;
    margin-top: 1.2rem;
    border: 1px solid #fdba74;
    border-radius: 12px;
    padding: 0.6rem 0.75rem 0.35rem;
    background:
        linear-gradient(180deg, rgba(255, 247, 237, 0.95), rgba(255, 251, 235, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(194, 65, 12, 0.12);
}

.chart-zoom-accordion > summary strong[b-w0xsf184va],
.stack-detail-popup-accordion > summary strong[b-w0xsf184va],
.dashboard-data-accordion > summary strong[b-w0xsf184va],
.kpi-card-accordion > summary strong[b-w0xsf184va] {
    color: #9a3412;
    letter-spacing: 0;
}

.button-global-settings-note[b-w0xsf184va] {
    display: block;
    padding: .65rem .75rem;
    border: 1px solid #bfdbfe;
    border-radius: .55rem;
    background: #eff6ff;
    color: #1e3a5f;
    font-size: .78rem;
    line-height: 1.45;
}

.button-appearance-settings[b-w0xsf184va] {
    display: grid;
    gap: .7rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.chart-zoom-accordion[open] > summary[b-w0xsf184va],
.stack-detail-popup-accordion[open] > summary[b-w0xsf184va],
.dashboard-data-accordion[open] > summary[b-w0xsf184va],
.kpi-card-accordion[open] > summary[b-w0xsf184va] {
    border-bottom-color: #fdba74;
}

.kpi-card-accordion[b-w0xsf184va] {
    --accordion-title: #0f766e;
    --accordion-accent-border: #99f6e4;
    border-color: #99f6e4;
    background: linear-gradient(180deg, rgba(240, 253, 250, 0.96), rgba(236, 253, 245, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(15, 118, 110, 0.1);
}

.kpi-card-accordion > summary strong[b-w0xsf184va] {
    color: #0f766e;
}

.kpi-card-accordion[open] > summary[b-w0xsf184va] {
    border-bottom-color: #99f6e4;
}

.chart-configuration-accordion[b-w0xsf184va],
.chart-appearance-accordion[b-w0xsf184va],
.chart-series-accordion[b-w0xsf184va] {
    margin-top: 1.2rem;
    border-radius: 12px;
    padding: 0.6rem 0.75rem 0.35rem;
    background: linear-gradient(180deg, var(--chart-accordion-top), var(--chart-accordion-bottom));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px var(--chart-accordion-shadow);
}

.chart-configuration-accordion[b-w0xsf184va] {
    --accordion-title: #1d4ed8;
    --accordion-accent: #2563eb;
    --accordion-accent-border: #93c5fd;
    --chart-accordion-top: rgba(239, 246, 255, 0.96);
    --chart-accordion-bottom: rgba(239, 246, 255, 0.88);
    --chart-accordion-shadow: rgba(37, 99, 235, 0.12);
    border: 1px solid #93c5fd;
}

.chart-appearance-accordion[b-w0xsf184va] {
    --accordion-title: #0f766e;
    --accordion-accent: #0f766e;
    --accordion-accent-border: #99f6e4;
    --chart-accordion-top: rgba(240, 253, 250, 0.96);
    --chart-accordion-bottom: rgba(236, 253, 245, 0.88);
    --chart-accordion-shadow: rgba(15, 118, 110, 0.12);
    border: 1px solid #99f6e4;
}

.chart-series-accordion[b-w0xsf184va] {
    --accordion-title: #7c3aed;
    --accordion-accent: #7c3aed;
    --accordion-accent-border: #c4b5fd;
    --chart-accordion-top: rgba(245, 243, 255, 0.96);
    --chart-accordion-bottom: rgba(250, 245, 255, 0.88);
    --chart-accordion-shadow: rgba(124, 58, 237, 0.12);
    border: 1px solid #c4b5fd;
}

.chart-configuration-accordion > summary strong[b-w0xsf184va],
.chart-appearance-accordion > summary strong[b-w0xsf184va],
.chart-series-accordion > summary strong[b-w0xsf184va] {
    letter-spacing: 0;
}

.chart-configuration-accordion[open] > summary[b-w0xsf184va],
.chart-appearance-accordion[open] > summary[b-w0xsf184va],
.chart-series-accordion[open] > summary[b-w0xsf184va] {
    border-bottom-color: var(--accordion-accent-border);
}

.grid-settings-accordion[b-w0xsf184va] {
    --accordion-accent: #0891b2;
    --accordion-accent-soft: #ecfeff;
    --accordion-accent-border: #a5f3fc;
    --accordion-title: #155e75;
}

    .button-appearance-accordion[open][b-w0xsf184va],
    .button-action-accordion[open][b-w0xsf184va] {
        border-left: 3px solid var(--accordion-accent);
        padding-left: 0.85rem;
    }

    .button-appearance-accordion .property-row select:focus[b-w0xsf184va],
    .button-appearance-accordion .property-row input:focus[b-w0xsf184va],
    .button-appearance-accordion .property-row textarea:focus[b-w0xsf184va],
    .button-action-accordion .property-row select:focus[b-w0xsf184va],
    .button-action-accordion .property-row input:focus[b-w0xsf184va],
    .button-action-accordion .property-row textarea:focus[b-w0xsf184va] {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
    }

.property-accordion .color-picker-shell[b-w0xsf184va] {
    border-color: #dbe3ee;
    border-radius: 10px;
}

.properties .property-accordion.component-settings-accordion[b-w0xsf184va],
.properties .property-accordion.help-text-accordion[b-w0xsf184va],
.properties .property-accordion.label-style-accordion[b-w0xsf184va] {
    margin: 1rem 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.properties .property-accordion > summary[b-w0xsf184va] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.8rem;
    padding: 0 0 0.45rem;
    border: 0;
    background: transparent;
    color: var(--accordion-title);
    cursor: pointer;
    list-style: none;
}

    .properties .property-accordion > summary[b-w0xsf184va]::-webkit-details-marker {
        display: none;
    }

    .properties .property-accordion > summary[b-w0xsf184va]::before {
        content: "\25B8";
        color: var(--accordion-title);
        font-size: 0.8rem;
        font-weight: 900;
        transition: transform 0.15s ease;
    }

.properties .property-accordion[open] > summary[b-w0xsf184va]::before {
    transform: rotate(90deg);
}

.properties .property-accordion > summary strong[b-w0xsf184va] {
    color: var(--accordion-title);
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: -0.015em;
}

.properties .property-accordion[open] > summary[b-w0xsf184va] {
    margin-bottom: 0.65rem;
    border-bottom: 1px solid var(--accordion-accent-border);
}

.properties .component-settings-accordion[b-w0xsf184va] {
    --accordion-title: #0f172a;
    --accordion-accent: #2563eb;
    --accordion-accent-border: #bfdbfe;
}

    .properties .component-settings-accordion[open][b-w0xsf184va] {
        padding-left: 0.85rem;
        border-left: 3px solid var(--accordion-accent);
    }

.properties .help-text-accordion[b-w0xsf184va] {
    --accordion-title: #1e3a8a;
    --accordion-accent: #2563eb;
    --accordion-accent-border: #bfdbfe;
}

    .properties .help-text-accordion[open][b-w0xsf184va] {
        padding-left: 0.85rem;
        border-left: 3px solid var(--accordion-accent);
    }

.properties .label-style-accordion[b-w0xsf184va] {
    --accordion-title: #115e59;
    --accordion-accent: #0f766e;
    --accordion-accent-border: #99f6e4;
}

    .properties .label-style-accordion[open][b-w0xsf184va] {
        padding-left: 0.85rem;
        border-left: 3px solid var(--accordion-accent);
    }

.properties .search-button-accordion[b-w0xsf184va] {
    --accordion-title: #0f766e;
    --accordion-accent: #0f766e;
    --accordion-accent-border: #99f6e4;
}

    .properties .search-button-accordion[open][b-w0xsf184va] {
        padding: 0.2rem 0 0.35rem 0.85rem;
        border-left: 3px solid var(--accordion-accent);
        border-radius: 0;
        background: linear-gradient(180deg, rgba(240, 253, 250, 0.75) 0%, rgba(240, 253, 250, 0) 100%);
    }

    .properties .search-button-accordion[open] > summary[b-w0xsf184va] {
        border-bottom-color: var(--accordion-accent-border);
    }

    .properties .search-button-accordion .property-row select:focus[b-w0xsf184va],
    .properties .search-button-accordion .property-row input:focus[b-w0xsf184va],
    .properties .search-button-accordion .property-row textarea:focus[b-w0xsf184va] {
        border-color: #0f766e;
        box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.13);
    }

.properties .button-appearance-accordion[b-w0xsf184va],
.properties .button-action-accordion[b-w0xsf184va] {
    --accordion-title: #1e3a8a;
    --accordion-accent: #2563eb;
    --accordion-accent-border: #bfdbfe;
}

    .properties .button-appearance-accordion[open][b-w0xsf184va],
    .properties .button-action-accordion[open][b-w0xsf184va] {
        padding-left: 0.85rem;
        border-left: 3px solid var(--accordion-accent);
    }

.properties .dashboard-data-accordion[open][b-w0xsf184va] {
    padding-left: 0.85rem;
    border-left: 3px solid #7c3aed;
}

.properties .chart-configuration-accordion[open][b-w0xsf184va] {
    padding-left: 0.85rem;
    border-left: 3px solid #2563eb;
}

.properties .chart-appearance-accordion[open][b-w0xsf184va] {
    padding-left: 0.85rem;
    border-left: 3px solid #0f766e;
}

.properties .chart-series-accordion[open][b-w0xsf184va] {
    padding-left: 0.85rem;
    border-left: 3px solid #7c3aed;
}

.properties .grid-settings-accordion[open][b-w0xsf184va] {
    padding-left: 0.85rem;
    border-left: 3px solid #0891b2;
}

.properties .grid-settings-accordion[open] > summary[b-w0xsf184va] {
    border-bottom-color: #a5f3fc;
}

.properties .grid-settings-accordion .property-subtitle[b-w0xsf184va] {
    margin: 0.95rem 0 0.65rem;
    padding: 0.2rem 0 0.35rem;
    border: 0;
    border-bottom: 1px solid #a5f3fc;
    border-radius: 0;
    background: transparent;
    color: #155e75;
    box-shadow: none;
    text-shadow: none;
}

.properties .grid-settings-accordion .property-subtitle[b-w0xsf184va]::before,
.properties .grid-settings-accordion .property-subtitle[b-w0xsf184va]::after {
    display: none;
}

.properties .grid-settings-accordion .property-row select:focus[b-w0xsf184va],
.properties .grid-settings-accordion .property-row input:focus[b-w0xsf184va],
.properties .grid-settings-accordion .property-row textarea:focus[b-w0xsf184va] {
    border-color: #0891b2;
    box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.12);
}

.properties .dashboard-data-accordion .property-row textarea[b-w0xsf184va] {
    min-height: 6.5rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.76rem;
    line-height: 1.45;
}

.properties .chart-configuration-accordion .property-row select:focus[b-w0xsf184va],
.properties .chart-configuration-accordion .property-row input:focus[b-w0xsf184va],
.properties .chart-configuration-accordion .property-row textarea:focus[b-w0xsf184va] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.properties .chart-appearance-accordion .property-row select:focus[b-w0xsf184va],
.properties .chart-appearance-accordion .property-row input:focus[b-w0xsf184va],
.properties .chart-appearance-accordion .property-row textarea:focus[b-w0xsf184va] {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.13);
}

.properties .chart-series-accordion .property-row select:focus[b-w0xsf184va],
.properties .chart-series-accordion .property-row input:focus[b-w0xsf184va],
.properties .chart-series-accordion .property-row textarea:focus[b-w0xsf184va] {
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.13);
}

.dashboard-sample-button[b-w0xsf184va] {
    width: 100%;
    margin-top: 0.1rem;
}

.grid-sample-editor textarea[b-w0xsf184va] {
    min-height: 7rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.76rem;
    line-height: 1.45;
}

.grid-sample-toolbar[b-w0xsf184va] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.35rem;
}

.filter-panel-validation-note[b-w0xsf184va] {
    display: block;
    padding: 0.65rem 0.75rem;
    border: 1px solid #fecaca;
    border-radius: 0.75rem;
    background: #fff1f2;
    color: #b91c1c;
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.45;
}

.grid-sample-toolbar label[b-w0xsf184va] {
    margin: 0;
}

.grid-sample-button[b-w0xsf184va] {
    flex: 0 0 auto;
}

.grid-sample-note[b-w0xsf184va] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.dashboard-binding-hint[b-w0xsf184va] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: -0.35rem;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dashboard-binding-label[b-w0xsf184va] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    width: 100%;
}

.dashboard-binding-badge[b-w0xsf184va] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.18rem 0.45rem;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    background: #f8fbff;
    color: #475569;
    font-size: 0.64rem;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.properties .property-accordion .property-row[b-w0xsf184va] {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 0.95rem;
    margin-bottom: 0.95rem;
}

    .properties .property-accordion .property-row.full[b-w0xsf184va] {
        grid-template-columns: 1fr;
    }

        .properties .property-accordion .property-row.full label[b-w0xsf184va] {
            margin-bottom: 0.35rem;
        }

    .properties .property-accordion .property-row label[b-w0xsf184va] {
        color: #1e293b;
        font-size: 0.76rem;
        font-weight: 750;
    }

    .properties .property-accordion .property-row textarea[b-w0xsf184va] {
        min-height: 4.4rem;
        border-radius: 8px;
    }

.properties .help-text-accordion .property-row textarea:focus[b-w0xsf184va],
.properties .help-text-accordion .property-row select:focus[b-w0xsf184va],
.properties .help-text-accordion .property-row input:focus[b-w0xsf184va] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.properties .filter-panel-settings-accordion .property-row textarea:focus[b-w0xsf184va],
.properties .filter-panel-settings-accordion .property-row select:focus[b-w0xsf184va],
.properties .filter-panel-settings-accordion .property-row input:focus[b-w0xsf184va] {
    border-color: #d97706;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.16);
}

.properties .label-style-accordion .property-row textarea:focus[b-w0xsf184va],
.properties .label-style-accordion .property-row select:focus[b-w0xsf184va],
.properties .label-style-accordion .property-row input:focus[b-w0xsf184va] {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.13);
}

.properties .property-accordion[b-w0xsf184va]  .color-picker-shell {
    border-color: #dbe3ee;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
}

.properties .help-text-accordion[b-w0xsf184va]  .color-picker-shell:focus-within {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.properties .filter-panel-settings-accordion[b-w0xsf184va]  .color-picker-shell:focus-within {
    border-color: #d97706;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.16);
}

.properties .label-style-accordion[b-w0xsf184va]  .color-picker-shell:focus-within {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.13);
}

.properties .field-property-group[b-w0xsf184va] {
    margin-bottom: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

/* Compact advanced field sections: Component + Help Text + Label Styling */
.properties .field-property-group > .property-accordion.component-settings-accordion[b-w0xsf184va],
.properties .field-property-group > .property-accordion.help-text-accordion[b-w0xsf184va],
.properties .field-property-group > .property-accordion.label-style-accordion[b-w0xsf184va] {
    width: 72%;
    min-width: 210px;
    max-width: 260px;
    margin: 0.65rem 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

    /* Keep expanded content professional and usable */
    .properties .field-property-group > .property-accordion.component-settings-accordion[open][b-w0xsf184va],
    .properties .field-property-group > .property-accordion.help-text-accordion[open][b-w0xsf184va],
    .properties .field-property-group > .property-accordion.label-style-accordion[open][b-w0xsf184va] {
        width: 100%;
        max-width: none;
        margin-top: 1rem;
        padding-left: 0.85rem;
    }

/* Compact collapsed title row */
.properties .field-property-group > .property-accordion > summary[b-w0xsf184va] {
    display: inline-flex;
    width: 100%;
    align-items: center;
    gap: 0.45rem;
    min-height: 1.75rem;
    padding: 0.15rem 0.35rem;
    border-radius: 8px;
    border: 0;
    background: transparent;
    list-style: none;
    cursor: pointer;
}

    .properties .field-property-group > .property-accordion > summary[b-w0xsf184va]::-webkit-details-marker {
        display: none;
    }

    .properties .field-property-group > .property-accordion > summary[b-w0xsf184va]::before {
        content: "\25B8";
        flex: 0 0 auto;
        font-size: 0.72rem;
        font-weight: 900;
        line-height: 1;
        color: var(--accordion-title);
        transition: transform 0.15s ease;
    }

.properties .field-property-group > .property-accordion[open] > summary[b-w0xsf184va]::before {
    transform: rotate(90deg);
}

.properties .field-property-group > .property-accordion > summary strong[b-w0xsf184va] {
    color: var(--accordion-title);
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: -0.015em;
    white-space: nowrap;
}

.properties .field-property-group > details.component-settings-accordion:not([open]) > summary[b-w0xsf184va],
.properties .field-property-group > details.component-settings-accordion:not([open]) > summary[b-w0xsf184va]::before,
.properties .field-property-group > details.component-settings-accordion:not([open]) > summary strong[b-w0xsf184va] {
    color: #1e3a8a !important;
}


.properties .field-property-group > details.label-style-accordion:not([open]) > summary[b-w0xsf184va],
.properties .field-property-group > details.label-style-accordion:not([open]) > summary[b-w0xsf184va]::before,
.properties .field-property-group > details.label-style-accordion:not([open]) > summary strong[b-w0xsf184va] {
    color: #115e59 !important;
}

/* Hover colors */
.properties .field-property-group > details.component-settings-accordion:not([open]) > summary:hover[b-w0xsf184va] {
    background: #eff6ff !important;
}

.properties .field-property-group > details.help-text-accordion:not([open]) > summary:hover[b-w0xsf184va] {
    background: #eff6ff !important;
}

.properties .field-property-group > details.label-style-accordion:not([open]) > summary:hover[b-w0xsf184va] {
    background: #f0fdfa !important;
}

/* When opened, expand back to full width for editing */
.properties .field-property-group > details.property-accordion.component-settings-accordion[open][b-w0xsf184va],
.properties .field-property-group > details.property-accordion.help-text-accordion[open][b-w0xsf184va],
.properties .field-property-group > details.property-accordion.label-style-accordion[open][b-w0xsf184va] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 1rem 0 !important;
    padding-left: 0.85rem !important;
}

/* Open-state accents */
.properties .field-property-group > details.component-settings-accordion[open][b-w0xsf184va] {
    border-left: 3px solid #2563eb !important;
}

.properties .field-property-group > details.help-text-accordion[open][b-w0xsf184va] {
    border-left: 3px solid #2563eb !important;
}

.properties .field-property-group > details.label-style-accordion[open][b-w0xsf184va] {
    border-left: 3px solid #0f766e !important;
}
/* Final override: compact collapsed section titles without clipping text */
body .properties details.component-settings-accordion:not([open])[b-w0xsf184va],
body .properties details.help-text-accordion:not([open])[b-w0xsf184va],
body .properties details.filter-panel-settings-accordion:not([open])[b-w0xsf184va],
body .properties details.label-style-accordion:not([open])[b-w0xsf184va] {
    display: block !important;
    inline-size: max-content !important;
    width: max-content !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 170px !important;
    max-width: 170px !important;
    margin-block: 0.45rem !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

    body .properties details.component-settings-accordion:not([open]) > summary[b-w0xsf184va],
    body .properties details.help-text-accordion:not([open]) > summary[b-w0xsf184va],
    body .properties details.filter-panel-settings-accordion:not([open]) > summary[b-w0xsf184va],
    body .properties details.label-style-accordion:not([open]) > summary[b-w0xsf184va] {
        display: inline-flex !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 170px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0.3rem !important;
        min-height: 1.6rem !important;
        padding: 0.1rem 0.2rem !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 6px !important;
        background: transparent !important;
        list-style: none !important;
        cursor: pointer !important;
        overflow: visible !important;
    }

        body .properties details.component-settings-accordion:not([open]) > summary span[b-w0xsf184va],
        body .properties details.help-text-accordion:not([open]) > summary span[b-w0xsf184va],
        body .properties details.filter-panel-settings-accordion:not([open]) > summary span[b-w0xsf184va],
        body .properties details.label-style-accordion:not([open]) > summary span[b-w0xsf184va] {
            display: inline-flex !important;
            min-width: 0 !important;
            max-width: none !important;
            overflow: visible !important;
        }

        body .properties details.component-settings-accordion:not([open]) > summary strong[b-w0xsf184va],
        body .properties details.help-text-accordion:not([open]) > summary strong[b-w0xsf184va],
        body .properties details.filter-panel-settings-accordion:not([open]) > summary strong[b-w0xsf184va],
        body .properties details.label-style-accordion:not([open]) > summary strong[b-w0xsf184va] {
            display: inline-block !important;
            max-width: none !important;
            overflow: visible !important;
            color: inherit !important;
            font-size: 0.82rem !important;
            font-weight: 800 !important;
            line-height: 1.35 !important;
            white-space: nowrap !important;
            text-overflow: clip !important;
        }

/* Expanded state returns to full width */
body .properties details.component-settings-accordion[open][b-w0xsf184va],
body .properties details.help-text-accordion[open][b-w0xsf184va],
body .properties details.filter-panel-settings-accordion[open][b-w0xsf184va],
body .properties details.label-style-accordion[open][b-w0xsf184va] {
    display: block !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 1rem 0 !important;
    padding-left: 0.85rem !important;
}

body .properties details.component-settings-accordion[open][b-w0xsf184va] {
    border-left: 3px solid #2563eb !important;
}

body .properties details.help-text-accordion[open][b-w0xsf184va] {
    border-left: 3px solid #2563eb !important;
}

body .properties details.filter-panel-settings-accordion[open][b-w0xsf184va] {
    border-left: 3px solid #d97706 !important;
}

body .properties details.label-style-accordion[open][b-w0xsf184va] {
    border-left: 3px solid #0f766e !important;
}

body .properties details.advanced-filter-settings-shell[b-w0xsf184va] {
    margin: 1rem 0;
    border: 1px solid #fdba74;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 247, 237, 0.96), rgba(255, 251, 235, 0.92));
    box-shadow: 0 10px 22px rgba(194, 65, 12, 0.1);
}

body .properties details.advanced-filter-settings-shell > summary[b-w0xsf184va] {
    padding: 0.72rem 0.85rem;
    color: #9a3412;
}

body .properties details.advanced-filter-settings-shell > summary[b-w0xsf184va]::before,
body .properties details.advanced-filter-settings-shell > summary strong[b-w0xsf184va] {
    color: #9a3412;
}

body .properties details.advanced-filter-settings-shell[open][b-w0xsf184va] {
    padding: 0.55rem 0.75rem 0.75rem;
    border-left: 3px solid #d97706;
}

body .properties details.advanced-filter-settings-shell[open] > summary[b-w0xsf184va] {
    margin-bottom: 0.45rem;
    padding: 0.25rem 0 0.55rem;
    border-bottom: 1px solid #fdba74;
}

body .properties details.advanced-filter-settings-shell .filter-panel-settings-accordion[b-w0xsf184va] {
    margin-top: 0.65rem;
}

body .properties details.advanced-filter-section-list-shell[b-w0xsf184va] {
    margin: 0.65rem 0 0;
    border: 1px solid #fed7aa;
    border-radius: 11px;
    background: rgba(255, 251, 235, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body .properties details.advanced-filter-section-list-shell > summary[b-w0xsf184va] {
    padding: 0.62rem 0.75rem;
    color: #9a3412;
}

body .properties details.advanced-filter-section-list-shell > summary[b-w0xsf184va]::before,
body .properties details.advanced-filter-section-list-shell > summary strong[b-w0xsf184va] {
    color: #9a3412;
}

body .properties details.advanced-filter-section-list-shell[open][b-w0xsf184va] {
    padding: 0.55rem 0.65rem 0.65rem;
}

body .properties details.advanced-filter-section-list-shell[open] > summary[b-w0xsf184va] {
    margin-bottom: 0.45rem;
    padding: 0 0 0.5rem;
    border-bottom: 1px solid #fed7aa;
}

body .properties details.advanced-filter-item-accordion[b-w0xsf184va] {
    margin-top: 0.75rem;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    background: #f0fdf4;
    overflow: hidden;
}

body .properties details.advanced-filter-item-accordion > summary[b-w0xsf184va] {
    padding: 0.85rem 1rem;
    background: linear-gradient(180deg, #dcfce7, #bbf7d0);
    color: #064e3b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body .properties details.advanced-filter-item-accordion > summary[b-w0xsf184va]::before,
body .properties details.advanced-filter-item-accordion > summary strong[b-w0xsf184va] {
    color: #064e3b;
}

body .properties details.advanced-filter-item-accordion[open][b-w0xsf184va] {
    border-color: #86efac;
    box-shadow: 0 10px 20px rgba(22, 163, 74, 0.12);
}

body .properties details.advanced-filter-item-accordion[open] > summary[b-w0xsf184va] {
    border-bottom: 1px solid #86efac;
}

.advanced-filter-item-actions[b-w0xsf184va] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-top: 0.65rem;
    border-top: 1px solid #bbf7d0;
}

.advanced-filter-target-list[b-w0xsf184va] {
    display: grid;
    gap: 0.5rem;
}

.advanced-filter-flow-note[b-w0xsf184va],
.kpi-binding-guide[b-w0xsf184va] {
    display: grid;
    gap: 0.25rem;
    margin: 0.25rem 0 0.95rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    background: linear-gradient(180deg, #eff6ff, #ffffff);
    color: #1e3a8a;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08);
}

.advanced-filter-flow-note strong[b-w0xsf184va],
.kpi-binding-guide strong[b-w0xsf184va] {
    color: #0f172a;
    font-size: 0.8rem;
    font-weight: 850;
}

.advanced-filter-flow-note span[b-w0xsf184va],
.kpi-binding-guide span[b-w0xsf184va] {
    color: #475569;
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1.35;
}

.kpi-binding-guide[b-w0xsf184va] {
    border-color: #99f6e4;
    background: linear-gradient(180deg, #f0fdfa, #ffffff);
}

.kpi-binding-advanced[b-w0xsf184va] {
    margin-top: 0.75rem;
}

.advanced-filter-target-option[b-w0xsf184va] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
}

.advanced-filter-target-option input[b-w0xsf184va] {
    width: 1rem;
    height: 1rem;
}

.advanced-filter-target-option span[b-w0xsf184va],
.advanced-filter-target-option strong[b-w0xsf184va],
.advanced-filter-target-option small[b-w0xsf184va] {
    min-width: 0;
}

.advanced-filter-target-option span[b-w0xsf184va] {
    display: grid;
    gap: 0.12rem;
}

.advanced-filter-target-option strong[b-w0xsf184va],
.advanced-filter-target-option small[b-w0xsf184va] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advanced-filter-target-option strong[b-w0xsf184va] {
    color: #0f172a;
    font-size: 0.8rem;
    font-weight: 800;
}

.advanced-filter-target-option small[b-w0xsf184va] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
}

/* Professional Help Text + Label Styling titles */
body .properties details.component-settings-accordion:not([open]) > summary[b-w0xsf184va],
body .properties details.help-text-accordion:not([open]) > summary[b-w0xsf184va],
body .properties details.filter-panel-settings-accordion:not([open]) > summary[b-w0xsf184va],
body .properties details.label-style-accordion:not([open]) > summary[b-w0xsf184va] {
    position: relative !important;
    padding: 0.45rem 0.7rem !important;
    border-radius: 10px !important;
    border: 1px solid rgba(37, 99, 235, 0.18) !important;
    background: linear-gradient(135deg, #ffffff, #eff6ff) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10), 0 3px 8px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

body .properties details.component-settings-accordion:not([open]) > summary[b-w0xsf184va] {
    border-color: rgba(37, 99, 235, 0.28) !important;
    background: linear-gradient(135deg, #ffffff, #eff6ff) !important;
}

body .properties details.help-text-accordion:not([open]) > summary[b-w0xsf184va] {
    border-color: rgba(37, 99, 235, 0.28) !important;
    background: linear-gradient(135deg, #ffffff, #eff6ff) !important;
}

body .properties details.filter-panel-settings-accordion:not([open]) > summary[b-w0xsf184va] {
    border-color: rgba(217, 119, 6, 0.28) !important;
    background: linear-gradient(135deg, #ffffff, #fffbeb) !important;
}

body .properties details.label-style-accordion:not([open]) > summary[b-w0xsf184va] {
    border-color: rgba(15, 118, 110, 0.28) !important;
    background: linear-gradient(135deg, #ffffff, #f0fdfa) !important;
}

    body .properties details.component-settings-accordion:not([open]) > summary:hover[b-w0xsf184va],
    body .properties details.help-text-accordion:not([open]) > summary:hover[b-w0xsf184va],
    body .properties details.filter-panel-settings-accordion:not([open]) > summary:hover[b-w0xsf184va],
    body .properties details.label-style-accordion:not([open]) > summary:hover[b-w0xsf184va] {
        transform: translateY(-2px) !important;
        box-shadow: 0 14px 26px rgba(15, 23, 42, 0.14), 0 6px 12px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    }

body .properties details.component-settings-accordion:not([open]) > summary[b-w0xsf184va]::before,
body .properties details.component-settings-accordion:not([open]) > summary strong[b-w0xsf184va] {
    color: #1e3a8a !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

body .properties details.help-text-accordion:not([open]) > summary[b-w0xsf184va]::before,
body .properties details.help-text-accordion:not([open]) > summary strong[b-w0xsf184va] {
    color: #1e3a8a !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

body .properties details.filter-panel-settings-accordion:not([open]) > summary[b-w0xsf184va]::before,
body .properties details.filter-panel-settings-accordion:not([open]) > summary strong[b-w0xsf184va] {
    color: #b45309 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

body .properties details.label-style-accordion:not([open]) > summary[b-w0xsf184va]::before,
body .properties details.label-style-accordion:not([open]) > summary strong[b-w0xsf184va] {
    color: #115e59 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

body .properties details.button-appearance-accordion:not([open])[b-w0xsf184va],
body .properties details.button-action-accordion:not([open])[b-w0xsf184va] {
    display: block !important;
    inline-size: max-content !important;
    width: max-content !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 190px !important;
    max-width: 190px !important;
    margin-block: 0.45rem !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body .properties details.button-appearance-accordion:not([open]) > summary[b-w0xsf184va],
body .properties details.button-action-accordion:not([open]) > summary[b-w0xsf184va] {
    position: relative !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 190px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.3rem !important;
    min-height: 1.6rem !important;
    padding: 0.45rem 0.7rem !important;
    margin: 0 !important;
    border: 1px solid rgba(37, 99, 235, 0.28) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #ffffff, #eff6ff) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10), 0 3px 8px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
    color: #1e3a8a !important;
    list-style: none !important;
    cursor: pointer !important;
    overflow: visible !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

body .properties details.button-appearance-accordion:not([open]) > summary:hover[b-w0xsf184va],
body .properties details.button-action-accordion:not([open]) > summary:hover[b-w0xsf184va] {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 26px rgba(15, 23, 42, 0.14), 0 6px 12px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body .properties details.button-appearance-accordion:not([open]) > summary[b-w0xsf184va]::before,
body .properties details.button-appearance-accordion:not([open]) > summary strong[b-w0xsf184va],
body .properties details.button-action-accordion:not([open]) > summary[b-w0xsf184va]::before,
body .properties details.button-action-accordion:not([open]) > summary strong[b-w0xsf184va] {
    color: #1e3a8a !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    text-transform: none;
    letter-spacing: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

body .properties details.button-appearance-accordion[open][b-w0xsf184va],
body .properties details.button-action-accordion[open][b-w0xsf184va] {
    display: block !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 1rem 0 !important;
    padding-left: 0.85rem !important;
    border-left: 3px solid #2563eb !important;
}

body .properties details.button-appearance-accordion[open] > summary[b-w0xsf184va],
body .properties details.button-action-accordion[open] > summary[b-w0xsf184va] {
    border-bottom-color: #bfdbfe !important;
}

body .properties details.grid-settings-accordion:not([open])[b-w0xsf184va] {
    display: block !important;
    inline-size: fit-content !important;
    width: fit-content !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    margin-block: 0.45rem !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body .properties details.grid-settings-accordion:not([open]) > summary[b-w0xsf184va] {
    position: relative !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.3rem !important;
    min-height: 1.6rem !important;
    padding: 0.45rem 0.7rem !important;
    margin: 0 !important;
    border: 1px solid rgba(8, 145, 178, 0.28) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #ffffff, #ecfeff) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10), 0 3px 8px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
    color: #155e75 !important;
    list-style: none !important;
    cursor: pointer !important;
    overflow: visible !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

body .properties details.grid-settings-accordion:not([open]) > summary:hover[b-w0xsf184va] {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 26px rgba(15, 23, 42, 0.14), 0 6px 12px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body .properties details.grid-settings-accordion:not([open]) > summary[b-w0xsf184va]::before,
body .properties details.grid-settings-accordion:not([open]) > summary strong[b-w0xsf184va] {
    color: #155e75 !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    text-transform: none;
    letter-spacing: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

body .properties details.grid-settings-accordion[open][b-w0xsf184va] {
    display: block !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 1rem 0 !important;
    padding-left: 0.85rem !important;
    border-left: 3px solid #0891b2 !important;
}

body .properties details.grid-settings-accordion[open] > summary[b-w0xsf184va] {
    border-bottom-color: #a5f3fc !important;
}

.properties .grid-settings-accordion .grid-subsection[b-w0xsf184va] {
    margin-top: 0.65rem;
    padding-left: 0.65rem;
}

.properties .grid-settings-accordion .grid-subsection > summary[b-w0xsf184va] {
    border-radius: 10px;
}

.properties .grid-settings-accordion .grid-subsection[open][b-w0xsf184va] {
    padding: 0.1rem 0 0.35rem 0.75rem;
    border-radius: 0;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.72) 0%, rgba(248, 250, 252, 0) 100%);
}

.properties .grid-settings-accordion .grid-subsection-body[b-w0xsf184va] {
    display: grid;
    gap: 0.95rem;
    min-width: 0;
    max-width: 100%;
}

.properties .grid-settings-accordion .grid-subsection-behavior > summary[b-w0xsf184va] {
    border: 1px solid #93c5fd;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
}

.properties .grid-settings-accordion .grid-subsection-behavior[open][b-w0xsf184va] {
    border-left: 3px solid #2563eb;
}

.properties .grid-settings-accordion .grid-subsection-button > summary[b-w0xsf184va] {
    border: 1px solid #a7f3d0;
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
}

.properties .grid-settings-accordion .grid-subsection-button[open][b-w0xsf184va] {
    border-left: 3px solid #059669;
}

.properties .grid-settings-accordion .grid-subsection-data > summary[b-w0xsf184va] {
    border: 1px solid #fcd34d;
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
}

.properties .grid-settings-accordion .grid-subsection-data[open][b-w0xsf184va] {
    border-left: 3px solid #d97706;
}

.grid-data-setup-toolbar[b-w0xsf184va] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}

.grid-data-setup-actions[b-w0xsf184va] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.45rem;
}

.grid-data-setup-field-row[b-w0xsf184va] {
    gap: 0.42rem;
    align-items: start;
}

.grid-data-setup-field-row > label[b-w0xsf184va] {
    display: block;
}

.grid-data-setup-field-row > input[b-w0xsf184va],
.grid-data-setup-field-row > select[b-w0xsf184va],
.grid-data-setup-field-row > textarea[b-w0xsf184va],
.grid-data-setup-field-row .grid-source-form-select[b-w0xsf184va] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.grid-source-form-select[b-w0xsf184va] {
    width: 100%;
    min-width: 0;
    max-width: none;
}

.grid-data-setup-summary[b-w0xsf184va] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    min-width: 0;
    max-width: 100%;
    margin-top: -0.2rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #d8e4f2;
    border-radius: 10px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.grid-data-setup-summary-icon[b-w0xsf184va] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    margin-top: 0.08rem;
    border-radius: 999px;
    background: #0ea5e9;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
}

.grid-data-setup-summary-text[b-w0xsf184va] {
    display: block;
    min-width: 0;
    color: #315b88;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.grid-data-setup-actions .grid-action-button[b-w0xsf184va] {
    flex: 1 1 8rem;
    min-width: 0;
}

.grid-data-setup-actions .grid-action-button-primary[b-w0xsf184va] {
    flex-basis: 100%;
}

.grid-action-button[b-w0xsf184va] {
    min-width: 0;
    max-width: 100%;
    min-height: 2.15rem;
    border-radius: 10px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    letter-spacing: -0.01em;
    transition: transform 0.14s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.grid-data-setup-actions .grid-action-button-primary[b-w0xsf184va] {
    flex: 1 1 100%;
}

    .grid-action-button:hover:not(:disabled)[b-w0xsf184va] {
        transform: translateY(-1px);
    }

    .grid-action-button:active:not(:disabled)[b-w0xsf184va] {
        transform: translateY(0);
    }

.grid-action-button-secondary[b-w0xsf184va] {
    border-color: #bcd1ee;
    background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 3px 8px rgba(37, 99, 235, 0.12);
    color: #1e3a8a;
}

    .grid-action-button-secondary:hover:not(:disabled)[b-w0xsf184va] {
        border-color: #7fb1f5;
        background: linear-gradient(180deg, #ffffff 0%, #dbeafe 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 16px rgba(37, 99, 235, 0.16);
    }

.grid-action-button-primary[b-w0xsf184va] {
    border-color: #0f6ac7;
    background: linear-gradient(180deg, #fdfefe 0%, #dff3ff 14%, #bfe8ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(8, 145, 178, 0.2), 0 5px 14px rgba(8, 145, 178, 0.22);
    color: #0f3f67;
}

    .grid-action-button-primary:hover:not(:disabled)[b-w0xsf184va] {
        border-color: #0891b2;
        background: linear-gradient(180deg, #ffffff 0%, #d3f1ff 16%, #a5e2ff 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(14, 116, 144, 0.24), 0 9px 18px rgba(8, 145, 178, 0.26);
    }

    .grid-action-button:disabled[b-w0xsf184va],
    .grid-action-button:hover:disabled[b-w0xsf184va] {
        transform: none;
        border-color: #d7dee8;
        background: linear-gradient(180deg, #fbfcfd 0%, #eef2f7 100%);
        box-shadow: none;
        color: #94a3b8;
        cursor: not-allowed;
    }

.grid-source-field-list[b-w0xsf184va] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-height: 16rem;
    overflow-y: auto;
    margin-top: 0.45rem;
    padding: 0.45rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: linear-gradient(180deg, #f8fbff 0%, #f8fafc 100%);
}

.grid-source-field-item[b-w0xsf184va] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.75rem;
    padding: 0.8rem 0.85rem;
    border: 1px solid #d8e4f2;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.04);
}

    .grid-source-field-item:hover[b-w0xsf184va] {
        border-color: #93c5fd;
        background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
        box-shadow: 0 8px 18px rgba(37, 99, 235, 0.1);
    }

    .grid-source-field-item input[b-w0xsf184va] {
        margin-top: 0.3rem;
        transform: scale(1.05);
    }

.grid-source-field-copy[b-w0xsf184va] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.28rem;
}

.grid-source-field-header[b-w0xsf184va] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.grid-source-field-copy strong[b-w0xsf184va] {
        color: #0f172a;
        font-size: 0.84rem;
        font-weight: 800;
        line-height: 1.25;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

.grid-source-field-meta[b-w0xsf184va] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.35;
}

.grid-source-field-type[b-w0xsf184va] {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.4rem;
    border: 1px solid #cfe0f5;
    border-radius: 999px;
    background: #f8fbff;
    color: #315b88;
    font-weight: 700;
}

.grid-source-field-separator[b-w0xsf184va] {
    color: #94a3b8;
    font-weight: 700;
}

.grid-source-field-key[b-w0xsf184va] {
    color: #1d4f91;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.grid-setup-message[b-w0xsf184va] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.55rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #fdba74;
    border-radius: 12px;
    background: linear-gradient(180deg, #fffaf0 0%, #ffedd5 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 10px rgba(234, 88, 12, 0.08);
    color: #9a3412;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.45;
}

.grid-setup-message-info[b-w0xsf184va],
.grid-setup-message-fallback[b-w0xsf184va] {
    border-color: #93c5fd;
    background: linear-gradient(180deg, #f8fbff 0%, #dbeafe 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 10px rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
}

.grid-setup-message-success[b-w0xsf184va] {
    border-color: #86efac;
    background: linear-gradient(180deg, #f7fff9 0%, #dcfce7 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 10px rgba(22, 163, 74, 0.08);
    color: #166534;
}

.grid-setup-message-warning[b-w0xsf184va] {
    border-color: #fdba74;
    background: linear-gradient(180deg, #fffaf0 0%, #ffedd5 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 10px rgba(234, 88, 12, 0.08);
    color: #9a3412;
}

.grid-setup-message-icon[b-w0xsf184va] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 1.15rem;
    margin-top: 0.02rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
}

.grid-setup-message-info .grid-setup-message-icon[b-w0xsf184va],
.grid-setup-message-fallback .grid-setup-message-icon[b-w0xsf184va] {
    background: linear-gradient(180deg, #60a5fa 0%, #2563eb 100%);
}

.grid-setup-message-success .grid-setup-message-icon[b-w0xsf184va] {
    background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
}

.grid-setup-message-warning .grid-setup-message-icon[b-w0xsf184va] {
    background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
}

.grid-setup-message-text[b-w0xsf184va] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.grid-columns-editor-row[b-w0xsf184va],
.grid-sample-editor[b-w0xsf184va] {
    min-width: 0;
}

.grid-columns-textarea[b-w0xsf184va],
.grid-sample-editor textarea[b-w0xsf184va] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
    resize: vertical;
}

.grid-columns-textarea[b-w0xsf184va] {
    min-height: 8rem;
}

.button-icon-row .button-icon-control[b-w0xsf184va] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.button-icon-preview[b-w0xsf184va] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.5rem;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
}

.picker-preview-icon[b-w0xsf184va] {
    width: 1rem;
    height: 1rem;
}

.kpi-property-preview[b-w0xsf184va] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    margin: 0.25rem 0 0.95rem;
    padding: 0.75rem;
    border: 1px solid #ccfbf1;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.08);
}

.kpi-property-icon[b-w0xsf184va] {
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 8px 16px rgba(15, 23, 42, 0.14);
}

.kpi-property-icon .picker-preview-icon[b-w0xsf184va] {
    width: 52%;
    height: 52%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
}

.kpi-property-icon .picker-preview-icon path[b-w0xsf184va] {
    fill: none;
    stroke: currentColor;
}

.kpi-property-preview strong[b-w0xsf184va],
.kpi-property-preview small[b-w0xsf184va] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-property-preview strong[b-w0xsf184va] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 800;
}

.kpi-property-preview small[b-w0xsf184va] {
    margin-top: 0.1rem;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
}

.secondary-mini-button[b-w0xsf184va] {
    min-height: 2rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #334155;
    padding: 0.35rem 0.6rem;
    font-size: 0.76rem;
    font-weight: 750;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.06);
    transform: translateY(0);
    transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}

    .secondary-mini-button:hover[b-w0xsf184va] {
        border-color: #2563eb;
        color: #1d4ed8;
        background: #eff6ff;
        box-shadow: 0 10px 18px rgba(37, 99, 235, 0.14), 0 4px 8px rgba(15, 23, 42, 0.08);
        transform: translateY(-1px);
    }

    .secondary-mini-button:active[b-w0xsf184va] {
        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12), inset 0 2px 5px rgba(15, 23, 42, 0.08);
        transform: translateY(1px) scale(0.99);
    }

.properties .property-accordion .property-row.advanced-filter-add-actions[b-w0xsf184va] {
    display: flex;
    grid-template-columns: none;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.65rem;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    background: #eff6ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.properties .advanced-filter-add-button[b-w0xsf184va] {
    border-color: #1d4ed8;
    background: linear-gradient(180deg, #3b82f6, #1d4ed8);
    color: #ffffff;
    box-shadow: 0 8px 16px rgba(29, 78, 216, 0.24), 0 2px 5px rgba(15, 23, 42, 0.12);
}

    .properties .advanced-filter-add-button:hover[b-w0xsf184va] {
        border-color: #1e40af;
        background: linear-gradient(180deg, #2563eb, #1e40af);
        color: #ffffff;
        box-shadow: 0 12px 22px rgba(29, 78, 216, 0.3), 0 4px 8px rgba(15, 23, 42, 0.12);
    }

.properties .advanced-filter-item-action-button[b-w0xsf184va] {
    border-color: #86efac;
    background: #ffffff;
    color: #166534;
}

    .properties .advanced-filter-item-action-button:hover[b-w0xsf184va] {
        border-color: #22c55e;
        background: #dcfce7;
        color: #14532d;
        box-shadow: 0 10px 18px rgba(22, 163, 74, 0.16), 0 4px 8px rgba(15, 23, 42, 0.08);
    }

.properties .advanced-filter-item-action-button-danger[b-w0xsf184va] {
    border-color: #fecaca;
    color: #b91c1c;
}

    .properties .advanced-filter-item-action-button-danger:hover[b-w0xsf184va] {
        border-color: #f87171;
        background: #fff1f2;
        color: #991b1b;
        box-shadow: 0 10px 18px rgba(220, 38, 38, 0.14), 0 4px 8px rgba(15, 23, 42, 0.08);
    }

.icon-picker-backdrop[b-w0xsf184va] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(15, 23, 42, 0.34);
}

.icon-picker-dialog[b-w0xsf184va] {
    width: min(920px, 94vw);
    max-height: min(760px, 88vh);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dbe3ee;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.26);
}

.icon-picker-header[b-w0xsf184va] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e2e8f0;
}

    .icon-picker-header h4[b-w0xsf184va] {
        margin: 0;
        color: #0f172a;
        font-size: 1rem;
        font-weight: 800;
    }

    .icon-picker-header p[b-w0xsf184va] {
        margin: 0.25rem 0 0;
        color: #64748b;
        font-size: 0.8rem;
    }

.icon-picker-search[b-w0xsf184va] {
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid #e2e8f0;
}

    .icon-picker-search input[b-w0xsf184va] {
        width: 100%;
        border: 1px solid #cbd5e1;
        border-radius: 10px;
        padding: 0.6rem 0.75rem;
        font-size: 0.86rem;
    }

.icon-picker-grid[b-w0xsf184va] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 0.65rem;
    overflow: auto;
    padding: 1rem 1.1rem;
}

.icon-picker-item[b-w0xsf184va] {
    display: grid;
    grid-template-rows: auto auto auto;
    justify-items: center;
    gap: 0.35rem;
    min-height: 6rem;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffffff, #f8fafc);
    color: #334155;
    padding: 0.75rem 0.55rem;
    cursor: pointer;
    text-align: center;
}

    .icon-picker-item:hover[b-w0xsf184va],
    .icon-picker-item.selected[b-w0xsf184va] {
        border-color: #2563eb;
        background: #eff6ff;
        color: #1d4ed8;
        box-shadow: 0 10px 20px rgba(37, 99, 235, 0.12);
    }

    .icon-picker-item span[b-w0xsf184va] {
        font-size: 0.8rem;
        font-weight: 800;
    }

    .icon-picker-item small[b-w0xsf184va] {
        color: #64748b;
        font-size: 0.68rem;
        font-weight: 700;
    }

.icon-picker-item-icon[b-w0xsf184va] {
    width: 1.65rem;
    height: 1.65rem;
}

.icon-picker-footer[b-w0xsf184va] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.85rem 1.1rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}


/* Buttons */
.property-actions.field-navigation-actions[b-w0xsf184va] {
    gap: 10px;
    margin-top: 18px;
}
.property-actions .property-action-button[b-w0xsf184va] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 10px 12px;
    font-weight: 800;
    letter-spacing: -0.01em;
    cursor: pointer;
    overflow: hidden;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10), 0 3px 8px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.70);
}

    .property-actions .property-action-button[b-w0xsf184va]::after {
        content: "";
        position: absolute;
        inset: 1px;
        border-radius: 11px;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 55%);
    }

    .property-actions .property-action-button:hover[b-w0xsf184va] {
        transform: translateY(-3px);
        box-shadow: 0 18px 34px rgba(15, 23, 42, 0.16), 0 8px 16px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.80);
    }

    .property-actions .property-action-button:active[b-w0xsf184va] {
        transform: translateY(-1px);
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14), 0 3px 8px rgba(15, 23, 42, 0.10), inset 0 2px 5px rgba(15, 23, 42, 0.08);
    }

    .property-actions .property-action-button:focus-visible[b-w0xsf184va] {
        outline: none;
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.18), 0 18px 34px rgba(15, 23, 42, 0.16), 0 8px 16px rgba(15, 23, 42, 0.10);
    }
.property-action-button .action-icon[b-w0xsf184va] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 900;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 7px 14px rgba(15, 23, 42, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.property-action-button.duplicate .action-icon[b-w0xsf184va] {
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.property-action-button.move-up .action-icon[b-w0xsf184va] {
    background: linear-gradient(135deg, #047857, #065f46);
}

.property-action-button.move-down .action-icon[b-w0xsf184va] {
    background: linear-gradient(135deg, #6d28d9, #581c87);
}

.property-action-button.danger .action-icon[b-w0xsf184va] {
    background: linear-gradient(135deg, #b91c1c, #7f1d1d);
}

.property-actions .property-action-button.danger[b-w0xsf184va] {
    color: #991b1b;
    border-color: #fecaca;
    background: linear-gradient(135deg, #fff1f2, #fee2e2);
    box-shadow: 0 14px 30px rgba(220, 38, 38, 0.18), 0 4px 10px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

/* Form Field Properties Input validation */

.property-row input.invalid-field-name[b-w0xsf184va] {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.field-name-validation-row[b-w0xsf184va] {
    margin-top: -0.45rem;
}

.field-name-validation-message[b-w0xsf184va] {
    color: #dc2626;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.35;
}

/* Collapse Property Panel */
.panel-title-actions[b-w0xsf184va] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Shared Azure-style labels for all Form Builder properties. */
.properties .property-row label[b-w0xsf184va],
.properties .property-accordion .property-row label[b-w0xsf184va],
.properties .field-property-group .property-row label[b-w0xsf184va] {
    color: var(--workspace-label-color, #0078d4) !important;
    font-weight: var(--workspace-label-weight, 500) !important;
}

.properties .property-group > summary[b-w0xsf184va],
.properties .property-accordion > summary[b-w0xsf184va],
.properties .property-group > h4[b-w0xsf184va] {
    font-weight: var(--workspace-label-weight, 500) !important;
}

/* Compact density for the Form Builder Properties panel. */
.properties[b-w0xsf184va] {
    padding: 0.75rem;
}

.properties .panel-title[b-w0xsf184va] {
    padding-bottom: 0.6rem;
    margin-bottom: 0.7rem;
}

.properties .property-group[b-w0xsf184va] {
    padding: 0.75rem;
    margin-bottom: 0.65rem;
    border-radius: 12px;
}

.properties .property-row[b-w0xsf184va] {
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 0.55rem;
    margin-bottom: 0.55rem;
}

.properties .property-row.full[b-w0xsf184va] {
    grid-template-columns: 1fr;
}

.properties .property-row input[b-w0xsf184va],
.properties .property-row select[b-w0xsf184va],
.properties .property-row textarea[b-w0xsf184va] {
    padding: 0.45rem 0.6rem;
    font-size: 0.8rem;
}

.properties .property-subtitle[b-w0xsf184va] {
    margin: 0.75rem 0 0.6rem;
    padding: 0.55rem 0.75rem;
}

.properties .timezone-property-note[b-w0xsf184va],
.properties .numbering-property-note[b-w0xsf184va] {
    padding: 0.5rem 0.6rem;
    font-size: 0.72rem;
}

.properties .logo-editor[b-w0xsf184va] {
    gap: 0.6rem;
    padding: 0.7rem;
}

.properties .logo-editor-grid[b-w0xsf184va],
.properties .logo-style-grid[b-w0xsf184va],
.properties .logo-color-grid[b-w0xsf184va] {
    gap: 0.55rem;
}
/* /Components/BPMFormBuilder/TemplatePreviewPane.razor.rz.scp.css */
.template-lookup-preview[b-d053939d4l] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #e0e8ef;
    border-radius: 6px;
    background: #ffffff;
    container-type: inline-size;
}

.template-preview-embedded-form[b-d053939d4l] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.template-preview-form-header[b-d053939d4l] {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem 1.25rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid #e1e9f0;
    background: #ffffff;
}

.template-preview-copy[b-d053939d4l] {
    flex: 1 1 12rem;
    min-width: 0;
    display: grid;
    gap: 0.3rem;
}

.template-preview-copy h4[b-d053939d4l],
.template-preview-copy p[b-d053939d4l] {
    margin: 0;
    overflow-wrap: anywhere;
}

.template-preview-copy h4[b-d053939d4l] {
    color: #243746;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
}

.template-preview-copy p[b-d053939d4l] {
    color: #647989;
    font-size: 0.82rem;
    line-height: 1.5;
}

.template-load-button[b-d053939d4l] {
    position: static;
    flex: 0 0 auto;
    min-height: 2.4rem;
    min-width: 6rem;
    padding: 0.55rem 1.25rem;
    border: 1px solid #0078b4;
    border-radius: 4px;
    background: #0078b4;
    color: #ffffff;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    box-shadow: none;
    cursor: pointer;
}

.template-load-button:hover:not(:disabled)[b-d053939d4l] {
    border-color: #00699e;
    background: #00699e;
}

.template-load-button:focus-visible[b-d053939d4l] {
    outline: 2px solid #0078b4;
    outline-offset: 3px;
}

.template-load-button:disabled[b-d053939d4l] {
    cursor: default;
    opacity: 0.6;
}

.template-preview-form-frame[b-d053939d4l] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background: #f7fafc;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
    isolation: isolate;
}

.template-preview-form-frame[b-d053939d4l]  .canvas-device-stage {
    display: block;
    min-height: 100%;
    padding: 1rem;
}

.template-preview-form-frame[b-d053939d4l]  .runtime-form.device-desktop {
    width: 100%;
    max-width: none;
}

.template-preview-empty[b-d053939d4l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    gap: 0.5rem;
    padding: 2rem;
    color: #647989;
    text-align: center;
    background: #f7fafc;
}

.template-preview-empty strong[b-d053939d4l] {
    color: #344d60;
    font-weight: 600;
}

.template-dialog-message[b-d053939d4l] {
    align-self: flex-start;
    margin: 1rem;
    color: #647989;
    line-height: 1.5;
}

@container (max-width: 360px) {
    .template-preview-form-header[b-d053939d4l] {
        padding: 0.8rem;
    }

    .template-preview-copy[b-d053939d4l] {
        flex-basis: 100%;
    }
}
/* /Components/BPMFormBuilder/WorkflowGuidedEditor.razor.rz.scp.css */
.guided-workflow[b-4lrambq9d1]{color:#193651;font:14px/1.55 system-ui,sans-serif;min-width:0}.guided-workflow *[b-4lrambq9d1]{box-sizing:border-box}.guided-intro[b-4lrambq9d1]{display:flex;justify-content:space-between;gap:20px;padding:20px 8px}.guided-intro h2[b-4lrambq9d1]{font-size:24px;margin:4px 0}.guided-intro p[b-4lrambq9d1]{margin:0;color:#526a85}.eyebrow[b-4lrambq9d1]{font-size:11px;letter-spacing:.08em;color:#2860a7}.guided-tag[b-4lrambq9d1]{background:#e8f2ff;border-radius:20px;padding:6px 14px;align-self:start;white-space:nowrap}.guided-layout[b-4lrambq9d1]{display:grid;grid-template-columns:145px 170px minmax(260px,.85fr) minmax(370px,1.35fr);gap:12px;align-items:stretch}.guided-layout:not(:has(.module-panel))[b-4lrambq9d1]{grid-template-columns:180px minmax(260px,.85fr) minmax(370px,1.35fr)}.guided-panel[b-4lrambq9d1]{min-width:0;background:#fff;border:1px solid #d8e4f4;border-radius:12px;overflow:hidden}.guided-panel>header[b-4lrambq9d1]{padding:16px;text-align:center;color:#2460a9;font-size:11px;letter-spacing:.055em;border-bottom:1px solid #d8e4f4}.guided-panel>header small[b-4lrambq9d1]{display:block;letter-spacing:normal;color:#60738b;margin-top:4px}.panel-content[b-4lrambq9d1]{padding:18px}.field-panel .panel-content[b-4lrambq9d1]{padding:14px}.guided-workflow h3[b-4lrambq9d1]{font-size:14px;margin:20px 0 10px}.muted[b-4lrambq9d1]{font-size:12px;color:#61758d}.field-row[b-4lrambq9d1]{border:1px solid #dbe5f3;border-radius:6px;padding:9px;margin:8px 0;font-size:12px;display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.field-row small[b-4lrambq9d1]{color:#697e97;font-size:10px}.save-sequence[b-4lrambq9d1]{list-style:none;padding:20px 16px;margin:0;background:radial-gradient(#cfdcf0 1px,transparent 1px) 0 0/16px 16px}.save-sequence>li[b-4lrambq9d1]{position:relative;border:1px solid #bdcfe8;border-left:4px solid #90a9c8;border-radius:8px;padding:15px 12px 14px 38px;margin:0 0 30px;background:#fff}.save-sequence>li:not(:last-child)[b-4lrambq9d1]:after{content:'↓';position:absolute;left:50%;bottom:-29px;color:#6885aa;font-size:22px}.save-sequence>li:last-child[b-4lrambq9d1]{margin-bottom:0}.save-sequence p[b-4lrambq9d1]{font-size:12px;color:#567089;margin:6px 0 0}.save-sequence small[b-4lrambq9d1]{display:block;margin-top:5px}.save-sequence .step-green[b-4lrambq9d1]{background:#effaf3;border-color:#8ad8a6}.save-sequence .step-blue[b-4lrambq9d1]{background:#f2f7ff;border-color:#7da9ff}.step-number[b-4lrambq9d1]{position:absolute;left:11px;top:15px;color:#6284b1;font-size:12px}.canvas-note[b-4lrambq9d1]{padding:18px;border-top:1px solid #d8e4f4;font-size:12px;color:#526a84}.canvas-note p[b-4lrambq9d1]{margin:6px 0}.guided-workflow label[b-4lrambq9d1]{display:block;font-weight:600;font-size:13px;margin:12px 0 6px}.guided-workflow input[b-4lrambq9d1],.guided-workflow select[b-4lrambq9d1]{width:100%;min-height:42px;border:1px solid #b8cde8;border-radius:6px;padding:9px;background:#fff;color:#193651;font:inherit}.guided-workflow button[b-4lrambq9d1]{min-height:38px;border:1px solid #b7ceed;border-radius:6px;padding:8px 12px;background:white;color:#1854a6;font:inherit;font-size:12px;cursor:pointer;margin:8px 4px 0 0}.guided-workflow button:disabled[b-4lrambq9d1]{opacity:.5;cursor:default}.guided-workflow .primary[b-4lrambq9d1]{background:#2364e8;color:white;border-color:#2364e8}.guided-workflow .canvas-update[b-4lrambq9d1]{display:block;width:100%;text-align:left;background:#fff;border-color:#adc8f2}.canvas-update[aria-pressed=true][b-4lrambq9d1]{box-shadow:0 0 0 2px #3d7bf0}.canvas-update small[b-4lrambq9d1]{font-weight:normal}.setup-step[b-4lrambq9d1]{border-top:1px solid #e0e8f3;margin-top:18px;padding-top:3px}.setup-step h3[b-4lrambq9d1]{display:flex;gap:9px;align-items:center}.setup-step h3>span[b-4lrambq9d1]{border-radius:50%;background:#eaf1ff;color:#2461c0;width:24px;height:24px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.setup-step p[b-4lrambq9d1]{color:#59708b;font-size:12px;margin:9px 0}.destination-card[b-4lrambq9d1]{padding:12px 14px;background:#f3f7ff;border:1px solid #d7e5f8;border-radius:8px}.destination-card small[b-4lrambq9d1],.destination-card strong[b-4lrambq9d1],.destination-card span[b-4lrambq9d1]{display:block}.destination-card small[b-4lrambq9d1]{font-size:10px;color:#526e93;letter-spacing:.06em}.destination-card span[b-4lrambq9d1]{font-size:12px;margin-top:4px}.action-tabs[b-4lrambq9d1]{display:flex;flex-wrap:wrap;margin-top:12px}.action-tabs .selected[b-4lrambq9d1]{background:#ebf2ff;border-color:#377af0}.guided-summary[b-4lrambq9d1]{background:#eff8f2;border-left:3px solid #59ac7b;padding:13px 15px;margin-top:18px;font-size:13px}.guided-summary p[b-4lrambq9d1]{margin:5px 0 0}.guided-notice[b-4lrambq9d1]{padding:12px 14px;border-left:3px solid #dba23b;background:#fff7e5;font-size:12px;margin:14px 0}.guided-notice p[b-4lrambq9d1]{margin:6px 0}.check-status[b-4lrambq9d1]{font-size:12px;background:#edf4ff;padding:12px;color:#416287}.mapping-details[b-4lrambq9d1],.extra-settings[b-4lrambq9d1]{padding:12px 0;border-top:1px solid #dce6f3;margin-top:12px;font-size:12px}.guided-workflow summary[b-4lrambq9d1]{cursor:pointer;font-weight:600}.guided-workflow table[b-4lrambq9d1]{border-collapse:collapse;width:100%;margin-top:10px;text-align:left}.guided-workflow th[b-4lrambq9d1],.guided-workflow td[b-4lrambq9d1]{padding:7px;border-bottom:1px solid #d7e3f1}.guided-draft-status[b-4lrambq9d1]{background:#eff9f2;border:1px solid #b6dfc5;border-radius:8px;padding:10px 16px;color:#245c3c;font-size:12px}.guided-footer[b-4lrambq9d1]{padding:16px 8px;font-size:12px;color:#4d6886}.guided-footer small[b-4lrambq9d1]{display:block;margin-top:5px}.guided-workflow :focus-visible[b-4lrambq9d1]{outline:3px solid #c39024;outline-offset:3px}.guided-workflow code[b-4lrambq9d1]{overflow-wrap:anywhere}.guided-workflow .text-button[b-4lrambq9d1]{border:0;text-decoration:underline}
@media(max-width:1250px){.guided-layout[b-4lrambq9d1]{grid-template-columns:150px minmax(240px,.8fr) minmax(350px,1.2fr)}.module-panel[b-4lrambq9d1]{display:none}.field-panel[b-4lrambq9d1]{grid-column:1}.canvas-panel[b-4lrambq9d1]{grid-column:2}.settings-panel[b-4lrambq9d1]{grid-column:3}}
@media(max-width:950px){.guided-layout[b-4lrambq9d1],.guided-layout:not(:has(.module-panel))[b-4lrambq9d1]{grid-template-columns:minmax(240px,.8fr) minmax(330px,1.2fr)}.field-panel[b-4lrambq9d1]{display:none}.canvas-panel[b-4lrambq9d1]{grid-column:1}.settings-panel[b-4lrambq9d1]{grid-column:2}}
@media(max-width:650px){.guided-layout[b-4lrambq9d1],.guided-layout:not(:has(.module-panel))[b-4lrambq9d1]{display:block}.guided-panel[b-4lrambq9d1]{margin-bottom:14px}.guided-intro h2[b-4lrambq9d1]{font-size:20px}.guided-tag[b-4lrambq9d1]{display:none}.panel-content[b-4lrambq9d1]{padding:14px}}
.field-row small[b-4lrambq9d1]{white-space:nowrap;flex-shrink:0}
.condition-row[b-4lrambq9d1]{margin-top:12px;padding:12px 14px;border:1px solid #d9e5f5;border-radius:8px;background:#f8fbff}.guided-workflow .inline-choice[b-4lrambq9d1]{display:flex;align-items:center;gap:8px;font-weight:normal}.guided-workflow .inline-choice input[b-4lrambq9d1]{width:17px;min-height:17px;margin:0}.condition-settings>.condition-row:first-of-type[b-4lrambq9d1]{margin-top:16px}.condition-row select[b-4lrambq9d1],.condition-row input[b-4lrambq9d1]{font-size:13px}.guided-summary[b-4lrambq9d1]{overflow-wrap:anywhere}
.guided-layout[b-4lrambq9d1]{align-items:start}.canvas-panel[b-4lrambq9d1]{position:sticky;top:12px}@media(max-width:650px){.canvas-panel[b-4lrambq9d1]{position:static}}
.balance-check[b-4lrambq9d1]{background:#f4f9ff;border:1px solid #d8e6f7;border-radius:8px;padding:0 14px 8px}.balance-check .inline-choice[b-4lrambq9d1]{font-weight:600;align-items:flex-start}.balance-check .inline-choice input[b-4lrambq9d1]{flex-shrink:0;margin-top:2px}.balance-check input[type=number][b-4lrambq9d1]{max-width:240px}
/* /Components/BPMFormBuilder/WorkflowTableLink.razor.rz.scp.css */
.table-link[b-3u0w3qga7f]{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:10px;align-items:stretch;margin:18px 0 10px}.table-link>div:not(.link-arrow)[b-3u0w3qga7f]{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid #c9dcf5;border-radius:9px;background:#f4f8ff;min-width:0}.table-link small[b-3u0w3qga7f]{color:#3262a2;font-weight:700;letter-spacing:.06em;font-size:11px}.table-link strong[b-3u0w3qga7f]{font-size:16px}.table-link code[b-3u0w3qga7f]{display:block;overflow-wrap:anywhere;font-size:12px;color:#254f80}.table-link span[b-3u0w3qga7f]{font-size:13px}.link-arrow[b-3u0w3qga7f]{align-self:center;text-align:center;font-size:25px;color:#2563eb}.link-explanation[b-3u0w3qga7f]{font-size:13px}.link-ready[b-3u0w3qga7f]{color:#237047;font-size:12px}.link-problem[b-3u0w3qga7f]{background:#fff5de;border-left:3px solid #d7a83b;padding:12px;font-size:13px}@media(max-width:650px){.table-link[b-3u0w3qga7f]{grid-template-columns:1fr}.link-arrow[b-3u0w3qga7f]{transform:rotate(90deg)}}
/* /Components/BPMWorkspace/BrandLogo.razor.rz.scp.css */
.brand-logo[b-r1a3cme5ea] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    line-height: 0;
    overflow: hidden;
}

.brand-logo img[b-r1a3cme5ea] {
    width: 100%;
    height: 100%;
    display: block;
}

.brand-logo[b-r1a3cme5ea] (.workspace-icon) {
    width: 1em;
    height: 1em;
    margin-right: 0;
}

.brand-logo.effect-soft-shadow[b-r1a3cme5ea] {
    box-shadow: 0 0.55rem 1.15rem rgba(15, 23, 42, 0.16);
}

.brand-logo.effect-deep-shadow[b-r1a3cme5ea] {
    box-shadow: 0 0.9rem 1.9rem rgba(15, 23, 42, 0.24);
}

.brand-logo.effect-embossed[b-r1a3cme5ea] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(15, 23, 42, 0.14),
        0 0.45rem 1rem rgba(15, 23, 42, 0.12);
}

.brand-logo.effect-glow[b-r1a3cme5ea] {
    box-shadow:
        0 0 0 1px rgba(59, 130, 246, 0.2),
        0 0 1.4rem rgba(59, 130, 246, 0.45);
}
/* /Components/BPMWorkspace/DataViewComponentCheck.razor.rz.scp.css */
.data-view-component-check[b-av4jx2a0oq] { min-width: 0; }
.data-view-component-check[b-av4jx2a0oq]  .dashboard-card { min-height: 0; }
.data-view-component-check[b-av4jx2a0oq]  .dashboard-card { min-height: 0; }
.data-view-check-state[b-av4jx2a0oq] { margin: 0; padding: 22px 16px; color: #475569; background: #f8fafc; border-radius: 8px; font-size: .85rem; }
.data-view-check-error[b-av4jx2a0oq] { color: #991b1b; background: #fff1f2; border: 1px solid #fecdd3; }
.data-view-check-caption[b-av4jx2a0oq] { margin: 0 0 10px; color: #475569; font-size: .75rem; }
.data-view-check-warning[b-av4jx2a0oq] { padding: 10px; background: #fffbeb; color: #92400e; font-size: .8rem; border-radius: 6px; }
.data-view-check-table-scroll[b-av4jx2a0oq] { max-height: 440px; max-width: 100%; overflow: auto; border: 1px solid #e2e8f0; border-radius: 8px; }
.data-view-check-table[b-av4jx2a0oq] { width: 100%; border-collapse: collapse; font-size: .8rem; background: #fff; }
.data-view-check-table th[b-av4jx2a0oq] { position: sticky; top: 0; background: #eff6ff; color: #1e40af; text-align: left; white-space: nowrap; z-index: 1; }
.data-view-check-table th[b-av4jx2a0oq], .data-view-check-table td[b-av4jx2a0oq] { padding: 10px 12px; border-bottom: 1px solid #e2e8f0; }
.data-view-check-table td[b-av4jx2a0oq] { min-width: 110px; }
.data-view-check-table tbody tr:nth-child(even)[b-av4jx2a0oq] { background: #f8fafc; }
.data-view-check-pagination[b-av4jx2a0oq] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 10px; font-size: .75rem; color: #475569; }
.data-view-check-pagination button[b-av4jx2a0oq] { padding: 5px 10px; border: 1px solid #bfdbfe; border-radius: 6px; color: #1d4ed8; background: #fff; }
.data-view-check-pagination button:disabled[b-av4jx2a0oq] { opacity: .5; }
/* /Components/BPMWorkspace/LogoEditor.razor.rz.scp.css */
.logo-editor[b-gx3llzi2yn] {
    display: grid;
    gap: 0.6rem;
    padding: 0.7rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.75rem;
    background: #f8fbff;
}

.logo-editor-header[b-gx3llzi2yn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.logo-editor-header strong[b-gx3llzi2yn],
.logo-upload strong[b-gx3llzi2yn] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: var(--workspace-label-weight, 500);
}

.logo-editor-header small[b-gx3llzi2yn],
.logo-upload small[b-gx3llzi2yn] {
    display: block;
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.3;
}

.logo-preview[b-gx3llzi2yn] {
    min-width: 3.5rem;
    min-height: 3.5rem;
    display: grid;
    place-items: center;
    border: 1px dashed #bfdbfe;
    border-radius: 0.7rem;
    background: #ffffff;
}

.logo-toggle[b-gx3llzi2yn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--workspace-label-color, #0078d4);
    font-weight: var(--workspace-label-weight, 500);
}

.logo-toggle input[b-gx3llzi2yn] {
    width: 1rem;
    height: 1rem;
}

.logo-editor-grid[b-gx3llzi2yn],
.logo-style-grid[b-gx3llzi2yn],
.logo-color-grid[b-gx3llzi2yn] {
    display: grid;
    gap: 0.55rem;
}

.logo-editor-grid[b-gx3llzi2yn] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.logo-style-grid[b-gx3llzi2yn] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.logo-color-grid[b-gx3llzi2yn] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    align-items: end;
}

.logo-editor label[b-gx3llzi2yn],
.logo-field[b-gx3llzi2yn],
.logo-max-size[b-gx3llzi2yn] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.logo-editor label span[b-gx3llzi2yn],
.logo-field span[b-gx3llzi2yn],
.logo-max-size span[b-gx3llzi2yn] {
    color: var(--workspace-label-color, #0078d4);
    font-size: 0.74rem;
    font-weight: var(--workspace-label-weight, 500);
}

.logo-editor input:not([type="checkbox"]):not([type="range"]):not([type="color"])[b-gx3llzi2yn],
.logo-editor select[b-gx3llzi2yn] {
    width: 100%;
    min-width: 0;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 0.48rem 0.58rem;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.8rem;
}

.logo-editor input[type="range"][b-gx3llzi2yn] {
    width: 100%;
    min-width: 0;
}

.logo-editor input[type="color"][b-gx3llzi2yn] {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0.15rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.55rem;
    background: #ffffff;
    cursor: pointer;
}

.logo-upload[b-gx3llzi2yn] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px dashed #bfdbfe;
    border-radius: 0.65rem;
    background: #ffffff;
}

.logo-file-row[b-gx3llzi2yn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    color: #475569;
    font-size: 0.76rem;
}

.logo-file-row span[b-gx3llzi2yn] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.logo-editor button[b-gx3llzi2yn] {
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 0.45rem 0.65rem;
    background: #ffffff;
    color: #1e293b;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: var(--workspace-label-weight, 500);
}

.logo-message[b-gx3llzi2yn] {
    padding: 0.45rem 0.55rem;
    border-radius: 0.5rem;
    font-size: 0.76rem;
    font-weight: 800;
}

.logo-message.success[b-gx3llzi2yn] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.logo-message.error[b-gx3llzi2yn] {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #b91c1c;
}

@media (max-width: 760px) {
    .logo-editor-grid[b-gx3llzi2yn],
    .logo-style-grid[b-gx3llzi2yn],
    .logo-color-grid[b-gx3llzi2yn] {
        grid-template-columns: 1fr;
    }
}

/* Logo Collapse Button */
.logo-header-actions[b-gx3llzi2yn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.logo-collapse-button[b-gx3llzi2yn] {
    width: 2rem;
    height: 2rem;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border-radius: 999px;
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1;
}

    .logo-collapse-button:hover[b-gx3llzi2yn] {
        border-color: #93c5fd;
        background: #eff6ff;
    }

.logo-editor-body[b-gx3llzi2yn] {
    display: grid;
    gap: 0.6rem;
}
/* /Components/BPMWorkspace/NavigationPreviewSurface.razor.rz.scp.css */
.preview-workspace[b-6r7wdcdawr] {
    min-height: 100%;
    display: grid;
    grid-template-columns: minmax(4.8rem, var(--designer-menu-width, 288px)) minmax(0, 1fr);
    overflow: visible;
    background: var(--bpm-project-bg, #eef4fb);
}

.preview-workspace.horizontal[b-6r7wdcdawr] {
    grid-template-columns: 1fr;
}

.preview-workspace.collapsed[b-6r7wdcdawr] {
    grid-template-columns: 4.8rem minmax(0, 1fr);
}

.preview-workspace main[b-6r7wdcdawr] {
    min-width: 0;
    min-height: 0;
}

.preview-sidebar[b-6r7wdcdawr] {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: visible;
    padding: 0.85rem;
    border-radius: var(--designer-radius);
    background: linear-gradient(180deg, var(--designer-theme-dark, #071a2f), var(--designer-theme));
    color: var(--designer-font);
    font-family: var(--designer-font-family, Inter, "Segoe UI", Arial, sans-serif);
    font-size: var(--designer-font-size);
    font-weight: var(--designer-font-weight, 500);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.24);
}

.preview-sidebar.collapsed[b-6r7wdcdawr] {
    align-items: center;
    padding-inline: 0.55rem;
}

.preview-logo[b-6r7wdcdawr] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: var(--designer-logo-justify);
    gap: 0.55rem;
    padding: 0.45rem;
    font-weight: 600;
    text-align: var(--designer-logo-text-align);
}

.preview-logo strong[b-6r7wdcdawr] {
    line-height: 1.2;
    white-space: normal;
}

.preview-logo svg[b-6r7wdcdawr] {
    width: 1.25rem;
    height: 1.25rem;
}

.preview-sidebar.collapsed .preview-logo[b-6r7wdcdawr] {
    width: 100%;
    justify-content: center;
    padding-inline: 0;
}

.sidebar-toggle-button[b-6r7wdcdawr] {
    position: absolute;
    top: 2.8rem;
    right: 0;
    z-index: 3;
    width: var(--designer-toggle-size);
    height: var(--designer-toggle-size);
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.42) 34%, transparent 36%),
        linear-gradient(145deg, var(--designer-toggle-gradient-start), color-mix(in srgb, var(--designer-toggle-gradient-start) 45%, var(--designer-toggle-gradient-end)) 48%, var(--designer-toggle-gradient-end));
    color: var(--designer-toggle-icon);
    box-shadow:
        inset 0 0.12rem 0.22rem rgba(255, 255, 255, 0.75),
        inset 0 -0.32rem 0.48rem rgba(15, 23, 42, 0.2),
        0 0.7rem 1.35rem rgba(15, 23, 42, 0.32);
    cursor: pointer;
    transform: translateX(50%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    backdrop-filter: blur(10px);
}

.sidebar-toggle-button[b-6r7wdcdawr]::after {
    content: "";
    position: absolute;
    inset: 0.15rem 0.2rem auto;
    height: 42%;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), transparent);
    pointer-events: none;
}

.sidebar-toggle-button:hover[b-6r7wdcdawr] {
    filter: saturate(1.08);
    transform: translate(50%, -2px);
    box-shadow:
        inset 0 0.12rem 0.22rem rgba(255, 255, 255, 0.82),
        inset 0 -0.32rem 0.48rem rgba(15, 23, 42, 0.22),
        0 0.9rem 1.6rem rgba(15, 23, 42, 0.36);
}

.sidebar-toggle-button:active[b-6r7wdcdawr] {
    transform: translateX(50%);
}

.sidebar-toggle-button svg[b-6r7wdcdawr] {
    position: relative;
    z-index: 1;
    width: 45%;
    height: 45%;
    stroke-width: 2.4;
    filter: drop-shadow(0 0.05rem 0 rgba(255, 255, 255, 0.55));
}

.preview-nav-stack[b-6r7wdcdawr] {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: calc(var(--designer-gap) * 0.45);
    margin-top: var(--designer-logo-menu-gap);
    overflow-y: auto;
    overflow-x: visible;
}

.nav-item-shell[b-6r7wdcdawr] {
    position: relative;
    min-width: 0;
}

.preview-menu-button[b-6r7wdcdawr] {
    position: relative;
    width: 100%;
    min-height: var(--designer-row-height, 40px);
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr) 1.25rem;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.55rem;
    border: 1px solid transparent;
    border-radius: var(--designer-radius);
    background: transparent;
    color: var(--designer-form-font-color, inherit);
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
    text-align: left;
    cursor: pointer;
    transition: background 0.18s ease;
}

.preview-menu-button.active[b-6r7wdcdawr],
.preview-menu-button.expanded[b-6r7wdcdawr] {
    background: var(--designer-active-highlight, rgba(255, 255, 255, 0.14));
}

.preview-menu-button:hover[b-6r7wdcdawr] {
    background: var(--designer-hover-highlight, rgba(255, 255, 255, 0.14));
}

.preview-menu-button.active:hover[b-6r7wdcdawr],
.preview-menu-button.expanded:hover[b-6r7wdcdawr] {
    background: var(--designer-active-highlight, rgba(255, 255, 255, 0.14));
}

.preview-menu-button span[b-6r7wdcdawr] {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    white-space: normal;
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
}

.preview-sidebar.collapsed .preview-menu-button[b-6r7wdcdawr] {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
}

.preview-sidebar.collapsed .preview-menu-button > span[b-6r7wdcdawr] {
    display: none;
}

.preview-group-label[b-6r7wdcdawr] {
    min-height: var(--designer-group-row-height, 26px);
    display: flex;
    align-items: center;
    padding: 0.35rem 0.75rem 0.2rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    line-height: 1.15;
}

.preview-group-label span[b-6r7wdcdawr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}

.preview-group-label:hover[b-6r7wdcdawr] {
    background: var(--designer-hover-highlight, rgba(255, 255, 255, 0.14));
}

.preview-sidebar.collapsed .preview-group-label[b-6r7wdcdawr] {
    display: none;
}

.collapsed-child-flyout[b-6r7wdcdawr] {
    position: absolute;
    top: 0;
    left: calc(100% + 0.7rem);
    z-index: 8;
    min-width: 13.25rem;
    max-width: 17rem;
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.7rem;
    background: #071528;
    color: #f8fafc;
    box-shadow: 0 1.2rem 2.6rem rgba(15, 23, 42, 0.38);
}

.collapsed-child-flyout[b-6r7wdcdawr]::before {
    content: "";
    position: absolute;
    top: 0.95rem;
    left: -0.42rem;
    width: 0.75rem;
    height: 0.75rem;
    transform: rotate(45deg);
    border-left: 1px solid rgba(148, 163, 184, 0.22);
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    background: #071528;
}

.collapsed-child-flyout strong[b-6r7wdcdawr] {
    display: block;
    padding: 0.2rem 0.3rem 0.35rem;
    color: #ffffff;
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, 600);
    line-height: 1.2;
}

.collapsed-child-flyout > span[b-6r7wdcdawr] {
    padding: 0.3rem;
    color: #a8b5ca;
    font-size: 0.74rem;
}

.collapsed-child-flyout button[b-6r7wdcdawr],
.child-node-list > button[b-6r7wdcdawr] {
    min-height: 2rem;
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.45rem;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.08);
    color: var(--designer-form-font-color, inherit);
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
    cursor: pointer;
    text-align: left;
}

.collapsed-child-flyout button[b-6r7wdcdawr] {
    background: transparent;
    color: var(--designer-form-font-color, #dbeafe);
}

.collapsed-child-flyout button:hover[b-6r7wdcdawr] {
    border-color: rgba(96, 165, 250, 0.36);
    background: var(--designer-hover-highlight, rgba(255, 255, 255, 0.14));
}

.collapsed-child-flyout button span[b-6r7wdcdawr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
}

.child-node-list[b-6r7wdcdawr] {
    display: grid;
    gap: 0.35rem;
    margin: 0.25rem 0 0.45rem;
    padding-left: 1.7rem;
}

.horizontal-preview[b-6r7wdcdawr] {
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    overflow-x: auto;
    padding: 0.5rem;
    border-radius: var(--designer-radius);
    background: linear-gradient(135deg, var(--designer-theme-dark, #071a2f), var(--designer-theme));
    color: var(--designer-font);
    box-shadow: 0 0.75rem 1.6rem rgba(15, 23, 42, 0.18);
}

.horizontal-preview .horizontal-item[b-6r7wdcdawr],
.horizontal-preview button[b-6r7wdcdawr] {
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex: 0 0 auto;
    padding: 0 0.7rem;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--designer-form-font-color, inherit);
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
    cursor: pointer;
}

.horizontal-preview .horizontal-item > span[b-6r7wdcdawr],
.horizontal-preview button > span[b-6r7wdcdawr] {
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
}

.horizontal-preview .horizontal-item:hover[b-6r7wdcdawr],
.horizontal-preview button:hover[b-6r7wdcdawr] {
    background: var(--designer-hover-highlight, rgba(255, 255, 255, 0.14));
}

.horizontal-preview .horizontal-item.active[b-6r7wdcdawr],
.horizontal-preview button.active[b-6r7wdcdawr],
.horizontal-preview .horizontal-item.active:hover[b-6r7wdcdawr],
.horizontal-preview button.active:hover[b-6r7wdcdawr] {
    background: var(--designer-active-highlight, rgba(255, 255, 255, 0.14));
}

.preview-menu-button[b-6r7wdcdawr]  svg,
.collapsed-child-flyout button[b-6r7wdcdawr]  svg,
.child-node-list > button[b-6r7wdcdawr]  svg,
.horizontal-preview .horizontal-item[b-6r7wdcdawr]  svg,
.horizontal-preview button[b-6r7wdcdawr]  svg {
    color: var(--designer-form-icon-color, currentColor);
}

.runtime-preview-shell[b-6r7wdcdawr] {
    --runtime-gap: 0.65rem;
    --runtime-radius: 0.75rem;
    --runtime-logo-justify: flex-start;
    --runtime-logo-text-align: left;
    --runtime-toggle-size: 2.25rem;
    --runtime-toggle-gradient-start: #ffffff;
    --runtime-toggle-gradient-end: #0f3a63;
    --runtime-toggle-icon: #19a979;
    min-height: 100%;
    display: grid;
    grid-template-columns: minmax(4.8rem, var(--runtime-menu-width)) minmax(0, 1fr);
    overflow: visible;
    background: var(--bpm-project-bg, #eef4fb);
}

.runtime-preview-shell.horizontal[b-6r7wdcdawr] {
    grid-template-columns: 1fr;
}

.runtime-preview-shell.collapsed[b-6r7wdcdawr] {
    grid-template-columns: 4.8rem minmax(0, 1fr);
}

.runtime-preview-main[b-6r7wdcdawr] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    overflow: auto;
    gap: 0.9rem;
    padding: 0.7rem 0.8rem 0.8rem;
    background: var(--bpm-project-bg, #f8fbff);
}

.runtime-preview-sidebar[b-6r7wdcdawr] {
    position: relative;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.85rem;
    color: var(--runtime-font);
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.01) 18%, rgba(255, 255, 255, 0) 34%),
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 12rem),
        linear-gradient(180deg, var(--runtime-theme-dark, #071a2f), var(--runtime-theme));
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px) saturate(1.05);
    overflow: visible;
    font-family: var(--runtime-font-family, Inter, "Segoe UI", Arial, sans-serif);
    font-size: var(--runtime-font-size);
    font-weight: var(--runtime-font-weight, 500);
}

.runtime-preview-sidebar.collapsed[b-6r7wdcdawr] {
    padding-inline: 0.55rem;
}

.runtime-preview-brand[b-6r7wdcdawr] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: var(--runtime-logo-justify);
    gap: 0.55rem;
    min-height: 3rem;
    padding: 0.45rem;
    text-align: var(--runtime-logo-text-align);
}

.runtime-preview-brand strong[b-6r7wdcdawr] {
    font-size: 1rem;
    line-height: 1.2;
    white-space: normal;
}

.runtime-preview-sidebar.collapsed .runtime-preview-brand[b-6r7wdcdawr] {
    width: 100%;
    justify-content: center;
    padding-inline: 0;
    text-align: center;
}

.runtime-sidebar-toggle-button[b-6r7wdcdawr] {
    position: absolute;
    top: 2.8rem;
    right: 0;
    z-index: 3;
    width: var(--runtime-toggle-size);
    height: var(--runtime-toggle-size);
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.42) 34%, transparent 36%),
        linear-gradient(145deg, var(--runtime-toggle-gradient-start), color-mix(in srgb, var(--runtime-toggle-gradient-start) 45%, var(--runtime-toggle-gradient-end)) 48%, var(--runtime-toggle-gradient-end));
    color: var(--runtime-toggle-icon);
    box-shadow:
        inset 0 0.12rem 0.22rem rgba(255, 255, 255, 0.75),
        inset 0 -0.32rem 0.48rem rgba(15, 23, 42, 0.2),
        0 0.7rem 1.35rem rgba(15, 23, 42, 0.32);
    cursor: pointer;
    transform: translateX(50%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    backdrop-filter: blur(10px);
}

.runtime-sidebar-toggle-button[b-6r7wdcdawr]::after {
    content: "";
    position: absolute;
    inset: 0.15rem 0.2rem auto;
    height: 42%;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), transparent);
    pointer-events: none;
}

.runtime-sidebar-toggle-button:hover[b-6r7wdcdawr] {
    filter: saturate(1.08);
    transform: translate(50%, -2px);
    box-shadow:
        inset 0 0.12rem 0.22rem rgba(255, 255, 255, 0.82),
        inset 0 -0.32rem 0.48rem rgba(15, 23, 42, 0.22),
        0 0.9rem 1.6rem rgba(15, 23, 42, 0.36);
}

.runtime-sidebar-toggle-button:active[b-6r7wdcdawr] {
    transform: translateX(50%);
}

.runtime-sidebar-toggle-button svg[b-6r7wdcdawr] {
    position: relative;
    z-index: 1;
    width: 45%;
    height: 45%;
    stroke-width: 2.4;
    filter: drop-shadow(0 0.05rem 0 rgba(255, 255, 255, 0.55));
}

.runtime-preview-menu[b-6r7wdcdawr] {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: calc(var(--runtime-gap) * 0.45);
    margin-top: var(--runtime-logo-menu-gap, 1rem);
    padding-right: 0.3rem;
    overflow-y: auto;
    overflow-x: visible;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.32) rgba(255, 255, 255, 0.06);
}

.runtime-preview-menu[b-6r7wdcdawr]::-webkit-scrollbar {
    width: 10px;
}

.runtime-preview-menu[b-6r7wdcdawr]::-webkit-scrollbar-track {
    margin: 0.2rem 0 0.35rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.runtime-preview-menu[b-6r7wdcdawr]::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(191, 219, 254, 0.2)) padding-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36), 0 4px 12px rgba(15, 23, 42, 0.18);
}

.runtime-preview-menu[b-6r7wdcdawr]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(147, 197, 253, 0.28)) padding-box;
}

.runtime-preview-sidebar.collapsed .runtime-preview-menu[b-6r7wdcdawr] {
    overflow: visible;
}

.runtime-preview-menu-node[b-6r7wdcdawr] {
    position: relative;
    min-width: 0;
}

.runtime-preview-menu-button[b-6r7wdcdawr] {
    position: relative;
    width: 100%;
    min-height: var(--runtime-row-height, 40px);
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr) 1.25rem;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.55rem;
    border: 1px solid transparent;
    border-radius: var(--runtime-radius);
    background: transparent;
    color: var(--runtime-form-font-color, inherit);
    cursor: pointer;
    font-family: var(--runtime-form-font-family, inherit);
    font-size: var(--runtime-form-font-size, var(--runtime-font-size));
    font-weight: var(--runtime-form-font-weight, inherit);
    text-align: left;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.runtime-preview-menu-button.expanded[b-6r7wdcdawr] {
    border-color: transparent;
    background: var(--runtime-active-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-menu-button:hover[b-6r7wdcdawr] {
    border-color: transparent;
    background: var(--runtime-hover-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-menu-button.expanded:hover[b-6r7wdcdawr] {
    background: var(--runtime-active-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-menu-button[b-6r7wdcdawr]  svg,
.runtime-preview-collapsed-flyout button[b-6r7wdcdawr]  svg,
.runtime-preview-children button[b-6r7wdcdawr]  svg,
.runtime-preview-horizontal button[b-6r7wdcdawr]  svg {
    color: var(--runtime-form-icon-color, currentColor);
}

div[b-6r7wdcdawr]  .navigation-menu-icon {
    width: var(--runtime-navigation-icon-size, 1rem);
    height: var(--runtime-navigation-icon-size, 1rem);
}

.runtime-preview-menu-button span[b-6r7wdcdawr] {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    white-space: normal;
    font-family: inherit;
    font-size: var(--runtime-form-font-size, var(--runtime-font-size));
    font-weight: inherit;
}

.runtime-preview-sidebar.collapsed .runtime-preview-menu-button[b-6r7wdcdawr] {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
}

.runtime-preview-sidebar.collapsed .runtime-preview-menu-button > span[b-6r7wdcdawr] {
    display: none;
}

.runtime-preview-collapsed-flyout[b-6r7wdcdawr] {
    position: absolute;
    top: 0;
    left: calc(100% + 0.85rem);
    z-index: 4;
    min-width: 13rem;
    max-width: 18rem;
    display: grid;
    gap: 0.45rem;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.94));
    box-shadow: 0 1.25rem 2.5rem rgba(15, 23, 42, 0.34);
}

.runtime-preview-collapsed-flyout[b-6r7wdcdawr]::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: -0.45rem;
    width: 0.9rem;
    height: 0.9rem;
    border-left: 1px solid rgba(148, 163, 184, 0.3);
    border-top: 1px solid rgba(148, 163, 184, 0.3);
    background: rgba(15, 23, 42, 0.98);
    transform: rotate(-45deg);
}

.runtime-preview-collapsed-flyout strong[b-6r7wdcdawr] {
    color: #f8fafc;
    font-size: calc(var(--runtime-font-size) * 0.96);
    line-height: 1.2;
}

.runtime-preview-collapsed-flyout > span[b-6r7wdcdawr] {
    color: rgba(226, 232, 240, 0.88);
    font-size: calc(var(--runtime-font-size) * 0.88);
    line-height: 1.3;
}

.runtime-preview-collapsed-flyout button[b-6r7wdcdawr] {
    min-height: 2.2rem;
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.45rem;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.06);
    color: var(--runtime-form-font-color, #f8fafc);
    cursor: pointer;
    text-align: left;
    font-family: var(--runtime-form-font-family, inherit);
    font-size: var(--runtime-form-font-size, calc(var(--runtime-font-size) * 0.9));
    font-weight: var(--runtime-form-font-weight, inherit);
    line-height: 1.2;
}

.runtime-preview-collapsed-flyout button.active[b-6r7wdcdawr] {
    border-color: rgba(96, 165, 250, 0.36);
    background: var(--runtime-active-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-collapsed-flyout button:hover[b-6r7wdcdawr] {
    border-color: rgba(96, 165, 250, 0.36);
    background: var(--runtime-hover-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-collapsed-flyout button.active:hover[b-6r7wdcdawr] {
    background: var(--runtime-active-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-collapsed-flyout button span[b-6r7wdcdawr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.runtime-preview-accordion-icon[b-6r7wdcdawr] {
    width: 1rem;
    height: 1rem;
    transition: transform 160ms ease;
}

.runtime-preview-accordion-icon.expanded[b-6r7wdcdawr] {
    transform: rotate(180deg);
}

.runtime-preview-group[b-6r7wdcdawr] {
    min-height: var(--runtime-group-row-height, 26px);
    display: flex;
    align-items: center;
    padding: 0.35rem 0.75rem 0.2rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    line-height: 1.15;
    font-size: calc(var(--runtime-font-size) * 0.98);
    font-weight: 700;
    letter-spacing: 0;
}

.runtime-preview-children[b-6r7wdcdawr] {
    display: grid;
    gap: 0.35rem;
    margin: 0.25rem 0 0.45rem;
    padding-left: 1.7rem;
}

.runtime-preview-children button[b-6r7wdcdawr] {
    min-height: max(1.9rem, calc(var(--runtime-row-height, 40px) - 6px));
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.4rem;
    border: 1px solid transparent;
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.08);
    color: var(--runtime-form-font-color, inherit);
    cursor: pointer;
    text-align: left;
    font-family: var(--runtime-form-font-family, inherit);
    font-size: var(--runtime-form-font-size, calc(var(--runtime-font-size) * 0.92));
    font-weight: var(--runtime-form-font-weight, inherit);
    line-height: 1.2;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.runtime-preview-children button.active[b-6r7wdcdawr] {
    border-color: rgba(96, 165, 250, 0.36);
    background: var(--runtime-active-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-children button:hover[b-6r7wdcdawr] {
    background: var(--runtime-hover-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-children button.active:hover[b-6r7wdcdawr] {
    background: var(--runtime-active-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-children button span[b-6r7wdcdawr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-family: inherit;
    font-size: var(--runtime-form-font-size, calc(var(--runtime-font-size) * 0.92));
    font-weight: inherit;
    line-height: 1.2;
}

.runtime-preview-horizontal[b-6r7wdcdawr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.runtime-preview-horizontal button[b-6r7wdcdawr] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1rem;
    border: 1px solid rgba(191, 219, 254, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: var(--runtime-form-font-color, #173d6a);
    font-family: var(--runtime-form-font-family, inherit);
    font-size: var(--runtime-form-font-size, var(--runtime-font-size));
    line-height: 1.15;
    font-weight: var(--runtime-form-font-weight, 700);
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.runtime-preview-horizontal button.active[b-6r7wdcdawr] {
    border-color: transparent;
    background: var(--runtime-active-highlight, rgba(255, 255, 255, 0.14));
    color: var(--runtime-form-font-color, #ffffff);
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.22);
}

.runtime-preview-children button:hover[b-6r7wdcdawr],
.runtime-preview-horizontal button:hover[b-6r7wdcdawr] {
    filter: brightness(1.05);
}

.runtime-preview-horizontal button:hover[b-6r7wdcdawr] {
    background: var(--runtime-hover-highlight, rgba(255, 255, 255, 0.14));
}

.runtime-preview-horizontal button.active:hover[b-6r7wdcdawr] {
    background: var(--runtime-active-highlight, rgba(255, 255, 255, 0.14));
}

@media (max-width: 760px) {
    .preview-workspace[b-6r7wdcdawr],
    .preview-workspace.collapsed[b-6r7wdcdawr],
    .runtime-preview-shell[b-6r7wdcdawr],
    .runtime-preview-shell.collapsed[b-6r7wdcdawr] {
        grid-template-columns: 1fr;
    }

    .runtime-preview-sidebar[b-6r7wdcdawr] {
        max-height: 18rem;
        overflow: auto;
    }

    .runtime-sidebar-toggle-button[b-6r7wdcdawr] {
        display: none;
    }
}
/* /Components/BPMWorkspace/Pages/AccessActivationPage.razor.rz.scp.css */
.access-verification[b-3ysskb02za] {
    max-width: 520px;
    margin: 4rem auto;
    padding: 2rem;
    border: 1px solid #d7e2f2;
    border-radius: 16px;
    background: white;
}

.password-preview-shell[b-3ysskb02za] {
    display: flex;
    align-items: stretch;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
}

.password-preview-shell:focus-within[b-3ysskb02za] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2);
}

.password-preview-shell input[b-3ysskb02za] {
    flex: 1;
    min-width: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.password-visibility-toggle[b-3ysskb02za] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    padding: 0 0.95rem;
    border: 0;
    border-left: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
}

.password-visibility-toggle:hover[b-3ysskb02za] {
    background: #eff6ff;
    color: #1d4ed8;
}

.password-visibility-toggle:focus-visible[b-3ysskb02za] {
    outline: 2px solid #2563eb;
    outline-offset: -3px;
}

@media (max-width: 576px) {
    .access-verification[b-3ysskb02za] { margin: 1rem; padding: 1.25rem; }
}
/* /Components/BPMWorkspace/Pages/LoginExperienceDesigner.razor.rz.scp.css */
.login-experience-designer[b-gbsmkixxee] {
    display: grid;
    gap: 0.85rem;
}

.login-experience-designer__breadcrumb[b-gbsmkixxee] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: fit-content;
    color: #2857a8;
    font-size: 0.78rem;
    font-weight: 600;
}

.login-experience-designer__breadcrumb span:first-child[b-gbsmkixxee] {
    color: #2563eb;
    font-size: 1.15rem;
    line-height: 1;
}

.login-experience-designer__header[b-gbsmkixxee],
.login-experience-designer__library[b-gbsmkixxee],
.login-experience-designer__workspace[b-gbsmkixxee],
.login-experience-designer__toolbar[b-gbsmkixxee],
.login-experience-designer__panel[b-gbsmkixxee],
.login-experience-designer__blocks-panel[b-gbsmkixxee] {
    border: 1px solid #dbe4f0;
    border-radius: 1.5rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.login-experience-designer__header[b-gbsmkixxee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
}

.login-experience-designer__header-copy[b-gbsmkixxee] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.project-login-designer .login-experience-designer__header[b-gbsmkixxee] {
    align-items: start;
    border-radius: 1.05rem;
}

.project-login-designer .login-experience-designer__header-copy[b-gbsmkixxee] {
    flex: 1 1 auto;
}

.project-login-designer .login-experience-designer__header h2[b-gbsmkixxee] {
    font-size: clamp(1.05rem, 1.55vw, 1.35rem);
}

.login-experience-designer__eyebrow[b-gbsmkixxee] {
    margin: 0 0 0.35rem;
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.login-experience-designer__header h2[b-gbsmkixxee],
.login-experience-designer__section-header h3[b-gbsmkixxee] {
    margin: 0;
    color: #0f172a;
}

.login-experience-designer__header p[b-gbsmkixxee],
.login-experience-designer__section-header p[b-gbsmkixxee] {
    margin: 0.3rem 0 0;
    color: #475569;
}

.login-experience-designer__actions[b-gbsmkixxee],
.login-experience-designer__tabs[b-gbsmkixxee],
.login-experience-designer__preview-switches[b-gbsmkixxee] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.login-experience-designer__actions-shell[b-gbsmkixxee] {
    display: grid;
    justify-items: end;
    gap: 0.4rem;
}

.project-login-designer .login-experience-designer__actions-shell[b-gbsmkixxee] {
    align-self: start;
}

.login-experience-designer__primary[b-gbsmkixxee],
.login-experience-designer__secondary[b-gbsmkixxee],
.login-experience-designer__tab[b-gbsmkixxee],
.login-experience-designer__device[b-gbsmkixxee],
.login-experience-designer__template[b-gbsmkixxee] {
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease, background 120ms ease, filter 120ms ease;
}

.login-experience-designer__primary[b-gbsmkixxee],
.login-experience-designer__secondary[b-gbsmkixxee],
.login-experience-designer__tab[b-gbsmkixxee],
.login-experience-designer__device[b-gbsmkixxee] {
    min-height: 2.25rem;
    padding: 0.58rem 0.95rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.55rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow:
        0 10px 20px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(203, 213, 225, 0.45);
}

.login-experience-designer__primary[b-gbsmkixxee] {
    border-color: #2563eb;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 55%, #1d4ed8 100%);
    color: #ffffff;
    box-shadow:
        0 14px 24px rgba(37, 99, 235, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.26),
        inset 0 -2px 0 rgba(29, 78, 216, 0.55);
}

.login-experience-designer__secondary:hover[b-gbsmkixxee],
.login-experience-designer__primary:hover[b-gbsmkixxee],
.login-experience-designer__tab:hover[b-gbsmkixxee],
.login-experience-designer__device:hover[b-gbsmkixxee] {
    transform: translateY(-1px);
    filter: brightness(1.01);
}

.login-experience-designer__secondary:active[b-gbsmkixxee],
.login-experience-designer__primary:active[b-gbsmkixxee],
.login-experience-designer__tab:active[b-gbsmkixxee],
.login-experience-designer__device:active[b-gbsmkixxee] {
    transform: translateY(2px) scale(0.992);
}

.login-experience-designer__secondary:active[b-gbsmkixxee],
.login-experience-designer__tab:active[b-gbsmkixxee],
.login-experience-designer__device:active[b-gbsmkixxee] {
    box-shadow:
        0 4px 10px rgba(15, 23, 42, 0.06),
        inset 0 2px 4px rgba(148, 163, 184, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.login-experience-designer__primary:active[b-gbsmkixxee] {
    box-shadow:
        0 6px 14px rgba(37, 99, 235, 0.22),
        inset 0 3px 8px rgba(29, 78, 216, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.login-experience-designer__primary:disabled[b-gbsmkixxee] {
    cursor: progress;
    opacity: 0.9;
    transform: none;
}

.login-experience-designer__tab.is-active[b-gbsmkixxee],
.login-experience-designer__device.is-active[b-gbsmkixxee] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.1);
}

.login-experience-designer__action-feedback[b-gbsmkixxee] {
    margin: 0;
    color: #2563eb;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.login-experience-designer__project-summary[b-gbsmkixxee] {
    display: grid;
    gap: 0.75rem;
    max-width: none;
    margin-top: 0.45rem;
    padding: 0.8rem 0 0;
    border-top: 1px solid #e2e8f0;
}

.login-experience-designer__project-summary-grid span[b-gbsmkixxee] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.login-experience-designer__project-summary-grid[b-gbsmkixxee] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
}

.login-experience-designer__project-summary-grid article[b-gbsmkixxee] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.15rem 0.85rem;
    border: 0;
    border-left: 1px solid #e2e8f0;
    border-radius: 0;
    background: transparent;
}

.login-experience-designer__project-summary-grid article:first-child[b-gbsmkixxee] {
    padding-left: 0;
    border-left: 0;
}

.login-experience-designer__project-summary-grid strong[b-gbsmkixxee] {
    color: #0f172a;
    font-size: 0.78rem;
    line-height: 1.35;
}

.login-experience-designer__project-summary-description[b-gbsmkixxee] {
    margin: 0.15rem 0 0;
    padding-top: 0.7rem;
    border-top: 1px solid #eef2f7;
    color: #475569;
    font-size: 0.78rem;
    line-height: 1.5;
}

.login-experience-designer__modal-backdrop[b-gbsmkixxee] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(6px);
}

.login-experience-designer__modal[b-gbsmkixxee] {
    position: fixed;
    inset: 4vh 4vw;
    z-index: 41;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 1rem;
    padding: 1.15rem;
    border: 1px solid rgba(219, 228, 240, 0.9);
    border-radius: 1.7rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 255, 0.98) 100%);
    box-shadow: 0 32px 80px rgba(15, 23, 42, 0.22);
}

.login-experience-designer__modal-header[b-gbsmkixxee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.4rem 0.35rem 0;
}

.login-experience-designer__modal-header h3[b-gbsmkixxee] {
    margin: 0;
    color: #0f172a;
    font-size: 1.4rem;
}

.login-experience-designer__modal-header p[b-gbsmkixxee] {
    margin: 0.25rem 0 0;
    color: #475569;
}

.login-experience-designer__modal-body[b-gbsmkixxee] {
    min-height: 0;
    overflow: auto;
    padding: 0.15rem 0.25rem 0.35rem;
}

.login-experience-designer__popup-viewport[b-gbsmkixxee] {
    width: 100%;
    height: min(82vh, 980px);
    border-radius: 1.4rem;
    overflow: hidden;
    background: #dbe4f0;
    box-shadow: inset 0 0 0 1px rgba(203, 213, 225, 0.7);
}

.login-experience-designer__popup-viewport.desktop[b-gbsmkixxee] {
    height: min(82vh, 980px);
}

.login-experience-designer__popup-viewport.tablet[b-gbsmkixxee] {
    width: min(100%, 900px);
    margin-inline: auto;
    height: min(82vh, 900px);
}

.login-experience-designer__popup-viewport.mobile[b-gbsmkixxee] {
    width: min(100%, 460px);
    margin-inline: auto;
    height: min(82vh, 860px);
}

.login-experience-designer__preview-iframe[b-gbsmkixxee],
.login-experience-designer__preview-embed[b-gbsmkixxee] {
    width: 100%;
    height: 100%;
    border: none;
    background: #ffffff;
}

.login-experience-designer__preview-embed[b-gbsmkixxee] {
    overflow: auto;
}

.login-experience-designer__studio[b-gbsmkixxee] {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr) 285px;
    gap: 0.85rem;
    align-items: start;
}

.login-experience-designer__library[b-gbsmkixxee],
.login-experience-designer__workspace[b-gbsmkixxee],
.login-experience-designer__panel[b-gbsmkixxee],
.login-experience-designer__blocks-panel[b-gbsmkixxee] {
    padding: 0.9rem;
}

.login-experience-designer__library[b-gbsmkixxee],
.login-experience-designer__workspace[b-gbsmkixxee],
.login-experience-designer__inspector[b-gbsmkixxee] {
    display: grid;
    gap: 1rem;
}

.login-experience-designer__template-grid[b-gbsmkixxee],
.login-experience-designer__toggle-grid[b-gbsmkixxee],
.login-experience-designer__blocks-grid[b-gbsmkixxee] {
    display: grid;
    gap: 0.85rem;
}

.login-experience-designer__template-grid[b-gbsmkixxee] {
    grid-template-columns: 1fr;
}

.login-experience-designer__template[b-gbsmkixxee] {
    display: grid;
    gap: 0.65rem;
    justify-items: start;
    padding: 0.9rem;
    border: 1px solid #dbe4f0;
    border-radius: 1.1rem;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
}

.login-experience-designer__template.is-active[b-gbsmkixxee] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    transform: translateY(-1px);
}

.login-experience-designer__template-swatch[b-gbsmkixxee] {
    width: 100%;
    height: 5.25rem;
    border-radius: 1rem;
}

.login-experience-designer__template strong[b-gbsmkixxee] {
    color: #0f172a;
}

.login-experience-designer__template small[b-gbsmkixxee],
.login-experience-designer__library-metrics small[b-gbsmkixxee],
.login-experience-designer__block-card span[b-gbsmkixxee],
.login-experience-designer__toggle-card span[b-gbsmkixxee],
.login-experience-designer__callout span[b-gbsmkixxee] {
    color: #64748b;
    line-height: 1.45;
}

.login-experience-designer__library-metrics[b-gbsmkixxee] {
    display: grid;
    gap: 0.8rem;
}

.login-experience-designer__library-metrics article[b-gbsmkixxee] {
    display: grid;
    gap: 0.2rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbe4f0;
    border-radius: 1rem;
    background: #ffffff;
}

.login-experience-designer__library-metrics span[b-gbsmkixxee] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.login-experience-designer__library-metrics strong[b-gbsmkixxee] {
    color: #0f172a;
    font-size: 1.35rem;
}

.login-experience-designer__workspace-toolbar[b-gbsmkixxee],
.login-experience-designer__preview-stage[b-gbsmkixxee] {
    border: 1px solid #e2e8f0;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f8ff 100%);
}

.login-experience-designer__workspace-toolbar[b-gbsmkixxee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.8rem;
}

.login-experience-designer__workspace-meta[b-gbsmkixxee] {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
}

.login-experience-designer__workspace-meta span[b-gbsmkixxee] {
    color: #64748b;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

.login-experience-designer__workspace-meta strong[b-gbsmkixxee] {
    color: #0f172a;
}

.login-experience-designer__preview-stage[b-gbsmkixxee] {
    padding: 0.8rem;
}

.login-experience-designer__device-frame[b-gbsmkixxee] {
    width: min(100%, 940px);
    margin-inline: auto;
    padding: 0.7rem;
    border-radius: 1.5rem;
    background: linear-gradient(180deg, #111827 0%, #020617 100%);
    box-shadow:
        0 28px 70px rgba(15, 23, 42, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.login-experience-designer__device-frame.tablet[b-gbsmkixxee] {
    width: min(100%, 760px);
}

.login-experience-designer__device-frame.mobile[b-gbsmkixxee] {
    width: min(100%, 420px);
}

.login-experience-designer__frame-header[b-gbsmkixxee] {
    display: flex;
    justify-content: center;
    gap: 0.45rem;
    margin-bottom: 0.9rem;
}

.login-experience-designer__frame-header span[b-gbsmkixxee] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.35);
}

.login-experience-designer__preview-canvas[b-gbsmkixxee] {
    --designer-login-start: #2563eb;
    --designer-login-middle: #1d4ed8;
    --designer-login-end: #0f172a;
    --designer-login-accent: #dbeafe;
    --designer-login-globe-primary: #7dd3fc;
    --designer-login-globe-secondary: #38bdf8;
    position: relative;
    overflow: hidden;
    min-height: 44rem;
    padding: 2rem;
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.24), transparent 15rem),
        radial-gradient(circle at 84% 74%, rgba(191, 219, 254, 0.18), transparent 15rem),
        linear-gradient(140deg, var(--designer-login-start) 0%, var(--designer-login-middle) 54%, var(--designer-login-end) 100%);
    color: #ffffff;
}

.login-experience-designer__preview-canvas.tablet[b-gbsmkixxee] {
    min-height: 39rem;
}

.login-experience-designer__preview-canvas.mobile[b-gbsmkixxee] {
    min-height: 46rem;
}

.login-experience-designer__preview-canvas.layout-center-card[b-gbsmkixxee] {
    display: grid;
    justify-items: center;
    align-content: center;
}

.login-experience-designer__preview-canvas.layout-center-card .login-experience-designer__preview-content[b-gbsmkixxee] {
    display: none;
}

.login-experience-designer__preview-canvas.layout-centered-logo[b-gbsmkixxee] {
    display: grid;
    justify-items: center;
    align-content: center;
}

/* Keep horizontal branding and the login card in a balanced two-column row,
   matching the runtime layout and keeping their vertical centers aligned. */
.login-experience-designer__preview-canvas.layout-right-panel[b-gbsmkixxee],
.login-experience-designer__preview-canvas.layout-left-panel[b-gbsmkixxee] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 420px);
    gap: 2rem;
    align-items: center;
}

.login-experience-designer__preview-canvas.layout-right-panel .login-experience-designer__preview-content[b-gbsmkixxee],
.login-experience-designer__preview-canvas.layout-left-panel .login-experience-designer__preview-content[b-gbsmkixxee] {
    grid-column: 1;
    grid-row: 1;
    width: min(100%, 32rem);
    margin: 0;
    align-self: center;
}

.login-experience-designer__preview-canvas.layout-right-panel .login-experience-designer__preview-form[b-gbsmkixxee],
.login-experience-designer__preview-canvas.layout-left-panel .login-experience-designer__preview-form[b-gbsmkixxee] {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    margin: 0;
    align-self: center;
}

.login-experience-designer__preview-canvas.layout-left-panel .login-experience-designer__preview-content[b-gbsmkixxee] {
    grid-column: 2;
}

.login-experience-designer__preview-canvas.layout-left-panel .login-experience-designer__preview-form[b-gbsmkixxee] {
    grid-column: 1;
}

.login-experience-designer__preview-canvas.layout-centered-logo .login-experience-designer__preview-content[b-gbsmkixxee] {
    display: none;
}

.login-experience-designer__preview-canvas.layout-centered-logo .login-experience-designer__preview-switcher[b-gbsmkixxee] {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
}

.login-experience-designer__preview-centered-branding[b-gbsmkixxee] {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    text-align: center;
}

.login-experience-designer__preview-centered-branding p[b-gbsmkixxee] {
    margin-top: 0;
    line-height: 1.4;
}

.login-experience-designer__preview-logo[b-gbsmkixxee] {
    display: grid;
    place-items: center;
    max-width: 100%;
}

.login-experience-designer__preview-logo img[b-gbsmkixxee] {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.login-experience-designer__preview-logo-mark[b-gbsmkixxee],
.login-experience-designer__logo-placeholder[b-gbsmkixxee] {
    color: #ffffff;
    font-size: 1.85rem;
    font-weight: 800;
    letter-spacing: -0.06em;
    text-shadow: 0 0 22px rgba(56, 189, 248, 0.55);
}

.login-experience-designer__preview-canvas.layout-centered-logo .login-experience-designer__preview-form[b-gbsmkixxee] {
    margin-top: var(--designer-branding-card-gap, 24px);
    width: min(100%, var(--designer-login-card-width, 25rem));
    border-radius: var(--designer-login-card-radius, 1.45rem);
}

.login-experience-designer__preview-canvas.layout-left-panel .login-experience-designer__preview-form[b-gbsmkixxee] {
    margin-inline: 0 auto;
}

.login-experience-designer__preview-canvas.layout-right-panel .login-experience-designer__preview-form[b-gbsmkixxee] {
    margin-inline: auto 0;
}

.login-experience-designer__preview-architecture[b-gbsmkixxee] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, transparent 0%, transparent 46%, rgba(255, 255, 255, 0.18) 46.5%, transparent 47.2%, transparent 100%),
        linear-gradient(101deg, transparent 0%, transparent 63%, rgba(255, 255, 255, 0.14) 63.4%, transparent 64%, transparent 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.08) 1px, transparent 1px, transparent 8%);
    background-size: auto, auto, 130px 130px;
    opacity: 0.36;
    pointer-events: none;
    animation: loginDesignerGridDrift-b-gbsmkixxee 24s linear infinite;
}

.login-experience-designer__preview-canvas.animation-disabled *[b-gbsmkixxee],
.login-experience-designer__preview-canvas.animation-disabled *[b-gbsmkixxee]::before,
.login-experience-designer__preview-canvas.animation-disabled *[b-gbsmkixxee]::after {
    animation: none !important;
}

.login-experience-designer__floating-rectangle[b-gbsmkixxee] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1.5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    animation: loginDesignerFloat-b-gbsmkixxee ease-in-out infinite;
    pointer-events: none;
    will-change: transform, opacity;
}

.login-experience-designer__floating-bubble[b-gbsmkixxee] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.06) 64%, transparent 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 0 12px rgba(191, 219, 254, 0.1);
    backdrop-filter: blur(8px);
    animation: loginDesignerBubble-b-gbsmkixxee ease-in-out infinite;
    pointer-events: none;
    will-change: transform, opacity;
}

.login-experience-designer__preview-switcher[b-gbsmkixxee] {
    position: absolute;
    top: 2rem;
    right: 2.4rem;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 0.88rem;
}

.login-experience-designer__preview-globe[b-gbsmkixxee] {
    position: absolute;
    top: 4.5rem;
    left: 3rem;
    width: 11rem;
    height: 11rem;
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.5), transparent 18%),
        linear-gradient(145deg, var(--designer-login-globe-primary), var(--designer-login-globe-secondary));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.36),
        0 22px 40px rgba(15, 23, 42, 0.22);
    opacity: 0.95;
    animation: loginDesignerGlobeSpin-b-gbsmkixxee 18s linear infinite;
}

.login-experience-designer__preview-globe[b-gbsmkixxee]::before,
.login-experience-designer__preview-globe[b-gbsmkixxee]::after {
    content: "";
    position: absolute;
    inset: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
}

.login-experience-designer__preview-globe[b-gbsmkixxee]::after {
    inset: 2.25rem 0.85rem;
}

.login-experience-designer__preview-globe.network[b-gbsmkixxee] {
    background:
        radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.32), transparent 16%),
        linear-gradient(145deg, #08213f, #0f3b8f, #38bdf8);
}

.login-experience-designer__preview-globe.network[b-gbsmkixxee]::before,
.login-experience-designer__preview-globe.network[b-gbsmkixxee]::after {
    animation: loginDesignerNetworkPulse-b-gbsmkixxee 4.8s ease-in-out infinite;
}

.login-experience-designer__preview-content[b-gbsmkixxee] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.9rem;
    max-width: min(100%, 32rem);
    margin-top: 7.35rem;
}

.login-experience-designer__preview-badge[b-gbsmkixxee] {
    display: inline-flex;
    justify-self: start;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--designer-login-accent);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.login-experience-designer__preview-content h4[b-gbsmkixxee] {
    margin: 0;
    font-size: clamp(1.9rem, 3vw, 2.75rem);
    line-height: 1.04;
}

.login-experience-designer__preview-content p[b-gbsmkixxee] {
    margin: 0;
    color: rgba(239, 246, 255, 0.92);
    line-height: 1.58;
    font-size: 0.96rem;
}

.login-experience-designer__preview-features[b-gbsmkixxee] {
    display: grid;
    gap: 0.6rem;
}

.login-experience-designer__preview-features span[b-gbsmkixxee] {
    display: inline-flex;
    justify-self: start;
    padding: 0.58rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.88rem;
}

.login-experience-designer__preview-form[b-gbsmkixxee] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.9rem;
    width: min(100%, 23rem);
    margin-top: 1.8rem;
    padding: 1.28rem 1.22rem 1.35rem;
    border: 2px solid rgba(198, 222, 255, 0.48);
    border-radius: 1.45rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.09) 100%);
    color: #f8fbff;
    box-shadow:
        0 22px 44px rgba(15, 23, 42, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(22px);
}

.login-experience-designer__preview-form > strong[b-gbsmkixxee] {
    font-size: 1.75rem;
    line-height: 1.04;
}

.login-experience-designer__preview-form small[b-gbsmkixxee] {
    color: rgba(239, 246, 255, 0.92);
    font-size: 0.88rem;
    line-height: 1.45;
}

.login-experience-designer__preview-form footer[b-gbsmkixxee],
.login-experience-designer__preview-link[b-gbsmkixxee],
.login-experience-designer__preview-footer[b-gbsmkixxee] {
    color: var(--designer-label-color, rgba(239, 246, 255, 0.9));
    font-size: var(--designer-label-size, 0.9rem);
    font-weight: var(--designer-label-weight, 600);
}

.login-experience-designer__preview-field[b-gbsmkixxee] {
    display: grid;
    gap: 0.42rem;
}

.login-experience-designer__preview-field span[b-gbsmkixxee] {
    color: var(--designer-label-color, #f8fbff);
    font-size: var(--designer-label-size, 0.95rem);
    font-weight: var(--designer-label-weight, 700);
}

.login-experience-designer__preview-field-frame[b-gbsmkixxee] {
    padding: 0.28rem;
    border-radius: 1.05rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(214, 232, 255, 0.14));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 8px 18px rgba(15, 23, 42, 0.16),
        0 0 0 1px rgba(255, 255, 255, 0.44);
}

.login-experience-designer__preview-form input[b-gbsmkixxee],
.login-experience-designer__preview-form button[b-gbsmkixxee] {
    min-height: 3.05rem;
    padding: 0.82rem 0.95rem;
    border-radius: 0.95rem;
    font: inherit;
}

.login-experience-designer__preview-form input[b-gbsmkixxee] {
    border: 1px solid rgba(255, 255, 255, 0.52);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(240, 246, 255, 0.12));
    color: #ffffff;
    font-weight: 800;
}

.login-experience-designer__preview-form button[b-gbsmkixxee] {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%),
        linear-gradient(135deg, rgba(219, 234, 254, 0.24) 0%, rgba(255, 255, 255, 0.08) 100%);
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -4px 10px rgba(96, 165, 250, 0.08),
        0 14px 26px rgba(8, 47, 73, 0.14),
        0 0 20px rgba(191, 219, 254, 0.12);
}

.login-experience-designer__preview-check-row[b-gbsmkixxee] {
    display: flex;
    justify-content: flex-start;
    padding-top: 0.2rem;
}

.login-experience-designer__preview-check[b-gbsmkixxee] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #f8fbff;
    font-size: 0.9rem;
    font-weight: 700;
}

.login-experience-designer__preview-check input[b-gbsmkixxee] {
    width: 1rem;
    min-height: auto;
}

.login-experience-designer__preview-check span[b-gbsmkixxee] {
    line-height: 1.35;
    white-space: nowrap;
}

.login-experience-designer__preview-links[b-gbsmkixxee] {
    display: flex;
    justify-content: flex-start;
}

.login-experience-designer__preview-link[b-gbsmkixxee] {
    color: var(--designer-link-color, #7dd3fc);
    font-size: var(--designer-link-size, 0.88rem);
    font-weight: var(--designer-link-weight, 600);
    text-decoration: none;
}

.login-experience-designer__preview-footer[b-gbsmkixxee] {
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 0.82rem;
    text-align: center;
    justify-self: stretch;
}

.login-experience-designer__blocks-panel[b-gbsmkixxee] {
    display: grid;
    gap: 1rem;
}

.login-experience-designer__blocks-grid[b-gbsmkixxee] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.login-experience-designer__block-card[b-gbsmkixxee],
.login-experience-designer__toggle-card[b-gbsmkixxee] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbe4f0;
    border-radius: 1rem;
    background: #ffffff;
}

.login-experience-designer__block-card strong[b-gbsmkixxee],
.login-experience-designer__toggle-card strong[b-gbsmkixxee],
.login-experience-designer__callout strong[b-gbsmkixxee] {
    display: block;
    color: #0f172a;
}

.login-experience-designer__inspector[b-gbsmkixxee] {
    display: grid;
    gap: 1rem;
}

.login-experience-designer__toolbar[b-gbsmkixxee],
.login-experience-designer__panel[b-gbsmkixxee] {
    padding: 1.2rem;
}

.login-experience-designer__panel[b-gbsmkixxee] {
    display: grid;
    gap: 1.15rem;
}

/* Compact Azure-style inspector: controls remain easy to scan without competing with the preview. */
.login-experience-designer__inspector[b-gbsmkixxee] {
    align-content: start;
}

.login-experience-designer__inspector .login-experience-designer__toolbar[b-gbsmkixxee],
.login-experience-designer__inspector .login-experience-designer__panel[b-gbsmkixxee] {
    padding: 0.85rem;
    border-radius: 0.9rem;
}

.login-experience-designer__inspector .login-experience-designer__tabs[b-gbsmkixxee] {
    gap: 0.35rem;
}

.login-experience-designer__inspector .login-experience-designer__tab[b-gbsmkixxee] {
    min-height: 2rem;
    padding: 0.38rem 0.55rem;
    border-radius: 0.45rem;
    font-size: 0.76rem;
}

.login-experience-designer__inspector .login-experience-designer__panel[b-gbsmkixxee] {
    gap: 0.85rem;
}

.login-experience-designer__inspector .login-experience-designer__section[b-gbsmkixxee] {
    gap: 0.7rem;
}

.login-experience-designer__inspector .login-experience-designer__section + .login-experience-designer__section[b-gbsmkixxee] {
    padding-top: 0.8rem;
}

.login-experience-designer__inspector .login-experience-designer__section-header h3[b-gbsmkixxee] {
    font-size: 0.96rem;
}

.login-experience-designer__inspector .login-experience-designer__section-header p[b-gbsmkixxee],
.login-experience-designer__inspector .login-experience-designer__toggle-card span[b-gbsmkixxee],
.login-experience-designer__inspector .login-experience-designer__logo-upload small[b-gbsmkixxee] {
    font-size: 0.75rem;
    line-height: 1.35;
}

.login-experience-designer__inspector .login-experience-designer__field-grid[b-gbsmkixxee] {
    gap: 0.6rem;
}

.login-experience-designer__inspector .login-experience-designer__field-grid span[b-gbsmkixxee],
.login-experience-designer__inspector .login-experience-designer__localization-bar span[b-gbsmkixxee] {
    font-size: 0.74rem;
}

.login-experience-designer__inspector .login-experience-designer__field-grid input[b-gbsmkixxee],
.login-experience-designer__inspector .login-experience-designer__field-grid select[b-gbsmkixxee],
.login-experience-designer__inspector .login-experience-designer__field-grid textarea[b-gbsmkixxee],
.login-experience-designer__inspector .login-experience-designer__localization-bar select[b-gbsmkixxee] {
    min-height: 2.25rem;
    padding: 0.55rem 0.65rem;
    border-radius: 0.55rem;
    font-size: 0.78rem;
}

.login-experience-designer__inspector .login-experience-designer__field-grid textarea[b-gbsmkixxee] {
    min-height: 4.25rem;
}

.login-experience-designer__inspector .login-experience-designer__toggle-card[b-gbsmkixxee] {
    gap: 0.55rem;
    padding: 0.65rem 0.7rem;
    border-radius: 0.65rem;
}

.login-experience-designer__section[b-gbsmkixxee] {
    display: grid;
    gap: 1rem;
}

.login-experience-designer__section + .login-experience-designer__section[b-gbsmkixxee] {
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.login-experience-designer__field-grid[b-gbsmkixxee] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.login-experience-designer__field-grid label[b-gbsmkixxee],
.login-experience-designer__localization-bar label[b-gbsmkixxee] {
    display: grid;
    gap: 0.45rem;
}

.login-experience-designer__field-grid span[b-gbsmkixxee],
.login-experience-designer__localization-bar span[b-gbsmkixxee] {
    color: #334155;
    font-size: 0.92rem;
    font-weight: 700;
}

.login-experience-designer__field-grid input[b-gbsmkixxee],
.login-experience-designer__field-grid select[b-gbsmkixxee],
.login-experience-designer__field-grid textarea[b-gbsmkixxee],
.login-experience-designer__localization-bar select[b-gbsmkixxee] {
    width: 100%;
    min-height: 2.8rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.95rem;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
}

.login-experience-designer__field-grid textarea[b-gbsmkixxee] {
    min-height: 5.8rem;
    resize: vertical;
}

.login-experience-designer__logo-upload[b-gbsmkixxee] {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.9rem;
    border: 1px dashed #93c5fd;
    border-radius: 1rem;
    background: #f8fbff;
}

.login-experience-designer__logo-upload > img[b-gbsmkixxee],
.login-experience-designer__logo-placeholder[b-gbsmkixxee] {
    width: 8rem;
    height: 5rem;
    object-fit: contain;
}

.login-experience-designer__logo-upload > div[b-gbsmkixxee] {
    display: grid;
    gap: 0.45rem;
}

.login-experience-designer__logo-upload small[b-gbsmkixxee],
.login-experience-designer__upload-feedback[b-gbsmkixxee] {
    color: #64748b;
    font-size: 0.82rem;
}

/* Keep the narrow Logo inspector easy to scan without squeezing the file picker. */
.login-experience-designer__section--logo[b-gbsmkixxee] {
    gap: 0.55rem;
}

.login-experience-designer__section--logo .login-experience-designer__section-header h3[b-gbsmkixxee] {
    font-size: 0.84rem;
}

.login-experience-designer__section--logo .login-experience-designer__section-header p[b-gbsmkixxee] {
    font-size: 0.68rem;
    line-height: 1.3;
}

.login-experience-designer__section--logo .login-experience-designer__logo-upload[b-gbsmkixxee] {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 0.5rem;
    padding: 0.65rem;
    border-radius: 0.75rem;
    text-align: center;
}

.login-experience-designer__section--logo .login-experience-designer__logo-upload > img[b-gbsmkixxee],
.login-experience-designer__section--logo .login-experience-designer__logo-placeholder[b-gbsmkixxee] {
    width: min(100%, 12rem);
    height: 3.75rem;
}

.login-experience-designer__section--logo .login-experience-designer__logo-upload > div[b-gbsmkixxee] {
    width: 100%;
    justify-items: center;
    gap: 0.3rem;
}

.login-experience-designer__section--logo .login-experience-designer__logo-upload input[type="file"][b-gbsmkixxee] {
    max-width: 100%;
    font-size: 0.68rem;
}

.login-experience-designer__section--logo .login-experience-designer__logo-upload small[b-gbsmkixxee],
.login-experience-designer__section--logo .login-experience-designer__upload-feedback[b-gbsmkixxee] {
    max-width: 100%;
    font-size: 0.66rem;
    line-height: 1.3;
}

.login-experience-designer__logo-uploading[b-gbsmkixxee] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #2563eb;
    font-size: 0.68rem;
    font-weight: 600;
}

.login-experience-designer__logo-spinner[b-gbsmkixxee] {
    width: 0.8rem;
    height: 0.8rem;
    border: 2px solid rgba(37, 99, 235, 0.2);
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: login-experience-logo-spin-b-gbsmkixxee 0.75s linear infinite;
}

@keyframes login-experience-logo-spin-b-gbsmkixxee {
    to {
        transform: rotate(360deg);
    }
}

.login-experience-designer__upload-feedback[b-gbsmkixxee] {
    color: #15803d;
}

.login-experience-designer__upload-feedback.is-error[b-gbsmkixxee] {
    color: #b91c1c;
}

.login-experience-designer__span-2[b-gbsmkixxee] {
    grid-column: 1 / -1;
}

.login-experience-designer__toggle-grid[b-gbsmkixxee] {
    grid-template-columns: 1fr;
}

.login-experience-designer__language-list[b-gbsmkixxee] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.login-experience-designer__language-chip[b-gbsmkixxee] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 600;
}

.login-experience-designer__callout[b-gbsmkixxee] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
}

@media (max-width: 1360px) {
    .login-experience-designer__studio[b-gbsmkixxee] {
        grid-template-columns: 205px minmax(0, 1fr) 260px;
    }
}

@media (max-width: 900px) {
    .login-experience-designer__preview-canvas.layout-right-panel[b-gbsmkixxee],
    .login-experience-designer__preview-canvas.layout-left-panel[b-gbsmkixxee] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .login-experience-designer__preview-canvas.layout-right-panel .login-experience-designer__preview-content[b-gbsmkixxee],
    .login-experience-designer__preview-canvas.layout-left-panel .login-experience-designer__preview-content[b-gbsmkixxee],
    .login-experience-designer__preview-canvas.layout-left-panel .login-experience-designer__preview-form[b-gbsmkixxee],
    .login-experience-designer__preview-canvas.layout-right-panel .login-experience-designer__preview-form[b-gbsmkixxee] {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
        margin: 0;
    }

    .login-experience-designer__preview-canvas.layout-right-panel .login-experience-designer__preview-form[b-gbsmkixxee],
    .login-experience-designer__preview-canvas.layout-left-panel .login-experience-designer__preview-form[b-gbsmkixxee] {
        margin-top: 1rem;
    }

    .login-experience-designer__studio[b-gbsmkixxee] {
        grid-template-columns: 1fr;
    }

    .login-experience-designer__library[b-gbsmkixxee] {
        order: 2;
    }

    .login-experience-designer__workspace[b-gbsmkixxee] {
        order: 1;
    }

    .login-experience-designer__inspector[b-gbsmkixxee] {
        order: 3;
    }

    .login-experience-designer__project-summary-grid[b-gbsmkixxee] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.7rem 0;
    }

    .login-experience-designer__project-summary-grid article:nth-child(4)[b-gbsmkixxee] {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 768px) {
    .login-experience-designer__header[b-gbsmkixxee],
    .login-experience-designer__workspace-toolbar[b-gbsmkixxee] {
        flex-direction: column;
        align-items: stretch;
    }

    .login-experience-designer__actions-shell[b-gbsmkixxee] {
        justify-items: stretch;
    }

    .login-experience-designer__workspace-meta[b-gbsmkixxee] {
        justify-items: start;
    }

    .login-experience-designer__field-grid[b-gbsmkixxee] {
        grid-template-columns: 1fr;
    }

    .login-experience-designer__span-2[b-gbsmkixxee] {
        grid-column: auto;
    }

    .login-experience-designer__preview-canvas[b-gbsmkixxee] {
        min-height: 38rem;
        padding: 1.25rem;
    }

    .login-experience-designer__preview-content[b-gbsmkixxee] {
        max-width: none;
        margin-top: 6rem;
    }

    .login-experience-designer__preview-form[b-gbsmkixxee] {
        width: 100%;
        margin-top: 1.25rem;
    }

    .login-experience-designer__preview-canvas.layout-centered-logo .login-experience-designer__preview-switcher[b-gbsmkixxee] {
        top: 0.85rem;
        right: 0.85rem;
    }

    .login-experience-designer__logo-upload[b-gbsmkixxee] {
        grid-template-columns: 1fr;
    }

    .project-login-designer .login-experience-designer__header[b-gbsmkixxee] {
        flex-direction: column;
    }

    .project-login-designer .login-experience-designer__actions-shell[b-gbsmkixxee] {
        width: 100%;
        justify-items: stretch;
    }

    .project-login-designer .login-experience-designer__actions[b-gbsmkixxee] {
        width: 100%;
    }

    .project-login-designer .login-experience-designer__actions > *[b-gbsmkixxee] {
        flex: 1 1 auto;
    }

    .login-experience-designer__project-summary-grid[b-gbsmkixxee] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .login-experience-designer__project-summary-grid article:nth-child(odd)[b-gbsmkixxee] {
        padding-left: 0;
        border-left: 0;
    }

    .login-experience-designer__project-summary-grid article:nth-child(even)[b-gbsmkixxee] {
        border-left: 1px solid #e2e8f0;
    }

    .login-experience-designer__modal[b-gbsmkixxee] {
        inset: 2vh 2vw;
        padding: 0.9rem;
    }

    .login-experience-designer__modal-header[b-gbsmkixxee] {
        padding-top: 0;
    }
}

@keyframes loginDesignerFloat-b-gbsmkixxee {
    0% {
        transform: translate3d(0, 0, 0) rotate(var(--preview-rectangle-rotation, 0deg)) scale(1);
        opacity: 0.32;
    }

    25% {
        transform: translate3d(20px, -24px, 0) rotate(calc(var(--preview-rectangle-rotation, 0deg) + 6deg)) scale(1.04);
        opacity: 0.22;
    }

    50% {
        transform: translate3d(-14px, -38px, 0) rotate(calc(var(--preview-rectangle-rotation, 0deg) - 8deg)) scale(0.98);
        opacity: 0.14;
    }

    75% {
        transform: translate3d(-26px, -16px, 0) rotate(calc(var(--preview-rectangle-rotation, 0deg) - 3deg)) scale(1.03);
        opacity: 0.2;
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(var(--preview-rectangle-rotation, 0deg)) scale(1);
        opacity: 0.32;
    }
}

@keyframes loginDesignerBubble-b-gbsmkixxee {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    35% {
        transform: translate3d(10px, -18px, 0) scale(1.08);
    }

    70% {
        transform: translate3d(-8px, -28px, 0) scale(0.94);
    }
}

@keyframes loginDesignerGlobeSpin-b-gbsmkixxee {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loginDesignerNetworkPulse-b-gbsmkixxee {
    0%, 100% {
        opacity: 0.22;
        transform: scale(1);
    }

    50% {
        opacity: 0.38;
        transform: scale(1.03);
    }
}

@keyframes loginDesignerGridDrift-b-gbsmkixxee {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-16px, 10px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* Reusable Project Settings-style typography for the login submenu pages. */
.login-experience-designer__eyebrow[b-gbsmkixxee] {
    color: #2563eb;
    font-size: 0.68rem;
    font-weight: 500;
}

.login-experience-designer__header h2[b-gbsmkixxee],
.login-experience-designer__section-header h3[b-gbsmkixxee],
.login-experience-designer__modal-header h3[b-gbsmkixxee] {
    font-weight: 500;
}

/* Keep the designer shell dense so the preview and inspector remain visible together. */
.workspace-login-designer .login-experience-designer__header[b-gbsmkixxee] {
    min-height: 0;
    padding: 0.7rem 0.85rem;
    border-radius: 1rem;
}

.workspace-login-designer .login-experience-designer__header-copy[b-gbsmkixxee] {
    gap: 0.2rem;
}

.workspace-login-designer .login-experience-designer__header h2[b-gbsmkixxee] {
    font-size: 1.35rem;
    line-height: 1.1;
}

.workspace-login-designer .login-experience-designer__header p[b-gbsmkixxee] {
    margin-top: 0.15rem;
    font-size: 0.78rem;
    line-height: 1.35;
}

.workspace-login-designer .login-experience-designer__eyebrow[b-gbsmkixxee] {
    margin-bottom: 0.1rem;
    font-size: 0.62rem;
}

.workspace-login-designer .login-experience-designer__actions-shell[b-gbsmkixxee] {
    gap: 0.2rem;
}

.workspace-login-designer .login-experience-designer__library[b-gbsmkixxee] {
    padding: 0.7rem;
    gap: 0.7rem;
}

.login-experience-designer__theme-heading[b-gbsmkixxee] {
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid #e2e8f0;
}

.login-experience-designer__template-context[b-gbsmkixxee] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    margin: .55rem 0 .65rem;
    padding: .65rem .75rem;
    border: 1px solid #dbe7f5;
    border-radius: .65rem;
    background: #eff6ff;
    color: #1e3a5f;
    font-size: .76rem;
}

.login-experience-designer__template-context span[b-gbsmkixxee] { color: #53708f; }

.workspace-login-designer .login-experience-designer__library .login-experience-designer__section-header[b-gbsmkixxee] {
    gap: 0.25rem;
}

.workspace-login-designer .login-experience-designer__library .login-experience-designer__section-header h3[b-gbsmkixxee] {
    font-size: 0.98rem;
}

.workspace-login-designer .login-experience-designer__library .login-experience-designer__section-header p[b-gbsmkixxee] {
    font-size: 0.74rem;
    line-height: 1.35;
}

.workspace-login-designer .login-experience-designer__template-grid[b-gbsmkixxee] {
    gap: 0.55rem;
}

.workspace-login-designer .login-experience-designer__template[b-gbsmkixxee] {
    gap: 0.4rem;
    padding: 0.65rem;
    border-radius: 0.8rem;
}

.workspace-login-designer .login-experience-designer__template-swatch[b-gbsmkixxee] {
    height: 4rem;
    border-radius: 0.7rem;
}

.workspace-login-designer .login-experience-designer__template-swatch-image[b-gbsmkixxee] {
    display: block;
    width: 100%;
    height: 7rem;
    object-fit: contain;
    border-radius: 0.7rem;
    border: 1px solid #dbe7f5;
    background: #eff6ff;
}

.workspace-login-designer .login-experience-designer__theme-grid .login-experience-designer__template-swatch[b-gbsmkixxee] {
    height: 2.8rem;
}

.login-experience-designer__preview-company-logo[b-gbsmkixxee] {
    display: grid;
    place-items: center;
    min-height: 4.5rem;
    border: 1px dashed rgba(191, 219, 254, .65);
    border-radius: .6rem;
    margin-top: .8rem;
    max-width: 100%;
    box-sizing: border-box;
}

.login-experience-designer__preview-company-logo img[b-gbsmkixxee] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.login-experience-designer__preview-app-meta[b-gbsmkixxee] {
    display: grid;
    gap: .15rem;
    padding-top: .7rem;
    border-top: 1px solid rgba(255, 255, 255, .18);
    color: rgba(239, 246, 255, .82);
    font-size: .78rem;
    line-height: 1.4;
    text-align: center;
}

.workspace-login-designer .login-experience-designer__template strong[b-gbsmkixxee] {
    font-size: 0.84rem;
    line-height: 1.2;
}

.workspace-login-designer .login-experience-designer__template small[b-gbsmkixxee] {
    font-size: 0.7rem;
    line-height: 1.35;
}

.workspace-login-designer .login-experience-designer__library-metrics[b-gbsmkixxee] {
    gap: 0.55rem;
}

.workspace-login-designer .login-experience-designer__library-metrics article[b-gbsmkixxee] {
    gap: 0.15rem;
    padding: 0.65rem 0.7rem;
    border-radius: 0.75rem;
}

.workspace-login-designer .login-experience-designer__library-metrics span[b-gbsmkixxee] {
    font-size: 0.68rem;
}

.workspace-login-designer .login-experience-designer__library-metrics strong[b-gbsmkixxee] {
    font-size: 1rem;
}

.login-experience-designer__header p[b-gbsmkixxee],
.login-experience-designer__section-header p[b-gbsmkixxee],
.login-experience-designer__project-summary-description[b-gbsmkixxee],
.login-experience-designer__template small[b-gbsmkixxee],
.login-experience-designer__library-metrics small[b-gbsmkixxee],
.login-experience-designer__block-card span[b-gbsmkixxee],
.login-experience-designer__toggle-card span[b-gbsmkixxee],
.login-experience-designer__callout span[b-gbsmkixxee] {
    font-weight: 400;
}

.login-experience-designer__primary[b-gbsmkixxee],
.login-experience-designer__secondary[b-gbsmkixxee],
.login-experience-designer__tab[b-gbsmkixxee],
.login-experience-designer__device[b-gbsmkixxee],
.login-experience-designer__template[b-gbsmkixxee],
.login-experience-designer label[b-gbsmkixxee],
.login-experience-designer strong[b-gbsmkixxee] {
    font-weight: 500;
}

.login-experience-designer__project-summary-grid span[b-gbsmkixxee],
.login-experience-designer__workspace-meta span[b-gbsmkixxee],
.login-experience-designer label > span[b-gbsmkixxee] {
    color: #2563eb;
    font-weight: 500;
}
/* /Components/BPMWorkspace/Pages/LoginPage.razor.rz.scp.css */
.login-loading-shell[b-kw8vp787ld],
.login-page-shell[b-kw8vp787ld] {
    min-height: 100vh;
}

.login-loading-shell[b-kw8vp787ld] {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #0f3b8f 0%, #1f7ae0 55%, #7dd3fc 100%);
}

.login-loading-card[b-kw8vp787ld] {
    padding: 1rem 1.4rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.16);
    color: white;
    backdrop-filter: blur(16px);
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.18);
}

.login-page-shell[b-kw8vp787ld] {
    --login-start: #0f3b8f;
    --login-middle: #1f7ae0;
    --login-end: #7dd3fc;
    --login-accent: #dbeafe;
    --login-rectangle: #ffffff;
    --login-globe-primary: #9ad7ff;
    --login-globe-secondary: #38bdf8;
    --login-globe-size: 180px;
    --login-globe-left: 110px;
    --login-globe-top: 36px;
    --login-angle: 135deg;
    --login-blur: 22px;
    --login-opacity: 0.18;
    position: relative;
    overflow: hidden;
    display: grid;
    place-items: center;
    padding: 2.4rem;
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.34), transparent 24rem),
        radial-gradient(circle at 85% 75%, rgba(186, 230, 253, 0.28), transparent 20rem),
        linear-gradient(var(--login-angle), var(--login-start) 0%, var(--login-middle) 52%, var(--login-end) 100%);
    color: white;
    isolation: isolate;
}

.login-background-glow[b-kw8vp787ld] {
    position: absolute;
    border-radius: 999px;
    filter: blur(10px);
    opacity: 0.45;
    pointer-events: none;
}

.login-background-glow-left[b-kw8vp787ld] {
    width: 24rem;
    height: 24rem;
    left: -8rem;
    bottom: -7rem;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.4), transparent 70%);
}

.login-background-glow-right[b-kw8vp787ld] {
    width: 20rem;
    height: 20rem;
    top: 3rem;
    right: -4rem;
    background: radial-gradient(circle, rgba(191, 219, 254, 0.55), transparent 68%);
}

.login-background-lines[b-kw8vp787ld] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, transparent 0%, transparent 49.5%, rgba(255, 255, 255, 0.12) 50%, transparent 50.5%, transparent 100%),
        linear-gradient(97deg, transparent 0%, transparent 68%, rgba(255, 255, 255, 0.1) 68.4%, transparent 69%, transparent 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 9%);
    background-size: auto, auto, 150px 150px;
    opacity: 0.5;
    pointer-events: none;
}

.login-animation-enabled .login-background-lines[b-kw8vp787ld] {
    animation: loginBackgroundDrift-b-kw8vp787ld 28s ease-in-out infinite;
}

.login-animation-enabled .login-background-glow[b-kw8vp787ld] {
    animation: loginGlowPulse-b-kw8vp787ld 12s ease-in-out infinite;
}

.login-animation-disabled *[b-kw8vp787ld],
.login-animation-disabled *[b-kw8vp787ld]::before,
.login-animation-disabled *[b-kw8vp787ld]::after {
    animation: none !important;
}

.login-glass-disabled .login-form-panel[b-kw8vp787ld] {
    background: rgba(8, 24, 51, 0.92);
    backdrop-filter: none;
}

.login-page-shell.login-background-image[b-kw8vp787ld] {
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.34), transparent 24rem),
        radial-gradient(circle at 85% 75%, rgba(186, 230, 253, 0.22), transparent 20rem),
        linear-gradient(var(--login-angle), color-mix(in srgb, var(--login-start) 92%, #93c5fd) 0%, var(--login-middle) 48%, color-mix(in srgb, var(--login-end) 88%, #0f172a) 100%);
}

.project-login-shell .login-page-panel[b-kw8vp787ld] {
    width: min(1180px, 100%);
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 430px);
    gap: 2.4rem;
}

.login-page-shell.login-preview-mode[b-kw8vp787ld] {
    min-height: 100%;
    height: 100%;
    padding: 1.1rem;
}

.login-page-shell.login-preview-mode.preview-desktop .login-page-panel[b-kw8vp787ld] {
    width: 100%;
    max-width: none;
    min-height: calc(100vh - 2.2rem);
}

/* The designer popup is an actual runtime login page. Keep its desktop viewport
   identical to /login so the saved logo, tagline and card spacing are not
   changed by preview-only sizing rules. */
.login-page-shell.login-preview-mode.preview-desktop[b-kw8vp787ld] {
    min-height: 100vh;
    height: 100vh;
    padding: 2.4rem;
}

.login-page-shell.login-preview-mode.preview-desktop .login-page-panel[b-kw8vp787ld] {
    width: min(1100px, 100%);
    max-width: 1100px;
    min-height: 0;
}

.login-page-shell.login-preview-mode.preview-tablet[b-kw8vp787ld] {
    padding: 0.85rem;
}

.login-page-shell.login-preview-mode.preview-tablet .login-page-panel[b-kw8vp787ld] {
    width: min(860px, 100%);
}

.login-page-shell.login-preview-mode.preview-mobile[b-kw8vp787ld] {
    padding: 0.55rem;
}

.login-page-shell.login-preview-mode.preview-mobile .login-page-panel[b-kw8vp787ld] {
    width: min(430px, 100%);
    grid-template-columns: 1fr;
}

.project-login-shell .login-form-panel[b-kw8vp787ld] {
    border-color: rgba(193, 219, 255, 0.74);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.project-login-shell .login-form-card[b-kw8vp787ld] {
    padding: 1.05rem;
}

.project-login-shell .login-form-header h2[b-kw8vp787ld] {
    font-size: 2.2rem;
}

.project-login-shell .login-checkbox[b-kw8vp787ld] {
    justify-content: center;
    gap: 1.4rem;
    margin-top: 1.15rem;
    text-align: left;
}

.project-login-shell .login-checkbox span[b-kw8vp787ld] {
    max-width: 10rem;
    line-height: 1.35;
}

.project-login-shell .login-form-links[b-kw8vp787ld] {
    justify-content: flex-start;
}

.project-login-shell .login-submit-button[b-kw8vp787ld] {
    margin-top: 1.2rem;
}

.login-floating-rectangle[b-kw8vp787ld] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 1.6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    animation: loginFloat-b-kw8vp787ld ease-in-out infinite;
    pointer-events: none;
    will-change: transform, opacity;
}

.login-floating-bubble[b-kw8vp787ld] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.06) 64%, transparent 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 0 12px rgba(191, 219, 254, 0.1);
    backdrop-filter: blur(8px);
    animation: loginBubble-b-kw8vp787ld ease-in-out infinite;
    pointer-events: none;
    will-change: transform, opacity;
}

.login-page-panel[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
    width: min(1100px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 420px);
    gap: 2rem;
    align-items: center;
}

.login-page-panel.login-layout-left-panel[b-kw8vp787ld] {
    grid-template-columns: minmax(340px, 420px) minmax(0, 1.05fr);
}

.login-page-panel.login-layout-left-panel .login-panel-copy[b-kw8vp787ld] {
    order: 2;
    justify-self: end;
}

.login-page-panel.login-layout-left-panel .login-form-stage[b-kw8vp787ld] {
    order: 1;
}

.login-page-panel.login-layout-center-card[b-kw8vp787ld] {
    max-width: 460px;
    grid-template-columns: 1fr;
}

.login-page-panel.login-layout-center-card .login-panel-copy[b-kw8vp787ld] {
    display: none;
}

.login-page-panel.login-layout-centered-logo[b-kw8vp787ld] {
    max-width: 460px;
    grid-template-columns: 1fr;
    gap: 0;
    align-content: center;
    justify-items: center;
}

.login-page-panel.login-layout-centered-logo .login-panel-copy[b-kw8vp787ld] {
    display: none;
}

.login-centered-branding[b-kw8vp787ld] {
    position: relative;
    z-index: 2;
    display: grid;
    justify-items: center;
    width: 100%;
    text-align: center;
}

.login-centered-branding p[b-kw8vp787ld] {
    margin-top: 0;
    line-height: 1.45;
    text-shadow: 0 0 18px rgba(56, 189, 248, 0.26);
}

.login-runtime-logo[b-kw8vp787ld] {
    display: grid;
    place-items: center;
    max-width: 100%;
}

.login-runtime-logo img[b-kw8vp787ld] {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.login-runtime-logo-horizontal[b-kw8vp787ld] {
    max-width: 100%;
}

.login-runtime-logo-mark[b-kw8vp787ld] {
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.08em;
    text-shadow: 0 0 28px rgba(56, 189, 248, 0.58);
}

.login-page-panel.login-layout-centered-logo .login-form-stage[b-kw8vp787ld] {
    width: min(100%, var(--login-card-width, 400px));
    margin-top: var(--login-branding-card-gap, 24px);
}

.login-panel-copy[b-kw8vp787ld] {
    position: relative;
    z-index: 2;
}

.login-language-switcher[b-kw8vp787ld] {
    position: absolute;
    top: 2rem;
    right: 2.4rem;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
}

.login-language-switcher label[b-kw8vp787ld] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    font-size: 0.92rem;
}

.login-language-switcher select[b-kw8vp787ld] {
    border: none;
    background: transparent;
    color: white;
    font: inherit;
    outline: none;
}

.login-language-switcher option[b-kw8vp787ld] {
    color: #0f172a;
}

.login-globe-stage[b-kw8vp787ld] {
    position: absolute;
    left: var(--login-globe-left);
    top: var(--login-globe-top);
    width: var(--login-globe-size);
    height: var(--login-globe-size);
    z-index: 0;
    pointer-events: none;
}

.login-globe[b-kw8vp787ld] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
}

.login-globe-stage.earth-mode .login-globe[b-kw8vp787ld] {
    transform: rotate(-18deg);
    transform-origin: center;
}

.login-globe-stage.earth-mode .login-globe-core[b-kw8vp787ld] {
    animation: none;
}

.login-globe-core[b-kw8vp787ld] {
    position: relative;
    width: calc(var(--login-globe-size) * 0.6);
    height: calc(var(--login-globe-size) * 0.6);
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    background:
        radial-gradient(circle at 28% 26%, rgba(255, 255, 255, 0.48), transparent 22%),
        radial-gradient(circle at 68% 74%, rgba(255, 255, 255, 0.12), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--login-globe-primary) 88%, white) 0%, color-mix(in srgb, var(--login-globe-secondary) 86%, transparent) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -10px 20px rgba(14, 165, 233, 0.1),
        0 26px 44px rgba(15, 23, 42, 0.16),
        0 0 34px rgba(125, 211, 252, 0.14);
    backdrop-filter: blur(10px);
    animation: loginGlobeSpin-b-kw8vp787ld 20s linear infinite;
}

.login-globe-core[b-kw8vp787ld]::before,
.login-globe-core[b-kw8vp787ld]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.login-globe-core[b-kw8vp787ld]::before {
    transform: scaleX(0.64);
}

.login-globe-core[b-kw8vp787ld]::after {
    transform: scaleY(0.64);
}

.login-globe .continent[b-kw8vp787ld] {
    position: absolute;
    background: rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    filter: blur(0.4px);
}

.login-globe .continent-a[b-kw8vp787ld] {
    width: 3rem;
    height: 1.45rem;
    top: 2.65rem;
    left: 1.75rem;
    rotate: -16deg;
}

.login-globe .continent-b[b-kw8vp787ld] {
    width: 1.8rem;
    height: 1rem;
    top: 5.45rem;
    right: 1.9rem;
    rotate: 22deg;
}

.login-globe .continent-c[b-kw8vp787ld] {
    width: 2.15rem;
    height: 1.15rem;
    bottom: 2.4rem;
    left: 3.25rem;
    rotate: 10deg;
}

.login-globe .continent-d[b-kw8vp787ld] {
    width: 1.3rem;
    height: 0.8rem;
    bottom: 3.5rem;
    right: 3.1rem;
    rotate: -12deg;
}

.login-globe .globe-ring[b-kw8vp787ld] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
}

.login-globe .globe-ring-a[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.79);
    height: calc(var(--login-globe-size) * 0.21);
    top: calc(var(--login-globe-size) * 0.39);
    left: calc(var(--login-globe-size) * 0.11);
    rotate: -12deg;
}

.login-globe .globe-ring-b[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.23);
    height: calc(var(--login-globe-size) * 0.79);
    top: calc(var(--login-globe-size) * 0.11);
    left: calc(var(--login-globe-size) * 0.39);
    rotate: 16deg;
}

.login-globe .globe-ring-c[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.66);
    height: calc(var(--login-globe-size) * 0.66);
    top: calc(var(--login-globe-size) * 0.17);
    left: calc(var(--login-globe-size) * 0.17);
}

.login-globe-stage.earth-mode .login-globe-core[b-kw8vp787ld] {
    background:
        radial-gradient(circle at 28% 24%, rgba(218, 245, 255, 0.28), transparent 13%),
        radial-gradient(circle at 80% 44%, rgba(4, 13, 28, 0.48), transparent 28%),
        radial-gradient(circle at 34% 84%, rgba(5, 18, 35, 0.26), transparent 28%),
        linear-gradient(155deg, #0f2f86 0%, #123fa7 38%, #154cae 62%, #0a2764 100%);
    border-color: rgba(143, 220, 255, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 16px 0 22px rgba(82, 160, 255, 0.08),
        inset -30px 0 44px rgba(2, 8, 20, 0.5),
        inset 0 -18px 28px rgba(2, 10, 26, 0.28),
        0 24px 44px rgba(15, 23, 42, 0.28),
        0 0 28px rgba(13, 38, 89, 0.22);
    overflow: hidden;
}

.login-globe-stage.earth-mode .continent[b-kw8vp787ld] {
    background: rgba(7, 15, 28, 0.24);
    box-shadow: none;
    opacity: 0.22;
}

.login-globe-stage.earth-mode .earth-map-window[b-kw8vp787ld],
.login-globe-stage.earth-mode .earth-map-track[b-kw8vp787ld],
.login-globe-stage.earth-mode .earth-map[b-kw8vp787ld],
.login-globe-stage.earth-mode .earth-grid[b-kw8vp787ld] {
    position: absolute;
    z-index: 2;
}

.login-globe-stage.earth-mode .earth-map-window[b-kw8vp787ld] {
    inset: 0;
    overflow: hidden;
    border-radius: 999px;
}

.login-globe-stage.earth-mode .earth-map-track[b-kw8vp787ld] {
    inset: 0;
    width: 200%;
    height: 100%;
    display: flex;
    animation: loginEarthSurfaceSpin-b-kw8vp787ld 24s linear infinite;
}

.login-globe-stage.earth-mode .earth-map[b-kw8vp787ld] {
    position: relative;
    width: 50%;
    height: 100%;
    flex: 0 0 50%;
}

.login-globe-stage.earth-mode .earth-land[b-kw8vp787ld] {
    fill: none;
    stroke: rgba(157, 235, 132, 0.9);
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(121, 220, 255, 0.18));
}

.login-globe-stage.earth-mode .earth-city-node[b-kw8vp787ld] {
    fill: rgba(255, 243, 144, 0.96);
    filter: drop-shadow(0 0 4px rgba(255, 235, 59, 0.55));
}

.login-globe-stage.earth-mode .earth-city-link[b-kw8vp787ld] {
    fill: none;
    stroke: rgba(170, 242, 255, 0.34);
    stroke-width: 0.8;
    stroke-linecap: round;
}

.login-globe-stage.earth-mode .earth-grid[b-kw8vp787ld] {
    inset: 0;
    border-radius: 999px;
    opacity: 0.16;
    pointer-events: none;
}

.login-globe-stage.earth-mode .earth-grid-lat[b-kw8vp787ld] {
    background:
        linear-gradient(180deg,
            transparent 0%,
            transparent 18%,
            rgba(143, 232, 255, 0.16) 18.8%,
            transparent 20%,
            transparent 38%,
            rgba(143, 232, 255, 0.12) 39%,
            transparent 40.2%,
            transparent 59%,
            rgba(143, 232, 255, 0.14) 60%,
            transparent 61.2%,
            transparent 79%,
            rgba(143, 232, 255, 0.1) 80%,
            transparent 81.2%);
}

.login-globe-stage.earth-mode .earth-grid-lon[b-kw8vp787ld] {
    background:
        linear-gradient(90deg,
            transparent 0%,
            transparent 19%,
            rgba(143, 232, 255, 0.13) 20%,
            transparent 21.2%,
            transparent 39%,
            rgba(143, 232, 255, 0.1) 40%,
            transparent 41.2%,
            transparent 59%,
            rgba(143, 232, 255, 0.1) 60%,
            transparent 61.2%,
            transparent 79%,
            rgba(143, 232, 255, 0.13) 80%,
            transparent 81.2%);
    transform: scaleX(0.78);
}

.login-globe-stage.earth-mode .globe-ring[b-kw8vp787ld] {
    border-color: rgba(159, 233, 255, 0.08);
}

.login-globe-stage.earth-mode .globe-ring-a[b-kw8vp787ld] {
    rotate: -28deg;
}

.login-globe-stage.earth-mode .globe-ring-b[b-kw8vp787ld] {
    rotate: 28deg;
}

.login-globe-stage.earth-mode .globe-ring-c[b-kw8vp787ld] {
    rotate: 14deg;
}

.login-globe-stage.earth-mode .login-globe-core[b-kw8vp787ld]::before {
    transform: scaleX(0.64);
    border-color: rgba(159, 233, 255, 0.08);
}

.login-globe-stage.earth-mode .login-globe-core[b-kw8vp787ld]::after {
    transform: scaleY(0.64);
    border-color: rgba(159, 233, 255, 0.05);
}

.planet-orbit[b-kw8vp787ld],
.login-planet[b-kw8vp787ld] {
    position: absolute;
    border-radius: 999px;
}

.planet-orbit[b-kw8vp787ld] {
    border: 1px solid rgba(255, 255, 255, 0.14);
    opacity: 0.28;
}

.planet-orbit.orbit-a[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.9);
    height: calc(var(--login-globe-size) * 0.22);
    top: calc(var(--login-globe-size) * 0.39);
    left: calc(var(--login-globe-size) * 0.05);
    rotate: -10deg;
}

.planet-orbit.orbit-b[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.24);
    height: calc(var(--login-globe-size) * 0.9);
    top: calc(var(--login-globe-size) * 0.04);
    left: calc(var(--login-globe-size) * 0.38);
    rotate: 14deg;
}

.planet-orbit.orbit-c[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.72);
    height: calc(var(--login-globe-size) * 0.72);
    top: calc(var(--login-globe-size) * 0.14);
    left: calc(var(--login-globe-size) * 0.14);
}

.login-planet[b-kw8vp787ld] {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    animation: loginPlanetFloat-b-kw8vp787ld 11s ease-in-out infinite;
    opacity: 0.72;
}

.login-planet.planet-a[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.09);
    height: calc(var(--login-globe-size) * 0.09);
    top: calc(var(--login-globe-size) * 0.08);
    left: calc(var(--login-globe-size) * 0.72);
    background: radial-gradient(circle at 32% 30%, rgba(255, 255, 255, 0.72), color-mix(in srgb, var(--login-globe-primary) 78%, white) 72%, rgba(255, 255, 255, 0.14) 100%);
}

.login-planet.planet-b[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.07);
    height: calc(var(--login-globe-size) * 0.07);
    top: calc(var(--login-globe-size) * 0.74);
    left: calc(var(--login-globe-size) * 0.16);
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.58), #fde68a 74%, rgba(255, 255, 255, 0.12) 100%);
    animation-delay: -2s;
}

.login-planet.planet-c[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.055);
    height: calc(var(--login-globe-size) * 0.055);
    top: calc(var(--login-globe-size) * 0.24);
    left: calc(var(--login-globe-size) * 0.06);
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.58), #f9a8d4 74%, rgba(255, 255, 255, 0.12) 100%);
    animation-delay: -1.1s;
}

.login-globe-stage.earth-mode .login-globe-bubble[b-kw8vp787ld] {
    border-color: rgba(40, 82, 143, 0.2);
    background: radial-gradient(circle at 30% 30%, rgba(153, 214, 255, 0.12), rgba(255, 255, 255, 0.02) 66%, transparent 100%);
    box-shadow: 0 0 8px rgba(9, 25, 58, 0.16);
}

.login-globe-stage.network-mode .login-globe[b-kw8vp787ld] {
    transform: rotate(-18deg);
    transform-origin: center;
}

.login-globe-stage.network-mode .login-globe-core[b-kw8vp787ld] {
    animation: none;
    background:
        radial-gradient(circle at 28% 24%, rgba(214, 243, 255, 0.34), transparent 14%),
        radial-gradient(circle at 72% 34%, rgba(61, 186, 255, 0.18), transparent 26%),
        radial-gradient(circle at 76% 74%, rgba(3, 12, 31, 0.56), transparent 34%),
        linear-gradient(160deg, #091634 0%, #12397d 38%, #1182cf 66%, #08142b 100%);
    border-color: rgba(145, 226, 255, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 16px 0 24px rgba(110, 214, 255, 0.08),
        inset -28px 0 42px rgba(3, 9, 22, 0.52),
        inset 0 -18px 30px rgba(2, 8, 18, 0.32),
        0 22px 42px rgba(15, 23, 42, 0.28),
        0 0 24px rgba(15, 40, 88, 0.2);
    overflow: hidden;
}

.login-globe-stage.network-mode .continent[b-kw8vp787ld] {
    opacity: 0.08;
}

.login-globe-stage.network-mode .network-surface[b-kw8vp787ld],
.login-globe-stage.network-mode .network-meridian[b-kw8vp787ld],
.login-globe-stage.network-mode .network-parallel[b-kw8vp787ld],
.login-globe-stage.network-mode .network-contour[b-kw8vp787ld],
.login-globe-stage.network-mode .network-node[b-kw8vp787ld],
.login-globe-stage.network-mode .network-arc[b-kw8vp787ld] {
    position: absolute;
    z-index: 2;
}

.login-globe-stage.network-mode .network-surface[b-kw8vp787ld] {
    inset: 0;
    border-radius: 999px;
    animation: loginNetworkSurfaceSpin-b-kw8vp787ld 18s linear infinite;
}

.login-globe-stage.network-mode .network-meridian[b-kw8vp787ld],
.login-globe-stage.network-mode .network-parallel[b-kw8vp787ld] {
    border: 1px solid rgba(144, 228, 255, 0.16);
    border-radius: 999px;
}

.login-globe-stage.network-mode .network-meridian.meridian-a[b-kw8vp787ld] {
    inset: 11% 37%;
}

.login-globe-stage.network-mode .network-meridian.meridian-b[b-kw8vp787ld] {
    inset: 11% 37%;
    transform: rotate(72deg) scaleY(1.02);
}

.login-globe-stage.network-mode .network-parallel.parallel-a[b-kw8vp787ld] {
    inset: 35% 10%;
    height: 30%;
}

.login-globe-stage.network-mode .network-parallel.parallel-b[b-kw8vp787ld] {
    inset: 47% 16%;
    height: 16%;
}

.login-globe-stage.network-mode .network-contour[b-kw8vp787ld] {
    border: 1.35px solid rgba(157, 240, 255, 0.82);
    border-radius: 999px;
    filter: drop-shadow(0 0 6px rgba(103, 232, 249, 0.22));
}

.login-globe-stage.network-mode .network-contour.contour-a[b-kw8vp787ld] {
    width: 28%;
    height: 48%;
    top: 16%;
    left: 24%;
    border-radius: 42% 56% 40% 58%;
    transform: rotate(9deg);
}

.login-globe-stage.network-mode .network-contour.contour-b[b-kw8vp787ld] {
    width: 18%;
    height: 22%;
    top: 20%;
    right: 26%;
    border-radius: 55% 38% 52% 42%;
    transform: rotate(-18deg);
}

.login-globe-stage.network-mode .network-contour.contour-c[b-kw8vp787ld] {
    width: 12%;
    height: 26%;
    bottom: 18%;
    right: 30%;
    border-radius: 46% 52% 58% 40%;
    transform: rotate(20deg);
}

.login-globe-stage.network-mode .network-node[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.03);
    height: calc(var(--login-globe-size) * 0.03);
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.96), rgba(132, 244, 255, 0.82));
    box-shadow:
        0 0 0 3px rgba(132, 244, 255, 0.05),
        0 0 12px rgba(132, 244, 255, 0.38);
    animation: loginNetworkPulse-b-kw8vp787ld 4.8s ease-in-out infinite;
}

.login-globe-stage.network-mode .network-node.node-a[b-kw8vp787ld] {
    top: 28%;
    left: 34%;
}

.login-globe-stage.network-mode .network-node.node-b[b-kw8vp787ld] {
    top: 32%;
    right: 30%;
    animation-delay: -1.2s;
}

.login-globe-stage.network-mode .network-node.node-c[b-kw8vp787ld] {
    bottom: 28%;
    left: 38%;
    animation-delay: -2.2s;
}

.login-globe-stage.network-mode .network-node.node-d[b-kw8vp787ld] {
    bottom: 24%;
    right: 34%;
    animation-delay: -3s;
}

.login-globe-stage.network-mode .network-arc[b-kw8vp787ld] {
    border-top: 1px solid rgba(169, 241, 255, 0.52);
    border-radius: 999px;
    opacity: 0.8;
    filter: drop-shadow(0 0 6px rgba(103, 232, 249, 0.2));
}

.login-globe-stage.network-mode .network-arc.arc-a[b-kw8vp787ld] {
    width: 34%;
    top: 30%;
    left: 34%;
    transform: rotate(10deg);
}

.login-globe-stage.network-mode .network-arc.arc-b[b-kw8vp787ld] {
    width: 22%;
    top: 50%;
    left: 40%;
    transform: rotate(-28deg);
}

.login-globe-stage.network-mode .network-arc.arc-c[b-kw8vp787ld] {
    width: 26%;
    top: 44%;
    left: 28%;
    transform: rotate(44deg);
}

.login-globe-stage.network-mode .globe-ring[b-kw8vp787ld] {
    border-color: rgba(159, 233, 255, 0.1);
}

.login-globe-stage.network-mode .globe-ring-a[b-kw8vp787ld] {
    rotate: -22deg;
}

.login-globe-stage.network-mode .globe-ring-b[b-kw8vp787ld] {
    rotate: 24deg;
}

.login-globe-stage.network-mode .globe-ring-c[b-kw8vp787ld] {
    rotate: 10deg;
}

.network-orbit[b-kw8vp787ld],
.network-satellite[b-kw8vp787ld] {
    position: absolute;
    border-radius: 999px;
}

.network-orbit[b-kw8vp787ld] {
    border: 1px solid rgba(144, 232, 255, 0.14);
    opacity: 0.72;
    animation: loginNetworkOrbitSpin-b-kw8vp787ld 16s linear infinite;
}

.network-orbit.orbit-a[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.98);
    height: calc(var(--login-globe-size) * 0.28);
    top: calc(var(--login-globe-size) * 0.35);
    left: calc(var(--login-globe-size) * 0.01);
    rotate: -18deg;
}

.network-orbit.orbit-b[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.3);
    height: calc(var(--login-globe-size) * 0.98);
    top: calc(var(--login-globe-size) * 0.01);
    left: calc(var(--login-globe-size) * 0.35);
    rotate: 22deg;
    animation-direction: reverse;
}

.network-orbit.orbit-c[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.82);
    height: calc(var(--login-globe-size) * 0.82);
    top: calc(var(--login-globe-size) * 0.09);
    left: calc(var(--login-globe-size) * 0.09);
}

.network-satellite[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.05);
    height: calc(var(--login-globe-size) * 0.05);
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.92), rgba(132, 244, 255, 0.82));
    box-shadow: 0 0 10px rgba(132, 244, 255, 0.26);
    animation: loginSatelliteDrift-b-kw8vp787ld 8s ease-in-out infinite;
}

.network-satellite.satellite-a[b-kw8vp787ld] {
    top: calc(var(--login-globe-size) * 0.1);
    left: calc(var(--login-globe-size) * 0.73);
}

.network-satellite.satellite-b[b-kw8vp787ld] {
    top: calc(var(--login-globe-size) * 0.68);
    left: calc(var(--login-globe-size) * 0.18);
    animation-delay: -2s;
}

.network-satellite.satellite-c[b-kw8vp787ld] {
    top: calc(var(--login-globe-size) * 0.24);
    left: calc(var(--login-globe-size) * 0.08);
    animation-delay: -1s;
}

.login-globe-stage.network-mode .login-globe-bubble[b-kw8vp787ld] {
    border-color: rgba(40, 82, 143, 0.16);
    background: radial-gradient(circle at 30% 30%, rgba(153, 214, 255, 0.12), rgba(255, 255, 255, 0.02) 66%, transparent 100%);
    box-shadow: 0 0 8px rgba(9, 25, 58, 0.16);
}

.login-globe-bubble[b-kw8vp787ld] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.06) 68%, transparent 100%);
    backdrop-filter: blur(8px);
    box-shadow: 0 0 14px rgba(191, 219, 254, 0.12);
    animation: loginBubble-b-kw8vp787ld 6s ease-in-out infinite;
}

.login-globe-bubble.bubble-a[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.08);
    height: calc(var(--login-globe-size) * 0.08);
    top: calc(var(--login-globe-size) * 0.07);
    left: calc(var(--login-globe-size) * 0.7);
}

.login-globe-bubble.bubble-b[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.11);
    height: calc(var(--login-globe-size) * 0.11);
    top: calc(var(--login-globe-size) * 0.66);
    left: calc(var(--login-globe-size) * 0.79);
    animation-delay: -1.7s;
}

.login-globe-bubble.bubble-c[b-kw8vp787ld] {
    width: calc(var(--login-globe-size) * 0.06);
    height: calc(var(--login-globe-size) * 0.06);
    top: calc(var(--login-globe-size) * 0.26);
    left: calc(var(--login-globe-size) * 0.87);
    animation-delay: -0.9s;
}

.login-form-stage[b-kw8vp787ld] {
    position: relative;
    display: grid;
    align-items: center;
}

.login-form-panel[b-kw8vp787ld] {
    position: relative;
    z-index: 2;
    padding: 1.25rem;
    border: 2px solid rgba(158, 197, 244, 0.68);
    border-radius: 2rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);
    backdrop-filter: blur(calc(var(--login-blur) + 2px));
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.12),
        0 22px 42px rgba(15, 23, 42, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.login-page-panel.login-layout-centered-logo .login-form-panel[b-kw8vp787ld] {
    border-radius: var(--login-card-radius, 1.25rem);
}

.login-form-panel[b-kw8vp787ld]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(180deg, rgba(206, 228, 255, 0.56), rgba(134, 177, 233, 0.26));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
    opacity: 1;
}

.login-form-aura[b-kw8vp787ld],
.login-form-sheen[b-kw8vp787ld] {
    position: absolute;
    pointer-events: none;
}

.login-form-aura[b-kw8vp787ld] {
    inset: 1.2rem -1.2rem -1.2rem -1.2rem;
    z-index: 0;
    border-radius: 2.2rem;
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 28%),
        radial-gradient(circle at 80% 30%, rgba(191, 219, 254, 0.28), transparent 32%),
        radial-gradient(circle at 50% 85%, rgba(14, 165, 233, 0.22), transparent 30%);
    filter: blur(22px);
    opacity: 0.95;
}

.login-form-sheen[b-kw8vp787ld] {
    top: -0.4rem;
    right: 0.4rem;
    z-index: 1;
    width: 10rem;
    height: 4.25rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.02));
    filter: blur(8px);
    opacity: 0.78;
    transform: rotate(-16deg);
}

.login-panel-copy h1[b-kw8vp787ld] {
    margin: 0.9rem 0 0.75rem;
    font-size: clamp(2.6rem, 4vw, 4.4rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.login-panel-copy > p[b-kw8vp787ld] {
    max-width: 34rem;
    margin: 0;
    color: rgba(239, 246, 255, 0.92);
    font-size: 1.05rem;
    line-height: 1.7;
}

.login-panel-badge[b-kw8vp787ld] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--login-accent);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.login-feature-list[b-kw8vp787ld] {
    display: grid;
    gap: 0.9rem;
    margin-top: 1.7rem;
}

.login-feature-list article[b-kw8vp787ld] {
    max-width: 32rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.09);
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.14);
}

.login-feature-list strong[b-kw8vp787ld],
.login-feature-list span[b-kw8vp787ld] {
    display: block;
}

.login-feature-list strong[b-kw8vp787ld] {
    margin-bottom: 0.25rem;
    font-size: 1rem;
}

.login-feature-list span[b-kw8vp787ld] {
    color: rgba(239, 246, 255, 0.84);
    line-height: 1.55;
}

.login-form-card[b-kw8vp787ld] {
    position: relative;
    z-index: 3;
    padding: 1rem;
    border: 0;
    border-radius: 1.4rem;
    background: transparent;
    color: #eaf4ff;
    overflow: hidden;
}

.login-form-card[b-kw8vp787ld]::before {
    content: none;
}

.login-form-card[b-kw8vp787ld]::after {
    content: none;
}

.login-form-card .login-form-header[b-kw8vp787ld],
.login-form-card .login-field[b-kw8vp787ld],
.login-form-card .login-checkbox[b-kw8vp787ld],
.login-form-card .login-submit-button[b-kw8vp787ld],
.login-form-card .login-form-footer[b-kw8vp787ld],
.login-form-card .login-app-meta[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
}

.login-form-header p[b-kw8vp787ld],
.login-form-header h2[b-kw8vp787ld] {
    margin: 0;
}

.login-form-header[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
}

.login-form-header p[b-kw8vp787ld] {
    color: rgba(224, 242, 254, 0.92);
    font-size: 0.9rem;
}

.login-form-header h2[b-kw8vp787ld] {
    margin-top: 0.45rem;
    font-size: 2rem;
}

.login-field[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.45rem;
    margin-top: 1rem;
}

.login-field-frame[b-kw8vp787ld] {
    position: relative;
    padding: 0.32rem;
    border-radius: 1.08rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(214, 232, 255, 0.16) 100%);
    backdrop-filter: blur(16px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 -2px 0 rgba(160, 196, 243, 0.36),
        0 0 0 1px rgba(255, 255, 255, 0.46),
        0 8px 18px rgba(15, 23, 42, 0.16),
        0 0 18px rgba(191, 219, 254, 0.16);
    transition: transform 120ms ease, box-shadow 120ms ease;
}

.login-field-frame[b-kw8vp787ld]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04) 45%, transparent 70%);
    pointer-events: none;
}

.login-field span[b-kw8vp787ld],
.login-checkbox[b-kw8vp787ld],
.login-form-footer span[b-kw8vp787ld] {
    color: var(--login-label-color, #f8fbff);
    font-size: var(--login-label-size, 0.93rem);
    font-weight: var(--login-label-weight, 600);
}

.login-field span[b-kw8vp787ld] {
    letter-spacing: 0.02em;
    text-shadow: 0 1px 10px rgba(15, 23, 42, 0.24);
}

.login-field input[b-kw8vp787ld] {
    width: 100%;
    min-height: 3.2rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 0.92rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(240, 246, 255, 0.12) 52%, rgba(226, 236, 252, 0.08) 100%);
    color: #f8fbff;
    font-size: 1rem;
    font-weight: 800;
    outline: none;
    backdrop-filter: blur(14px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.64),
        inset 0 -6px 12px rgba(148, 163, 184, 0.12),
        inset 1px 0 0 rgba(255, 255, 255, 0.3),
        inset -1px 0 0 rgba(191, 219, 254, 0.18),
        0 1px 0 rgba(255, 255, 255, 0.2);
    transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease, transform 120ms ease;
}

.login-field input[b-kw8vp787ld]::placeholder {
    color: rgba(239, 246, 255, 0.72);
}

.login-field input:focus[b-kw8vp787ld] {
    border-color: #ffffff;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(240, 246, 255, 0.16) 52%, rgba(226, 236, 252, 0.12) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -6px 12px rgba(148, 163, 184, 0.14),
        inset 1px 0 0 rgba(255, 255, 255, 0.42),
        inset -1px 0 0 rgba(191, 219, 254, 0.24),
        0 0 0 3px rgba(219, 234, 254, 0.2),
        0 0 20px rgba(191, 219, 254, 0.16);
    transform: translateY(-1px);
}

.login-field-frame:focus-within[b-kw8vp787ld] {
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -2px 0 rgba(160, 196, 243, 0.42),
        0 0 0 1px rgba(255, 255, 255, 0.58),
        0 0 0 5px rgba(219, 234, 254, 0.14),
        0 10px 20px rgba(15, 23, 42, 0.18),
        0 0 24px rgba(191, 219, 254, 0.18);
}

.login-checkbox[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0.45rem !important;
    margin-top: 1rem;
}

.login-checkbox input[b-kw8vp787ld] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
}

.login-checkbox span[b-kw8vp787ld] {
    flex: 0 0 auto;
    max-width: none !important;
    white-space: nowrap;
}

.login-form-links[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    margin-top: 0.35rem;
}

.login-form-links a[b-kw8vp787ld] {
    color: var(--login-link-color, rgba(239, 246, 255, 0.96));
    font-size: var(--login-link-size, 0.9rem);
    font-weight: var(--login-link-weight, 600);
    text-decoration: none;
}

.login-page-panel.login-layout-centered-logo .login-checkbox[b-kw8vp787ld] {
    width: 100%;
    justify-content: flex-start !important;
    gap: 0.45rem !important;
    text-align: left;
}

.login-page-panel.login-layout-centered-logo .login-checkbox span[b-kw8vp787ld] {
    max-width: none;
    flex: 0 0 auto;
    white-space: nowrap;
}

.login-page-panel.login-layout-centered-logo .login-form-links[b-kw8vp787ld] {
    width: 100%;
    justify-content: flex-start !important;
    margin-top: 0.15rem;
}

.login-error-message[b-kw8vp787ld] {
    margin: 0.85rem 0 0;
    color: #fee2e2;
    font-weight: 600;
}

.login-submit-button[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 3.2rem;
    margin-top: 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%),
        linear-gradient(135deg, rgba(219, 234, 254, 0.2) 0%, rgba(255, 255, 255, 0.06) 100%);
    color: #f8fbff;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    backdrop-filter: blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -4px 10px rgba(96, 165, 250, 0.08),
        0 14px 26px rgba(8, 47, 73, 0.14),
        0 0 20px rgba(191, 219, 254, 0.12);
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease;
    overflow: hidden;
}

.login-submit-button[b-kw8vp787ld]::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 8%;
    right: 8%;
    height: 44%;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.01));
    pointer-events: none;
}

.login-submit-label[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
    display: inline-block;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-shadow: 0 1px 10px rgba(15, 23, 42, 0.24);
}

.login-submit-button:hover:not(:disabled)[b-kw8vp787ld] {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.64);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.58),
        inset 0 -5px 12px rgba(96, 165, 250, 0.12),
        0 18px 32px rgba(8, 47, 73, 0.18),
        0 0 24px rgba(191, 219, 254, 0.18);
}

.login-submit-button:disabled[b-kw8vp787ld] {
    cursor: progress;
    opacity: 0.76;
}

.login-form-footer[b-kw8vp787ld] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.login-form-footer a[b-kw8vp787ld] {
    color: white;
    font-weight: 700;
    text-decoration: none;
}

.login-app-meta[b-kw8vp787ld] {
    display: grid;
    gap: 0.25rem;
    margin-top: 1rem;
    padding-top: 0.9rem;
    text-align: center;
    color: rgba(239, 246, 255, 0.76);
    font-size: 0.8rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.login-app-meta-line[b-kw8vp787ld] {
    display: block;
    letter-spacing: 0.05em;
}

.login-runtime-footer-text[b-kw8vp787ld] {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(239, 246, 255, 0.84);
    font-size: 0.84rem;
    text-align: center;
}

@keyframes loginFloat-b-kw8vp787ld {
    0% {
        transform: translate3d(0, 0, 0) rotate(var(--rectangle-rotation, 0deg)) scale(1);
        opacity: 0.34;
    }

    25% {
        transform: translate3d(22px, -28px, 0) rotate(calc(var(--rectangle-rotation, 0deg) + 6deg)) scale(1.04);
        opacity: 0.24;
    }

    50% {
        transform: translate3d(-18px, -48px, 0) rotate(calc(var(--rectangle-rotation, 0deg) - 5deg)) scale(0.96);
        opacity: 0.3;
    }

    75% {
        transform: translate3d(16px, -24px, 0) rotate(calc(var(--rectangle-rotation, 0deg) + 4deg)) scale(1.05);
        opacity: 0.22;
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(var(--rectangle-rotation, 0deg)) scale(1);
        opacity: 0.34;
    }
}

@keyframes loginBubble-b-kw8vp787ld {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(10px, -18px, 0) scale(1.06);
    }

    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes loginGlobeSpin-b-kw8vp787ld {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes loginPlanetFloat-b-kw8vp787ld {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-8px) scale(1.05);
    }
}

@keyframes loginEarthSurfaceSpin-b-kw8vp787ld {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes loginNetworkSurfaceSpin-b-kw8vp787ld {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes loginNetworkPulse-b-kw8vp787ld {
    0%, 100% {
        transform: scale(0.92);
        opacity: 0.76;
    }

    50% {
        transform: scale(1.14);
        opacity: 1;
    }
}

@keyframes loginNetworkOrbitSpin-b-kw8vp787ld {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes loginSatelliteDrift-b-kw8vp787ld {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-8px) scale(1.06);
    }
}

@keyframes loginBackgroundDrift-b-kw8vp787ld {
    0%, 100% { transform: translate3d(0, 0, 0); opacity: 0.5; }
    50% { transform: translate3d(-14px, 9px, 0); opacity: 0.68; }
}

@keyframes loginGlowPulse-b-kw8vp787ld {
    0%, 100% { transform: scale(1); opacity: 0.38; }
    50% { transform: scale(1.08); opacity: 0.58; }
}

@media (max-width: 900px) {
    .login-page-shell[b-kw8vp787ld] {
        --login-logo-max-width: var(--login-logo-tablet-max-width);
    }

    .login-page-panel[b-kw8vp787ld] {
        grid-template-columns: 1fr;
    }

    .login-globe-stage[b-kw8vp787ld] {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 12rem;
        margin-bottom: 0.5rem;
    }

    .login-globe[b-kw8vp787ld] {
        inset: auto;
        left: 50%;
        top: 0;
        width: var(--login-globe-size);
        height: var(--login-globe-size);
        transform: translateX(-50%) scale(0.82);
        transform-origin: center;
    }

    .login-globe .globe-ring-a[b-kw8vp787ld],
    .login-globe .globe-ring-b[b-kw8vp787ld],
    .login-globe .globe-ring-c[b-kw8vp787ld] {
        transform-origin: center;
    }

    .login-globe-bubble.bubble-a[b-kw8vp787ld] {
        top: 0.8rem;
        left: 58%;
    }

    .login-globe-bubble.bubble-b[b-kw8vp787ld] {
        top: 8.5rem;
        left: 64%;
    }

    .login-globe-bubble.bubble-c[b-kw8vp787ld] {
        top: 3.6rem;
        left: 67%;
    }

    .login-panel-copy[b-kw8vp787ld] {
        order: 2;
        padding-top: 0;
    }

    .login-language-switcher[b-kw8vp787ld] {
        position: static;
        justify-content: flex-start;
        margin-bottom: 1rem;
    }

    .login-form-stage[b-kw8vp787ld] {
        order: 1;
    }
}

@media (max-width: 640px) {
    .login-page-shell[b-kw8vp787ld] {
        padding: 1rem;
        --login-logo-max-width: var(--login-logo-mobile-max-width);
    }

    .login-form-panel[b-kw8vp787ld],
    .login-feature-list article[b-kw8vp787ld] {
        border-radius: 1.3rem;
    }

    .login-form-aura[b-kw8vp787ld] {
        inset: 0.4rem -0.4rem -0.4rem -0.4rem;
    }

    .login-form-footer[b-kw8vp787ld] {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-page-shell *[b-kw8vp787ld],
    .login-page-shell *[b-kw8vp787ld]::before,
    .login-page-shell *[b-kw8vp787ld]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileActionDesigner.razor.rz.scp.css */
.mbd-actions .mbd-action-row[b-w6hx28knb9]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;padding:12px;border:1px solid #c7dff4;border-radius:8px;margin:12px 0;background:#fbfdff;box-sizing:border-box}
.mbd-actions .mbd-action-row>*[b-w6hx28knb9]{min-width:0;grid-column:auto}
.mbd-actions .mbd-action-row>label[b-w6hx28knb9]{display:flex;flex-direction:column;align-items:stretch;gap:6px;color:#106ebe;font-size:12px;font-weight:600}
.mbd-actions .mbd-action-row input:not([type=checkbox])[b-w6hx28knb9],.mbd-actions .mbd-action-row select[b-w6hx28knb9]{width:100%;min-width:0;box-sizing:border-box;height:36px;font:12px "Segoe UI",sans-serif;background:white}
.mbd-actions .mbd-action-row>label.action-toggle[b-w6hx28knb9]{order:1;flex-direction:row;align-items:center;align-self:center;flex-wrap:wrap;color:#425b76}
.mbd-actions .mbd-action-row input[type=checkbox][b-w6hx28knb9]{width:16px;min-width:16px;height:16px;margin:0;flex:none;accent-color:#0078d4}
.mbd-actions .mbd-action-row>.mbd-icon-button[b-w6hx28knb9]{order:2;justify-self:end;width:30px;height:30px}
@media(max-width:480px){.mbd-actions .mbd-action-row[b-w6hx28knb9]{grid-template-columns:minmax(0,1fr)}}
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileComponentCanvasPreview.razor.rz.scp.css */
.mobile-component-canvas[b-a5qp8mckzx] { min-height:465px; background:#fff; color:#102f55; font-family:Arial,"Segoe UI",sans-serif; position:relative; padding-bottom:25px; box-sizing:border-box; }
.component-status[b-a5qp8mckzx] { height:26px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; border-bottom:1px solid #dce5ee; font-size:9px; }.component-status span[b-a5qp8mckzx] { color:#14a05a; font-size:15px; }
.component-project-header header[b-a5qp8mckzx] { display:flex; gap:10px; align-items:flex-start; padding:12px 13px 8px; }.component-project-header header > b[b-a5qp8mckzx] { font-size:23px; line-height:18px; }.component-project-header h2[b-a5qp8mckzx] { margin:0; font-size:13px; color:#103761; font-weight:700; }.component-project-header small[b-a5qp8mckzx] { display:block; margin-top:5px; color:#8795a6; font-size:7px; }
.component-detail-rows[b-a5qp8mckzx] { display:grid; grid-template-columns:1fr 1fr; row-gap:11px; margin:10px 14px 24px; font-size:7px; }.component-detail-rows dt[b-a5qp8mckzx] { color:#8593a4; }.component-detail-rows dd[b-a5qp8mckzx] { margin:0; text-align:right; color:#27394e; font-weight:700; }.component-detail-rows dd.success[b-a5qp8mckzx] { color:#159653; }
.component-kpi-grid[b-a5qp8mckzx] { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:0 14px 16px; }.component-kpi-grid article[b-a5qp8mckzx] { display:grid; align-content:space-between; height:57px; padding:10px 8px; border:1px solid #d6e3ef; border-radius:8px; background:#f8fbff; box-sizing:border-box; }.component-kpi-grid small[b-a5qp8mckzx] { color:#8392a4; font-size:7px; }.component-kpi-grid strong[b-a5qp8mckzx] { font-size:16px; }
.component-action-stack[b-a5qp8mckzx] { display:grid; gap:7px; margin:0 14px; }.component-action-stack h3[b-a5qp8mckzx] { margin:0 0 3px; font-size:9px; color:#123862; }.component-action-stack button[b-a5qp8mckzx] { width:100%; min-height:32px; border-radius:7px; font-size:9px; font-weight:700; }.component-action-stack button.outline[b-a5qp8mckzx] { border:1px solid #d5e2ee; background:#fff; color:#123862; }.component-action-stack button.success[b-a5qp8mckzx] { border-color:#159653; background:#159653; color:#fff; }.component-action-stack button.disabled[b-a5qp8mckzx] { border-color:#aeb9c6; background:#aeb9c6; color:#fff; opacity:1; }
.component-page-footer[b-a5qp8mckzx] { position:absolute; bottom:9px; left:0; right:0; text-align:center; color:#a3afbd; font-size:6px; }
.component-action-stack button.primary[b-a5qp8mckzx] { border-color:#1976df; background:#1976df; color:#fff; }
.component-action-stack button.danger[b-a5qp8mckzx] { border-color:#d7373f; background:#d7373f; color:#fff; }

.component-project-header header[b-a5qp8mckzx]{padding:6px 12px 3px;gap:6px;align-items:center}.component-project-header small[b-a5qp8mckzx]{margin-top:2px}.component-project-header h2[b-a5qp8mckzx]{line-height:1.2}.component-project-header button[b-a5qp8mckzx]{min-height:24px;padding:0 5px}
.component-project-header header[b-a5qp8mckzx]{display:grid;grid-template-columns:24px minmax(0,1fr) 24px}
.component-project-header header>div[b-a5qp8mckzx]{grid-column:2;text-align:center;min-width:0;overflow-wrap:anywhere}
.component-project-header header>button[b-a5qp8mckzx],.component-project-header header>b[b-a5qp8mckzx]{grid-column:1;grid-row:1;justify-self:start}
.component-project-header header[b-a5qp8mckzx]{padding-bottom:0}.component-project-header small[b-a5qp8mckzx]{margin-top:1px}
.equipment-profile[b-a5qp8mckzx] { min-height:700px; padding-bottom:42px; }
.equipment-profile .component-detail-rows[b-a5qp8mckzx] { row-gap:18px; margin-top:24px; margin-bottom:34px; }
.component-note[b-a5qp8mckzx] { margin:0 14px 30px; padding:16px; border:1px solid #327fbc; border-radius:10px; background:#eef7ff; }
.component-note h3[b-a5qp8mckzx] { margin:0 0 10px; color:#327fbc; font-size:11px; }
.component-note p[b-a5qp8mckzx] { margin:0; color:#7a8593; font-size:9px; line-height:1.8; }
.equipment-profile .component-action-stack[b-a5qp8mckzx] { gap:10px; }
.equipment-profile .component-action-stack button[b-a5qp8mckzx] { min-height:44px; font-size:12px; }
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileDetailFieldStyle.razor.rz.scp.css */
.detail-appearance[b-6j8rfqykox] { grid-column:1 / -1; min-width:0; border-top:1px solid #dce7f4; padding:12px 0; font-size:12px; }
.detail-appearance summary[b-6j8rfqykox] { cursor:pointer; color:#1765b6; line-height:1.5; }
.detail-appearance-grid[b-6j8rfqykox] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.detail-appearance label[b-6j8rfqykox] { display:grid; gap:6px; min-width:0; margin:0; }
.detail-appearance .appearance-label[b-6j8rfqykox] { margin-top:14px; }
.detail-appearance input[b-6j8rfqykox],.detail-appearance select[b-6j8rfqykox] { width:100%; min-width:0; box-sizing:border-box; min-height:32px; }
.detail-appearance input[type="color"][b-6j8rfqykox] { width:56px; height:32px; padding:3px; }
.detail-appearance .appearance-check[b-6j8rfqykox] { display:flex; align-items:center; gap:8px; }
.detail-appearance .appearance-check input[type="checkbox"][b-6j8rfqykox] { width:16px; height:16px; min-width:16px; min-height:16px; margin:0; padding:0; flex:none; }
.detail-appearance p[b-6j8rfqykox] { color:#61748b; line-height:1.5; }
.appearance-rule[b-6j8rfqykox] { display:grid; grid-template-columns:minmax(0,1fr) 56px auto; gap:8px; align-items:center; margin-bottom:8px; }
@media(max-width:560px) { .detail-appearance-grid[b-6j8rfqykox] { grid-template-columns:1fr; } .appearance-rule[b-6j8rfqykox] { grid-template-columns:minmax(0,1fr) 56px; } }
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileFieldMappingRow.razor.rz.scp.css */
.mbd-field-row.mapped[b-ex289y5cn2] { margin:6px; border:1px solid #d5e3f3; border-radius:6px; }
.field-appearance-panel[b-ex289y5cn2] { grid-column:1 / -1 !important; min-width:0; margin:0 4px; padding:0 8px; border-left:3px solid #d5e3f3; }
.mbd-field-row:not(.mapped)[b-ex289y5cn2] { background:#fff; }
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileLayoutBlockEditor.razor.rz.scp.css */
.mbd-component-bindings[b-aif4er8eej] { grid-column:2 / -1; min-width:0; border-top:1px solid #e3ebf4; padding-top:.35rem; color:#506786; font-size:.72rem; }
.mbd-component-bindings summary[b-aif4er8eej] { cursor:pointer; color:#1959a6; font-weight:600; }
.mbd-binding-grid[b-aif4er8eej] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:1.25rem; row-gap:.4rem; max-height:10rem; overflow:auto; padding:.55rem .15rem .25rem; }
.mbd-binding-option[b-aif4er8eej] { display:grid; grid-template-columns:1rem minmax(6.5rem,1fr) minmax(5.5rem,.85fr); align-items:center; column-gap:.55rem; min-width:0; min-height:1.85rem; margin:0; cursor:pointer; }
.mbd-binding-option input[type="checkbox"][b-aif4er8eej] { box-sizing:border-box; width:1rem; min-width:1rem; height:1rem; min-height:1rem; margin:0; padding:0; accent-color:#176de0; cursor:pointer; }
.mbd-binding-label[b-aif4er8eej] { min-width:0; color:#263d5e; font-weight:600; line-height:1.2; overflow-wrap:anywhere; }
.mbd-binding-code[b-aif4er8eej] { display:block; min-width:0; overflow:hidden; color:#8091a5; font-size:.66rem; font-weight:600; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.mbd-binding-option--action[b-aif4er8eej] { grid-template-columns:1rem minmax(0,1fr); }
.mbd-kpi-editor[b-aif4er8eej] { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; padding:.65rem; margin-top:.5rem; border:1px solid #d6e3ef; border-radius:.5rem; }
.mbd-kpi-editor strong[b-aif4er8eej], .mbd-kpi-editor small[b-aif4er8eej] { flex-basis:100%; overflow-wrap:anywhere; }
.mbd-kpi-editor label[b-aif4er8eej] { display:grid; gap:.25rem; }
.mbd-kpi-editor input[type="color"][b-aif4er8eej] { width:3rem; height:1.8rem; padding:.1rem; }

@media(max-width:560px) {
    .mbd-binding-grid[b-aif4er8eej] { grid-template-columns:1fr; }
}
.mbd-detail-design[b-aif4er8eej] { padding:12px; background:#f5f9ff; border:1px solid #cfdef0; border-radius:8px; }
.mbd-detail-design > strong[b-aif4er8eej] { color:#1959a6; font-size:.85rem; }
.mbd-detail-design > label[b-aif4er8eej] { display:grid; gap:5px; margin:10px 0; }
.mbd-detail-design > label input[b-aif4er8eej], .mbd-detail-design > label select[b-aif4er8eej] { width:100%; min-width:0; box-sizing:border-box; }
.mbd-binding-grid.mbd-field-checklist[b-aif4er8eej] { grid-template-columns:repeat(3,minmax(0,1fr)); max-height:none; overflow:visible; gap:8px 12px; }
.mbd-field-checklist .mbd-binding-option[b-aif4er8eej] { grid-template-columns:16px minmax(0,1fr); }
@media(max-width:760px) { .mbd-binding-grid.mbd-field-checklist[b-aif4er8eej] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .mbd-binding-grid.mbd-field-checklist[b-aif4er8eej] { grid-template-columns:1fr; } }
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileRecordListSettings.razor.rz.scp.css */
.mbd-record-list-settings[b-o756urpxrm]{min-width:0;border:1px solid #c7dff4;border-radius:8px;margin:14px 0;background:#fff;font:12px "Segoe UI",sans-serif;color:#334e68;overflow-wrap:anywhere}
.mbd-record-list-settings>summary[b-o756urpxrm]{padding:12px 14px;background:#edf6ff;color:#005a9e;font-size:14px;font-weight:600;cursor:pointer}
.mbd-record-list-settings .related-step[b-o756urpxrm]{padding:14px;border-top:1px solid #e1edf8}
.mbd-record-list-settings h4[b-o756urpxrm]{margin:0 0 10px;color:#005a9e;font-size:13px;font-weight:600}
.mbd-record-list-settings .related-help[b-o756urpxrm]{margin:8px 0 12px;line-height:1.5;color:#60758a}
.mbd-record-list-settings>.related-help[b-o756urpxrm]{margin:0 14px 14px}
.mbd-record-list-settings .related-field[b-o756urpxrm]{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#106ebe;font-weight:600;min-width:0}
.mbd-record-list-settings .related-field select[b-o756urpxrm],.mbd-record-list-settings .related-field input[b-o756urpxrm]{width:100%;min-width:0;max-width:100%;height:38px;box-sizing:border-box;border:1px solid #bed3e5;border-radius:4px;padding:6px 9px;background:#fff;color:#243f5c;font:12px "Segoe UI",sans-serif}
.mbd-record-list-settings .related-check[b-o756urpxrm]{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:8px 0;font-weight:500;color:#334e68;min-width:0}
.mbd-record-list-settings>.related-check[b-o756urpxrm]{margin:10px 14px}
.mbd-record-list-settings .related-check input[type=checkbox][b-o756urpxrm]{display:inline-block;width:16px;min-width:16px;max-width:16px;height:16px;margin:0;flex:0 0 16px;accent-color:#0078d4}
.mbd-record-list-settings .related-fields[b-o756urpxrm]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px}
.mbd-record-list-settings .related-summary[b-o756urpxrm]{background:#edf6ff;border-left:3px solid #0078d4;padding:12px;line-height:1.6;color:#24547b}
.mbd-record-list-settings .related-advanced[b-o756urpxrm]{padding:12px 14px;border-top:1px solid #e1edf8}.related-advanced>summary[b-o756urpxrm]{color:#106ebe;cursor:pointer}
.mbd-record-list-settings select:focus[b-o756urpxrm],.mbd-record-list-settings input:focus[b-o756urpxrm]{outline:2px solid #0078d4;outline-offset:1px}

.appearance-grid[b-o756urpxrm],.badge-rule[b-o756urpxrm]{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;min-width:0}.badge-rule[b-o756urpxrm]{padding:10px;margin:8px 0;border:1px solid #c7dff4;border-radius:6px;background:#f7fbff}
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileRuleDesigner.razor.rz.scp.css */
.mbd-rules .mbd-rule-row[b-t4rwao1kp1]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px solid #c7dff4;background:#fbfdff;border-radius:8px;padding:12px;box-sizing:border-box;min-width:0}
.mbd-rules .mbd-rule-row>input[b-t4rwao1kp1],.mbd-rules .mbd-rule-row>select[b-t4rwao1kp1]{flex:1 1 130px;min-width:0;width:100%;max-width:100%;height:36px;box-sizing:border-box}
.mbd-rules .mbd-rule-row>label[b-t4rwao1kp1]{display:flex;align-items:center;gap:8px;flex:1 1 160px;color:#106ebe;font-size:12px;white-space:normal}
.mbd-rules .mbd-rule-row input[type=checkbox][b-t4rwao1kp1]{width:16px;min-width:16px;height:16px;margin:0;flex:none;accent-color:#0078d4}
.mbd-rules .mbd-rule-row>.mbd-icon-button[b-t4rwao1kp1]{flex:0 0 30px;margin-left:auto}
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileSharedFieldAppearance.razor.rz.scp.css */
.mbd-record-list-settings[b-yl8jjzosm1]{min-width:0;border:1px solid #c7dff4;border-radius:8px;margin:14px 0;background:#fff;font:12px "Segoe UI",sans-serif;color:#334e68;overflow-wrap:anywhere}
.mbd-record-list-settings>summary[b-yl8jjzosm1]{padding:12px 14px;background:#edf6ff;color:#005a9e;font-size:14px;font-weight:600;cursor:pointer}
.mbd-record-list-settings .related-step[b-yl8jjzosm1]{padding:14px;border-top:1px solid #e1edf8}
.mbd-record-list-settings h4[b-yl8jjzosm1]{margin:0 0 10px;color:#005a9e;font-size:13px;font-weight:600}
.mbd-record-list-settings .related-help[b-yl8jjzosm1]{margin:8px 0 12px;line-height:1.5;color:#60758a}
.mbd-record-list-settings>.related-help[b-yl8jjzosm1]{margin:0 14px 14px}
.mbd-record-list-settings .related-field[b-yl8jjzosm1]{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#106ebe;font-weight:600;min-width:0}
.mbd-record-list-settings .related-field select[b-yl8jjzosm1],.mbd-record-list-settings .related-field input[b-yl8jjzosm1]{width:100%;min-width:0;max-width:100%;height:38px;box-sizing:border-box;border:1px solid #bed3e5;border-radius:4px;padding:6px 9px;background:#fff;color:#243f5c;font:12px "Segoe UI",sans-serif}
.mbd-record-list-settings .related-check[b-yl8jjzosm1]{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:8px 0;font-weight:500;color:#334e68;min-width:0}
.mbd-record-list-settings>.related-check[b-yl8jjzosm1]{margin:10px 14px}
.mbd-record-list-settings .related-check input[type=checkbox][b-yl8jjzosm1]{display:inline-block;width:16px;min-width:16px;max-width:16px;height:16px;margin:0;flex:0 0 16px;accent-color:#0078d4}
.mbd-record-list-settings .related-fields[b-yl8jjzosm1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px}
.mbd-record-list-settings .related-summary[b-yl8jjzosm1]{background:#edf6ff;border-left:3px solid #0078d4;padding:12px;line-height:1.6;color:#24547b}
.mbd-record-list-settings .related-advanced[b-yl8jjzosm1]{padding:12px 14px;border-top:1px solid #e1edf8}.related-advanced>summary[b-yl8jjzosm1]{color:#106ebe;cursor:pointer}
.mbd-record-list-settings select:focus[b-yl8jjzosm1],.mbd-record-list-settings input:focus[b-yl8jjzosm1]{outline:2px solid #0078d4;outline-offset:1px}

.appearance-grid[b-yl8jjzosm1],.badge-rule[b-yl8jjzosm1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;min-width:0}.badge-rule[b-yl8jjzosm1]{padding:10px;margin:8px 0;border:1px solid #c7dff4;border-radius:6px;background:#f7fbff}
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileSharedListSettings.razor.rz.scp.css */
.shared-list-settings[b-0jjwym2nqp]{border-top:1px solid #c7dff4;padding:16px 0;margin-top:14px;color:#34516f;font:12px "Segoe UI",sans-serif}.shared-list-settings h4[b-0jjwym2nqp]{color:#005a9e;margin:14px 0 8px}.shared-list-settings p[b-0jjwym2nqp]{line-height:1.5}.shared-list-settings label[b-0jjwym2nqp]{display:grid;gap:6px;color:#106ebe}.shared-list-settings select[b-0jjwym2nqp]{width:100%;padding:9px;border:1px solid #c7dff4;border-radius:5px}.shared-list-settings button[b-0jjwym2nqp]{background:#edf6ff;color:#005a9e;border:1px solid #c7dff4;border-radius:5px;padding:7px;margin:5px 0;cursor:pointer}.shared-list-settings button:disabled[b-0jjwym2nqp]{opacity:.45}.value-order[b-0jjwym2nqp]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid #e5edf5}.value-order span[b-0jjwym2nqp]{flex:1}
/* /Components/BPMWorkspace/Pages/MobileBuilder/MobileSharedRuntimePreview.razor.rz.scp.css */
.shared-runtime-preview[b-pasug2bh9d]{padding:18px;border:1px solid #c8d9ea;border-radius:12px;background:#f5f9fd;margin:16px 0;color:#173b55}h2[b-pasug2bh9d]{font-size:20px}select[b-pasug2bh9d]{display:block;width:100%;padding:10px;margin:8px 0;border:1px solid #b8cee2;border-radius:8px}.notice[b-pasug2bh9d]{padding:10px;background:#fff2d6;border-radius:8px}.phone[b-pasug2bh9d]{max-width:440px;height:720px;overflow:auto;border:8px solid #162b3e;border-radius:26px;margin:18px auto;background:white}
/* /Components/BPMWorkspace/Pages/MobileConfigurationPageLayout.razor.rz.scp.css */
.mobile-configuration-shell[b-ae9ybmh1ce] {
    min-height: 100vh;
    padding: 0.7rem;
    background: var(--mobile-azure-page, #eef4fb);
    color: #172033;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.mobile-configuration-header[b-ae9ybmh1ce],
.mobile-configuration-message[b-ae9ybmh1ce] {
    border: 1px solid var(--mobile-azure-border, #dbe6f5);
    border-radius: 0.9rem;
    background: linear-gradient(180deg, var(--mobile-azure-surface, #ffffff) 0%, #fafdff 100%);
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.mobile-configuration-header[b-ae9ybmh1ce] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-top: 3px solid var(--mobile-azure-primary, #2563eb);
}

.mobile-configuration-header h1[b-ae9ybmh1ce] {
    margin: 0;
    color: var(--mobile-azure-heading, #17365d);
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.015em;
}

.mobile-configuration-header p[b-ae9ybmh1ce] {
    margin: 0.3rem 0 0;
    color: var(--mobile-azure-muted, #64748b);
    font-size: 0.84rem;
    font-weight: 400;
    line-height: 1.55;
}

.mobile-configuration-eyebrow[b-ae9ybmh1ce] {
    margin: 0 0 0.25rem !important;
    color: var(--mobile-azure-label, #0078d4) !important;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.mobile-configuration-header-actions[b-ae9ybmh1ce] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.mobile-configuration-message[b-ae9ybmh1ce] {
    margin: 0.8rem 0;
    padding: 0.85rem 1rem;
    color: var(--mobile-azure-heading, #174f67);
    font-size: 0.84rem;
}

.mobile-configuration-content[b-ae9ybmh1ce] {
    display: grid;
    grid-template-columns: minmax(13.5rem, 16rem) minmax(0, 1fr);
    align-items: start;
    gap: 0.65rem;
    margin-top: 0.65rem;
}

.mobile-configuration-main[b-ae9ybmh1ce] {
    display: grid;
    min-width: 0;
    gap: 0.65rem;
}

[b-ae9ybmh1ce] .mobile-config-card {
    border: 1px solid var(--mobile-azure-border, #dbe6f5);
    border-top: 3px solid var(--mobile-azure-primary, #2563eb);
    border-radius: 0.9rem;
    padding: 1rem;
    background: var(--mobile-azure-surface, #ffffff);
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

[b-ae9ybmh1ce] .mobile-config-card h2,
[b-ae9ybmh1ce] .mobile-config-card h3 {
    margin: 0;
    color: var(--mobile-azure-heading, #17365d);
    font-weight: 500;
    line-height: 1.25;
}

[b-ae9ybmh1ce] .mobile-config-card h2 { font-size: 1.15rem; }
[b-ae9ybmh1ce] .mobile-config-card h3 { font-size: 1rem; }

[b-ae9ybmh1ce] .mobile-config-card p {
    margin: 0.25rem 0 0;
    color: var(--mobile-azure-muted, #64748b);
    font-size: 0.84rem;
    font-weight: 400;
    line-height: 1.45;
}

[b-ae9ybmh1ce] .mobile-config-heading,
[b-ae9ybmh1ce] .mobile-config-subheading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

[b-ae9ybmh1ce] .mobile-config-subheading {
    align-items: center;
    margin-top: 0.85rem;
    padding-top: 0.8rem;
    border-top: 1px solid #e7eef8;
}

[b-ae9ybmh1ce] .mobile-config-eyebrow {
    margin: 0 0 0.25rem !important;
    color: var(--mobile-azure-label, #0078d4) !important;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

[b-ae9ybmh1ce] .mobile-config-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

[b-ae9ybmh1ce] .mobile-config-grid.two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-ae9ybmh1ce] .mobile-config-grid label,
[b-ae9ybmh1ce] .mobile-config-row label {
    display: grid;
    gap: 0.3rem;
    color: var(--mobile-azure-label, #0078d4);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

[b-ae9ybmh1ce] .mobile-config-grid input,
[b-ae9ybmh1ce] .mobile-config-grid select,
[b-ae9ybmh1ce] .mobile-config-grid textarea,
[b-ae9ybmh1ce] .mobile-config-row input,
[b-ae9ybmh1ce] .mobile-config-row select,
[b-ae9ybmh1ce] .mobile-config-row textarea {
    width: 100%;
    min-height: 2.25rem;
    box-sizing: border-box;
    border: 1px solid #d7e1ef;
    border-radius: 0.45rem;
    padding: 0.5rem 0.55rem;
    background: #ffffff;
    color: #172033;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 400;
}

[b-ae9ybmh1ce] .mobile-config-grid textarea,
[b-ae9ybmh1ce] .mobile-config-row textarea {
    min-height: 4.5rem;
    resize: vertical;
}

[b-ae9ybmh1ce] .mobile-config-check {
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.25rem;
    white-space: nowrap;
}

[b-ae9ybmh1ce] .mobile-config-check input {
    width: auto;
    min-height: auto;
}

[b-ae9ybmh1ce] .mobile-config-row-list {
    display: grid;
    gap: 0.55rem;
}

[b-ae9ybmh1ce] .mobile-config-row {
    display: grid;
    align-items: end;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid #e7eef8;
    border-radius: 0.75rem;
    background: #fbfdff;
}

[b-ae9ybmh1ce] .mobile-config-action-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-top: 1rem;
}

[b-ae9ybmh1ce] .mobile-config-note {
    margin: 0;
    border-left: 3px solid var(--mobile-azure-primary, #2563eb);
    padding: 0.7rem 0.8rem;
    background: #eff6ff;
    color: #475569;
    font-size: 0.82rem;
    line-height: 1.45;
}

[b-ae9ybmh1ce] .mobile-config-details {
    margin-top: 0.7rem;
    border-top: 1px solid #e7eef8;
    padding-top: 0.7rem;
}

[b-ae9ybmh1ce] .mobile-config-details summary {
    cursor: pointer;
    color: var(--mobile-azure-primary, #075da8);
    font-size: 0.78rem;
    font-weight: 700;
}

[b-ae9ybmh1ce] .mobile-config-details[open] summary {
    margin-bottom: 0.8rem;
}

[b-ae9ybmh1ce] .mobile-config-empty {
    margin: 0;
    color: #64748b;
}

@media (max-width: 980px) {
    .mobile-configuration-content[b-ae9ybmh1ce] {
        grid-template-columns: 1fr;
    }

    [b-ae9ybmh1ce] .mobile-config-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .mobile-configuration-header[b-ae9ybmh1ce],
    [b-ae9ybmh1ce] .mobile-config-grid,
    [b-ae9ybmh1ce] .mobile-config-grid.two-columns {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/BPMWorkspace/Pages/MobileDesigner.razor.rz.scp.css */
.mobile-designer-shell[b-ilnqf6k2o2] { min-height: 100vh; padding: .7rem; background: var(--mobile-azure-page, #eef4fb); color: #172033; font-family: Inter, "Segoe UI", Arial, sans-serif; }
.designer-header[b-ilnqf6k2o2], .designer-panel[b-ilnqf6k2o2], .designer-empty[b-ilnqf6k2o2], .designer-message[b-ilnqf6k2o2] { border: 1px solid var(--mobile-azure-border, #dbe6f5); border-radius: .9rem; background: var(--mobile-azure-surface, #fff); box-shadow: 0 .25rem 1rem rgba(15,23,42,.08); }
.designer-header[b-ilnqf6k2o2] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem 1rem; border-top:3px solid var(--mobile-azure-primary, #2563eb); background:linear-gradient(180deg, #fff 0%, #fafdff 100%); }
.designer-header h1[b-ilnqf6k2o2], .designer-empty h1[b-ilnqf6k2o2] { margin:0; color:var(--mobile-azure-heading, #17365d); font-size:1.55rem; font-weight:500; line-height:1.15; letter-spacing:-.015em; }
.designer-header p[b-ilnqf6k2o2] { margin:.3rem 0 0; color:var(--mobile-azure-muted, #64748b); font-size:.84rem; font-weight:400; line-height:1.55; }
.designer-eyebrow[b-ilnqf6k2o2] { margin:0 0 .25rem !important; color:var(--mobile-azure-label, #0078d4) !important; font-size:.66rem; font-weight:500; letter-spacing:.02em; text-transform:uppercase; }
.designer-header-actions[b-ilnqf6k2o2] { display:flex; flex-wrap:wrap; gap:.65rem; align-items:flex-start; }
.designer-message[b-ilnqf6k2o2] { margin:.65rem 0; padding:.85rem 1rem; color:#475569; font-size:.84rem; }
.mobile-designer-content[b-ilnqf6k2o2] { display:grid; grid-template-columns:minmax(13.5rem, 16rem) minmax(0, 1fr); gap:.65rem; margin-top:.65rem; align-items:start; }
.designer-canvas[b-ilnqf6k2o2] { display:grid; grid-template-columns:minmax(14rem, 1fr) minmax(20rem, 1.5fr) minmax(18rem, 1.2fr); gap:.65rem; align-items:start; }
.designer-preview-stack[b-ilnqf6k2o2] { display:grid; min-width:0; gap:.65rem; align-content:start; }
.designer-panel[b-ilnqf6k2o2] { min-width:0; padding:1rem; }
.designer-panel-heading[b-ilnqf6k2o2], .designer-subheading[b-ilnqf6k2o2] { display:flex; justify-content:space-between; gap:.6rem; align-items:center; }
.designer-panel-heading[b-ilnqf6k2o2] { margin-bottom:.65rem; }
.designer-panel-heading > div[b-ilnqf6k2o2], .designer-subheading[b-ilnqf6k2o2] { display:flex; align-items:center; gap:.5rem; }
.designer-panel-heading h2[b-ilnqf6k2o2] { margin:0; color:var(--mobile-azure-heading, #17365d); font-size:1.15rem; font-weight:500; line-height:1.25; }
.designer-subheading[b-ilnqf6k2o2] { margin:.85rem 0 .55rem; border-top:1px solid #e7eef8; padding-top:.8rem; }
.designer-subheading h3[b-ilnqf6k2o2] { margin:0; color:var(--mobile-azure-heading, #17365d); font-size:1rem; font-weight:500; }
.designer-step[b-ilnqf6k2o2] { display:inline-grid; place-items:center; width:1.45rem; height:1.45rem; border-radius:50%; background:var(--mobile-azure-primary, #2563eb); color:#fff; font-size:.72rem; font-weight:600; }
.designer-preview-label[b-ilnqf6k2o2], .designer-help[b-ilnqf6k2o2] { color:var(--mobile-azure-muted, #64748b); font-size:.78rem; font-weight:400; }
.designer-help[b-ilnqf6k2o2] { margin:.3rem 0 .75rem; line-height:1.45; }
.designer-navigation-setting[b-ilnqf6k2o2] { display:grid; gap:.3rem; margin:.55rem 0; color:var(--mobile-azure-label, #0078d4); font-size:.68rem; font-weight:500; letter-spacing:.01em; }
.designer-navigation-setting input[b-ilnqf6k2o2] { width:100%; min-height:2.25rem; box-sizing:border-box; border:1px solid #d7e1ef; border-radius:.45rem; padding:.5rem .55rem; color:#172033; background:#fff; font-size:.84rem; font-weight:400; }
.designer-navigation-setting input[readonly][b-ilnqf6k2o2] { color:#64748b; background:#fbfdff; }
.designer-page-list[b-ilnqf6k2o2] { display:grid; gap:.35rem; }
.designer-workspace-forms[b-ilnqf6k2o2] { display:grid; gap:.55rem; margin:.85rem 0; padding:.7rem; border:1px solid #bfdbfe; border-radius:.65rem; background:linear-gradient(135deg, #f4f9ff, #fff); }
.designer-workspace-forms-heading[b-ilnqf6k2o2] { display:flex; align-items:flex-start; justify-content:space-between; gap:.45rem; }
.designer-workspace-forms-heading > div[b-ilnqf6k2o2] { display:grid; gap:.1rem; }
.designer-workspace-forms-heading h3[b-ilnqf6k2o2], .designer-workspace-module h4[b-ilnqf6k2o2] { margin:0; color:var(--mobile-azure-heading, #17365d); font-size:.82rem; font-weight:650; }
.designer-workspace-forms-heading span[b-ilnqf6k2o2], .designer-workspace-forms-empty[b-ilnqf6k2o2], .designer-workspace-form small[b-ilnqf6k2o2], .designer-generated-menu-heading span[b-ilnqf6k2o2] { color:var(--mobile-azure-muted, #64748b); font-size:.68rem; font-weight:400; }
.designer-workspace-forms-empty[b-ilnqf6k2o2] { margin:0; line-height:1.45; }
.designer-workspace-module[b-ilnqf6k2o2] { display:grid; gap:.3rem; padding-top:.55rem; border-top:1px solid #dbeafe; }
.designer-workspace-module:first-of-type[b-ilnqf6k2o2] { padding-top:0; border-top:0; }
.designer-workspace-module h4[b-ilnqf6k2o2] { color:#2563eb; font-size:.7rem; letter-spacing:.04em; text-transform:uppercase; }
.designer-workspace-form[b-ilnqf6k2o2] { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:.45rem; padding:.42rem; border:1px solid #d7e1ef; border-radius:.45rem; background:#fff; cursor:pointer; }
.designer-workspace-form:hover[b-ilnqf6k2o2] { border-color:#9ec5f8; background:#f8fbff; }
.designer-workspace-form.enabled[b-ilnqf6k2o2] { border-color:#93c5fd; background:#eff6ff; }
.designer-workspace-form input[b-ilnqf6k2o2] { width:1rem; height:1rem; margin:0; accent-color:#2563eb; }
.designer-workspace-form-copy[b-ilnqf6k2o2] { display:grid; min-width:0; gap:.08rem; }
.designer-workspace-form-copy strong[b-ilnqf6k2o2] { overflow:hidden; color:var(--mobile-azure-heading, #17365d); font-size:.76rem; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.designer-workspace-form-copy small[b-ilnqf6k2o2] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.designer-workspace-form em[b-ilnqf6k2o2] { color:#64748b; font-size:.65rem; font-style:normal; font-weight:500; }
.designer-workspace-form.enabled em[b-ilnqf6k2o2] { color:#0f766e; font-weight:650; }
.designer-generated-menu-heading[b-ilnqf6k2o2] { display:flex; align-items:center; justify-content:space-between; margin:.8rem 0 .4rem; padding-top:.75rem; border-top:1px solid #dbe6f5; }
.designer-generated-menu-heading strong[b-ilnqf6k2o2] { color:var(--mobile-azure-heading, #17365d); font-size:.78rem; font-weight:650; }
.designer-generated-note[b-ilnqf6k2o2] { margin:0; padding:.6rem .65rem; border:1px solid #bfdbfe; border-radius:.45rem; background:#eff6ff; color:#1e40af; font-size:.73rem; font-weight:400; line-height:1.45; }
.designer-page-item[b-ilnqf6k2o2] { display:grid; grid-template-columns:1rem 2rem minmax(0,1fr) auto; gap:.45rem; align-items:center; text-align:left; width:100%; border:1px solid #d7e1ef; border-radius:.55rem; background:#fbfdff; padding:.5rem; color:#172033; cursor:grab; transition:transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease, border-color 120ms ease; }
.designer-page-item:hover[b-ilnqf6k2o2] { transform:translateY(-1px); border-color:#9ec5f8; background:#f6faff; box-shadow:0 .25rem .6rem rgba(15,23,42,.08); }
.designer-page-item:active[b-ilnqf6k2o2] { transform:translateY(1px) scale(.99); box-shadow:inset 0 1px 2px rgba(15,23,42,.16); transition-duration:35ms; }
.designer-page-item:focus-visible[b-ilnqf6k2o2] { outline:2px solid #bfdbfe; outline-offset:2px; }
.designer-page-item.selected[b-ilnqf6k2o2] { border-color:#2563eb; background:#eff6ff; box-shadow:inset 3px 0 #2563eb; }
.designer-drag-handle[b-ilnqf6k2o2] { color:#6b84a2; font-size:.9rem; font-weight:700; line-height:1; text-align:center; }
.designer-page-order[b-ilnqf6k2o2], .designer-page-state[b-ilnqf6k2o2] { color:var(--mobile-azure-muted, #64748b); font-size:.7rem; font-weight:400; }
.designer-page-copy[b-ilnqf6k2o2] { display:grid; min-width:0; gap:.15rem; }
.designer-page-copy strong[b-ilnqf6k2o2] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mobile-azure-heading, #17365d); font-size:.88rem; font-weight:500; }
.designer-page-copy small[b-ilnqf6k2o2] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mobile-azure-muted, #64748b); font-size:.7rem; font-weight:400; }
.phone-frame[b-ilnqf6k2o2] { width:min(100%, 22rem); height:38rem; min-height:0; box-sizing:border-box; margin:.3rem auto 0; border:8px solid #101827; border-radius:1.8rem; overflow-y:auto; background:#f6f9fd; box-shadow:0 1rem 2.5rem rgba(15,23,42,.18); }
.phone-status-bar[b-ilnqf6k2o2], .phone-app-bar[b-ilnqf6k2o2], .phone-bottom-nav[b-ilnqf6k2o2] { display:flex; align-items:center; justify-content:space-between; padding:.45rem .8rem; color:#fff; background:#0b1f3a; font-size:.7rem; }
.phone-app-bar[b-ilnqf6k2o2] { padding:.8rem .75rem; background:var(--mobile-azure-primary, #2563eb); font-size:.85rem; font-weight:500; }
.phone-content[b-ilnqf6k2o2] { min-height:30rem; padding:.8rem; }
.phone-menu-content[b-ilnqf6k2o2] { max-height:30rem; overflow-y:auto; }
.phone-menu-preview[b-ilnqf6k2o2] { display:grid; gap:.2rem; margin:-.1rem 0 .8rem; padding:.45rem; border:1px solid #dbe6f5; border-radius:.55rem; background:#fff; }
.phone-menu-group[b-ilnqf6k2o2] { margin:.45rem .1rem .15rem; color:#7187a2; font-size:.58rem; font-weight:700; letter-spacing:.045em; text-transform:uppercase; }
.phone-menu-group:first-child[b-ilnqf6k2o2] { margin-top:.1rem; }
.phone-menu-item[b-ilnqf6k2o2] { display:flex; align-items:center; gap:.45rem; width:100%; min-height:1.95rem; border:0; border-radius:.35rem; background:transparent; color:#294c70; padding:.3rem .4rem; text-align:left; font-size:.72rem; font-weight:500; cursor:pointer; }
.phone-menu-item:hover[b-ilnqf6k2o2], .phone-menu-item.selected[b-ilnqf6k2o2] { background:#eaf3ff; color:#0f5bd7; }
.phone-menu-icon[b-ilnqf6k2o2] { display:inline-grid; place-items:center; width:1rem; height:1rem; border-radius:.25rem; background:#e8f1ff; color:#1664c0; font-size:.58rem; font-weight:700; }
.phone-menu-selection[b-ilnqf6k2o2] { margin:.35rem .2rem 0; color:#64748b; font-size:.65rem; font-style:italic; line-height:1.4; }
.phone-menu-content > .phone-page-badge[b-ilnqf6k2o2],
.phone-menu-content > .phone-form-binding[b-ilnqf6k2o2],
.phone-menu-content > .phone-field[b-ilnqf6k2o2],
.phone-menu-content > .phone-placeholder[b-ilnqf6k2o2],
.phone-menu-content > .phone-runtime-card[b-ilnqf6k2o2],
.phone-menu-content > .phone-action[b-ilnqf6k2o2] { display:none; }
.phone-page-badge[b-ilnqf6k2o2] { display:inline-block; border-radius:99rem; background:#eff6ff; color:var(--mobile-azure-primary, #2563eb); padding:.25rem .45rem; font-size:.65rem; font-weight:500; text-transform:uppercase; }
.phone-form-binding[b-ilnqf6k2o2] { color:var(--mobile-azure-muted, #64748b); font-size:.75rem; font-weight:400; }
.phone-field[b-ilnqf6k2o2] { display:grid; gap:.25rem; margin:.6rem 0; color:#4f6b8c; font-size:.68rem; font-weight:500; }
.phone-field input[b-ilnqf6k2o2] { min-height:2rem; border:1px solid #d7e1ef; border-radius:.4rem; padding:.35rem; background:#fff; font-size:.8rem; font-weight:400; }
.phone-placeholder[b-ilnqf6k2o2], .phone-runtime-card[b-ilnqf6k2o2] { display:grid; gap:.25rem; margin:1.5rem 0; border:1px dashed #cfe0f5; border-radius:.55rem; padding:.8rem; color:var(--mobile-azure-muted, #64748b); font-size:.75rem; font-weight:400; }
.phone-action[b-ilnqf6k2o2] { display:flex; align-items:center; gap:.4rem; width:100%; margin:.4rem 0; border:1px solid #0f5bd7; border-radius:.55rem; background:linear-gradient(180deg, #2f8fff 0%, #1367e8 100%); color:#fff; padding:.5rem; font-size:.8rem; font-weight:500; transition:transform 120ms ease, box-shadow 120ms ease; }
.phone-action:active[b-ilnqf6k2o2] { transform:translateY(1px) scale(.985); box-shadow:inset 0 1px 2px rgba(15,23,42,.22); transition-duration:35ms; }
.phone-bottom-nav[b-ilnqf6k2o2] { min-height:2.2rem; background:#fff; color:var(--mobile-azure-primary, #2563eb); border-top:1px solid #dbe6f5; }
.designer-page-details-panel[b-ilnqf6k2o2] { display:grid; gap:.25rem; }
.designer-page-details-panel .designer-panel-heading[b-ilnqf6k2o2] { margin-bottom:.15rem; }
.designer-page-details-summary[b-ilnqf6k2o2] { margin:.15rem 0 .55rem; color:#526b89; font-size:.76rem; }
.designer-builder-page-preview[b-ilnqf6k2o2] { width:100%; padding:.15rem 0 .55rem; }
.designer-builder-page-preview[b-ilnqf6k2o2]  .mbd-phone { width:min(100%, 22rem); height:38rem; min-height:0; box-sizing:border-box; margin:.25rem auto 0; border:8px solid #101827; border-radius:1.8rem; overflow-y:auto; }
.designer-builder-page-preview[b-ilnqf6k2o2]  .mobile-preview-back, .mobile-preview-back[b-ilnqf6k2o2] { display:inline-flex; align-items:center; justify-content:center; min-width:2rem; min-height:2rem; border:0; padding:.2rem .4rem; background:transparent; color:inherit; font:inherit; font-weight:700; cursor:pointer; }
.designer-builder-page-preview[b-ilnqf6k2o2]  .mobile-preview-back:focus-visible, .mobile-preview-back:focus-visible[b-ilnqf6k2o2] { outline:2px solid currentColor; outline-offset:1px; }
.designer-page-details-actions[b-ilnqf6k2o2] { display:flex; align-items:center; gap:.15rem; border:1px solid #cbdff5; border-radius:.5rem; padding:.18rem; background:#f8fbff; }
.designer-view-mode[b-ilnqf6k2o2] { min-height:1.7rem; border:0; border-radius:.32rem; padding:.25rem .48rem; background:transparent; color:#5c718b; font:inherit; font-size:.67rem; font-weight:650; cursor:pointer; }
.designer-view-mode:hover[b-ilnqf6k2o2] { background:#eaf3ff; color:#1d4ed8; }
.designer-view-mode.selected[b-ilnqf6k2o2] { background:#2563eb; color:#fff; box-shadow:0 .12rem .3rem rgba(37,99,235,.22); }
.mobile-page-layout-preview[b-ilnqf6k2o2] { display:flex; flex-direction:column; width:min(100%, 22rem); height:38rem; box-sizing:border-box; margin:.25rem auto 0; overflow:hidden; border:8px solid #101827; border-radius:1.8rem; background:#f6f9fd; box-shadow:0 .8rem 1.8rem rgba(15,23,42,.16); }
.mobile-page-layout-status[b-ilnqf6k2o2], .mobile-page-layout-header[b-ilnqf6k2o2], .mobile-page-layout-footer[b-ilnqf6k2o2] { display:flex; align-items:center; justify-content:space-between; padding:.42rem .7rem; color:#fff; background:#0b1f3a; font-size:.63rem; }
.mobile-page-layout-header[b-ilnqf6k2o2] { min-height:1.7rem; background:var(--mobile-azure-primary, #2563eb); font-size:.72rem; }
.mobile-page-layout-header strong[b-ilnqf6k2o2] { overflow:hidden; max-width:13rem; text-overflow:ellipsis; white-space:nowrap; }
.mobile-page-layout-content[b-ilnqf6k2o2] { display:grid; align-content:start; flex:1; min-height:0; gap:.5rem; overflow-y:auto; padding:.65rem; background:#f8fbff; }
.mobile-page-layout-field[b-ilnqf6k2o2] { display:grid; gap:.25rem; border:1px solid #d7e5f5; border-radius:.5rem; padding:.45rem; background:#fff; }
.mobile-page-layout-field.hidden[b-ilnqf6k2o2] { border-style:dashed; background:#f8fafc; }
.mobile-page-layout-label[b-ilnqf6k2o2] { display:flex; align-items:center; justify-content:space-between; gap:.4rem; color:#1d4ed8; font-size:.65rem; font-weight:650; }
.mobile-page-layout-label em[b-ilnqf6k2o2] { border:1px solid #bfdbfe; border-radius:999px; padding:.1rem .28rem; background:#eff6ff; color:#1d4ed8; font-size:.55rem; font-style:normal; font-weight:700; white-space:nowrap; }
.mobile-page-layout-field.hidden .mobile-page-layout-label em[b-ilnqf6k2o2] { border-color:#cbd5e1; background:#f1f5f9; color:#64748b; }
.mobile-page-layout-field input[b-ilnqf6k2o2], .mobile-page-layout-field select[b-ilnqf6k2o2] { width:100%; min-height:1.9rem; box-sizing:border-box; border:1px solid #d7e1ef; border-radius:.35rem; padding:.35rem .4rem; background:#fff; color:#64748b; font-size:.69rem; }
.mobile-page-layout-field select:disabled[b-ilnqf6k2o2] { opacity:1; }
.mobile-page-layout-checkbox[b-ilnqf6k2o2] { display:flex; align-items:center; gap:.35rem; min-height:1.9rem; color:#526b89; font-size:.68rem; }
.mobile-page-layout-checkbox input[b-ilnqf6k2o2] { width:auto; min-height:auto; margin:0; accent-color:#2563eb; }
.mobile-page-layout-hidden[b-ilnqf6k2o2] { border:1px dashed #cbd5e1; border-radius:.35rem; padding:.35rem .4rem; color:#64748b; font-size:.66rem; font-style:italic; }
.mobile-page-layout-list-view-field[b-ilnqf6k2o2] { display:grid; gap:.12rem; min-height:1.9rem; border:1px solid #bfdbfe; border-radius:.35rem; padding:.35rem .4rem; background:#eff6ff; color:#1d4ed8; }
.mobile-page-layout-list-view-field strong[b-ilnqf6k2o2] { font-size:.66rem; }
.mobile-page-layout-list-view-field span[b-ilnqf6k2o2] { color:#526b89; font-size:.64rem; }
.mobile-page-list-view-preview[b-ilnqf6k2o2] { display:grid; gap:.5rem; }
.mobile-page-list-view-preview > header[b-ilnqf6k2o2] { display:flex; align-items:flex-start; justify-content:space-between; gap:.45rem; }
.mobile-page-list-view-preview > header div[b-ilnqf6k2o2] { display:grid; gap:.08rem; }
.mobile-page-list-view-preview > header span[b-ilnqf6k2o2] { color:#1d4ed8; font-size:.56rem; font-weight:700; letter-spacing:.045em; text-transform:uppercase; }
.mobile-page-list-view-preview > header strong[b-ilnqf6k2o2] { color:#17365d; font-size:.75rem; }
.mobile-page-list-view-preview > header em[b-ilnqf6k2o2] { border:1px solid #bfdbfe; border-radius:999px; padding:.1rem .28rem; background:#eff6ff; color:#1d4ed8; font-size:.55rem; font-style:normal; font-weight:700; white-space:nowrap; }
.mobile-page-list-view-preview > p[b-ilnqf6k2o2] { margin:0; border:1px dashed #cbdff5; border-radius:.4rem; padding:.4rem; color:#64748b; font-size:.64rem; line-height:1.35; }
.mobile-page-list-items[b-ilnqf6k2o2] { display:grid; gap:.42rem; }
.mobile-page-list-items article[role="button"][b-ilnqf6k2o2] { cursor:pointer; }
.mobile-page-list-items article[role="button"]:hover[b-ilnqf6k2o2], .mobile-page-list-items article[role="button"]:focus-visible[b-ilnqf6k2o2] { outline:2px solid #2563eb; outline-offset:2px; background:#f3f8ff; }
.mobile-linked-detail[b-ilnqf6k2o2] { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; padding:1rem; }
.mobile-linked-detail dd[b-ilnqf6k2o2] { margin:0; overflow-wrap:anywhere; }
.mobile-page-list-items article[b-ilnqf6k2o2] { display:grid; gap:.24rem; border:1px solid #d7e5f5; border-radius:.5rem; padding:.5rem; background:#fff; box-shadow:0 .1rem .3rem rgba(15,67,119,.05); }
.mobile-page-list-items article > strong[b-ilnqf6k2o2] { color:#173f6c; font-size:.71rem; line-height:1.3; }
.mobile-page-list-items article > span[b-ilnqf6k2o2] { display:grid; grid-template-columns:minmax(4rem,auto) minmax(0,1fr); gap:.3rem; color:#526b89; font-size:.6rem; line-height:1.3; }
.mobile-page-list-items article b[b-ilnqf6k2o2] { color:#71829a; font-size:.56rem; font-weight:700; }
.mobile-page-layout-action[b-ilnqf6k2o2] { min-height:2.1rem; border:1px solid #075da8; border-radius:.42rem; background:linear-gradient(180deg, #2f8fff 0%, #1367e8 100%); color:#fff; font:inherit; font-size:.72rem; font-weight:700; opacity:1; }
.mobile-page-layout-action:disabled[b-ilnqf6k2o2] { color:#fff; cursor:default; opacity:1; }
.mobile-page-layout-footer[b-ilnqf6k2o2] { min-height:1.7rem; background:#fff; color:var(--mobile-azure-primary, #2563eb); border-top:1px solid #dbe6f5; }
.designer-property-form[b-ilnqf6k2o2] { display:grid; gap:.6rem; }
.designer-property-form label[b-ilnqf6k2o2] { display:grid; gap:.3rem; color:var(--mobile-azure-label, #0078d4); font-size:.68rem; font-weight:500; letter-spacing:.01em; }
.designer-property-form input[b-ilnqf6k2o2], .designer-property-form select[b-ilnqf6k2o2], .designer-action-row input[b-ilnqf6k2o2], .designer-action-row select[b-ilnqf6k2o2], .designer-field-rule-row input[b-ilnqf6k2o2] { width:100%; min-height:2.25rem; box-sizing:border-box; border:1px solid #d7e1ef; border-radius:.45rem; padding:.5rem .55rem; color:#172033; background:#fff; font-size:.84rem; font-weight:400; }
.designer-check[b-ilnqf6k2o2] { display:flex !important; grid-template-columns:none !important; align-items:center; gap:.4rem !important; }
.designer-check input[b-ilnqf6k2o2], .designer-field-rule-row input[type=checkbox][b-ilnqf6k2o2] { width:auto; min-height:auto; }
.designer-csv-import[b-ilnqf6k2o2] { display:grid; gap:.55rem; margin-top:.15rem; border:1px solid #bfdbfe; border-radius:.55rem; padding:.7rem; background:#f8fbff; }
.designer-csv-import > div[b-ilnqf6k2o2] { display:grid; gap:.2rem; }
.designer-csv-import strong[b-ilnqf6k2o2] { color:#173f6c; font-size:.78rem; }
.designer-csv-import span[b-ilnqf6k2o2] { color:#526b89; font-size:.68rem; font-weight:400; line-height:1.4; }
.designer-csv-import input[type=file][b-ilnqf6k2o2] { min-height:auto; padding:.42rem; color:#475569; background:#fff; font-size:.72rem; }
.designer-csv-import p[b-ilnqf6k2o2] { margin:0; border-radius:.38rem; padding:.45rem .5rem; font-size:.68rem; font-weight:500; line-height:1.4; }
.designer-csv-import p.success[b-ilnqf6k2o2] { background:#ecfdf3; color:#067647; }
.designer-csv-import p.error[b-ilnqf6k2o2] { background:#fef3f2; color:#b42318; }
.designer-action-row[b-ilnqf6k2o2], .designer-field-rule-row[b-ilnqf6k2o2] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 1.8rem; gap:.3rem; margin:.35rem 0; align-items:center; }
.designer-field-rule-row[b-ilnqf6k2o2] { grid-template-columns:minmax(0,1fr) 2rem 2rem 2rem 1.8rem; }
.designer-field-rule-row label[b-ilnqf6k2o2] { color:var(--mobile-azure-muted, #64748b); font-size:.7rem; font-weight:400; }
.designer-remove-button[b-ilnqf6k2o2] { display:inline-grid; place-items:center; width:1.8rem; height:1.8rem; border:0; border-radius:.4rem; background:transparent; color:#b42318; font-size:1.2rem; cursor:pointer; transition:transform 120ms ease, background-color 120ms ease; }
.designer-remove-button:hover[b-ilnqf6k2o2] { background:#fef2f2; }
.designer-remove-button:active[b-ilnqf6k2o2] { transform:translateY(1px) scale(.92); transition-duration:35ms; }
.designer-empty[b-ilnqf6k2o2] { max-width:36rem; margin:4rem auto; padding:1.5rem; text-align:center; }
.mobile-designer-loading-shell[b-ilnqf6k2o2] { display:grid; place-items:center; box-sizing:border-box; padding:2rem; overflow:hidden; background:radial-gradient(circle at 50% 18%, rgba(96,165,250,.22), transparent 33rem), linear-gradient(135deg, #f8fbff 0%, #eef5ff 48%, #dbeafe 100%); }
.designer-loading-state[b-ilnqf6k2o2] { display:grid; justify-items:center; width:min(100%, 24rem); box-sizing:border-box; margin:0; padding:2.5rem 3rem; border-color:rgba(191,219,254,.8); border-radius:1.5rem; background:rgba(255,255,255,.8); box-shadow:0 1.5rem 4rem rgba(30,64,175,.16), inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter:blur(14px); }
.designer-loading-state h1[b-ilnqf6k2o2] { font-size:clamp(1.15rem, 2.5vw, 1.35rem); font-weight:750; letter-spacing:-.025em; }
.designer-loading-state p[b-ilnqf6k2o2] { margin:.55rem 0 0; color:var(--mobile-azure-muted, #64748b); font-size:.9rem; line-height:1.5; }
.designer-loading-icon[b-ilnqf6k2o2] { position:relative; display:grid; place-items:center; width:4.25rem; height:4.25rem; margin-bottom:1.5rem; border-radius:1.25rem; background:linear-gradient(145deg, #60a5fa, var(--mobile-azure-primary, #2563eb)); box-shadow:0 .8rem 1.5rem rgba(37,99,235,.3); }
.designer-loading-icon[b-ilnqf6k2o2]::before, .designer-loading-icon[b-ilnqf6k2o2]::after, .designer-loading-icon span[b-ilnqf6k2o2] { position:absolute; box-sizing:border-box; border:2px solid rgba(255,255,255,.95); border-radius:.35rem; content:""; }
.designer-loading-icon[b-ilnqf6k2o2]::before { width:1.65rem; height:2rem; transform:translateX(-.42rem); }
.designer-loading-icon[b-ilnqf6k2o2]::after { width:1.45rem; height:1.7rem; transform:translateX(.55rem); background:rgba(255,255,255,.12); }
.designer-loading-icon span[b-ilnqf6k2o2] { z-index:1; width:.34rem; height:.34rem; border:0; border-radius:50%; background:#fff; box-shadow:0 .55rem 0 #fff, 0 1.1rem 0 #fff; animation:designer-loading-icon-pulse-b-ilnqf6k2o2 1.35s ease-in-out infinite; }
.designer-loading-indicator[b-ilnqf6k2o2] { display:flex; gap:.4rem; margin-bottom:1.25rem; }
.designer-loading-indicator span[b-ilnqf6k2o2] { width:.5rem; height:.5rem; border-radius:999px; background:var(--mobile-azure-primary, #2563eb); animation:designer-loading-pulse-b-ilnqf6k2o2 1.1s ease-in-out infinite; }
.designer-loading-indicator span:nth-child(2)[b-ilnqf6k2o2] { animation-delay:.14s; }
.designer-loading-indicator span:nth-child(3)[b-ilnqf6k2o2] { animation-delay:.28s; }
@keyframes designer-loading-pulse-b-ilnqf6k2o2 { 0%, 100% { opacity:.35; transform:translateY(0); } 50% { opacity:1; transform:translateY(-.35rem); } }
@keyframes designer-loading-icon-pulse-b-ilnqf6k2o2 { 0%, 100% { opacity:.55; } 50% { opacity:1; } }
@media(max-width:1220px) { .mobile-designer-content[b-ilnqf6k2o2] { grid-template-columns:1fr; } }
@media(max-width:1050px) { .designer-canvas[b-ilnqf6k2o2] { grid-template-columns:1fr 1.35fr; } .designer-properties-panel[b-ilnqf6k2o2] { grid-column:1 / -1; } }
@media(max-width:700px) { .designer-header[b-ilnqf6k2o2], .designer-canvas[b-ilnqf6k2o2] { display:grid; grid-template-columns:1fr; } .designer-properties-panel[b-ilnqf6k2o2] { grid-column:auto; } .mobile-designer-loading-shell[b-ilnqf6k2o2] { padding:1.25rem; } .designer-loading-state[b-ilnqf6k2o2] { padding:2.25rem 1.5rem; } }
@media(prefers-reduced-motion:reduce) { .designer-loading-icon span[b-ilnqf6k2o2], .designer-loading-indicator span[b-ilnqf6k2o2] { animation:none; } }
/* /Components/BPMWorkspace/Pages/MobileDeviceManagement.razor.rz.scp.css */
.device-remove-button[b-bfvi04iwu1] {
    color: #b42318;
    background: #fff;
    border: 1px solid #fda29b;
}

.device-remove-confirmation[b-bfvi04iwu1] {
    padding: 1rem;
    border: 1px solid #fda29b;
    border-radius: 0.75rem;
    background: #fff5f4;
    overflow-wrap: anywhere;
}

.mobile-device-summary[b-bfvi04iwu1] {
    display: grid;
    gap: 0.2rem;
    color: #17365d;
}

.mobile-device-summary span[b-bfvi04iwu1] {
    color: #64748b;
    font-size: 0.78rem;
}
/* /Components/BPMWorkspace/Pages/MobileFormBuilderMode.razor.rz.scp.css */
.form-sharing-card[b-hv8cmx3qi7] {
    min-height: 42rem;
}

.form-sharing-heading[b-hv8cmx3qi7] {
    align-items: center;
}

.form-sharing-count[b-hv8cmx3qi7],
.form-sharing-status[b-hv8cmx3qi7] {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    border: 1px solid #dbe6f5;
    border-radius: 999px;
    padding: 0 .6rem;
    background: #f8fafc;
    color: #526b89;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.form-sharing-count[b-hv8cmx3qi7] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.form-sharing-workspace[b-hv8cmx3qi7] {
    display: grid;
    grid-template-columns: minmax(17.5rem, 26rem) minmax(0, 1fr);
    gap: .85rem;
    align-items: start;
    margin-top: .8rem;
}

.form-sharing-explorer[b-hv8cmx3qi7] {
    display: flex;
    min-height: 36rem;
    flex-direction: column;
    align-self: start;
    border: 1px solid #cbdff5;
    border-radius: .7rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .05);
    overflow: hidden;
}

.form-sharing-explorer-header[b-hv8cmx3qi7],
.form-sharing-section-title[b-hv8cmx3qi7],
.form-sharing-detail-header[b-hv8cmx3qi7],
.form-sharing-primary-setting[b-hv8cmx3qi7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}

.form-sharing-explorer-header[b-hv8cmx3qi7] {
    padding: .75rem .85rem;
    color: #17365d;
    font-size: .82rem;
}

.form-sharing-explorer-header span[b-hv8cmx3qi7],
.form-sharing-section-title span[b-hv8cmx3qi7] {
    color: #64748b;
    font-size: .67rem;
    font-weight: 500;
}

.form-sharing-search[b-hv8cmx3qi7] {
    display: block;
    padding: 0 .85rem .65rem;
}

.form-sharing-search input[b-hv8cmx3qi7] {
    width: 100%;
    min-height: 2.1rem;
    box-sizing: border-box;
    border: 1px solid #cbdff5;
    border-radius: .45rem;
    padding: .45rem .6rem;
    background: #ffffff;
    color: #172033;
    font: inherit;
    font-size: .76rem;
}

.form-sharing-search input:focus[b-hv8cmx3qi7] {
    border-color: #2563eb;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.form-sharing-explorer-section[b-hv8cmx3qi7] {
    display: grid;
    gap: .45rem;
    padding: .65rem .85rem;
    border-top: 1px solid #e1edf9;
}

.form-sharing-section-title[b-hv8cmx3qi7] {
    color: #17365d;
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.form-sharing-module-list[b-hv8cmx3qi7],
.form-sharing-form-list[b-hv8cmx3qi7] {
    display: grid;
    gap: .28rem;
    max-height: 11rem;
    overflow-y: auto;
    padding-right: .12rem;
}

.form-sharing-module-list[b-hv8cmx3qi7] {
    max-height: clamp(22rem, 58vh, 44rem);
}

.form-sharing-module-item[b-hv8cmx3qi7],
.form-sharing-form-item[b-hv8cmx3qi7] {
    display: grid;
    width: 100%;
    border: 1px solid #d7e5f5;
    border-radius: .45rem;
    background: #ffffff;
    color: #17365d;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.form-sharing-module-item[b-hv8cmx3qi7] {
    grid-template-columns: 1.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .4rem;
    min-height: 2rem;
    padding: .35rem .45rem;
    font-size: .75rem;
    font-weight: 650;
}

.form-sharing-module-item:hover[b-hv8cmx3qi7],
.form-sharing-form-item:hover[b-hv8cmx3qi7] {
    border-color: #93c5fd;
    background: #f8fbff;
}

.form-sharing-module-item.selected[b-hv8cmx3qi7],
.form-sharing-form-item.selected[b-hv8cmx3qi7] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: inset 3px 0 #2563eb;
}

.form-sharing-module-icon[b-hv8cmx3qi7],
.form-sharing-form-icon[b-hv8cmx3qi7] {
    display: inline-grid;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .32rem;
    background: #e8f1ff;
    color: #1664c0;
    font-size: .62rem;
    font-weight: 800;
}

.form-sharing-module-item em[b-hv8cmx3qi7] {
    min-width: 1.25rem;
    border-radius: 999px;
    padding: .1rem .35rem;
    background: #dbeafe;
    color: #2563eb;
    font-size: .66rem;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

.form-sharing-forms-section[b-hv8cmx3qi7] {
    box-sizing: border-box;
    flex: 0 0 14rem;
    height: 14rem;
    min-height: 14rem;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.form-sharing-form-list[b-hv8cmx3qi7] {
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    align-content: start;
    grid-auto-rows: 3.65rem;
}

.form-sharing-form-item[b-hv8cmx3qi7] {
    grid-template-columns: 1.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .4rem;
    min-height: 0;
    height: 3.65rem;
    padding: .4rem .45rem;
}

.form-sharing-form-copy[b-hv8cmx3qi7] {
    display: grid;
    min-width: 0;
    gap: .08rem;
}

.form-sharing-form-copy strong[b-hv8cmx3qi7] {
    overflow: hidden;
    color: #17365d;
    font-size: .76rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-sharing-form-copy small[b-hv8cmx3qi7] {
    overflow: hidden;
    color: #64748b;
    font-size: .64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-sharing-form-item em[b-hv8cmx3qi7] {
    min-width: 2.7rem;
    border: 1px solid #dbe6f5;
    border-radius: 999px;
    padding: .15rem .35rem;
    background: #f8fafc;
    color: #64748b;
    font-size: .62rem;
    font-style: normal;
    font-weight: 650;
    text-align: center;
}

.form-sharing-form-item em.enabled[b-hv8cmx3qi7],
.form-sharing-status.enabled[b-hv8cmx3qi7] {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}

.form-sharing-empty[b-hv8cmx3qi7],
.form-sharing-enabled-summary p[b-hv8cmx3qi7] {
    margin: 0;
    color: #64748b;
    font-size: .73rem;
    line-height: 1.45;
}

.form-sharing-enabled-summary[b-hv8cmx3qi7] {
    display: grid;
    gap: .55rem;
    margin-top: auto;
    padding: .75rem .85rem;
    border-top: 1px solid #dbe6f5;
    background: #fbfdff;
}

.form-sharing-enabled-chips[b-hv8cmx3qi7] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.form-sharing-enabled-chips button[b-hv8cmx3qi7] {
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #1e5dab;
    padding: .28rem .48rem;
    cursor: pointer;
    font: inherit;
    font-size: .66rem;
    font-weight: 650;
}

.form-sharing-enabled-chips button:hover[b-hv8cmx3qi7] {
    background: #eff6ff;
    border-color: #60a5fa;
}

.form-sharing-detail[b-hv8cmx3qi7] {
    min-width: 0;
    padding: .1rem 0 .3rem;
}

.form-sharing-detail-empty[b-hv8cmx3qi7] {
    display: grid;
    place-items: center;
    min-height: 20rem;
    border: 1px dashed #cbdff5;
    border-radius: .7rem;
    padding: 1.5rem;
    background: #fbfdff;
    text-align: center;
}

.form-sharing-detail-empty h3[b-hv8cmx3qi7] {
    margin: 0;
    color: #17365d;
    font-size: 1.1rem;
}

.form-sharing-detail-empty p[b-hv8cmx3qi7] {
    margin: .4rem 0 0;
    color: #64748b;
    font-size: .82rem;
}

.form-sharing-detail-header[b-hv8cmx3qi7] {
    align-items: flex-start;
    padding: .6rem 0 .75rem;
    border-bottom: 1px solid #e1edf9;
}

.form-sharing-detail-header h3[b-hv8cmx3qi7] {
    font-size: 1.15rem;
}

.form-sharing-primary-setting[b-hv8cmx3qi7] {
    align-items: flex-start;
    margin: .9rem 0;
    border-left: 3px solid #2563eb;
    padding: .85rem;
    background: #eff6ff;
}

.form-sharing-primary-setting p[b-hv8cmx3qi7] {
    max-width: 18rem;
    margin: 0;
    color: #526b89;
    font-size: .79rem;
    line-height: 1.45;
}

.form-sharing-advanced[b-hv8cmx3qi7] {
    margin: .9rem 0;
    padding: .75rem 0;
    border-bottom: 1px solid #e1edf9;
}

.form-sharing-advanced summary[b-hv8cmx3qi7] {
    cursor: pointer;
    color: #075da8;
    font-size: .78rem;
    font-weight: 750;
}

.form-sharing-advanced[open] summary[b-hv8cmx3qi7] {
    margin-bottom: .8rem;
}

.form-sharing-advanced-grid[b-hv8cmx3qi7] {
    margin-bottom: .65rem;
}

.form-sharing-sticky-options[b-hv8cmx3qi7] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.form-sharing-action-settings[b-hv8cmx3qi7] {
    display: grid;
    gap: .55rem;
    margin-top: .85rem;
    padding-top: .8rem;
    border-top: 1px solid #e1edf9;
}

.form-sharing-action-settings h4[b-hv8cmx3qi7] {
    margin: 0;
    color: #17365d;
    font-size: .82rem;
    font-weight: 700;
}

.form-sharing-action-settings p[b-hv8cmx3qi7] {
    margin: .22rem 0 0;
    color: #526b89;
    font-size: .72rem;
    line-height: 1.45;
}

.form-sharing-action-empty[b-hv8cmx3qi7] {
    padding: .55rem .65rem;
    border: 1px dashed #cbdff5;
    border-radius: .45rem;
    background: #fbfdff;
}

.form-sharing-action-list[b-hv8cmx3qi7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: .45rem;
}

.form-sharing-action-item[b-hv8cmx3qi7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    min-height: 3.2rem;
    box-sizing: border-box;
    border: 1px solid #d7e5f5;
    border-radius: .5rem;
    padding: .45rem .55rem;
    background: #fbfdff;
    cursor: pointer;
}

.form-sharing-action-item:hover[b-hv8cmx3qi7] {
    border-color: #93c5fd;
    background: #f4f9ff;
}

.form-sharing-action-item input[b-hv8cmx3qi7] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: #2563eb;
}

.form-sharing-action-copy[b-hv8cmx3qi7] {
    display: grid;
    min-width: 0;
    gap: .08rem;
}

.form-sharing-action-copy strong[b-hv8cmx3qi7] {
    overflow: hidden;
    color: #17365d;
    font-size: .75rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-sharing-action-copy small[b-hv8cmx3qi7] {
    overflow: hidden;
    color: #64748b;
    font-size: .64rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-sharing-action-item em[b-hv8cmx3qi7] {
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: .13rem .32rem;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: .58rem;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.form-sharing-field-visibility[b-hv8cmx3qi7] {
    padding-bottom: .7rem;
}

.form-sharing-list-view-settings[b-hv8cmx3qi7] {
    display: grid;
    gap: .65rem;
    border-top: 1px solid #e1edf9;
    padding-top: .9rem;
}

.form-sharing-list-view-grid[b-hv8cmx3qi7] {
    display: grid;
    gap: .6rem;
    min-width: 0;
    margin: 0;
    border: 1px solid #d7e5f5;
    border-left: 3px solid #f59e0b;
    border-radius: .5rem;
    padding: .75rem;
    background: #fffdf8;
}

.form-sharing-list-view-grid legend[b-hv8cmx3qi7] {
    padding: 0 .25rem;
    color: #17365d;
    font-size: .78rem;
    font-weight: 750;
}

.form-sharing-list-view-hint[b-hv8cmx3qi7] {
    margin: 0;
    color: #64748b;
    font-size: .72rem;
    line-height: 1.4;
}

.form-sharing-list-view-select-all[b-hv8cmx3qi7],
.form-sharing-list-view-field[b-hv8cmx3qi7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #17365d;
    cursor: pointer;
}

.form-sharing-list-view-select-all[b-hv8cmx3qi7] {
    width: fit-content;
    font-size: .75rem;
    font-weight: 750;
}

.form-sharing-list-view-field-list[b-hv8cmx3qi7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: .45rem .8rem;
}

.form-sharing-list-view-field[b-hv8cmx3qi7] {
    min-width: 0;
    overflow: hidden;
    font-size: .72rem;
    font-weight: 600;
}

.form-sharing-list-view-field span[b-hv8cmx3qi7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-sharing-list-view-select-all input[b-hv8cmx3qi7],
.form-sharing-list-view-field input[b-hv8cmx3qi7] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: #2563eb;
}

@media (max-width: 1100px) {
    .form-sharing-workspace[b-hv8cmx3qi7] {
        grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr);
    }
}

@media (max-width: 840px) {
    .form-sharing-workspace[b-hv8cmx3qi7] {
        grid-template-columns: 1fr;
    }

    .form-sharing-explorer[b-hv8cmx3qi7] {
        min-height: auto;
    }

    .form-sharing-forms-section[b-hv8cmx3qi7] {
        flex-basis: 14rem;
        height: 14rem;
    }
}

@media (max-width: 620px) {
    .form-sharing-heading[b-hv8cmx3qi7],
    .form-sharing-primary-setting[b-hv8cmx3qi7] {
        display: grid;
    }
}
/* /Components/BPMWorkspace/Pages/MobileLoginDesigner.razor.rz.scp.css */
.mobile-login-designer[b-5p5x20j27y] {
    display: grid;
    grid-template-columns: minmax(12.2rem, 14rem) minmax(0, 1fr);
    min-height: 48rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.9rem;
    overflow: hidden;
    background: #f8fbff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
    color: #172033;
}

.mobile-login-designer button[b-5p5x20j27y],
.mobile-login-designer input[b-5p5x20j27y],
.mobile-login-designer select[b-5p5x20j27y] {
    font: inherit;
}

.mobile-login-designer__sections[b-5p5x20j27y] {
    display: grid;
    align-content: start;
    border-right: 1px solid #dfe8f4;
    background: #fff;
}

.mobile-login-designer__sections-header[b-5p5x20j27y] {
    padding: 1rem 1.15rem;
    border-bottom: 1px solid #e5edf7;
    color: #0f172a;
    font-size: 0.78rem;
    text-transform: uppercase;
}

.mobile-login-designer__section-list[b-5p5x20j27y] {
    display: grid;
    gap: 0.35rem;
    padding: 0.75rem 0.65rem;
}

.mobile-login-designer__section[b-5p5x20j27y] {
    display: grid;
    grid-template-columns: 1.7rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    min-height: 3.3rem;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    padding: 0.45rem;
    background: transparent;
    color: #334155;
    text-align: left;
    cursor: pointer;
}

.mobile-login-designer__section:hover[b-5p5x20j27y] {
    background: #f3f8ff;
}

.mobile-login-designer__section.active[b-5p5x20j27y] {
    border-color: #2a6df5;
    background: linear-gradient(115deg, #edf5ff, #f8fbff);
    color: #075de8;
    box-shadow: 0 0.15rem 0.45rem rgba(37, 99, 235, 0.08);
}

.mobile-login-designer__section-icon[b-5p5x20j27y] {
    display: grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 0.4rem;
    background: #eff5ff;
    color: #1466f6;
    font-size: 0.9rem;
    font-weight: 700;
}

.mobile-login-designer__section span:last-child[b-5p5x20j27y] {
    display: grid;
    min-width: 0;
    gap: 0.13rem;
}

.mobile-login-designer__section strong[b-5p5x20j27y] {
    font-size: 0.74rem;
    font-weight: 600;
}

.mobile-login-designer__section small[b-5p5x20j27y] {
    overflow: hidden;
    color: #64748b;
    font-size: 0.62rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-login-designer__theme-preset[b-5p5x20j27y] {
    display: grid;
    gap: 0.55rem;
    align-self: end;
    margin: 1rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.6rem;
    padding: 0.75rem;
    background: #fbfdff;
}

.mobile-login-designer__theme-preset > span[b-5p5x20j27y],
.mobile-login-designer__properties-heading span[b-5p5x20j27y],
.mobile-login-designer__properties-group h4[b-5p5x20j27y] {
    color: #52677f;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.mobile-login-designer__theme-preset button[b-5p5x20j27y] {
    display: flex;
    justify-content: space-between;
    border: 0;
    padding: 0;
    background: transparent;
    color: #1e3a5f;
    font-size: 0.7rem;
    text-align: left;
    cursor: pointer;
}

.mobile-login-designer__theme-preset b[b-5p5x20j27y] { color: #55728f; }

.mobile-login-designer__swatches[b-5p5x20j27y] { display: flex; gap: 0.3rem; }
.mobile-login-designer__swatches i[b-5p5x20j27y] { width: 1.25rem; height: 1.25rem; border: 1px solid #dce5f1; border-radius: 0.17rem; }

.mobile-login-designer__workspace[b-5p5x20j27y] {
    display: grid;
    grid-template-columns: minmax(16rem, 23rem) minmax(30rem, 1fr) minmax(13.4rem, 16rem);
    min-width: 0;
    background: #fff;
}

.mobile-login-designer__editor[b-5p5x20j27y],
.mobile-login-designer__preview-area[b-5p5x20j27y],
.mobile-login-designer__properties[b-5p5x20j27y] {
    min-width: 0;
}

.mobile-login-designer__editor[b-5p5x20j27y] {
    border-right: 1px solid #e0e8f3;
    padding: 1.2rem 1rem;
}

.mobile-login-designer__editor-heading[b-5p5x20j27y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
}

.mobile-login-designer h2[b-5p5x20j27y],
.mobile-login-designer h3[b-5p5x20j27y],
.mobile-login-designer h4[b-5p5x20j27y],
.mobile-login-designer p[b-5p5x20j27y] { margin: 0; }
.mobile-login-designer__editor-heading h2[b-5p5x20j27y] { color: #12233f; font-size: 1rem; font-weight: 650; }
.mobile-login-designer__editor-heading p[b-5p5x20j27y] { margin-top: 0.25rem; color: #60718a; font-size: 0.71rem; line-height: 1.35; }

.mobile-login-designer__saved-chip[b-5p5x20j27y] {
    border: 1px solid #8fddc5;
    border-radius: 999px;
    padding: 0.22rem 0.5rem;
    background: #ebfaf4;
    color: #087a5c;
    font-size: 0.62rem;
    font-weight: 700;
}

.mobile-login-designer__form-section[b-5p5x20j27y] {
    display: grid;
    gap: 0.7rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e8eef6;
}

.mobile-login-designer__form-section h3[b-5p5x20j27y] { color: #263a55; font-size: 0.64rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.mobile-login-designer__form-help[b-5p5x20j27y] { color: #687b92; font-size: 0.67rem; line-height: 1.45; }

.mobile-login-designer__form-grid[b-5p5x20j27y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.mobile-login-designer__form-grid label[b-5p5x20j27y],
.mobile-login-designer__properties > label[b-5p5x20j27y],
.mobile-login-designer__properties-group label[b-5p5x20j27y] {
    display: grid;
    gap: 0.27rem;
}

.mobile-login-designer__form-grid span[b-5p5x20j27y],
.mobile-login-designer__field-label[b-5p5x20j27y],
.mobile-login-designer__properties label > span[b-5p5x20j27y] {
    color: #425671;
    font-size: 0.64rem;
    font-weight: 600;
}

.mobile-login-designer__form-grid b[b-5p5x20j27y] { color: #dc2626; }

.mobile-login-designer__form-grid input[b-5p5x20j27y],
.mobile-login-designer__form-grid select[b-5p5x20j27y],
.mobile-login-designer__properties input[b-5p5x20j27y],
.mobile-login-designer__properties select[b-5p5x20j27y] {
    width: 100%;
    min-height: 2rem;
    box-sizing: border-box;
    border: 1px solid #d8e2ef;
    border-radius: 0.38rem;
    padding: 0.35rem 0.48rem;
    background: #fff;
    color: #172033;
    font-size: 0.71rem;
}

.mobile-login-designer input[type="color"][b-5p5x20j27y] { padding: 0.16rem; }
.mobile-login-designer__span-two[b-5p5x20j27y] { grid-column: span 2; }

.mobile-login-designer__choice-row[b-5p5x20j27y] { display: grid; grid-template-columns: repeat(3, 1fr); }
.mobile-login-designer__choice-row button[b-5p5x20j27y] {
    min-height: 1.95rem;
    border: 1px solid #d8e2ef;
    border-right: 0;
    background: #fbfdff;
    color: #44546a;
    font-size: 0.62rem;
    cursor: pointer;
}
.mobile-login-designer__choice-row button:first-child[b-5p5x20j27y] { border-radius: 0.4rem 0 0 0.4rem; }
.mobile-login-designer__choice-row button:last-child[b-5p5x20j27y] { border-right: 1px solid #d8e2ef; border-radius: 0 0.4rem 0.4rem 0; }
.mobile-login-designer__choice-row button.active[b-5p5x20j27y] { border-color: #1268f8; background: #eff6ff; color: #075de8; font-weight: 700; }

.mobile-login-designer__upload-control[b-5p5x20j27y],
.mobile-login-designer__asset-help[b-5p5x20j27y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    border: 1px dashed #9ebfe9;
    border-radius: 0.45rem;
    padding: 0.5rem 0.6rem;
    background: #f7fbff;
    color: #46617d;
    font-size: 0.64rem;
}

.mobile-login-designer__upload-control > span[b-5p5x20j27y] { color: #174f8e; font-weight: 700; }
.mobile-login-designer__upload-control input[type="file"][b-5p5x20j27y] { max-width: 9.2rem; color: #52677f; font-size: 0.59rem; }
.mobile-login-designer__upload-control input[type="file"][b-5p5x20j27y]::file-selector-button { margin-right: 0.35rem; border: 1px solid #9ebfe9; border-radius: 0.28rem; padding: 0.28rem 0.38rem; background: #fff; color: #075de8; font-size: 0.58rem; cursor: pointer; }
.mobile-login-designer__asset-help span[b-5p5x20j27y] { line-height: 1.35; }
.mobile-login-designer__upload-message[b-5p5x20j27y] { border-radius: 0.35rem; padding: 0.45rem 0.55rem; font-size: 0.63rem; line-height: 1.35; }
.mobile-login-designer__upload-message.success[b-5p5x20j27y] { background: #ebfaf4; color: #087a5c; }
.mobile-login-designer__upload-message.error[b-5p5x20j27y] { background: #fff0f0; color: #b42318; }

.mobile-login-designer__logo-row[b-5p5x20j27y] { display: grid; grid-template-columns: 3.8rem minmax(0, 1fr) auto; align-items: center; gap: 0.55rem; }
.mobile-login-designer__logo-mark[b-5p5x20j27y],
.mobile-login-designer__preview-logo[b-5p5x20j27y] { display: grid; place-items: center; border-radius: 0.9rem; background: linear-gradient(145deg, #1776ff, #075be7); box-shadow: 0 0.4rem 0.85rem rgba(10, 100, 237, 0.2); }
.mobile-login-designer__logo-mark.image[b-5p5x20j27y],
.mobile-login-designer__preview-logo.image[b-5p5x20j27y] { background: #fff; }
.mobile-login-designer__logo-mark[b-5p5x20j27y] { width: 3.55rem; height: 3.55rem; }
.mobile-login-designer__logo-mark span[b-5p5x20j27y],
.mobile-login-designer__preview-logo span[b-5p5x20j27y] { width: 40%; height: 40%; border: 0.13rem solid #fff; box-shadow: inset 0 0 0 0.08rem rgba(255,255,255,.4); }
.mobile-login-designer__logo-mark img[b-5p5x20j27y],
.mobile-login-designer__preview-logo img[b-5p5x20j27y] { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: contain; }
.mobile-login-designer__logo-row > div:nth-child(2)[b-5p5x20j27y] { display: grid; gap: 0.22rem; }
.mobile-login-designer__logo-row strong[b-5p5x20j27y] { overflow: hidden; color: #425671; font-size: 0.65rem; text-overflow: ellipsis; white-space: nowrap; }
.mobile-login-designer__logo-row small[b-5p5x20j27y] { color: #718198; font-size: 0.58rem; }
.mobile-login-designer__text-button[b-5p5x20j27y] { border: 1px solid #d6e0ed; border-radius: 0.35rem; padding: 0.38rem 0.55rem; background: #fff; color: #254665; font-size: 0.62rem; cursor: pointer; }

.mobile-login-designer__compact-controls[b-5p5x20j27y] { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.mobile-login-designer__compact-controls label[b-5p5x20j27y] { display: grid; grid-template-columns: 5rem 1fr; align-items: center; gap: 0.45rem; color: #425671; font-size: 0.62rem; font-weight: 600; }
.mobile-login-designer__compact-controls input[b-5p5x20j27y] { accent-color: #0b63f6; }
.mobile-login-designer__compact-controls em[b-5p5x20j27y] { color: #425671; font-size: 0.62rem; font-style: normal; }

.mobile-login-designer__footer-mode[b-5p5x20j27y],
.mobile-login-designer__footer-text input[b-5p5x20j27y] { width: 100%; min-height: 2rem; box-sizing: border-box; border: 1px solid #d8e2ef; border-radius: 0.38rem; padding: 0.35rem 0.48rem; background: #fff; color: #172033; font-size: 0.71rem; }
.mobile-login-designer__footer-text[b-5p5x20j27y] { display: grid; gap: 0.27rem; color: #425671; font-size: 0.64rem; font-weight: 600; }
.mobile-login-designer__footer-logo-row[b-5p5x20j27y] { display: grid; grid-template-columns: 3.7rem minmax(0, 1fr) auto; align-items: center; gap: 0.55rem; min-width: 0; border: 1px solid #e1e9f3; border-radius: 0.45rem; padding: 0.45rem; background: #fff; }
.mobile-login-designer__footer-logo-row img[b-5p5x20j27y] { width: 3.7rem; height: 2.15rem; object-fit: contain; }
.mobile-login-designer__footer-logo-row div[b-5p5x20j27y] { display: grid; min-width: 0; gap: 0.16rem; }
.mobile-login-designer__footer-logo-row strong[b-5p5x20j27y] { overflow: hidden; color: #425671; font-size: 0.64rem; text-overflow: ellipsis; white-space: nowrap; }
.mobile-login-designer__footer-logo-row small[b-5p5x20j27y] { color: #718198; font-size: 0.58rem; }

.mobile-login-designer__switch-row[b-5p5x20j27y] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.7rem; border: 1px solid #e1e9f4; border-radius: 0.5rem; background: #fbfdff; }
.mobile-login-designer__switch-row > span[b-5p5x20j27y] { display: grid; gap: 0.18rem; }
.mobile-login-designer__switch-row strong[b-5p5x20j27y] { color: #30445f; font-size: 0.7rem; }
.mobile-login-designer__switch-row small[b-5p5x20j27y] { color: #718198; font-size: 0.61rem; }
.mobile-login-designer input[type="checkbox"][b-5p5x20j27y] { width: 2rem; height: 1.1rem; accent-color: #0b63f6; cursor: pointer; }
.mobile-login-designer__note[b-5p5x20j27y] { border-left: 0.18rem solid #0b63f6; padding: 0.65rem 0.75rem; background: #eff6ff; color: #53657d; font-size: 0.71rem; line-height: 1.5; }

.mobile-login-designer__preview-area[b-5p5x20j27y] { display: grid; align-content: start; gap: 0.85rem; padding: 0.8rem 0.95rem; background: #f9fbfe; }
.mobile-login-designer__template-heading[b-5p5x20j27y] { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5rem; }
.mobile-login-designer__template-heading h3[b-5p5x20j27y] { color: #172033; font-size: 0.76rem; }
.mobile-login-designer__template-heading span[b-5p5x20j27y] { color: #728197; font-size: 0.6rem; }

.mobile-login-designer__templates[b-5p5x20j27y] { display: grid; grid-template-columns: repeat(6, minmax(3.5rem, 1fr)); gap: 0.48rem; }
.mobile-login-designer__templates button[b-5p5x20j27y] { display: grid; gap: 0.25rem; border: 1px solid #dce5f0; border-radius: 0.38rem; padding: 0.25rem; background: #fff; color: #596a7e; font-size: 0.52rem; cursor: pointer; }
.mobile-login-designer__templates button.selected[b-5p5x20j27y] { border: 2px solid #0b63f6; padding: calc(0.25rem - 1px); color: #075de8; font-weight: 700; }
.mobile-login-designer__template-art[b-5p5x20j27y] { position: relative; display: block; min-height: 4.35rem; overflow: hidden; border-radius: 0.18rem; background: #f3f7fd; }
.mobile-login-designer__template-art[b-5p5x20j27y]::before { position: absolute; inset: 0.5rem 0.7rem 0.35rem; border: 1px solid #d6e0ee; border-radius: 0.15rem; background: #fff; content: ""; }
.mobile-login-designer__template-art i[b-5p5x20j27y] { position: absolute; z-index: 1; top: 0.85rem; left: calc(50% - 0.28rem); width: 0.56rem; height: 0.56rem; border-radius: 0.18rem; background: #1672fa; }
.mobile-login-designer__template-art b[b-5p5x20j27y] { position: absolute; z-index: 1; top: 1.7rem; left: 1.1rem; right: 1.1rem; height: 0.25rem; background: #c8d4e4; box-shadow: 0 0.55rem #d9e2ee, 0 1.1rem #d9e2ee; }
.mobile-login-designer__template-art.background[b-5p5x20j27y] { background: linear-gradient(140deg, #d9e8ff, #9bbdeb); }
.mobile-login-designer__template-art.split[b-5p5x20j27y]::before { left: 1.25rem; }
.mobile-login-designer__template-art.minimal[b-5p5x20j27y]::before { inset: 0.85rem 1rem; }

.mobile-login-designer__phone-stage[b-5p5x20j27y] { display: grid; place-items: center; min-height: 35.5rem; padding: 0.55rem; }
.mobile-login-designer__phone[b-5p5x20j27y] { display: grid; grid-template-rows: 1.8rem auto minmax(0, 1fr); width: min(100%, 24.5rem); height: 41rem; overflow: hidden; border: 0.58rem solid #111d2d; border-radius: 2rem; background: var(--login-designer-background); box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.16); }
.mobile-login-designer__phone-status[b-5p5x20j27y] { display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; background: #09274a; color: #fff; font-size: 0.58rem; }
.mobile-login-designer__phone-header[b-5p5x20j27y] { display: grid; grid-template-columns: 1rem minmax(0, 1fr) auto; align-items: center; gap: 0.75rem; min-height: 3.25rem; padding: 0 1rem; border-bottom: 1px solid #dce6f2; background: #fff; color: #0f223c; }
.mobile-login-designer__phone-header > span[b-5p5x20j27y] { color: #0b63f6; font-size: 1.15rem; }
.mobile-login-designer__phone-header div[b-5p5x20j27y] { display: grid; gap: 0.12rem; }
.mobile-login-designer__phone-header strong[b-5p5x20j27y] { font-size: 0.88rem; }
.mobile-login-designer__phone-header small[b-5p5x20j27y] { color: #62738b; font-size: 0.56rem; }
.mobile-login-designer__phone-header b[b-5p5x20j27y] { border-radius: 999px; padding: 0.2rem 0.43rem; background: #e9f3ff; color: #075de8; font-size: 0.5rem; }
.mobile-login-designer__phone-content[b-5p5x20j27y] { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 1.2rem 1.35rem 0.8rem; background: linear-gradient(140deg, var(--login-designer-background), #fff); text-align: center; }
.mobile-login-designer__phone-content.top[b-5p5x20j27y] { justify-content: flex-start; }
.mobile-login-designer__phone-content.center[b-5p5x20j27y] { justify-content: center; }
.mobile-login-designer__phone-content.bottom[b-5p5x20j27y] { justify-content: flex-end; }
.mobile-login-designer__preview-logo[b-5p5x20j27y] { width: 4.2rem; height: 4.2rem; margin-top: 0.15rem; }
.mobile-login-designer__phone-content > h3[b-5p5x20j27y] { color: #102c5b; font-size: 1.12rem; }
.mobile-login-designer__phone-content > p[b-5p5x20j27y] { margin-top: -0.35rem; color: #61728b; font-size: 0.7rem; }
.mobile-login-designer__sign-in-card[b-5p5x20j27y] { display: grid; width: 100%; gap: 0.5rem; box-sizing: border-box; margin-top: 0.5rem; border: 1px solid #dbe5f1; border-radius: var(--login-designer-radius); padding: 0.9rem; background: rgba(255,255,255,.93); text-align: left; box-shadow: 0 0.45rem 1rem rgba(25, 55, 95, 0.1); }
.mobile-login-designer__sign-in-card.flat[b-5p5x20j27y] { border-color: transparent; background: transparent; box-shadow: none; }
.mobile-login-designer__sign-in-card > strong[b-5p5x20j27y] { color: #142c4f; font-size: 0.7rem; }
.mobile-login-designer__sign-in-card label[b-5p5x20j27y] { display: grid; gap: 0.18rem; color: #53667f; font-size: 0.56rem; }
.mobile-login-designer__sign-in-card input[b-5p5x20j27y],
.mobile-login-designer__sign-in-card select[b-5p5x20j27y] { width: 100%; min-height: 1.88rem; box-sizing: border-box; border: 1px solid #d9e3ef; border-radius: 0.34rem; padding: 0.35rem 0.45rem; background: #fff; color: #36485f; font-size: 0.63rem; }
.mobile-login-designer__preview-remember[b-5p5x20j27y] { display: flex; justify-content: space-between; color: #65758b; font-size: 0.57rem; }
.mobile-login-designer__preview-remember b[b-5p5x20j27y] { border-radius: 999px; padding: 0.1rem 0.45rem; background: #d9f6e9; color: #07835d; }
.mobile-login-designer__sign-in-card button[b-5p5x20j27y] { min-height: 2.35rem; border: 0; border-radius: 0.38rem; background: linear-gradient(120deg, var(--login-designer-accent), #1a7bf5); color: #fff; font-size: 0.68rem; font-weight: 700; cursor: pointer; }
.mobile-login-designer__sign-in-card a[b-5p5x20j27y] { color: #075de8; font-size: 0.62rem; text-align: center; text-decoration: none; }
.mobile-login-designer__preview-footer[b-5p5x20j27y] { display: grid; place-items: center; gap: 0.12rem; max-width: 100%; margin-top: 0.25rem; }
.mobile-login-designer__preview-footer-text[b-5p5x20j27y] { max-width: 100%; color: #6b7a90; font-size: 0.57rem; line-height: 1.55; overflow-wrap: anywhere; }
.mobile-login-designer__preview-footer-logo[b-5p5x20j27y] { display: grid; place-items: center; width: min(100%, 10rem); min-height: 2rem; }
.mobile-login-designer__preview-footer-logo img[b-5p5x20j27y] { display: block; width: 100%; max-height: 2.8rem; object-fit: contain; }
.mobile-login-designer__preview-footer small[b-5p5x20j27y] { color: #6b7a90; font-size: 0.53rem; }

.mobile-login-designer__device-toolbar[b-5p5x20j27y] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: 0.45rem; border: 1px solid #dce5f0; border-radius: 0.48rem; padding: 0.35rem 0.5rem; background: #fff; }
.mobile-login-designer__device-toolbar label[b-5p5x20j27y] { display: grid; grid-template-columns: 3rem minmax(0, 1fr); align-items: center; gap: 0.25rem; color: #44566e; font-size: 0.6rem; }
.mobile-login-designer__device-toolbar select[b-5p5x20j27y] { min-width: 0; border: 1px solid #e0e7f1; border-radius: 0.3rem; padding: 0.33rem; color: #44566e; font-size: 0.59rem; }
.mobile-login-designer__device-toolbar button[b-5p5x20j27y] { width: 1.85rem; height: 1.85rem; border: 1px solid #e0e7f1; border-radius: 0.35rem; background: #fff; color: #41536d; cursor: pointer; }

.mobile-login-designer__properties[b-5p5x20j27y] { border-left: 1px solid #e0e8f3; padding: 1rem 0.8rem; background: #fff; }
.mobile-login-designer__properties-heading[b-5p5x20j27y] { display: grid; gap: 0.35rem; padding-bottom: 0.7rem; border-bottom: 1px solid #e5edf7; }
.mobile-login-designer__properties-heading h3[b-5p5x20j27y] { color: #20334e; font-size: 0.7rem; text-transform: uppercase; }
.mobile-login-designer__properties > label[b-5p5x20j27y],
.mobile-login-designer__properties-group[b-5p5x20j27y] { margin-top: 0.7rem; }
.mobile-login-designer__properties-group[b-5p5x20j27y] { display: grid; gap: 0.55rem; border-top: 1px solid #e5edf7; padding-top: 0.7rem; }
.mobile-login-designer__property-switch[b-5p5x20j27y] { display: flex !important; align-items: center; justify-content: space-between; }

@media (max-width: 1500px) {
    .mobile-login-designer__workspace[b-5p5x20j27y] { grid-template-columns: minmax(15rem, 19rem) minmax(25rem, 1fr); }
    .mobile-login-designer__properties[b-5p5x20j27y] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.6rem; border-top: 1px solid #e0e8f3; border-left: 0; }
    .mobile-login-designer__properties-heading[b-5p5x20j27y] { grid-column: 1 / -1; }
    .mobile-login-designer__properties-group[b-5p5x20j27y] { margin-top: 0; }
}

@media (max-width: 1120px) {
    .mobile-login-designer[b-5p5x20j27y] { grid-template-columns: 1fr; }
    .mobile-login-designer__sections[b-5p5x20j27y] { border-right: 0; border-bottom: 1px solid #dfe8f4; }
    .mobile-login-designer__section-list[b-5p5x20j27y] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mobile-login-designer__theme-preset[b-5p5x20j27y] { display: none; }
    .mobile-login-designer__workspace[b-5p5x20j27y] { grid-template-columns: minmax(16rem, 20rem) minmax(25rem, 1fr); }
}

@media (max-width: 760px) {
    .mobile-login-designer__workspace[b-5p5x20j27y] { grid-template-columns: 1fr; }
    .mobile-login-designer__editor[b-5p5x20j27y] { border-right: 0; border-bottom: 1px solid #e0e8f3; }
    .mobile-login-designer__properties[b-5p5x20j27y] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mobile-login-designer__phone[b-5p5x20j27y] { width: min(100%, 21rem); height: 36rem; }
    .mobile-login-designer__templates[b-5p5x20j27y] { grid-template-columns: repeat(3, minmax(3.5rem, 1fr)); }
}

@media (max-width: 480px) {
    .mobile-login-designer__section-list[b-5p5x20j27y],
    .mobile-login-designer__form-grid[b-5p5x20j27y],
    .mobile-login-designer__properties[b-5p5x20j27y] { grid-template-columns: 1fr; }
    .mobile-login-designer__span-two[b-5p5x20j27y] { grid-column: auto; }
}
/* /Components/BPMWorkspace/Pages/MobilePublishRelease.razor.rz.scp.css */
.mobile-release-issues[b-ykj0myzucp] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-release-issues li[b-ykj0myzucp] {
    display: grid;
    gap: 0.15rem;
    border-left: 3px solid #dc2626;
    padding: 0.65rem 0.75rem;
    background: #fef2f2;
    color: #7f1d1d;
}

.mobile-release-issues li.warning[b-ykj0myzucp] {
    border-left-color: #d97706;
    background: #fffbeb;
    color: #78350f;
}

.mobile-reader[b-ykj0myzucp] { display: flex; align-items: center; gap: .75rem; padding: .75rem 0; cursor: pointer; }
.mobile-reader input[b-ykj0myzucp] { width: 1.15rem; height: 1.15rem; flex-shrink: 0; }
.mobile-reader small[b-ykj0myzucp] { color: #52647d; }
/* /Components/BPMWorkspace/Pages/MobileRfidSetup.razor.rz.scp.css */
label[b-32y75dus2h]{display:block;margin:1.2rem 0;font-weight:600}label small[b-32y75dus2h]{display:block;font-weight:400;color:#64748b}select[b-32y75dus2h]{display:block;width:100%;padding:.75rem;margin-top:.4rem;border:1px solid #cbd5e1;border-radius:.5rem;background:white;color:#17365d}table[b-32y75dus2h]{width:100%;border-collapse:collapse}td[b-32y75dus2h],th[b-32y75dus2h]{text-align:left;padding:.8rem;border-bottom:1px solid #e2e8f0}.wizard-progress[b-32y75dus2h]{display:flex;flex-wrap:wrap;gap:.7rem}.wizard-progress span[b-32y75dus2h]{padding:.5rem;border-radius:.5rem;background:#f1f5f9}.wizard-progress .current[b-32y75dus2h]{background:#dbeafe;color:#1d4ed8;font-weight:bold}.wizard-errors[b-32y75dus2h]{padding:1rem;background:#fff1f2;border:1px solid #fda4af;border-radius:.5rem}input[type=checkbox][b-32y75dus2h]{margin-right:.5rem}
/* /Components/BPMWorkspace/Pages/MobileSettingsSidebar.razor.rz.scp.css */
.mobile-settings-sidebar[b-0v7mookob1] {
    position: sticky;
    top: 1rem;
    border: 1px solid var(--mobile-azure-border, #dbe6f5);
    border-radius: 0.9rem;
    overflow: hidden;
    background: var(--mobile-azure-surface, #ffffff);
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.mobile-settings-sidebar h2[b-0v7mookob1] {
    margin: 0;
    padding: 0.85rem 0.9rem;
    border-bottom: 1px solid var(--mobile-azure-border, #dbe6f5);
    color: var(--mobile-azure-heading, #17365d);
    font-size: 1rem;
    font-weight: 500;
}

.mobile-settings-sidebar-links[b-0v7mookob1] {
    display: grid;
    gap: 0.2rem;
    padding: 0.55rem;
}

.mobile-settings-sidebar-item[b-0v7mookob1] {
    display: grid;
    grid-template-columns: 1.8rem minmax(0, 1fr) 1rem;
    align-items: center;
    gap: 0.55rem;
    min-height: 3.7rem;
    border: 1px solid transparent;
    border-radius: 0.65rem;
    padding: 0.5rem;
    color: #334155;
    text-decoration: none;
    transition: transform 120ms ease, border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.mobile-settings-sidebar-item:hover[b-0v7mookob1] {
    transform: translateY(-1px);
    border-color: #9ec5f8;
    background: #f6faff;
    box-shadow: 0 0.2rem 0.55rem rgba(15, 23, 42, 0.06);
}

.mobile-settings-sidebar-item:active[b-0v7mookob1] {
    transform: translateY(1px) scale(0.99);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.14);
    transition-duration: 35ms;
}

.mobile-settings-sidebar-item:focus-visible[b-0v7mookob1] {
    outline: 2px solid #bfdbfe;
    outline-offset: 2px;
}

.mobile-settings-sidebar-item.active[b-0v7mookob1] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #17365d;
}

.mobile-settings-sidebar-icon[b-0v7mookob1] {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.5rem;
    background: #eff6ff;
    color: var(--mobile-azure-primary, #2563eb);
}

.mobile-settings-sidebar-item.active .mobile-settings-sidebar-icon[b-0v7mookob1] {
    background: #dbeafe;
}

.mobile-settings-sidebar-copy[b-0v7mookob1] {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.mobile-settings-sidebar-copy strong[b-0v7mookob1] {
    color: inherit;
    font-size: 0.78rem;
    font-weight: 500;
}

.mobile-settings-sidebar-copy small[b-0v7mookob1] {
    color: var(--mobile-azure-muted, #64748b);
    font-size: 0.67rem;
    line-height: 1.25;
}

.mobile-settings-sidebar-chevron[b-0v7mookob1] {
    color: #94a3b8;
}

@media (max-width: 900px) {
    .mobile-settings-sidebar[b-0v7mookob1] {
        position: static;
    }

    .mobile-settings-sidebar-links[b-0v7mookob1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .mobile-settings-sidebar-links[b-0v7mookob1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/BPMWorkspace/Pages/MobileWorkspace.razor.rz.scp.css */
.mobile-workspace-shell[b-f7wbpvok3i] {
    min-height: 100vh;
    padding: 0.7rem;
    background: var(--mobile-azure-page, #eef4fb);
    color: #172033;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.mobile-workspace-header[b-f7wbpvok3i],
.mobile-card[b-f7wbpvok3i],
.mobile-empty-state[b-f7wbpvok3i],
.mobile-status-grid article[b-f7wbpvok3i],
.mobile-message[b-f7wbpvok3i] {
    border: 1px solid var(--mobile-azure-border, #dbe6f5);
    border-radius: 0.9rem;
    background: var(--mobile-azure-surface, #ffffff);
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.mobile-workspace-header[b-f7wbpvok3i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-top: 3px solid var(--mobile-azure-primary, #2563eb);
    background: linear-gradient(180deg, #ffffff 0%, #fafdff 100%);
}

.mobile-workspace-header h1[b-f7wbpvok3i],
.mobile-empty-state h1[b-f7wbpvok3i] {
    margin: 0;
    color: var(--mobile-azure-heading, #17365d);
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.015em;
}

.mobile-card h2[b-f7wbpvok3i] {
    margin: 0;
    color: var(--mobile-azure-heading, #17365d);
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1.25;
}

.mobile-workspace-header p[b-f7wbpvok3i],
.mobile-card p[b-f7wbpvok3i],
.mobile-empty-state p[b-f7wbpvok3i] {
    margin: 0.3rem 0 0;
    color: var(--mobile-azure-muted, #64748b);
    font-size: 0.84rem;
    font-weight: 400;
    line-height: 1.55;
}

.mobile-eyebrow[b-f7wbpvok3i] {
    margin: 0 0 0.25rem !important;
    color: var(--mobile-azure-label, #0078d4) !important;
    font-size: 0.66rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.mobile-header-actions[b-f7wbpvok3i],
.mobile-publish-actions[b-f7wbpvok3i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.mobile-status-grid[b-f7wbpvok3i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.55rem;
    margin: 0.55rem 0;
}

.mobile-status-grid article[b-f7wbpvok3i] {
    display: grid;
    gap: 0.2rem;
    padding: 0.6rem 0.7rem;
    border-color: #e7eef8;
    border-radius: 0.65rem;
    background: #fbfdff;
}

.mobile-status-grid span[b-f7wbpvok3i],
.mobile-page-row small[b-f7wbpvok3i] {
    color: var(--mobile-azure-label, #0078d4);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.mobile-status-grid strong[b-f7wbpvok3i] {
    color: #172033;
    font-size: 0.88rem;
    font-weight: 500;
}

.mobile-workspace-layout[b-f7wbpvok3i] {
    display: grid;
    min-width: 0;
    gap: 0.65rem;
}

.mobile-settings-content[b-f7wbpvok3i] {
    display: grid;
    grid-template-columns: minmax(13.5rem, 16rem) minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
}

#mobile-runtime[b-f7wbpvok3i],
#mobile-capabilities[b-f7wbpvok3i],
#mobile-offline-sync[b-f7wbpvok3i],
#mobile-publishing[b-f7wbpvok3i],
#mobile-device-deployment[b-f7wbpvok3i] {
    scroll-margin-top: 1rem;
}

.mobile-card[b-f7wbpvok3i] {
    padding: 1rem;
    border-top: 3px solid var(--mobile-azure-primary, #2563eb);
}

.mobile-card-heading[b-f7wbpvok3i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.mobile-config-heading[b-f7wbpvok3i] {
    margin-bottom: 0.75rem;
}

.mobile-form-grid[b-f7wbpvok3i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.mobile-form-grid label[b-f7wbpvok3i],
.mobile-page-row label[b-f7wbpvok3i] {
    display: grid;
    gap: 0.3rem;
    color: var(--mobile-azure-label, #0078d4);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.mobile-form-grid input[b-f7wbpvok3i],
.mobile-form-grid select[b-f7wbpvok3i],
.mobile-page-row input[b-f7wbpvok3i] {
    width: 100%;
    min-height: 2.25rem;
    box-sizing: border-box;
    border: 1px solid #d7e1ef;
    border-radius: 0.45rem;
    padding: 0.5rem 0.55rem;
    background: #ffffff;
    color: #172033;
    font-size: 0.84rem;
    font-weight: 400;
}

.mobile-toggle[b-f7wbpvok3i] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
}

.mobile-toggle input[b-f7wbpvok3i] {
    width: auto;
    min-height: auto;
}

.mobile-page-list[b-f7wbpvok3i] {
    display: grid;
    gap: 0.55rem;
}

.mobile-config-list[b-f7wbpvok3i] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.mobile-config-row[b-f7wbpvok3i] {
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) minmax(10rem, 1fr) minmax(7rem, 0.7fr) auto auto;
    gap: 0.7rem;
    align-items: end;
    padding: 0.7rem;
    border: 1px solid #e7eef8;
    border-radius: 0.75rem;
    background: #fbfdff;
}

.mobile-config-row label[b-f7wbpvok3i] {
    display: grid;
    gap: 0.3rem;
    color: var(--mobile-azure-label, #0078d4);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.mobile-config-row input[b-f7wbpvok3i],
.mobile-config-row select[b-f7wbpvok3i] {
    width: 100%;
    min-height: 2.25rem;
    box-sizing: border-box;
    border: 1px solid #d7e1ef;
    border-radius: 0.45rem;
    padding: 0.5rem 0.55rem;
    background: #ffffff;
    color: #172033;
    font-size: 0.84rem;
    font-weight: 400;
}

.mobile-config-row .mobile-toggle[b-f7wbpvok3i] {
    min-height: 2.35rem;
}

.mobile-config-row .mobile-toggle input[b-f7wbpvok3i] {
    width: auto;
    min-height: auto;
}

.mobile-dataset-row[b-f7wbpvok3i] {
    grid-template-columns: minmax(9rem, 1fr) minmax(12rem, 1.5fr) auto auto;
}

.mobile-device-list[b-f7wbpvok3i] {
    display: grid;
    gap: 0.55rem;
}

.mobile-device-row[b-f7wbpvok3i] {
    display: grid;
    grid-template-columns: minmax(14rem, 2fr) repeat(5, minmax(8rem, 1fr));
    gap: 0.8rem;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid #e0ebf6;
    border-radius: 0.65rem;
    background: #fafdff;
}

.mobile-device-row > div[b-f7wbpvok3i] {
    display: grid;
    gap: 0.2rem;
}

.mobile-device-row span[b-f7wbpvok3i],
.mobile-device-row small[b-f7wbpvok3i] {
    color: #64748b;
    font-size: 0.76rem;
}

.mobile-page-row[b-f7wbpvok3i] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem;
    border: 1px solid #e0ebf6;
    border-radius: 0.65rem;
    background: #fafdff;
}

.mobile-page-state[b-f7wbpvok3i] {
    border: 1px solid #cfe4f8;
    border-radius: 999px;
    padding: 0.28rem 0.5rem;
    color: #075da8;
    background: #eff8ff;
    font-size: 0.68rem;
    font-weight: 700;
}

.mobile-two-column-card[b-f7wbpvok3i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.4rem;
}

.mobile-two-column-card > div + div[b-f7wbpvok3i] {
    border-left: 1px solid #dce8f5;
    padding-left: 1.4rem;
}

.full-width[b-f7wbpvok3i] {
    grid-column: 1 / -1;
}

.mobile-inline-note[b-f7wbpvok3i] {
    font-size: 0.8rem;
}

.mobile-publish-card[b-f7wbpvok3i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: linear-gradient(135deg, #f8fbff, #edf6ff);
}

.mobile-message[b-f7wbpvok3i] {
    margin: 0.65rem 0;
    padding: 0.85rem 1rem;
    color: #475569;
    font-size: 0.84rem;
    font-weight: 400;
}

.mobile-success-message[b-f7wbpvok3i] {
    color: #18794e !important;
    font-weight: 500;
}

.mobile-validation-list[b-f7wbpvok3i] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-validation-list li[b-f7wbpvok3i] {
    display: grid;
    gap: 0.15rem;
    padding: 0.65rem 0.75rem;
    border-left: 3px solid #dc2626;
    background: #fef2f2;
    color: #7f1d1d;
}

.mobile-validation-list li.warning[b-f7wbpvok3i] {
    border-left-color: #d97706;
    background: #fffbeb;
    color: #78350f;
}

.mobile-empty-state[b-f7wbpvok3i] {
    max-width: 36rem;
    margin: 4rem auto;
    padding: 1.5rem;
    text-align: center;
}

@media (max-width: 900px) {
    .mobile-settings-content[b-f7wbpvok3i] {
        grid-template-columns: 1fr;
    }

    .mobile-status-grid[b-f7wbpvok3i],
    .mobile-form-grid[b-f7wbpvok3i],
    .mobile-two-column-card[b-f7wbpvok3i] {
        grid-template-columns: 1fr 1fr;
    }

    .mobile-page-row[b-f7wbpvok3i] {
        grid-template-columns: auto 1fr;
    }

    .mobile-device-row[b-f7wbpvok3i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-config-row[b-f7wbpvok3i],
    .mobile-dataset-row[b-f7wbpvok3i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-two-column-card > div + div[b-f7wbpvok3i] {
        border-top: 1px solid #dce8f5;
        border-left: 0;
        padding-top: 1rem;
        padding-left: 0;
    }
}

@media (max-width: 620px) {
    .mobile-workspace-header[b-f7wbpvok3i],
    .mobile-publish-card[b-f7wbpvok3i] {
        display: grid;
    }

    .mobile-status-grid[b-f7wbpvok3i],
    .mobile-form-grid[b-f7wbpvok3i],
    .mobile-two-column-card[b-f7wbpvok3i],
    .mobile-device-row[b-f7wbpvok3i],
    .mobile-config-row[b-f7wbpvok3i],
    .mobile-dataset-row[b-f7wbpvok3i] {
        grid-template-columns: 1fr;
    }
}
/* /Components/BPMWorkspace/Pages/NavigationLayoutDesigner.razor.rz.scp.css */
.nav-designer-shell[b-awytq4cns0] {
    min-height: 100vh;
    background: var(--designer-shell-bg, #f5f7fb);
    color: var(--designer-text, #111827);
    font-family: var(--designer-font-family, Inter, "Segoe UI", Arial, sans-serif);
}

.loading-shell[b-awytq4cns0] {
    display: grid;
    place-items: center;
}

.designer-loading[b-awytq4cns0] {
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    padding: 1.2rem;
    color: #475569;
}

    .designer-loading svg[b-awytq4cns0] {
        width: 2rem;
        height: 2rem;
        color: var(--designer-theme);
    }

    .designer-loading strong[b-awytq4cns0] {
        color: #111827;
        font-size: 1rem;
    }

button[b-awytq4cns0] {
    font: inherit;
}

    button:disabled[b-awytq4cns0],
    select:disabled[b-awytq4cns0] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.workspace-icon[b-awytq4cns0] {
    width: 1.05rem;
    height: 1.05rem;
}

/* Top bar */

.designer-topbar[b-awytq4cns0] {
    position: sticky;
    top: 0.65rem;
    z-index: 40;
    min-height: 4.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.5rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--designer-surface, #ffffff) 98%, #ffffff) 0%, color-mix(in srgb, var(--designer-shell-bg, #f5f7fb) 94%, #ffffff) 100%);
    border-bottom: 1px solid var(--designer-border, #e5e7eb);
    box-shadow: 0 0.35rem 1.25rem rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(10px);
}

.brand-area[b-awytq4cns0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.brand-mark[b-awytq4cns0] {
    width: 2.4rem;
    height: 2.4rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 0.8rem;
    background: color-mix(in srgb, var(--designer-theme) 12%, white);
    color: var(--designer-theme);
}

    .brand-mark svg[b-awytq4cns0] {
        width: 1.4rem;
        height: 1.4rem;
    }

.breadcrumbs[b-awytq4cns0] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--designer-muted, #64748b);
    font-size: 0.78rem;
    font-weight: 500;
}

.designer-topbar h1[b-awytq4cns0] {
    margin: 0.1rem 0 0;
    font-size: 1.35rem;
    font-weight: 600;
}

.designer-topbar p[b-awytq4cns0] {
    margin: 0.15rem 0 0;
    color: var(--designer-muted, #64748b);
    font-size: 0.84rem;
}

.topbar-actions[b-awytq4cns0] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-left: auto;
    padding: 0.85rem 0.95rem 0.7rem;
    border: 1px solid #c7d8ee;
    border-radius: 1rem;
    background:
        radial-gradient(circle at top center, rgba(96, 165, 250, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 250, 255, 0.97) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 18px 36px rgba(15, 23, 42, 0.14),
        0 6px 16px rgba(21, 94, 232, 0.10);
    overflow: visible;
    position: relative;
}

.topbar-actions[b-awytq4cns0]::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(191, 219, 254, 0.75));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.project-switcher[b-awytq4cns0] {
    position: relative;
    display: block;
    min-width: 13.5rem;
}

    .project-switcher span[b-awytq4cns0] {
        position: absolute;
        left: 0;
        right: 0;
        top: -0.95rem;
        color: #64748b;
        font-size: 0.66rem;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
    }

    .project-switcher select[b-awytq4cns0] {
        width: 100%;
        min-height: 2.35rem;
        border: 1px solid #e5e7eb;
        border-radius: 0.55rem;
        background: #ffffff;
        color: #111827;
        font-weight: 500;
        padding: 0 0.65rem;
        box-shadow: 0 0.2rem 0.8rem rgba(15, 23, 42, 0.05);
    }

.designer-status-card[b-awytq4cns0],
.designer-version-select[b-awytq4cns0] {
    position: relative;
    display: block;
    min-width: 9.5rem;
}

.save-feedback-toast[b-awytq4cns0] {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    width: min(360px, calc(100vw - 2rem));
    display: flex;
    align-items: center;
    gap: 0.95rem;
    padding: 1rem 1.05rem;
    border-radius: 20px;
    border: 1px solid rgba(191, 219, 254, 0.85);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
    box-shadow: 0 22px 54px rgba(37, 99, 235, 0.18);
    z-index: 121;
    animation: dialog-pop-in 220ms ease-out;
    pointer-events: none;
}

.save-feedback-icon[b-awytq4cns0] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
    background: rgba(219, 234, 254, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    flex: 0 0 auto;
}

.save-feedback-icon.success[b-awytq4cns0] {
    color: #047857;
    background: rgba(209, 250, 229, 0.95);
}

.save-feedback-icon.warning[b-awytq4cns0] {
    color: #b45309;
    background: rgba(254, 243, 199, 0.95);
}

.save-feedback-icon.danger[b-awytq4cns0] {
    color: #b91c1c;
    background: rgba(254, 226, 226, 0.95);
}

.save-feedback-copy[b-awytq4cns0] {
    display: grid;
    gap: 0.2rem;
}

.save-feedback-copy strong[b-awytq4cns0] {
    color: #0f172a;
    font-size: 1rem;
    letter-spacing: 0.01em;
}

.save-feedback-copy p[b-awytq4cns0] {
    margin: 0;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.45;
}

.publish-confirm-backdrop[b-awytq4cns0] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.28);
    z-index: 120;
}

.publish-confirm-dialog[b-awytq4cns0] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(460px, calc(100vw - 2rem));
    padding: 1.25rem;
    border-radius: 22px;
    border: 1px solid rgba(191, 219, 254, 0.85);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 250, 255, 0.97) 100%);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
    z-index: 121;
    animation: dialog-pop-in 220ms ease-out;
}

.publish-processing-dialog[b-awytq4cns0] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(100%, 24rem);
    display: grid;
    justify-items: center;
    gap: 0.8rem;
    padding: 1.35rem 1.4rem;
    border: 1px solid #d9e4f2;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1.2rem 2.2rem rgba(15, 23, 42, 0.16);
    text-align: center;
    z-index: 121;
}

.publish-confirm-eyebrow[b-awytq4cns0] {
    margin: 0 0 0.35rem;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.publish-confirm-dialog h3[b-awytq4cns0] {
    margin: 0;
    color: #0f172a;
    font-size: 1.2rem;
}

.publish-confirm-copy[b-awytq4cns0] {
    margin: 0.75rem 0 0;
    color: #475569;
    line-height: 1.5;
}

.publish-confirm-actions[b-awytq4cns0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
}

.publish-processing-spinner[b-awytq4cns0] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 3px solid #d9e4f2;
    border-top-color: #2f6ff2;
    animation: workspace-save-processing-spin-b-awytq4cns0 0.8s linear infinite;
}

.publish-processing-progress[b-awytq4cns0] {
    width: 100%;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e4edf8;
}

.publish-processing-progress span[b-awytq4cns0] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2f6ff2 0%, #6ea8ff 100%);
    animation: workspace-save-processing-progress-slide-b-awytq4cns0 1.2s ease-in-out infinite;
}

@keyframes workspace-save-processing-spin-b-awytq4cns0 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes workspace-save-processing-progress-slide-b-awytq4cns0 {
    0% {
        transform: translateX(-110%);
    }
    50% {
        transform: translateX(80%);
    }
    100% {
        transform: translateX(260%);
    }
}

    .designer-status-card span[b-awytq4cns0],
    .designer-version-select span[b-awytq4cns0] {
        position: absolute;
        left: 0;
        right: 0;
        top: -0.95rem;
        color: #64748b;
        font-size: 0.66rem;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
    }

    .designer-status-card strong[b-awytq4cns0],
    .designer-version-select select[b-awytq4cns0] {
        width: 100%;
        min-height: 2.35rem;
        display: inline-flex;
        align-items: center;
        border: 1px solid #e5e7eb;
        border-radius: 0.55rem;
        background: #ffffff;
        color: #111827;
        font-weight: 600;
        padding: 0 0.65rem;
        box-shadow: 0 0.2rem 0.8rem rgba(15, 23, 42, 0.05);
    }

/* Buttons */

.icon-button[b-awytq4cns0],
.secondary-button[b-awytq4cns0],
.primary-button[b-awytq4cns0],
.danger-button[b-awytq4cns0] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid #cfdced;
    border-radius: 0.62rem;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow: 0 2px 0 #c5d4e8, 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.icon-button[b-awytq4cns0] {
    width: 2.35rem;
}

.topbar-actions > .icon-button[b-awytq4cns0],
.topbar-actions > .secondary-button[b-awytq4cns0],
.topbar-actions > .primary-button[b-awytq4cns0] {
    height: 2.35rem;
}

    .icon-button.muted[b-awytq4cns0] {
        color: #9ca3af;
    }

.secondary-button[b-awytq4cns0] {
    padding: 0 0.95rem;
}

.secondary-button.is-saving[b-awytq4cns0] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    opacity: 0.92;
}

.primary-button[b-awytq4cns0] {
    padding: 0 1.1rem;
    border-color: #1e61db;
    background: linear-gradient(180deg, #2f83ff 0%, #1463df 100%);
    color: #ffffff;
    box-shadow: 0 2px 0 #0f4db0, 0 12px 20px rgba(20, 99, 223, 0.3);
}

.workspace-return-button[b-awytq4cns0] {
    border-color: color-mix(in srgb, var(--designer-theme) 32%, #e5e7eb);
    color: var(--designer-theme);
}

.danger-button[b-awytq4cns0] {
    padding: 0 0.85rem;
    border-color: #fecaca;
    background: #fff7f7;
    color: #dc2626;
}

.toolbar-save-spinner[b-awytq4cns0] {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 999px;
    border: 2px solid rgba(37, 99, 235, 0.18);
    border-top-color: #2563eb;
    animation: save-feedback-spin-b-awytq4cns0 0.9s linear infinite;
}

@keyframes save-feedback-spin-b-awytq4cns0 {
    to {
        transform: rotate(360deg);
    }
}

.compact[b-awytq4cns0] {
    min-height: 2rem;
    padding: 0 0.7rem;
    font-size: 0.78rem;
}

.icon-button:hover:not(:disabled)[b-awytq4cns0],
.secondary-button:hover:not(:disabled)[b-awytq4cns0],
.danger-button:hover:not(:disabled)[b-awytq4cns0] {
    border-color: #8eb6ef;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%);
    box-shadow: 0 2px 0 #b8cce6, 0 10px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.primary-button:hover:not(:disabled)[b-awytq4cns0] {
    border-color: #1858c7;
    background: linear-gradient(180deg, #4690ff 0%, #1a6ae8 100%);
    box-shadow: 0 2px 0 #0e4aa6, 0 14px 22px rgba(20, 99, 223, 0.35);
    transform: translateY(-1px);
}

.icon-button:active:not(:disabled)[b-awytq4cns0],
.secondary-button:active:not(:disabled)[b-awytq4cns0],
.primary-button:active:not(:disabled)[b-awytq4cns0],
.danger-button:active:not(:disabled)[b-awytq4cns0] {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #c5d4e8, 0 3px 8px rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ecf4ff 0%, #dfeeff 100%);
}

.primary-button:active:not(:disabled)[b-awytq4cns0] {
    box-shadow: 0 1px 0 #0f4db0, 0 4px 10px rgba(20, 99, 223, 0.28);
}

.icon-button:focus-visible[b-awytq4cns0],
.secondary-button:focus-visible[b-awytq4cns0],
.primary-button:focus-visible[b-awytq4cns0],
.danger-button:focus-visible[b-awytq4cns0] {
    outline: 3px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

/* Layout */

.designer-grid[b-awytq4cns0] {
    display: grid;
    grid-template-columns: 18.5rem minmax(0, 1fr) 19.5rem;
    gap: 1rem;
    padding: 1rem;
}

.designer-panel[b-awytq4cns0],
.canvas-panel[b-awytq4cns0] {
    min-height: calc(100vh - 6.75rem);
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.7rem rgba(15, 23, 42, 0.06);
}

.designer-panel[b-awytq4cns0] {
    padding: 0.9rem;
}

.canvas-panel[b-awytq4cns0] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    padding: 0.9rem;
}

.panel-section + .panel-section[b-awytq4cns0] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #eef2f7;
}

.panel-heading[b-awytq4cns0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

    .panel-heading h2[b-awytq4cns0] {
        margin: 0;
        font-size: 0.96rem;
        font-weight: 600;
    }

    .panel-heading p[b-awytq4cns0] {
        margin: 0.2rem 0 0;
        color: #64748b;
        font-size: 0.74rem;
    }

.navigation-properties-panel[b-awytq4cns0] {
    display: grid;
    gap: 0.75rem;
}

.navigation-properties-heading[b-awytq4cns0] {
    margin-bottom: 0;
}

.property-accordion[b-awytq4cns0] {
    display: grid;
    gap: 0.7rem;
}

.property-accordion-group[b-awytq4cns0] {
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 0.8rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

    .property-accordion-group.open[b-awytq4cns0] {
        border-color: color-mix(in srgb, var(--group-accent, var(--designer-theme)) 38%, #dbe4ef);
        box-shadow: 0 0.55rem 1.25rem rgba(15, 23, 42, 0.1);
    }

.property-group-title[b-awytq4cns0] {
    width: 100%;
    min-height: 3.1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.55rem;
    align-items: center;
    gap: 0.65rem;
    padding: 0.58rem 0.72rem;
    border: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.18)),
        linear-gradient(135deg, var(--group-wash), color-mix(in srgb, var(--group-accent) 22%, #ffffff));
    color: var(--group-text);
    cursor: pointer;
    text-align: left;
    box-shadow:
        inset 0 0.08rem 0 rgba(255, 255, 255, 0.92),
        inset 0 -0.16rem 0.28rem rgba(15, 23, 42, 0.1),
        0 0.18rem 0.48rem rgba(15, 23, 42, 0.08);
}

    .property-group-title:hover[b-awytq4cns0] {
        filter: saturate(1.06);
    }

    .property-group-title span[b-awytq4cns0] {
        min-width: 0;
        display: grid;
        gap: 0.12rem;
    }

    .property-group-title strong[b-awytq4cns0] {
        overflow: hidden;
        font-size: 0.83rem;
        font-weight: 600;
        line-height: 1.18;
        text-overflow: ellipsis;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.68), 0 0.12rem 0.18rem rgba(15, 23, 42, 0.1);
        white-space: nowrap;
    }

    .property-group-title small[b-awytq4cns0] {
        color: color-mix(in srgb, var(--group-text) 72%, #64748b);
        font-size: 0.68rem;
        font-weight: 500;
        line-height: 1.18;
        white-space: normal;
    }

    .property-group-title svg[b-awytq4cns0] {
        width: 1.05rem;
        height: 1.05rem;
        justify-self: end;
        filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.7));
    }

    .property-accordion-group.project[b-awytq4cns0],
    .property-group-title.project[b-awytq4cns0] {
        --group-accent: #2563eb;
        --group-wash: #dbeafe;
        --group-text: #1e3a8a;
    }

    .property-accordion-group.theme[b-awytq4cns0],
    .property-group-title.theme[b-awytq4cns0] {
        --group-accent: #0f766e;
        --group-wash: #ccfbf1;
        --group-text: #115e59;
    }

    .property-accordion-group.icons[b-awytq4cns0],
    .property-group-title.icons[b-awytq4cns0] {
        --group-accent: #b45309;
        --group-wash: #fef3c7;
        --group-text: #7c2d12;
    }

    .property-accordion-group.elements[b-awytq4cns0],
    .property-group-title.elements[b-awytq4cns0] {
        --group-accent: #7c3aed;
        --group-wash: #ede9fe;
        --group-text: #4c1d95;
    }

    .property-accordion-group.logo[b-awytq4cns0],
    .property-group-title.logo[b-awytq4cns0] {
        --group-accent: #be123c;
        --group-wash: #ffe4e6;
        --group-text: #881337;
    }

    .property-accordion-group.layout[b-awytq4cns0],
    .property-group-title.layout[b-awytq4cns0] {
        --group-accent: #15803d;
        --group-wash: #dcfce7;
        --group-text: #14532d;
    }

    .property-accordion-group.preview[b-awytq4cns0],
    .property-group-title.preview[b-awytq4cns0] {
        --group-accent: #475569;
        --group-wash: #e2e8f0;
        --group-text: #1f2937;
    }

    .property-accordion-group.mouse[b-awytq4cns0],
    .property-group-title.mouse[b-awytq4cns0] {
        --group-accent: #7c3aed;
        --group-wash: #ede9fe;
        --group-text: #5b21b6;
    }

.property-group-body[b-awytq4cns0] {
    display: grid;
    gap: 0.75rem;
    padding: 0.75rem;
    border-top: 1px solid color-mix(in srgb, var(--group-accent, var(--designer-theme)) 18%, #e5e7eb);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.mouse-settings-section[b-awytq4cns0] {
    gap: 0.55rem;
}

.mouse-highlight-controls[b-awytq4cns0] {
    display: grid;
    gap: 0.7rem;
    padding: 0.7rem;
    border: 1px solid #ddd6fe;
    border-radius: 0.7rem;
    background: #fafaff;
    transition: opacity 0.18s ease;
}

.mouse-highlight-controls.disabled[b-awytq4cns0] {
    opacity: 0.58;
}

.mouse-color-field[b-awytq4cns0] {
    display: grid;
    gap: 0.35rem;
}

.mouse-color-field > span[b-awytq4cns0] {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 500;
}

.mouse-color-field > div[b-awytq4cns0] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.mouse-color-field input[type="color"][b-awytq4cns0] {
    width: 2.5rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid #ddd6fe;
    border-radius: 0.45rem;
    background: #ffffff;
}

.mouse-color-field code[b-awytq4cns0] {
    color: #475569;
    font-size: 0.72rem;
}

    .property-group-body > .range-field:first-child[b-awytq4cns0] {
        margin-top: 0;
    }

.preview-open-button[b-awytq4cns0] {
    width: 100%;
}

/* Project context */

.readiness-badge[b-awytq4cns0] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}

    .readiness-badge.ready[b-awytq4cns0] {
        background: #dcfce7;
        color: #166534;
    }

    .readiness-badge.warning[b-awytq4cns0] {
        background: #fff7ed;
        color: #c2410c;
    }

.context-summary[b-awytq4cns0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

    .context-summary div[b-awytq4cns0] {
        min-width: 0;
        padding: 0.55rem;
        border: 1px solid #e5e7eb;
        border-radius: 0.55rem;
        background: #f8fafc;
    }

    .context-summary dt[b-awytq4cns0] {
        color: #64748b;
        font-size: 0.67rem;
        font-weight: 600;
    }

    .context-summary dd[b-awytq4cns0] {
        margin: 0.18rem 0 0;
        overflow: hidden;
        color: #111827;
        font-size: 0.78rem;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.validation-list[b-awytq4cns0] {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

    .validation-list p[b-awytq4cns0] {
        margin: 0;
        padding: 0.55rem;
        border: 1px solid #fed7aa;
        border-radius: 0.55rem;
        background: #fff7ed;
        color: #9a3412;
        font-size: 0.74rem;
        line-height: 1.35;
    }

    .validation-list.advisory p[b-awytq4cns0] {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
    }

/* Navigation type cards */

.nav-type-grid[b-awytq4cns0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.nav-type-card[b-awytq4cns0] {
    display: grid;
    gap: 0.5rem;
    padding: 0.65rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.8rem;
    background: #ffffff;
    cursor: pointer;
    text-align: left;
}

    .nav-type-card:hover[b-awytq4cns0],
    .nav-type-card.selected[b-awytq4cns0] {
        border-color: var(--designer-theme);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--designer-theme) 13%, transparent);
    }

    .nav-type-card strong[b-awytq4cns0] {
        font-size: 0.73rem;
    }

.layout-thumb[b-awytq4cns0] {
    height: 3.4rem;
    position: relative;
    overflow: hidden;
    border: 1px solid #edf2f7;
    border-radius: 0.55rem;
    background: #f8fafc;
}

    .layout-thumb i[b-awytq4cns0],
    .layout-thumb b[b-awytq4cns0] {
        position: absolute;
        display: block;
        border-radius: 0.2rem;
        background: var(--designer-theme);
    }

    .layout-thumb.vertical i[b-awytq4cns0],
    .layout-thumb.collapsed i[b-awytq4cns0] {
        left: 0.45rem;
        top: 0.35rem;
        bottom: 0.35rem;
        width: 0.75rem;
    }

    .layout-thumb.vertical b[b-awytq4cns0],
    .layout-thumb.collapsed b[b-awytq4cns0] {
        left: 1.55rem;
        right: 0.45rem;
        top: 0.6rem;
        height: 0.65rem;
        opacity: 0.12;
    }

    .layout-thumb.horizontal i[b-awytq4cns0] {
        left: 0.4rem;
        right: 0.4rem;
        top: 0.35rem;
        height: 0.65rem;
    }

    .layout-thumb.horizontal b[b-awytq4cns0] {
        left: 0.65rem;
        right: 0.65rem;
        top: 1.35rem;
        height: 0.5rem;
        opacity: 0.12;
    }

    .layout-thumb.hybrid i[b-awytq4cns0] {
        left: 0.4rem;
        top: 0.35rem;
        bottom: 0.35rem;
        width: 0.6rem;
    }

    .layout-thumb.hybrid b[b-awytq4cns0] {
        left: 1.25rem;
        right: 0.45rem;
        top: 0.35rem;
        height: 0.6rem;
    }

/* Module palette */

.modules-section[b-awytq4cns0] {
    max-height: calc(100vh - 20rem);
    overflow: auto;
}

.module-list[b-awytq4cns0] {
    display: grid;
    gap: 0.45rem;
}

.module-card[b-awytq4cns0] {
    display: grid;
    gap: 0.4rem;
}

    .module-card.used[b-awytq4cns0],
    .module-row.used[b-awytq4cns0] {
        opacity: 0.58;
    }

    .module-card.missing-forms .module-row[b-awytq4cns0] {
        border-color: #fed7aa;
        background: #fff7ed;
    }

.module-row[b-awytq4cns0] {
    min-height: 2.35rem;
    display: grid;
    grid-template-columns: 1rem 1.15rem minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0 0.65rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.55rem;
    background: #ffffff;
    cursor: pointer;
}

    .module-row:hover[b-awytq4cns0] {
        border-color: #cbd5e1;
        background: #f8fafc;
    }

    .module-row em[b-awytq4cns0] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.35rem;
        height: 1.35rem;
        border-radius: 999px;
        background: #eff6ff;
        color: var(--designer-theme);
        font-size: 0.68rem;
        font-style: normal;
        font-weight: 600;
    }

    .module-row strong[b-awytq4cns0] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.8rem;
    }

.drag-handle[b-awytq4cns0] {
    color: #94a3b8;
    letter-spacing: -0.14rem;
}

.add-module-button[b-awytq4cns0] {
    min-height: 1.65rem;
    padding: 0 0.55rem;
    border: 1px solid color-mix(in srgb, var(--designer-theme) 28%, white);
    border-radius: 0.45rem;
    background: color-mix(in srgb, var(--designer-theme) 9%, white);
    color: var(--designer-theme);
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
}

    .add-module-button:hover[b-awytq4cns0] {
        background: var(--designer-theme);
        color: #ffffff;
    }

.palette-child-list[b-awytq4cns0] {
    display: grid;
    gap: 0.3rem;
    padding-left: 2.55rem;
}

    .palette-child-list span[b-awytq4cns0] {
        min-height: 1.75rem;
        display: grid;
        grid-template-columns: 0.95rem minmax(0, 1fr);
        align-items: center;
        gap: 0.4rem;
        padding: 0 0.5rem;
        border: 1px dashed #dbe4ef;
        border-radius: 0.45rem;
        color: #475569;
        font-size: 0.72rem;
    }

        .palette-child-list span svg[b-awytq4cns0] {
            width: 0.9rem;
            height: 0.9rem;
        }

    .palette-child-list .missing-child[b-awytq4cns0] {
        display: block;
        border-color: #fed7aa;
        color: #c2410c;
    }

/* Empty states */

.empty-panel[b-awytq4cns0] {
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 0.7rem;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

    .empty-panel svg[b-awytq4cns0] {
        width: 1.5rem;
        height: 1.5rem;
        color: var(--designer-theme);
    }

    .empty-panel strong[b-awytq4cns0] {
        color: #111827;
        font-size: 0.85rem;
        font-weight: 600;
    }

    .empty-panel span[b-awytq4cns0] {
        font-size: 0.74rem;
        line-height: 1.35;
    }

/* Canvas */

.canvas-header[b-awytq4cns0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

    .canvas-header h2[b-awytq4cns0] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

    .canvas-header p[b-awytq4cns0] {
        margin: 0.2rem 0 0;
        color: #64748b;
        font-size: 0.78rem;
    }

.device-toggle[b-awytq4cns0] {
    display: flex;
    padding: 0.2rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.6rem;
    background: #f8fafc;
}

    .device-toggle button[b-awytq4cns0] {
        width: 2.25rem;
        height: 2rem;
        border: 0;
        border-radius: 0.45rem;
        background: transparent;
        color: #64748b;
        cursor: pointer;
    }

        .device-toggle button.active[b-awytq4cns0] {
            background: #ffffff;
            color: var(--designer-theme);
            box-shadow: 0 0.2rem 0.6rem rgba(15, 23, 42, 0.08);
        }

.canvas-stage[b-awytq4cns0] {
    min-height: 34rem;
    display: grid;
    grid-template-columns: var(--designer-menu-width) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px dashed #bfd0e5;
    border-radius: 0.9rem;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px), linear-gradient(180deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px), #fbfdff;
    background-size: 24px 24px;
}

    .canvas-stage.horizontal[b-awytq4cns0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .canvas-stage.collapsed[b-awytq4cns0] {
        grid-template-columns: 4.8rem minmax(0, 1fr);
    }

    .canvas-stage.blocked[b-awytq4cns0] {
        opacity: 0.72;
    }

.workspace-preview-area[b-awytq4cns0] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 1rem;
}

/* Sidebar preview */

.preview-sidebar[b-awytq4cns0] {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: visible;
    padding: 0.85rem;
    border-radius: var(--designer-radius);
    background: linear-gradient(180deg, #071a2f, var(--designer-theme));
    color: var(--designer-font);
    font-family: var(--designer-font-family, Inter, "Segoe UI", Arial, sans-serif);
    font-size: var(--designer-font-size);
    font-weight: var(--designer-font-weight, 500);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.24);
}

    .preview-sidebar.collapsed[b-awytq4cns0] {
        align-items: center;
        padding-inline: 0.55rem;
    }

.preview-logo[b-awytq4cns0] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: var(--designer-logo-justify);
    gap: 0.55rem;
    padding: 0.45rem;
    font-weight: 600;
    text-align: var(--designer-logo-text-align);
}

    .preview-logo strong[b-awytq4cns0] {
        line-height: 1.2;
        white-space: normal;
    }

    .preview-logo svg[b-awytq4cns0] {
        width: 1.25rem;
        height: 1.25rem;
    }

    .preview-sidebar.collapsed .preview-logo[b-awytq4cns0] {
        width: 100%;
        justify-content: center;
        padding-inline: 0;
    }

.sidebar-toggle-button[b-awytq4cns0] {
    position: absolute;
    top: 2.8rem;
    right: 0;
    z-index: 3;
    width: var(--designer-toggle-size);
    height: var(--designer-toggle-size);
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.42) 34%, transparent 36%),
        linear-gradient(145deg, var(--designer-toggle-gradient-start), color-mix(in srgb, var(--designer-toggle-gradient-start) 45%, var(--designer-toggle-gradient-end)) 48%, var(--designer-toggle-gradient-end));
    color: var(--designer-toggle-icon);
    box-shadow:
        inset 0 0.12rem 0.22rem rgba(255, 255, 255, 0.75),
        inset 0 -0.32rem 0.48rem rgba(15, 23, 42, 0.2),
        0 0.7rem 1.35rem rgba(15, 23, 42, 0.32);
    cursor: pointer;
    transform: translateX(50%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    backdrop-filter: blur(10px);
}

    .sidebar-toggle-button[b-awytq4cns0]::after {
        content: "";
        position: absolute;
        inset: 0.15rem 0.2rem auto;
        height: 42%;
        border-radius: inherit;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), transparent);
        pointer-events: none;
    }

    .sidebar-toggle-button:hover[b-awytq4cns0] {
        filter: saturate(1.08);
        transform: translate(50%, -2px);
        box-shadow:
            inset 0 0.12rem 0.22rem rgba(255, 255, 255, 0.82),
            inset 0 -0.32rem 0.48rem rgba(15, 23, 42, 0.22),
            0 0.9rem 1.6rem rgba(15, 23, 42, 0.36);
    }

    .sidebar-toggle-button:active[b-awytq4cns0] {
        transform: translateX(50%);
    }

    .sidebar-toggle-button svg[b-awytq4cns0] {
        position: relative;
        z-index: 1;
        width: 45%;
        height: 45%;
        stroke-width: 2.4;
        filter: drop-shadow(0 0.05rem 0 rgba(255, 255, 255, 0.55));
    }

/* Make Modules item spacing closer */
.preview-nav-stack[b-awytq4cns0] {
    display: grid;
    gap: calc(var(--designer-gap) * 0.45);
    margin-top: var(--designer-logo-menu-gap);
}

.nav-item-shell[b-awytq4cns0] {
    position: relative;
    min-width: 0;
}

.canvas-nav-item[b-awytq4cns0],
.preview-menu-button[b-awytq4cns0] {
    position: relative;
    width: 100%;
    min-height: var(--designer-row-height, 40px);
    display: grid;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.55rem;
    border: 1px solid transparent;
    border-radius: var(--designer-radius);
    background: transparent;
    color: var(--designer-form-font-color, inherit);
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
    text-align: left;
}

.canvas-nav-item[b-awytq4cns0] {
    grid-template-columns: 1.15rem 1.1rem minmax(0, 1fr) auto;
    cursor: grab;
}

.preview-menu-button[b-awytq4cns0] {
    grid-template-columns: 1.15rem minmax(0, 1fr) 1.25rem;
    cursor: pointer;
}

    .canvas-nav-item.selected[b-awytq4cns0],
    .preview-menu-button.expanded[b-awytq4cns0] {
        background: var(--designer-active-highlight, rgba(255, 255, 255, 0.14));
    }

    .canvas-nav-item:hover[b-awytq4cns0],
    .preview-menu-button:hover[b-awytq4cns0] {
        background: var(--designer-hover-highlight, rgba(255, 255, 255, 0.14));
    }

    .canvas-nav-item.selected:hover[b-awytq4cns0],
    .preview-menu-button.expanded:hover[b-awytq4cns0] {
        background: var(--designer-active-highlight, rgba(255, 255, 255, 0.14));
    }

.canvas-nav-item[b-awytq4cns0]  svg,
.preview-menu-button[b-awytq4cns0]  svg,
.collapsed-child-flyout button[b-awytq4cns0]  svg,
.child-node-row[b-awytq4cns0]  svg,
.child-node-list > button[b-awytq4cns0]  svg,
.horizontal-item[b-awytq4cns0]  svg {
    color: var(--designer-form-icon-color, currentColor);
}

.nav-designer-shell[b-awytq4cns0]  .navigation-menu-icon {
    width: var(--designer-navigation-icon-size, 1rem);
    height: var(--designer-navigation-icon-size, 1rem);
}

.canvas-nav-item.left-border.selected[b-awytq4cns0] {
    border-left-color: #60a5fa;
    border-left-width: 4px;
}

.canvas-nav-item.pill.selected[b-awytq4cns0] {
    border-radius: 999px;
}

.canvas-nav-item.underline.selected[b-awytq4cns0] {
    border-bottom-color: #60a5fa;
    border-bottom-width: 2px;
}

.canvas-nav-item strong[b-awytq4cns0],
.preview-menu-button span[b-awytq4cns0] {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    white-space: normal;
}

.canvas-nav-item > strong[b-awytq4cns0] {
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
}

.preview-sidebar.collapsed .canvas-nav-item[b-awytq4cns0],
.preview-sidebar.collapsed .preview-menu-button[b-awytq4cns0] {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
}

.preview-sidebar.collapsed .item-order[b-awytq4cns0],
.preview-sidebar.collapsed .canvas-nav-item > strong[b-awytq4cns0],
.preview-sidebar.collapsed .preview-menu-button > span[b-awytq4cns0],
.preview-sidebar.collapsed .child-toggle[b-awytq4cns0] {
    display: none;
}

.canvas-group-label[b-awytq4cns0],
.preview-group-label[b-awytq4cns0] {
    min-height: var(--designer-group-row-height, 26px);
    display: flex;
    align-items: center;
    padding: 0.35rem 0.75rem 0.2rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    cursor: grab;
    line-height: 1.15;
}

    .canvas-group-label span[b-awytq4cns0],
    .preview-group-label span[b-awytq4cns0] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0;
    }

    .canvas-group-label.selected[b-awytq4cns0] {
        border-color: rgba(147, 197, 253, 0.44);
        background: var(--designer-active-highlight, rgba(255, 255, 255, 0.14));
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    }

    .canvas-group-label:hover[b-awytq4cns0],
    .preview-group-label:hover[b-awytq4cns0] {
        background: var(--designer-hover-highlight, rgba(255, 255, 255, 0.14));
    }

.preview-group-label[b-awytq4cns0] {
    cursor: default;
}

.preview-sidebar.collapsed .canvas-group-label[b-awytq4cns0],
.preview-sidebar.collapsed .preview-group-label[b-awytq4cns0] {
    display: none;
}

.collapsed-child-flyout[b-awytq4cns0] {
    position: absolute;
    top: 0;
    left: calc(100% + 0.7rem);
    z-index: 8;
    min-width: 13.25rem;
    max-width: 17rem;
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.7rem;
    background: #071528;
    color: #f8fafc;
    box-shadow: 0 1.2rem 2.6rem rgba(15, 23, 42, 0.38);
}

    .collapsed-child-flyout[b-awytq4cns0]::before {
        content: "";
        position: absolute;
        top: 0.95rem;
        left: -0.42rem;
        width: 0.75rem;
        height: 0.75rem;
        transform: rotate(45deg);
        border-left: 1px solid rgba(148, 163, 184, 0.22);
        border-bottom: 1px solid rgba(148, 163, 184, 0.22);
        background: #071528;
    }

    .collapsed-child-flyout strong[b-awytq4cns0] {
        display: block;
        padding: 0.2rem 0.3rem 0.35rem;
        color: #ffffff;
        font-size: 0.78rem;
        font-weight: 600;
        line-height: 1.2;
    }

    .collapsed-child-flyout > span[b-awytq4cns0] {
        padding: 0.3rem;
        color: #a8b5ca;
        font-size: 0.74rem;
    }

    .collapsed-child-flyout button[b-awytq4cns0] {
        min-width: 0;
        min-height: 2.1rem;
        display: grid;
        grid-template-columns: 1rem minmax(0, 1fr);
        align-items: center;
        gap: 0.5rem;
        padding: 0 0.4rem;
        border: 1px solid transparent;
        border-radius: 0.45rem;
        background: transparent;
        color: #dbeafe;
        cursor: pointer;
        text-align: left;
    }

        .collapsed-child-flyout button:hover[b-awytq4cns0] {
            border-color: rgba(96, 165, 250, 0.36);
            background: var(--designer-hover-highlight, rgba(255, 255, 255, 0.14));
        }

        .collapsed-child-flyout button span[b-awytq4cns0] {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.modal-collapsed-flyout[b-awytq4cns0] {
    left: calc(100% + 0.85rem);
}

.item-order[b-awytq4cns0] {
    width: 1.1rem;
    height: 1.1rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 850;
}

.item-actions[b-awytq4cns0] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.item-action-button[b-awytq4cns0] {
    width: 1.45rem;
    height: 1.45rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.38rem;
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 900;
}

    .item-action-button:hover:not(:disabled)[b-awytq4cns0] {
        background: rgba(255, 255, 255, 0.18);
    }

    .item-action-button.remove:hover:not(:disabled)[b-awytq4cns0] {
        border-color: rgba(254, 202, 202, 0.75);
        background: rgba(220, 38, 38, 0.32);
    }

.accordion-icon[b-awytq4cns0] {
    justify-self: end;
    width: 1rem;
    height: 1rem;
    transition: transform 0.18s ease;
}

    .accordion-icon.expanded[b-awytq4cns0] {
        transform: rotate(180deg);
    }

.child-toggle[b-awytq4cns0] {
    width: 1.55rem;
    height: 1.55rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    cursor: pointer;
}

    .child-toggle svg[b-awytq4cns0] {
        transition: transform 0.18s ease;
    }

    .child-toggle.expanded svg[b-awytq4cns0] {
        transform: rotate(180deg);
    }

/* Child nodes */

.child-node-list[b-awytq4cns0] {
    display: grid;
    gap: 0.35rem;
    margin-left: 2rem;
}

.child-node-row[b-awytq4cns0] {
    min-height: 2rem;
    display: grid;
    grid-template-columns: 1.65rem minmax(4.4rem, 1fr) 1.45rem 1.45rem auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0.2rem 0.35rem;
    border: 1px dashed rgba(255, 255, 255, 0.18);
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.08);
    color: var(--designer-form-font-color, inherit);
    font-family: var(--designer-form-font-family, inherit);
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
}

    .child-node-row input[b-awytq4cns0] {
        min-width: 0;
        height: 1.55rem;
        padding: 0 0.45rem;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 0.35rem;
        background: rgba(255, 255, 255, 0.08);
        color: inherit;
        font-family: inherit;
        font-size: var(--designer-form-font-size, 0.76rem);
        font-weight: inherit;
    }

        .child-node-row input:focus[b-awytq4cns0] {
            outline: 2px solid rgba(255, 255, 255, 0.26);
            outline-offset: 1px;
        }

    .child-node-row button[b-awytq4cns0],
    .child-icon-button[b-awytq4cns0] {
        min-height: 1.55rem;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 0.35rem;
        background: rgba(255, 255, 255, 0.1);
        color: inherit;
        cursor: pointer;
        font-size: 0.68rem;
        font-weight: 850;
    }

.child-icon-button[b-awytq4cns0] {
    width: 1.55rem;
    height: 1.55rem;
    display: grid;
    place-items: center;
}

    .child-icon-button svg[b-awytq4cns0] {
        width: 0.95rem;
        height: 0.95rem;
    }

.child-move-button[b-awytq4cns0] {
    width: 1.45rem;
    height: 1.55rem;
    min-height: 1.55rem;
    display: grid;
    place-items: center;
    padding: 0;
}

    .child-move-button[b-awytq4cns0] (svg) {
        width: 0.82rem;
        height: 0.82rem;
    }

.child-node-row button:disabled[b-awytq4cns0] {
    cursor: default;
    opacity: 0.42;
}

.child-open-button[b-awytq4cns0] {
    padding: 0 0.45rem;
}

.child-node-list > button[b-awytq4cns0] {
    min-height: 2rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px dashed rgba(255, 255, 255, 0.18);
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.08);
    color: var(--designer-form-font-color, inherit);
    font-family: var(--designer-form-font-family, inherit);
    cursor: pointer;
    font-size: var(--designer-form-font-size, 0.78rem);
    font-weight: var(--designer-form-font-weight, inherit);
    line-height: 1.2;
    text-align: left;
}

.modal-child-list[b-awytq4cns0] {
    margin: -0.3rem 0 0.45rem 2.1rem;
}

.modal-child-label[b-awytq4cns0] {
    min-width: 0;
    flex: 1;
}

.modal-child-action[b-awytq4cns0] {
    margin-left: auto;
    padding: 0.2rem 0.45rem;
    border-radius: 0.35rem;
    background: rgba(255, 255, 255, 0.14);
    color: var(--designer-form-font-color, inherit);
    font-family: var(--designer-form-font-family, inherit);
    font-size: 0.67rem;
    font-weight: 850;
}

.preview-modal .modal-child-action[b-awytq4cns0] {
    display: none;
}

/* Selected module tools */

.menu-item-settings[b-awytq4cns0] {
    display: grid;
    gap: 0.65rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--designer-border, #e5e7eb);
}

.menu-item-settings .select-field[b-awytq4cns0] {
    margin-top: 0;
}

.menu-item-source[b-awytq4cns0] {
    display: grid;
    gap: 0.2rem;
    margin: 0;
    color: var(--designer-text, #111827);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.menu-item-help[b-awytq4cns0] {
    margin: 0;
    color: var(--designer-muted, #64748b);
    font-size: 0.75rem;
    line-height: 1.5;
}

.menu-item-example[b-awytq4cns0] {
    display: grid;
    gap: 0.4rem;
    padding: 0.7rem;
    border: 1px solid var(--designer-border, #e5e7eb);
    border-radius: 0.5rem;
    background: var(--designer-shell-bg, #f5f7fb);
    color: var(--designer-text, #111827);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.nested-form-example[b-awytq4cns0] {
    padding-left: 1rem;
}

.selected-module-tools[b-awytq4cns0] {
    display: grid;
    gap: 0.5rem;
    margin: -0.15rem 0 0.35rem 2rem;
    padding: 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
}

    .selected-module-tools label[b-awytq4cns0] {
        display: grid;
        gap: 0.25rem;
    }

    .selected-module-tools span[b-awytq4cns0] {
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.66rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .selected-module-tools input[b-awytq4cns0] {
        min-width: 0;
        min-height: 1.85rem;
        padding: 0 0.5rem;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 0.45rem;
        background: rgba(15, 23, 42, 0.18);
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        caret-color: #ffffff;
        font-size: 0.82rem;
        font-weight: 500;
    }

    .selected-module-tools div[b-awytq4cns0] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem;
    }

    .selected-module-tools button[b-awytq4cns0] {
        min-height: 1.85rem;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 0.45rem;
        background: rgba(255, 255, 255, 0.09);
        color: inherit;
        cursor: pointer;
        font-size: 0.7rem;
        font-weight: 600;
    }

        .selected-module-tools button:hover:not(:disabled)[b-awytq4cns0] {
            background: rgba(255, 255, 255, 0.18);
        }

    .selected-module-tools .remove:hover:not(:disabled)[b-awytq4cns0] {
        border-color: rgba(254, 202, 202, 0.75);
        background: rgba(220, 38, 38, 0.32);
    }

/* Embedded form preview */

.embedded-form-preview[b-awytq4cns0] {
    min-width: 0;
    min-height: 28rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #dbe7f5;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 0.65rem 1.8rem rgba(15, 23, 42, 0.08);
    animation: embedded-form-in-b-awytq4cns0 0.18s ease-out;
}

.embedded-form-header[b-awytq4cns0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e5e7eb;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

    .embedded-form-header h3[b-awytq4cns0] {
        margin: 0;
        color: #0f172a;
        font-size: 1.25rem;
        line-height: 1.2;
    }

    .embedded-form-header p[b-awytq4cns0] {
        margin: 0.25rem 0 0;
        color: #64748b;
        font-size: 0.8rem;
    }

.embedded-form-actions[b-awytq4cns0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.embedded-form-loading[b-awytq4cns0] {
    min-height: 18rem;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.45rem;
    color: #64748b;
    text-align: center;
}

    .embedded-form-loading svg[b-awytq4cns0] {
        width: 2rem;
        height: 2rem;
        color: var(--designer-theme);
    }

    .embedded-form-loading strong[b-awytq4cns0] {
        color: #0f172a;
    }

.embedded-form-frame[b-awytq4cns0] {
    position: relative;
    min-height: 0;
    max-width: 100%;
    overflow: auto;
    background: #f8fafc;
    transition: opacity 0.18s ease, filter 0.18s ease;
}

    .embedded-form-frame.is-loading[b-awytq4cns0] {
        opacity: 0.74;
        filter: saturate(0.9);
    }

.embedded-form-loading-overlay[b-awytq4cns0] {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 2;
    padding: 0.38rem 0.65rem;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--designer-theme);
    box-shadow: 0 0.55rem 1.35rem rgba(15, 23, 42, 0.12);
    font-size: 0.72rem;
    font-weight: 850;
    pointer-events: none;
}

.embedded-form-preview[b-awytq4cns0] (.canvas-device-stage) {
    justify-content: stretch;
    align-items: flex-start;
    min-height: 100%;
    padding: 0.75rem;
}

.embedded-form-preview[b-awytq4cns0] (.runtime-form.device-desktop) {
    max-width: none;
}

.embedded-form-preview[b-awytq4cns0] (.runtime-form.device-desktop .section-card) {
    border-color: transparent;
}

.modal-embedded-form[b-awytq4cns0] {
    min-height: 0;
    height: 100%;
    max-height: none;
}

@keyframes embedded-form-in-b-awytq4cns0 {
    from {
        opacity: 0;
        transform: translateY(0.25rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Horizontal preview */

.horizontal-preview[b-awytq4cns0] {
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    overflow-x: auto;
    padding: 0.5rem;
    border-radius: var(--designer-radius);
    background: linear-gradient(135deg, #071a2f, var(--designer-theme));
    color: var(--designer-font);
    box-shadow: 0 0.75rem 1.6rem rgba(15, 23, 42, 0.18);
}

.menu-button[b-awytq4cns0],
.horizontal-item[b-awytq4cns0] {
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex: 0 0 auto;
    padding: 0 0.7rem;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--designer-form-font-color, inherit);
    font-family: var(--designer-form-font-family, inherit);
    cursor: pointer;
    font-size: var(--designer-form-font-size, var(--designer-font-size));
    font-weight: var(--designer-form-font-weight, inherit);
}

    .horizontal-item:hover[b-awytq4cns0],
    .menu-button:hover[b-awytq4cns0] {
        background: var(--designer-hover-highlight, rgba(255, 255, 255, 0.14));
    }

/* Drop zones */

.drop-zone[b-awytq4cns0] {
    width: min(34rem, 90%);
    min-height: 15rem;
    display: grid;
    place-items: center;
    margin: auto;
    border: 1.5px dashed #a9bdd5;
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    color: #64748b;
    text-align: center;
}

    .drop-zone div[b-awytq4cns0] {
        display: grid;
        justify-items: center;
        gap: 0.35rem;
    }

    .drop-zone svg[b-awytq4cns0] {
        width: 2.2rem;
        height: 2.2rem;
        color: var(--designer-theme);
    }

    .drop-zone strong[b-awytq4cns0] {
        color: #111827;
        font-size: 1rem;
    }

.footer-drop-zone[b-awytq4cns0] {
    min-height: 2.7rem;
    display: grid;
    place-items: center;
    border: 1px dashed #d8e2ef;
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.65);
    color: #94a3b8;
    font-size: 0.78rem;
}

/* Messages */

.designer-tip[b-awytq4cns0],
.status-message[b-awytq4cns0] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.75rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.65rem;
    font-size: 0.8rem;
}

.designer-tip[b-awytq4cns0] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.status-message[b-awytq4cns0] {
    border: 1px solid #d1fae5;
    background: #ecfdf5;
    color: #047857;
}

    .status-message.warning[b-awytq4cns0] {
        border-color: #fed7aa;
        background: #fff7ed;
        color: #c2410c;
    }

/* Properties panel */

.property-list[b-awytq4cns0] {
    display: grid;
    gap: 0.65rem;
}

.property-theme-sync[b-awytq4cns0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--designer-theme) 24%, var(--designer-border, #dbe5f3));
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--designer-theme) 8%, #ffffff);
}

    .property-theme-sync span[b-awytq4cns0] {
        color: var(--designer-text, #111827);
        font-size: 0.78rem;
        line-height: 1.4;
    }

.theme-typography-accordions[b-awytq4cns0] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.15rem;
}

.theme-typography-accordion[b-awytq4cns0] {
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 0.68rem;
    background: #ffffff;
}

.theme-typography-accordion.open[b-awytq4cns0] {
    border-color: color-mix(in srgb, var(--designer-theme) 30%, #dbe4ef);
    box-shadow: 0 0.35rem 0.85rem rgba(15, 23, 42, 0.07);
}

.theme-typography-accordion-title[b-awytq4cns0] {
    width: 100%;
    min-height: 2.85rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.1rem;
    align-items: center;
    gap: 0.55rem;
    padding: 0.48rem 0.62rem;
    border: 0;
    color: #334155;
    cursor: pointer;
    text-align: left;
}

.theme-typography-accordion-title.navigation-global[b-awytq4cns0] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #1e3a8a;
}

.theme-typography-accordion-title.form-listing-global[b-awytq4cns0] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    color: #166534;
}

.theme-typography-accordion-title > span[b-awytq4cns0] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.theme-typography-accordion-title strong[b-awytq4cns0] {
    font-size: 0.78rem;
    font-weight: 700;
}

.theme-typography-accordion-title small[b-awytq4cns0] {
    color: color-mix(in srgb, currentColor 72%, #64748b);
    font-size: 0.66rem;
    line-height: 1.25;
}

.theme-typography-accordion-title svg[b-awytq4cns0] {
    width: 0.95rem;
    height: 0.95rem;
    justify-self: end;
}

.theme-typography-accordion-body[b-awytq4cns0] {
    display: grid;
    gap: 0.58rem;
    padding: 0.65rem;
    border-top: 1px solid #e5e7eb;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.theme-typography-accordion-body label[b-awytq4cns0] {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
}

.theme-typography-accordion-body input[type="number"][b-awytq4cns0],
.theme-typography-accordion-body select[b-awytq4cns0] {
    min-width: 0;
    min-height: 2.05rem;
    padding: 0 0.45rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.45rem;
    background: #ffffff;
    color: #111827;
    font-size: 0.76rem;
}

.theme-typography-accordion-body input[type="color"][b-awytq4cns0] {
    width: 2.25rem;
    height: 2.05rem;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 0.4rem;
    background: #ffffff;
}

.theme-typography-accordion-body label > span[b-awytq4cns0] {
    color: #334155;
    font-size: 0.74rem;
    font-weight: 500;
}

.theme-typography-accordion-body code[b-awytq4cns0] {
    color: #475569;
    font-size: 0.68rem;
}

.theme-global-note[b-awytq4cns0] {
    margin: 0;
    padding: 0.45rem 0.5rem;
    border-radius: 0.45rem;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.68rem;
    line-height: 1.35;
}

.secondary-inline-button[b-awytq4cns0] {
    min-height: 2rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--designer-theme) 24%, #cbd5e1);
    border-radius: 999px;
    background: #ffffff;
    color: var(--designer-theme);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
}

    .property-list label[b-awytq4cns0],
    .select-field[b-awytq4cns0] {
        display: grid;
        grid-template-columns: 6.4rem minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.55rem;
    }

        .property-list label.full-property[b-awytq4cns0] {
            grid-template-columns: 1fr;
            align-items: stretch;
        }

        .property-list span[b-awytq4cns0],
        .select-field span[b-awytq4cns0],
        .range-field label span[b-awytq4cns0] {
            color: #334155;
            font-size: 0.78rem;
            font-weight: 500;
        }

        .property-list input[type="text"][b-awytq4cns0],
        .property-list input[type="number"][b-awytq4cns0],
        .property-list select[b-awytq4cns0],
        .select-field select[b-awytq4cns0] {
            min-width: 0;
            min-height: 2.25rem;
            padding: 0 0.55rem;
            border: 1px solid #e5e7eb;
            border-radius: 0.5rem;
            background: #ffffff;
            color: #111827;
            font-weight: 500;
        }

    .property-list input[type="color"][b-awytq4cns0] {
        width: 2.4rem;
        height: 2.2rem;
        padding: 0;
        border: 1px solid #e5e7eb;
        border-radius: 0.45rem;
        background: #ffffff;
    }

    .property-list small[b-awytq4cns0] {
        color: #64748b;
        font-size: 0.7rem;
    }

    .property-list code[b-awytq4cns0] {
        color: #475569;
        font-size: 0.72rem;
    }

.select-field[b-awytq4cns0] {
    grid-template-columns: 1fr;
    margin-top: 0.8rem;
}

.icon-picker[b-awytq4cns0] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.icon-option[b-awytq4cns0] {
    height: 2.35rem;
    display: grid;
    place-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 0.55rem;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
}

    .icon-option:hover[b-awytq4cns0],
    .icon-option.selected[b-awytq4cns0] {
        border-color: var(--designer-theme);
        background: color-mix(in srgb, var(--designer-theme) 8%, white);
        color: var(--designer-theme);
    }

.navigation-element-tool[b-awytq4cns0] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.7rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.7rem;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    color: #0f172a;
    cursor: grab;
    box-shadow: 0 0.4rem 1rem rgba(15, 23, 42, 0.06);
}

    .navigation-element-tool > svg[b-awytq4cns0] {
        width: 2.25rem;
        height: 2.25rem;
        padding: 0.5rem;
        border-radius: 0.6rem;
        background: color-mix(in srgb, var(--designer-theme) 10%, white);
        color: var(--designer-theme);
    }

    .navigation-element-tool div[b-awytq4cns0] {
        min-width: 0;
        display: grid;
        gap: 0.15rem;
    }

    .navigation-element-tool strong[b-awytq4cns0] {
        font-size: 0.82rem;
        line-height: 1.2;
        font-weight: 600;
    }

    .navigation-element-tool span[b-awytq4cns0] {
        color: #64748b;
        font-size: 0.72rem;
        line-height: 1.25;
    }

    .navigation-element-tool button[b-awytq4cns0] {
        min-height: 1.9rem;
        padding: 0 0.65rem;
        border: 1px solid #bfdbfe;
        border-radius: 0.45rem;
        background: #eff6ff;
        color: #1d4ed8;
        cursor: pointer;
        font-size: 0.72rem;
        font-weight: 600;
    }

        .navigation-element-tool button:hover[b-awytq4cns0] {
            border-color: var(--designer-theme);
            background: color-mix(in srgb, var(--designer-theme) 12%, white);
            color: var(--designer-theme);
        }

.group-label-editor[b-awytq4cns0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.75rem;
    padding: 0.7rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.7rem;
    background: #f8fafc;
}

    .group-label-editor label[b-awytq4cns0] {
        min-width: 0;
        display: grid;
        gap: 0.35rem;
    }

        .group-label-editor label.full-property[b-awytq4cns0] {
            grid-column: 1 / -1;
        }

    .group-label-editor span[b-awytq4cns0] {
        color: #334155;
        font-size: 0.74rem;
        font-weight: 500;
    }

    .group-label-editor input[b-awytq4cns0],
    .group-label-editor select[b-awytq4cns0] {
        min-width: 0;
        min-height: 2.05rem;
        padding: 0 0.5rem;
        border: 1px solid #dbe4ef;
        border-radius: 0.45rem;
        background: #ffffff;
        color: #0f172a;
        font-size: 0.75rem;
        font-weight: 500;
    }

    .group-label-editor input[type="color"][b-awytq4cns0] {
        width: 100%;
        padding: 0.15rem;
    }

.range-field[b-awytq4cns0] {
    margin-top: 0.9rem;
}

    .range-field label[b-awytq4cns0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.35rem;
    }

    .range-field strong[b-awytq4cns0] {
        color: #475569;
        font-size: 0.75rem;
    }

    .range-field input[b-awytq4cns0] {
        width: 100%;
        accent-color: var(--designer-theme);
    }

.checkbox-field[b-awytq4cns0] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.8rem;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 500;
}

    .checkbox-field input[b-awytq4cns0] {
        accent-color: var(--designer-theme);
    }

    .checkbox-field input[type="checkbox"][b-awytq4cns0] {
        width: 1rem;
        height: 1rem;
        flex: 0 0 auto;
    }

.logo-settings-list[b-awytq4cns0] {
    display: grid;
    gap: 0.75rem;
}

.logo-checkbox[b-awytq4cns0] {
    margin-top: 0;
    justify-content: flex-start;
}

    .logo-checkbox span[b-awytq4cns0] {
        flex: 1;
        line-height: 1.25;
    }

    .logo-checkbox input:disabled + span[b-awytq4cns0] {
        color: #94a3b8;
    }

.expanded-logo-source[b-awytq4cns0] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.65rem;
    background: #f8fafc;
}

    .expanded-logo-source > .workspace-icon[b-awytq4cns0] {
        width: 1.5rem;
        height: 1.5rem;
        color: var(--designer-theme);
    }

    .expanded-logo-source div[b-awytq4cns0] {
        min-width: 0;
        display: grid;
        gap: 0.15rem;
    }

    .expanded-logo-source strong[b-awytq4cns0] {
        color: #0f172a;
        font-size: 0.78rem;
        line-height: 1.2;
    }

    .expanded-logo-source small[b-awytq4cns0],
    .compact-logo-file[b-awytq4cns0] {
        color: #64748b;
        font-size: 0.7rem;
        line-height: 1.25;
    }

.compact-logo-upload[b-awytq4cns0] {
    display: grid;
    gap: 0.45rem;
}

.compact-upload-label[b-awytq4cns0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

    .compact-upload-label span[b-awytq4cns0],
    .logo-size-heading span[b-awytq4cns0] {
        color: #334155;
        font-size: 0.78rem;
        font-weight: 500;
    }

    .compact-upload-label button[b-awytq4cns0] {
        min-height: 1.6rem;
        padding: 0 0.5rem;
        border: 1px solid #fecaca;
        border-radius: 0.4rem;
        background: #fff7f7;
        color: #b91c1c;
        font-size: 0.68rem;
        font-weight: 600;
        cursor: pointer;
    }

.compact-logo-uploader[b-awytq4cns0] {
    position: relative;
    min-height: 2.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    overflow: hidden;
    border: 1px dashed #b8c7da;
    border-radius: 0.6rem;
    background: #ffffff;
    color: #365787;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 800;
}

    .compact-logo-uploader:hover[b-awytq4cns0] {
        border-color: var(--designer-theme);
        background: color-mix(in srgb, var(--designer-theme) 6%, white);
    }

    .compact-logo-uploader svg[b-awytq4cns0] {
        width: 1.05rem;
        height: 1.05rem;
    }

    .compact-logo-uploader input[type="file"][b-awytq4cns0] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

    .compact-logo-uploader[b-awytq4cns0]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.logo-upload-message[b-awytq4cns0] {
    padding: 0.45rem 0.55rem;
    border: 1px solid #d1fae5;
    border-radius: 0.5rem;
    background: #ecfdf5;
    color: #047857;
    font-size: 0.72rem;
    line-height: 1.3;
}

    .logo-upload-message.warning[b-awytq4cns0] {
        border-color: #fed7aa;
        background: #fff7ed;
        color: #c2410c;
    }

.logo-style-controls[b-awytq4cns0] {
    display: grid;
    gap: 0.65rem;
    padding: 0.7rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.7rem;
    background: #f8fafc;
}

.logo-select-control[b-awytq4cns0],
.logo-color-grid label[b-awytq4cns0] {
    min-width: 0;
    display: grid;
    gap: 0.35rem;
}

    .logo-select-control span[b-awytq4cns0],
    .logo-color-grid span[b-awytq4cns0] {
        min-height: 1.9rem;
        display: flex;
        align-items: flex-end;
        color: #334155;
        font-size: 0.74rem;
        font-weight: 750;
        line-height: 1.15;
    }

    .logo-select-control select[b-awytq4cns0] {
        min-width: 0;
        min-height: 2.05rem;
        padding: 0 0.5rem;
        border: 1px solid #dbe4ef;
        border-radius: 0.45rem;
        background: #ffffff;
        color: #0f172a;
        font-size: 0.75rem;
        font-weight: 750;
    }

.toggle-button-controls[b-awytq4cns0] {
    display: grid;
    gap: 0.65rem;
}

.logo-color-grid[b-awytq4cns0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

    .logo-color-grid input[type="color"][b-awytq4cns0] {
        width: 100%;
        height: 2.05rem;
        padding: 0.15rem;
        border: 1px solid #dbe4ef;
        border-radius: 0.45rem;
        background: #ffffff;
        cursor: pointer;
    }

.logo-size-controls[b-awytq4cns0] {
    display: grid;
    gap: 0.65rem;
}

.logo-size-heading[b-awytq4cns0] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

    .logo-size-heading svg[b-awytq4cns0] {
        width: 0.9rem;
        height: 0.9rem;
        color: #64748b;
    }

.logo-size-control[b-awytq4cns0] {
    display: grid;
    gap: 0.3rem;
}

    .logo-size-control label[b-awytq4cns0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .logo-size-control label span[b-awytq4cns0] {
        color: #334155;
        font-size: 0.74rem;
        font-weight: 750;
    }

    .logo-size-control strong[b-awytq4cns0] {
        color: #475569;
        font-size: 0.72rem;
    }

    .logo-size-control div[b-awytq4cns0] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 3.8rem;
        align-items: center;
        gap: 0.55rem;
    }

    .logo-size-control input[type="range"][b-awytq4cns0] {
        width: 100%;
        accent-color: var(--designer-theme);
    }

    .logo-size-control input[type="number"][b-awytq4cns0] {
        min-width: 0;
        min-height: 2rem;
        padding: 0 0.45rem;
        border: 1px solid #e5e7eb;
        border-radius: 0.45rem;
        background: #ffffff;
        color: #111827;
        font-size: 0.74rem;
        font-weight: 750;
    }

.logo-size-divider[b-awytq4cns0] {
    height: 1px;
    border-top: 1px dashed #dbe4ef;
}

/* Mini preview card */

.mini-preview[b-awytq4cns0] {
    min-height: 9.2rem;
    display: grid;
    grid-template-columns: 3.8rem 1fr;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 0.8rem;
    background: #f8fafc;
}

    .mini-preview aside[b-awytq4cns0] {
        display: grid;
        align-content: start;
        justify-items: center;
        gap: 0.55rem;
        padding: 0.65rem;
        background: linear-gradient(180deg, #071a2f, var(--designer-theme));
        color: #ffffff;
    }

    .mini-preview main[b-awytq4cns0] {
        display: grid;
        align-content: start;
        gap: 0.55rem;
        padding: 0.85rem;
    }

        .mini-preview main span[b-awytq4cns0],
        .mini-preview main b[b-awytq4cns0] {
            display: block;
            height: 0.7rem;
            border-radius: 999px;
            background: #e2e8f0;
        }

            .mini-preview main span:nth-child(1)[b-awytq4cns0] {
                width: 45%;
            }

            .mini-preview main span:nth-child(2)[b-awytq4cns0] {
                width: 85%;
            }

            .mini-preview main span:nth-child(3)[b-awytq4cns0] {
                width: 72%;
            }

        .mini-preview main b[b-awytq4cns0] {
            width: 30%;
            height: 1.4rem;
            margin-top: 0.4rem;
            background: color-mix(in srgb, var(--designer-theme) 18%, #e2e8f0);
        }

/* Resizable navigation preview modal */

.preview-modal-backdrop[b-awytq4cns0] {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.58);
    backdrop-filter: blur(4px);
}

.preview-modal[b-awytq4cns0] {
    position: relative;
    width: min(78rem, 96vw);
    height: min(52rem, 92vh);
    min-width: min(24rem, calc(100vw - 2rem));
    min-height: min(24rem, calc(100vh - 2rem));
    max-width: 96vw;
    max-height: 92vh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: auto;
    resize: both;
    container-type: inline-size;
    container-name: nav-preview;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 2rem 5rem rgba(15, 23, 42, 0.35);
}

    .preview-modal[b-awytq4cns0]::after {
        content: "";
        position: absolute;
        right: 0.45rem;
        bottom: 0.45rem;
        width: 0.9rem;
        height: 0.9rem;
        pointer-events: none;
        background: linear-gradient(135deg, transparent 50%, rgba(100, 116, 139, 0.55) 50%) bottom right / 0.9rem 0.9rem no-repeat;
    }

.preview-modal > header[b-awytq4cns0] {
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.25rem;
        border-bottom: 1px solid #e5e7eb;
    }

    .preview-modal h2[b-awytq4cns0] {
        margin: 0;
        font-size: 1.15rem;
        line-height: 1.25;
    }

    .preview-modal p[b-awytq4cns0] {
        margin: 0.2rem 0 0;
        color: #64748b;
        line-height: 1.35;
    }

    .preview-modal > header button[b-awytq4cns0] {
        width: 2.25rem;
        height: 2.25rem;
        flex: 0 0 auto;
        border: 0;
        border-radius: 999px;
        background: #f1f5f9;
        cursor: pointer;
        font-size: 1.4rem;
    }

@container nav-preview (max-width: 980px) {
    .preview-modal > header[b-awytq4cns0] {
        align-items: flex-start;
    }

    .preview-modal .embedded-form-header[b-awytq4cns0] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .preview-modal .embedded-form-actions[b-awytq4cns0] {
        width: 100%;
        flex-wrap: wrap;
    }
}

@container nav-preview (max-width: 760px) {
    .preview-modal > header[b-awytq4cns0] {
        gap: 0.7rem;
        padding: 0.85rem 0.9rem;
        flex-direction: column;
        align-items: stretch;
    }

    .preview-modal > header button[b-awytq4cns0] {
        align-self: flex-end;
    }

    .preview-content[b-awytq4cns0] {
        padding: 0.9rem;
    }
}

/* Default preview content */

.preview-content[b-awytq4cns0] {
    min-height: 100%;
    padding: 1.25rem;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1.3rem rgba(15, 23, 42, 0.06);
}

    .preview-content h3[b-awytq4cns0] {
        margin: 0;
        font-size: 1.4rem;
    }

    .preview-content p[b-awytq4cns0] {
        color: #64748b;
    }

.preview-content-grid[b-awytq4cns0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

    .preview-content-grid article[b-awytq4cns0] {
        min-height: 8rem;
        border: 1px solid #e5e7eb;
        border-radius: 0.85rem;
        background: linear-gradient(180deg, #f8fafc, #eef2f7);
    }

/* Responsive */

@media (max-width: 1200px) {
    .designer-grid[b-awytq4cns0] {
        grid-template-columns: 1fr;
    }

    .designer-panel[b-awytq4cns0],
    .canvas-panel[b-awytq4cns0] {
        min-height: auto;
    }

    .modules-section[b-awytq4cns0] {
        max-height: none;
    }

    .preview-modal[b-awytq4cns0] {
        width: min(66rem, 96vw);
        height: min(48rem, 92vh);
    }

}

@media (max-width: 760px) {
    .designer-topbar[b-awytq4cns0],
    .canvas-header[b-awytq4cns0] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .designer-topbar[b-awytq4cns0] {
        top: 0.5rem;
        flex-direction: column;
        padding: 1rem;
    }

    .topbar-actions[b-awytq4cns0] {
        width: 100%;
        align-items: stretch;
    }

    .project-switcher[b-awytq4cns0] {
        min-width: 0;
    }

    .canvas-stage[b-awytq4cns0],
    .canvas-stage.collapsed[b-awytq4cns0] {
        grid-template-columns: 1fr;
    }

    .preview-modal-backdrop[b-awytq4cns0] {
        padding: 0.5rem;
    }

    .preview-modal[b-awytq4cns0] {
        width: calc(100vw - 1rem);
        height: calc(100vh - 1rem);
        max-width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
        min-width: 0;
        min-height: 0;
        resize: none;
    }

        .preview-modal > header[b-awytq4cns0],
        .embedded-form-header[b-awytq4cns0] {
            flex-direction: column;
            align-items: stretch;
        }

    .embedded-form-actions[b-awytq4cns0] {
        justify-content: flex-start;
    }

    .property-list label[b-awytq4cns0],
    .select-field[b-awytq4cns0] {
        grid-template-columns: 1fr;
    }

    .property-theme-sync[b-awytq4cns0] {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Reusable Project Settings-style typography for the Designer submenu page. */
.nav-designer-shell .designer-topbar h1[b-awytq4cns0],
.nav-designer-shell .panel-heading h2[b-awytq4cns0],
.nav-designer-shell .property-group-title strong[b-awytq4cns0],
.nav-designer-shell .canvas-header h2[b-awytq4cns0],
.nav-designer-shell .embedded-form-header h3[b-awytq4cns0],
.nav-designer-shell .theme-typography-accordion-title strong[b-awytq4cns0] {
    font-weight: 500;
}

.nav-designer-shell .designer-topbar h1[b-awytq4cns0] {
    font-size: 1.25rem;
}

.nav-designer-shell .designer-topbar p[b-awytq4cns0],
.nav-designer-shell .designer-loading span[b-awytq4cns0],
.nav-designer-shell .save-feedback-copy p[b-awytq4cns0],
.nav-designer-shell .property-group-title small[b-awytq4cns0],
.nav-designer-shell .module-row small[b-awytq4cns0],
.nav-designer-shell .embedded-form-header p[b-awytq4cns0] {
    font-weight: 400;
}

.nav-designer-shell .designer-topbar label > span[b-awytq4cns0],
.nav-designer-shell .project-switcher > span[b-awytq4cns0],
.nav-designer-shell .designer-status-card > span[b-awytq4cns0],
.nav-designer-shell .designer-version-select > span[b-awytq4cns0],
.nav-designer-shell .publish-confirm-eyebrow[b-awytq4cns0],
.nav-designer-shell .theme-typography-accordion-body label > span[b-awytq4cns0],
.nav-designer-shell .selected-module-tools label[b-awytq4cns0],
.nav-designer-shell .group-label-editor label[b-awytq4cns0],
.nav-designer-shell .range-field label[b-awytq4cns0],
.nav-designer-shell .logo-color-grid label[b-awytq4cns0],
.nav-designer-shell .logo-size-control label[b-awytq4cns0] {
    color: #2563eb;
    font-weight: 500;
}

.nav-designer-shell .topbar-actions button[b-awytq4cns0],
.nav-designer-shell .navigation-element-tool[b-awytq4cns0],
.nav-designer-shell .compact-upload-label button[b-awytq4cns0],
.nav-designer-shell .theme-typography-accordion-body button[b-awytq4cns0] {
    font-weight: 500;
}
/* /Components/BPMWorkspace/Pages/PasswordRecoveryPage.razor.rz.scp.css */
.password-recovery[b-59y7kpx09a]{max-width:520px;margin:4rem auto;padding:2rem;border:1px solid #d7e2f2;border-radius:16px;background:white;color:#17243b}
.password-recovery h1[b-59y7kpx09a]{font-size:1.5rem}.password-recovery label[b-59y7kpx09a]{display:block;margin-bottom:6px}.password-recovery button[b-59y7kpx09a]{margin:16px 0}.password-recovery p[b-59y7kpx09a]{line-height:1.5}
@media(max-width:600px){.password-recovery[b-59y7kpx09a]{margin:1rem;padding:1.25rem}}
/* /Components/BPMWorkspace/Pages/ProjectDataImportPanel.razor.rz.scp.css */
.data-import-backdrop[b-dxno699b3x] { position: fixed; inset: 0; z-index: 1250; background: #0f172a66; backdrop-filter: blur(3px); }
.data-import-dialog[b-dxno699b3x] { position: fixed; z-index: 1251; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(720px, calc(100vw - 36px)); max-height: 90vh; display: flex; flex-direction: column; color: #172033; background: #f8fbff; border: 1px solid #dbe6f5; border-radius: 18px; box-shadow: 0 24px 80px #0f172a33; overflow: hidden; }
.data-import-header[b-dxno699b3x] { display: flex; justify-content: space-between; align-items: start; gap: 20px; padding: 22px 26px; background: #fff; border-bottom: 1px solid #dbe6f5; }
.data-import-header h2[b-dxno699b3x] { margin: 0 0 6px; font-size: 1.3rem; }
.data-import-header p[b-dxno699b3x] { margin: 0; color: #64748b; font-size: .88rem; line-height: 1.5; }
.data-import-target[b-dxno699b3x] { display: inline-flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-top: 13px; padding: 8px 12px; border-radius: 9px; border: 1px solid #bfdbfe; background: #eff6ff; color: #1e40af; font-size: .85rem; overflow-wrap: anywhere; }
.data-import-target span[b-dxno699b3x] { font-weight: 700; }
.data-import-body[b-dxno699b3x] { padding: 22px 26px; overflow-y: auto; min-height: 0; }
.data-import-card[b-dxno699b3x] { padding: 19px 20px; margin-bottom: 17px; background: #fff; border: 1px solid #dbe6f5; border-radius: 12px; }
.data-import-card:last-child[b-dxno699b3x] { margin-bottom: 0; }
.data-import-card h3[b-dxno699b3x] { margin: 0 0 9px; font-size: 1rem; }
.data-import-card p[b-dxno699b3x] { margin: 8px 0; color: #64748b; font-size: .88rem; line-height: 1.5; overflow-wrap: anywhere; }
.data-import-actions[b-dxno699b3x] { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin: 14px 0; }
.data-import-dialog button[b-dxno699b3x] { cursor: pointer; }
.data-import-dialog button:disabled[b-dxno699b3x] { opacity: .5; cursor: default; }
.data-import-button[b-dxno699b3x] { padding: 9px 14px; border: 1px solid #cbd5e1; border-radius: 8px; color: #334155; background: #fff; font-weight: 600; }
.data-import-button.primary[b-dxno699b3x] { color: #fff; border-color: #1d4ed8; background: #2563eb; }
.data-import-close[b-dxno699b3x] { flex: 0 0 32px; border: none; background: #f1f5f9; border-radius: 8px; width: 32px; height: 32px; font-size: 1.15rem; color: #475569; }
.data-import-file-label[b-dxno699b3x] { display: block; margin-bottom: 12px; font-weight: 700; }
.data-import-card[b-dxno699b3x]  .data-import-file { display: block; width: 100%; max-width: 100%; box-sizing: border-box; padding: 13px; border: 1px dashed #93c5fd; border-radius: 8px; background: #f8fbff; }
.data-import-notice[b-dxno699b3x] { border-radius: 9px; padding: 12px 14px; margin-bottom: 15px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; font-size: .86rem; line-height: 1.5; overflow-wrap: anywhere; }
.data-import-notice.error[b-dxno699b3x] { color: #991b1b; background: #fff1f2; border-color: #fecdd3; }
.data-import-notice.success[b-dxno699b3x] { color: #166534; background: #f0fdf4; border-color: #bbf7d0; }
.data-import-notice ul[b-dxno699b3x] { margin: 6px 0; padding-left: 20px; }
.data-import-checks[b-dxno699b3x] { display: grid; gap: 9px; margin: 14px 0; padding: 0; list-style: none; font-size: .88rem; line-height: 1.5; }
.data-import-checks li[b-dxno699b3x] { padding-left: 23px; position: relative; }
.data-import-checks li[b-dxno699b3x]::before { position: absolute; left: 0; font-weight: 700; }
.data-import-checks .passed[b-dxno699b3x] { color: #166534; }
.data-import-checks .passed[b-dxno699b3x]::before { content: "✓"; }
.data-import-checks .pending[b-dxno699b3x] { color: #991b1b; }
.data-import-checks .pending[b-dxno699b3x]::before { content: "!"; }
.data-import-confirmation[b-dxno699b3x] { padding: 17px; margin-top: 18px; border: 1px solid #bbf7d0; border-radius: 9px; background: #f0fdf4; }
.data-import-confirmation p[b-dxno699b3x] { color: #334155; }
.data-import-confirmation .primary[b-dxno699b3x] { margin-top: 9px; }
.data-import-summary[b-dxno699b3x] { display: flex; gap: 12px; flex-wrap: wrap; margin: 14px 0; }
.data-import-summary div[b-dxno699b3x] { flex: 1; min-width: 110px; padding: 12px; border: 1px solid #dbe6f5; border-radius: 9px; background: #f8fbff; }
.data-import-summary strong[b-dxno699b3x] { display: block; font-size: 1.35rem; color: #1e40af; }
.data-import-summary span[b-dxno699b3x] { font-size: .8rem; color: #64748b; }
.data-import-details[b-dxno699b3x] { margin-top: 18px; }
.data-import-details summary[b-dxno699b3x] { margin-bottom: 10px; color: #334155; font-size: .88rem; font-weight: 600; cursor: pointer; }
.data-import-table-wrap[b-dxno699b3x] { overflow-x: auto; }
.data-import-table[b-dxno699b3x] { width: 100%; border-collapse: collapse; font-size: .84rem; }
.data-import-table th[b-dxno699b3x] { color: #64748b; font-size: .77rem; text-align: left; background: #f8fafc; }
.data-import-table th[b-dxno699b3x], .data-import-table td[b-dxno699b3x] { padding: 10px 12px; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
.data-import-table td small[b-dxno699b3x] { display: block; color: #64748b; margin-top: 3px; overflow-wrap: anywhere; }
.data-import-footer[b-dxno699b3x] { display: flex; justify-content: flex-end; padding: 14px 26px; border-top: 1px solid #dbe6f5; background: #fff; }
.data-import-busy[b-dxno699b3x] { display: inline-flex; align-items: center; gap: 8px; font-size: .86rem; color: #1d4ed8; }
.data-import-spinner[b-dxno699b3x] { flex: 0 0 14px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #bfdbfe; border-top-color: #2563eb; animation: data-import-spin-b-dxno699b3x 1s linear infinite; }
@keyframes data-import-spin-b-dxno699b3x { to { transform: rotate(360deg); } }
@media (max-width: 640px) { .data-import-dialog[b-dxno699b3x] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); border-radius: 12px; } .data-import-header[b-dxno699b3x], .data-import-body[b-dxno699b3x], .data-import-footer[b-dxno699b3x] { padding: 17px; } .data-import-target[b-dxno699b3x] { align-items: start; flex-direction: column; gap: 4px; } .data-import-summary div[b-dxno699b3x] { min-width: 88px; } }
/* /Components/BPMWorkspace/Pages/ProjectJsonSampleDataPanel.razor.rz.scp.css */
.json-sample-backdrop[b-ckxv6ak3g3] { position: fixed; inset: 0; z-index: 1250; background: #10233a66; backdrop-filter: blur(3px); }
.json-sample-dialog[b-ckxv6ak3g3] { position: fixed; inset: 4vh max(18px, calc((100vw - 1080px) / 2)); z-index: 1251; display: flex; flex-direction: column; overflow: hidden; background: #f4f8fe; border: 1px solid #d8e5f5; border-radius: 18px; box-shadow: 0 25px 80px #0f172a40; color: #20324c; }
.json-sample-header[b-ckxv6ak3g3] { display: flex; justify-content: space-between; align-items: start; gap: 18px; padding: 22px 26px; background: #fff; border-bottom: 1px solid #dbe6f5; }
.json-sample-eyebrow[b-ckxv6ak3g3] { color: #587399; font-size: .73rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.json-sample-header h2[b-ckxv6ak3g3] { margin: 5px 0; color: #123e78; font-size: 1.45rem; }
.json-sample-header p[b-ckxv6ak3g3] { margin: 0; color: #526c8c; font-size: .88rem; }
.json-sample-target[b-ckxv6ak3g3] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; font-size: .86rem; }
.json-sample-target span[b-ckxv6ak3g3] { padding: 4px 8px; border: 1px solid #bfdbfe; border-radius: 6px; background: #eff6ff; color: #1e40af; }
.json-sample-close[b-ckxv6ak3g3] { width: 34px; height: 34px; border: 0; border-radius: 9px; background: #edf3fb; color: #38506f; font-size: 1.3rem; }
.json-sample-body[b-ckxv6ak3g3] { flex: 1; padding: 22px 26px; overflow: auto; }
.json-sample-card[b-ckxv6ak3g3] { margin-bottom: 17px; padding: 19px 21px; border: 1px solid #d9e5f3; border-radius: 12px; background: #fff; }
.json-sample-card.current[b-ckxv6ak3g3] { border-color: #b9d5f3; background: linear-gradient(120deg, #f7fbff, #fff); }
.json-sample-card h3[b-ckxv6ak3g3] { margin: 0 0 10px; font-size: 1rem; color: #173c6d; }
.json-sample-card p[b-ckxv6ak3g3] { margin: 8px 0; line-height: 1.5; color: #58708c; font-size: .88rem; }
.json-sample-card-heading[b-ckxv6ak3g3] { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 10px; }
.json-sample-state[b-ckxv6ak3g3] { display: inline-flex; padding: 5px 9px; border-radius: 6px; font-size: .78rem; font-weight: 700; border: 1px solid #cbd5e1; background: #f1f5f9; color: #475569; }
.json-sample-state.active[b-ckxv6ak3g3] { color: #06644b; background: #dcfce7; border-color: #a7e8c6; }
.json-sample-dataset[b-ckxv6ak3g3] { display: block; margin-top: 5px; font-size: 1rem; }
.json-sample-summary[b-ckxv6ak3g3] { display: flex; flex-wrap: wrap; gap: 11px; margin: 14px 0; }
.json-sample-summary div[b-ckxv6ak3g3] { min-width: 125px; padding: 10px 15px; border: 1px solid #dce7f4; border-radius: 9px; background: #f8fbff; }
.json-sample-summary strong[b-ckxv6ak3g3] { display: block; color: #1760ae; font-size: 1.35rem; }
.json-sample-summary span[b-ckxv6ak3g3] { color: #627792; font-size: .79rem; }
.json-sample-actions[b-ckxv6ak3g3] { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 14px; }
.json-sample-dialog button[b-ckxv6ak3g3] { cursor: pointer; }
.json-sample-dialog button:disabled[b-ckxv6ak3g3] { opacity: .5; cursor: default; }
.json-sample-button[b-ckxv6ak3g3] { padding: 9px 14px; border: 1px solid #c5d3e5; border-radius: 8px; background: #fff; color: #354e6e; font-size: .84rem; font-weight: 600; }
.json-sample-button.primary[b-ckxv6ak3g3] { border-color: #1164c1; background: #136dce; color: #fff; }
.json-sample-button:focus-visible[b-ckxv6ak3g3], .json-sample-close:focus-visible[b-ckxv6ak3g3], .json-sample-details summary:focus-visible[b-ckxv6ak3g3] { outline: 3px solid #60a5fa; outline-offset: 3px; }
.json-sample-file[b-ckxv6ak3g3] { display: block; width: min(100%, 600px); padding: 13px; border: 1px dashed #94b9e4; border-radius: 8px; background: #f6faff; }
.json-sample-file-meta[b-ckxv6ak3g3] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 11px; color: #546b87; font-size: .82rem; overflow-wrap: anywhere; }
.json-sample-notice[b-ckxv6ak3g3] { margin-bottom: 15px; padding: 12px 14px; border: 1px solid #bfd8f7; border-radius: 9px; background: #eff6ff; color: #1d4b86; font-size: .86rem; line-height: 1.5; }
.json-sample-notice.error[b-ckxv6ak3g3] { color: #9f2334; background: #fff1f2; border-color: #fecdd3; }
.json-sample-notice.success[b-ckxv6ak3g3] { color: #11624d; background: #effcf4; border-color: #b6e9ce; }
.json-sample-notice ul[b-ckxv6ak3g3] { margin: 6px 0; padding-left: 20px; }
.json-sample-notice li[b-ckxv6ak3g3] { margin: 3px 0; overflow-wrap: anywhere; }
.json-sample-card .json-sample-muted[b-ckxv6ak3g3] { font-size: .79rem; color: #708198; }
.json-sample-details[b-ckxv6ak3g3] { margin-top: 15px; padding-top: 12px; border-top: 1px solid #e4edf7; }
.json-sample-details summary[b-ckxv6ak3g3] { color: #235791; cursor: pointer; font-size: .85rem; font-weight: 600; }
.json-sample-table-wrap[b-ckxv6ak3g3] { overflow-x: auto; margin-top: 10px; }
.json-sample-table[b-ckxv6ak3g3] { width: 100%; border-collapse: collapse; font-size: .84rem; }
.json-sample-table th[b-ckxv6ak3g3], .json-sample-table td[b-ckxv6ak3g3] { padding: 9px 12px; border-bottom: 1px solid #e0e9f4; text-align: left; }
.json-sample-table th[b-ckxv6ak3g3] { color: #586f8b; background: #f4f8fd; font-size: .78rem; }
.json-sample-table .numeric[b-ckxv6ak3g3] { text-align: right; }
.json-sample-restore[b-ckxv6ak3g3] { margin-top: 15px; padding: 15px; border: 1px solid #f5d39b; border-radius: 9px; background: #fffbef; }
.json-sample-restore strong[b-ckxv6ak3g3] { color: #8a5813; }
.json-sample-footer[b-ckxv6ak3g3] { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 26px; border-top: 1px solid #dce6f4; background: #fff; color: #708198; font-size: .79rem; }
.json-sample-spinner[b-ckxv6ak3g3] { display: inline-block; width: 14px; height: 14px; margin-right: 9px; vertical-align: middle; border: 2px solid #b9d4f3; border-top-color: #1d6ed1; border-radius: 50%; animation: json-sample-spin-b-ckxv6ak3g3 1s linear infinite; }
@keyframes json-sample-spin-b-ckxv6ak3g3 { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .json-sample-spinner[b-ckxv6ak3g3] { animation: none; } }
@media (max-width: 640px) { .json-sample-dialog[b-ckxv6ak3g3] { inset: 12px; border-radius: 12px; } .json-sample-header[b-ckxv6ak3g3], .json-sample-body[b-ckxv6ak3g3], .json-sample-footer[b-ckxv6ak3g3] { padding: 17px; } .json-sample-summary div[b-ckxv6ak3g3] { flex: 1; min-width: 85px; } .json-sample-footer[b-ckxv6ak3g3] { flex-wrap: wrap; } }
/* /Components/BPMWorkspace/Pages/ProjectSettings.razor.rz.scp.css */
.project-settings-shell[b-13b9j2rt2h] {
    min-height: 100vh;
    padding: 0.7rem;
    background: #eef4fb;
    color: #172033;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.project-settings-header[b-13b9j2rt2h],
.project-link-panel[b-13b9j2rt2h],
.settings-empty[b-13b9j2rt2h],
.settings-index[b-13b9j2rt2h],
.setting-detail-page[b-13b9j2rt2h],
.setting-doc-card[b-13b9j2rt2h] {
    border: 1px solid #dbe6f5;
    border-radius: 0.9rem;
    background: #ffffff;
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.project-settings-header[b-13b9j2rt2h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1rem;
    margin-bottom: 0.55rem;
    border-top: 3px solid #2563eb;
    background: linear-gradient(180deg, #ffffff 0%, #fafdff 100%);
}

.project-settings-header h1[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.015em;
}

.project-settings-header p[b-13b9j2rt2h],
.settings-empty p[b-13b9j2rt2h],
.setting-detail-page p[b-13b9j2rt2h],
.setting-doc-card p[b-13b9j2rt2h] {
    margin: 0.3rem 0 0;
    color: #64748b;
    font-size: 0.84rem;
    line-height: 1.55;
}

.settings-eyebrow[b-13b9j2rt2h] {
    margin: 0 0 0.25rem !important;
    color: var(--workspace-label-color, #0078d4) !important;
    font-size: 0.66rem;
    font-weight: var(--workspace-label-weight, 500);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.project-settings-actions[b-13b9j2rt2h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-content: start;
    justify-content: flex-end;
}

.project-settings-toast[b-13b9j2rt2h] {
    position: fixed;
    top: 1.1rem;
    right: 1.1rem;
    z-index: 200;
    display: grid;
    gap: 0.2rem;
    min-width: min(24rem, calc(100vw - 2rem));
    padding: 0.85rem 1rem;
    border: 1px solid #b7cdf5;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(240, 247, 255, 0.97));
    box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, 0.16);
    animation: project-settings-toast-in-b-13b9j2rt2h 180ms ease-out;
}

    .project-settings-toast strong[b-13b9j2rt2h] {
        color: var(--workspace-label-color, #0078d4);
        font-size: 0.84rem;
        font-weight: 500;
    }

    .project-settings-toast span[b-13b9j2rt2h] {
        color: #475569;
        font-size: 0.82rem;
        line-height: 1.4;
    }

.workspace-action-button[b-13b9j2rt2h] {
    min-height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.6rem 0.9rem;
    border: 1px solid transparent;
    border-radius: 0.7rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 500;
    letter-spacing: 0;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.workspace-action-button svg[b-13b9j2rt2h] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
}

.workspace-action-button span[b-13b9j2rt2h] {
    white-space: nowrap;
}

.workspace-action-button:hover:not(:disabled)[b-13b9j2rt2h] {
    transform: translateY(-1px);
}

.workspace-action-button:active:not(:disabled)[b-13b9j2rt2h] {
    transform: translateY(1px) scale(0.988);
    box-shadow: 0 0.35rem 0.9rem rgba(15, 23, 42, 0.18);
}

.workspace-action-button:focus-visible[b-13b9j2rt2h] {
    outline: 2px solid #bfdbfe;
    outline-offset: 2px;
}

.workspace-action-button:disabled[b-13b9j2rt2h] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.workspace-action-button-secondary[b-13b9j2rt2h] {
    border-color: #cfe0f5;
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
    color: #17365d;
    box-shadow: 0 0.45rem 1rem rgba(37, 99, 235, 0.08);
}

.workspace-action-button-secondary:hover:not(:disabled)[b-13b9j2rt2h] {
    border-color: #9ec5f8;
    background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
    box-shadow: 0 0.75rem 1.35rem rgba(37, 99, 235, 0.12);
}

.workspace-action-button-primary[b-13b9j2rt2h] {
    border-color: #0f5bd7;
    background: linear-gradient(180deg, #2f8fff 0%, #1367e8 100%);
    color: #ffffff;
    box-shadow: 0 0.7rem 1.5rem rgba(19, 103, 232, 0.28);
}

.workspace-action-button-primary:hover:not(:disabled)[b-13b9j2rt2h] {
    border-color: #0b54cf;
    background: linear-gradient(180deg, #4299ff 0%, #0f5bd7 100%);
    box-shadow: 0 0.95rem 1.7rem rgba(19, 103, 232, 0.34);
}

.project-settings-actions button:not(.workspace-action-button)[b-13b9j2rt2h],
.settings-empty button[b-13b9j2rt2h],
.setting-save-bar button:not(.workspace-action-button)[b-13b9j2rt2h] {
    min-height: 2.5rem;
    padding: 0.65rem 0.95rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.55rem;
    background: #ffffff;
    color: #1e293b;
    font-weight: 500;
    cursor: pointer;
}

.project-settings-actions .primary[b-13b9j2rt2h],
.settings-empty .primary[b-13b9j2rt2h],
.setting-save-bar .primary[b-13b9j2rt2h] {
    border-color: #0072f0;
    background: linear-gradient(180deg, #0084ff, #0067d8);
    color: #ffffff;
}

.project-settings-actions button:not(.workspace-action-button):disabled[b-13b9j2rt2h],
.setting-save-bar button:not(.workspace-action-button):disabled[b-13b9j2rt2h] {
    opacity: 0.55;
    cursor: not-allowed;
}

.settings-empty[b-13b9j2rt2h] {
    display: grid;
    place-items: center;
    min-height: 18rem;
    gap: 0.75rem;
    padding: 1.5rem;
    text-align: center;
}

.settings-empty h2[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
}

.project-settings-loading-shell[b-13b9j2rt2h] {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 2rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 18%, rgba(96, 165, 250, 0.22), transparent 33rem),
        linear-gradient(135deg, #f8fbff 0%, #eef5ff 48%, #dbeafe 100%);
}

.settings-loading-state[b-13b9j2rt2h] {
    width: min(100%, 24rem);
    box-sizing: border-box;
    min-height: 0;
    padding: 2.5rem 3rem;
    border-color: rgba(191, 219, 254, 0.8);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1.5rem 4rem rgba(30, 64, 175, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(14px);
}

.settings-loading-state h2[b-13b9j2rt2h] {
    font-size: clamp(1.15rem, 2.5vw, 1.35rem);
    font-weight: 750;
    letter-spacing: -0.025em;
}

.settings-loading-state p[b-13b9j2rt2h] {
    max-width: 20rem;
    margin: -0.2rem 0 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.settings-loading-icon[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(3, 0.42rem);
    place-content: center;
    gap: 0.3rem;
    width: 4.25rem;
    height: 4.25rem;
    margin-bottom: 0.75rem;
    border-radius: 1.25rem;
    background: linear-gradient(145deg, #60a5fa, #2563eb);
    box-shadow: 0 0.8rem 1.5rem rgba(37, 99, 235, 0.3);
}

.settings-loading-icon span[b-13b9j2rt2h] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 0.12rem;
    background: #ffffff;
    animation: settings-grid-pulse-b-13b9j2rt2h 1.4s ease-in-out infinite;
}

.settings-loading-icon span:nth-child(2n)[b-13b9j2rt2h] { animation-delay: 0.12s; }
.settings-loading-icon span:nth-child(3n)[b-13b9j2rt2h] { animation-delay: 0.24s; }
.settings-loading-icon span:nth-child(4n)[b-13b9j2rt2h] { animation-delay: 0.36s; }

.settings-loading-indicator[b-13b9j2rt2h] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 0.5rem;
}

.settings-loading-indicator span[b-13b9j2rt2h] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: #2563eb;
    animation: settings-loading-pulse-b-13b9j2rt2h 1.1s ease-in-out infinite;
}

.settings-loading-indicator span:nth-child(2)[b-13b9j2rt2h] { animation-delay: 0.14s; }
.settings-loading-indicator span:nth-child(3)[b-13b9j2rt2h] { animation-delay: 0.28s; }

@keyframes settings-grid-pulse-b-13b9j2rt2h {
    0%, 100% { opacity: 0.4; transform: scale(0.82); }
    50% { opacity: 1; transform: scale(1); }
}

@keyframes settings-loading-pulse-b-13b9j2rt2h {
    0%, 100% { opacity: 0.35; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-0.35rem); }
}

@media (max-width: 480px) {
    .project-settings-loading-shell[b-13b9j2rt2h] { padding: 1.25rem; }
    .settings-loading-state[b-13b9j2rt2h] { padding: 2.25rem 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .settings-loading-icon span[b-13b9j2rt2h],
    .settings-loading-indicator span[b-13b9j2rt2h] { animation: none; }
}

.project-link-panel[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0.65rem;
    margin-bottom: 0.6rem;
}

.project-link-panel article[b-13b9j2rt2h] {
    min-width: 0;
    padding: 0.6rem 0.7rem;
    border: 1px solid #e7eef8;
    border-radius: 0.65rem;
    background: #fbfdff;
}

.project-link-panel span[b-13b9j2rt2h],
.setting-link-grid span[b-13b9j2rt2h],
.setting-form-grid label span[b-13b9j2rt2h] {
    display: block;
    color: var(--workspace-label-color, #0078d4);
    font-size: 0.68rem;
    font-weight: var(--workspace-label-weight, 500);
    letter-spacing: 0.01em;
}

.project-link-panel strong[b-13b9j2rt2h],
.setting-link-grid strong[b-13b9j2rt2h] {
    display: block;
    margin-top: 0.2rem;
    color: #172033;
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.25;
}

.project-settings-layout[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: 19.5rem minmax(0, 1fr);
    gap: 0.65rem;
}

.settings-index[b-13b9j2rt2h] {
    align-self: start;
    max-height: calc(100vh - 12rem);
    overflow-y: auto;
    padding: 0.75rem;
}

.settings-index-title[b-13b9j2rt2h] {
    margin-bottom: 0.65rem;
}

.settings-index-title h2[b-13b9j2rt2h],
.setting-doc-card h3[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
}

.settings-index-title small[b-13b9j2rt2h] {
    color: #64748b;
    font-size: 0.74rem;
}

.settings-index-accordion[b-13b9j2rt2h] {
    display: grid;
    gap: 0.65rem;
}

.settings-accordion-group[b-13b9j2rt2h] {
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 0.8rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

.settings-accordion-group:has(.settings-group-title[aria-expanded="true"])[b-13b9j2rt2h] {
    border-color: color-mix(in srgb, var(--settings-group-accent, #2563eb) 38%, #dbe4ef);
    box-shadow: 0 0.55rem 1.25rem rgba(15, 23, 42, 0.1);
}

.settings-group-title[b-13b9j2rt2h] {
    width: 100%;
    min-height: 2.6rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.55rem;
    align-items: center;
    gap: 0.55rem;
    padding: 0.42rem 0.58rem;
    border: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.18)),
        linear-gradient(135deg, var(--settings-group-wash), color-mix(in srgb, var(--settings-group-accent) 22%, #ffffff));
    color: var(--settings-group-text);
    cursor: pointer;
    text-align: left;
    box-shadow:
        inset 0 0.08rem 0 rgba(255, 255, 255, 0.92),
        inset 0 -0.16rem 0.28rem rgba(15, 23, 42, 0.1),
        0 0.18rem 0.48rem rgba(15, 23, 42, 0.08);
}

.settings-group-title:hover[b-13b9j2rt2h] {
    filter: saturate(1.06);
}

.settings-group-title span[b-13b9j2rt2h] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.settings-group-title strong[b-13b9j2rt2h] {
    overflow: hidden;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.18;
    text-overflow: ellipsis;
    text-shadow: none;
    white-space: nowrap;
}

.settings-group-title small[b-13b9j2rt2h] {
    color: color-mix(in srgb, var(--settings-group-text) 72%, #64748b);
    font-size: 0.62rem;
    font-weight: 400;
    line-height: 1.18;
    white-space: normal;
}

.settings-group-title svg[b-13b9j2rt2h] {
    width: 1.05rem;
    height: 1.05rem;
    justify-self: end;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.7));
}

.settings-accordion-group.project[b-13b9j2rt2h],
.settings-group-title.project[b-13b9j2rt2h] {
    --settings-group-accent: #2563eb;
    --settings-group-wash: #dbeafe;
    --settings-group-text: #1e3a8a;
}

.settings-accordion-group.mobile[b-13b9j2rt2h],
.settings-group-title.mobile[b-13b9j2rt2h] {
    --settings-group-accent: #0284c7;
    --settings-group-wash: #e0f2fe;
    --settings-group-text: #0c4a6e;
}

.settings-accordion-group.theme[b-13b9j2rt2h],
.settings-group-title.theme[b-13b9j2rt2h] {
    --settings-group-accent: #0f766e;
    --settings-group-wash: #ccfbf1;
    --settings-group-text: #115e59;
}

.settings-accordion-group.icons[b-13b9j2rt2h],
.settings-group-title.icons[b-13b9j2rt2h] {
    --settings-group-accent: #b45309;
    --settings-group-wash: #fef3c7;
    --settings-group-text: #7c2d12;
}

.settings-accordion-group.preview[b-13b9j2rt2h],
.settings-group-title.preview[b-13b9j2rt2h] {
    --settings-group-accent: #475569;
    --settings-group-wash: #e2e8f0;
    --settings-group-text: #1f2937;
}

.settings-group-body[b-13b9j2rt2h] {
    display: grid;
    gap: 0;
    padding: 0.45rem 0.55rem;
    border-top: 1px solid color-mix(in srgb, var(--settings-group-accent, #2563eb) 18%, #e5e7eb);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.setting-index-button[b-13b9j2rt2h] {
    width: 100%;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    gap: 0.18rem 0.72rem;
    align-items: center;
    padding: 0.65rem 0.15rem;
    border: 0;
    border-bottom: 1px solid #dbe6f5;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    transition: background 160ms ease, transform 160ms ease;
}

.setting-index-button.active[b-13b9j2rt2h],
.setting-index-button:hover[b-13b9j2rt2h] {
    background: #f8fbff;
    transform: translateX(-0.12rem);
}

.setting-index-button span[b-13b9j2rt2h] {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.05rem;
}

.setting-index-button strong[b-13b9j2rt2h] {
    grid-column: 2;
    grid-row: 1;
    color: #172033;
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.2;
}

.setting-index-button small[b-13b9j2rt2h] {
    grid-column: 2;
    grid-row: 2;
    color: #64748b;
    display: block;
    font-size: 0.65rem;
    font-weight: 400;
    line-height: 1.25;
}

.setting-index-button b[b-13b9j2rt2h] {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    color: #64748b;
    font-size: 1.2rem;
    font-weight: 500;
}

.settings-group-body .setting-index-button:last-child[b-13b9j2rt2h] {
    border-bottom: 0;
}

.settings-group-chevron[b-13b9j2rt2h] {
    transition: transform 160ms ease;
}

.settings-group-chevron.expanded[b-13b9j2rt2h] {
    transform: rotate(180deg);
}

.setting-detail-page[b-13b9j2rt2h] {
    min-width: 0;
    padding: 0.85rem;
}

.setting-detail-header[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.setting-detail-page h2[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.2;
}

.setting-detail-header p[b-13b9j2rt2h] {
    font-size: 0.84rem;
    line-height: 1.4;
}

.setting-detail-icon[b-13b9j2rt2h] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 0.9rem;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.35rem;
    font-weight: 500;
}

.setting-link-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.75rem;
}

.setting-link-grid article[b-13b9j2rt2h] {
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid #e7eef8;
    border-radius: 0.75rem;
    background: #fbfdff;
}

.setting-link-grid small[b-13b9j2rt2h] {
    display: block;
    margin-top: 0.3rem;
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.4;
}

.setting-form-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.setting-form-grid label[b-13b9j2rt2h] {
    display: grid;
    gap: 0.35rem;
}

.setting-form-grid input[b-13b9j2rt2h],
.setting-form-grid select[b-13b9j2rt2h],
.setting-form-grid textarea[b-13b9j2rt2h] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.6rem;
    background: #fbfdff;
    color: #172033;
    font: inherit;
}

.setting-form-grid input:disabled[b-13b9j2rt2h] {
    background: #f1f5f9;
    color: #64748b;
}

.setting-form-grid input:focus[b-13b9j2rt2h],
.setting-form-grid select:focus[b-13b9j2rt2h],
.setting-form-grid textarea:focus[b-13b9j2rt2h] {
    outline: 2px solid #bfdbfe;
    border-color: #2b77c8;
    background: #ffffff;
}

.setting-toggle[b-13b9j2rt2h] {
    align-content: start;
}

.setting-toggle input[b-13b9j2rt2h] {
    width: 1.2rem;
    height: 1.2rem;
}

.full-span[b-13b9j2rt2h] {
    grid-column: 1 / -1;
}

.setting-save-bar[b-13b9j2rt2h] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin: 1rem -1rem -1rem;
    padding: 0.9rem 1rem;
    border-top: 1px solid #dbe6f5;
    border-radius: 0 0 0.9rem 0.9rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 -0.55rem 1.35rem rgba(15, 23, 42, 0.08);
}

.setting-save-bar > span[b-13b9j2rt2h] {
    color: #475569;
    font-weight: 500;
}

.setting-doc-card[b-13b9j2rt2h] {
    margin-top: 1rem;
    padding: 1rem;
}

.code-doc-list[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.code-doc-list div[b-13b9j2rt2h] {
    padding: 0.85rem;
    border: 1px solid #e7eef8;
    border-radius: 0.75rem;
    background: #fbfdff;
}

.code-doc-list strong[b-13b9j2rt2h] {
    color: #172033;
    font-weight: 500;
}

.code-doc-list code[b-13b9j2rt2h] {
    padding: 0.08rem 0.3rem;
    border-radius: 0.3rem;
    background: #e7eef8;
    color: #17365d;
}

.time-zone-setting-panel[b-13b9j2rt2h] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, #fbfdff 0%, #f4fbff 100%);
}

.time-zone-setting-header[b-13b9j2rt2h] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

.time-zone-setting-header h3[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
}

.time-zone-current[b-13b9j2rt2h] {
    flex: 0 0 auto;
    padding: 0.45rem 0.7rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 500;
}

.time-zone-setting-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: minmax(18rem, 1.2fr) repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.time-zone-select-card[b-13b9j2rt2h],
.time-zone-setting-grid article[b-13b9j2rt2h] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid #e7eef8;
    border-radius: 0.75rem;
    background: #ffffff;
}

.time-zone-select-card > span[b-13b9j2rt2h],
.time-zone-setting-grid strong[b-13b9j2rt2h] {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 500;
}

.time-zone-setting-grid article span[b-13b9j2rt2h] {
    overflow-wrap: anywhere;
    color: #17365d;
    font-weight: 500;
}

.time-zone-setting-grid small[b-13b9j2rt2h] {
    color: #64748b;
    line-height: 1.4;
}

.azure-setting-card[b-13b9j2rt2h] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

.azure-setting-header[b-13b9j2rt2h] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.azure-setting-header h3[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
}

.azure-setting-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.azure-setting-grid label[b-13b9j2rt2h] {
    display: grid;
    gap: 0.35rem;
}

.azure-setting-grid label span[b-13b9j2rt2h] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 500;
}

.azure-setting-grid input[b-13b9j2rt2h],
.azure-setting-grid select[b-13b9j2rt2h] {
    width: 100%;
    min-height: 2.6rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.7rem;
    background: #ffffff;
    color: #172033;
    font: inherit;
}

.azure-setting-span-2[b-13b9j2rt2h] {
    grid-column: span 2;
}

.azure-setting-help-note[b-13b9j2rt2h] {
    margin-top: -0.1rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid #d8e5fb;
    border-radius: 0.75rem;
    background: #f7faff;
    color: #4b6285;
    font-size: 0.84rem;
    line-height: 1.5;
}

.azure-setting-help-note code[b-13b9j2rt2h] {
    color: #184fae;
    font-weight: 500;
}

.azure-setting-status[b-13b9j2rt2h] {
    display: grid;
    gap: 0.35rem;
}

.azure-setting-status-pill[b-13b9j2rt2h] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.6rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #bfe3ca;
    border-radius: 0.7rem;
    background: #eefaf2;
    color: #15803d;
}

.azure-setting-status-pill small[b-13b9j2rt2h] {
    color: inherit;
    font-size: 0.82rem;
    font-weight: 500;
}

.azure-setting-status-pill.success[b-13b9j2rt2h] {
    border-color: #bfe3ca;
    background: #eefaf2;
    color: #15803d;
}

.azure-setting-status-pill.failure[b-13b9j2rt2h] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.azure-validation-credentials[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: start;
    padding: 0.9rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.85rem;
    background: #ffffff;
}

.azure-validation-credentials-copy[b-13b9j2rt2h] {
    display: grid;
    gap: 0.25rem;
}

.azure-validation-credentials-copy strong[b-13b9j2rt2h] {
    color: #17365d;
    font-size: 0.85rem;
    font-weight: 500;
}

.azure-validation-credentials-copy p[b-13b9j2rt2h] {
    margin: 0;
    color: #64748b;
    font-size: 0.8rem;
}

.azure-validation-credentials label[b-13b9j2rt2h] {
    display: grid;
    gap: 0.35rem;
}

.azure-validation-credentials label span[b-13b9j2rt2h] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 500;
}

.azure-validation-credentials input[b-13b9j2rt2h] {
    width: 100%;
    min-height: 2.6rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.7rem;
    background: #ffffff;
    color: #172033;
    font: inherit;
}

.azure-validation-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.azure-validation-card[b-13b9j2rt2h] {
    display: grid;
    gap: 0.75rem;
    padding: 0.95rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.9rem;
    background: #ffffff;
}

.azure-validation-card.success[b-13b9j2rt2h] {
    border-color: #bbf7d0;
    background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
}

.azure-validation-card.failure[b-13b9j2rt2h] {
    border-color: #fecaca;
    background: linear-gradient(180deg, #ffffff 0%, #fef2f2 100%);
}

.azure-validation-card.pending[b-13b9j2rt2h] {
    border-color: #bfdbfe;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
}

.azure-validation-card-header[b-13b9j2rt2h] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: start;
}

.azure-validation-card-header span[b-13b9j2rt2h] {
    display: block;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 500;
}

.azure-validation-card-header strong[b-13b9j2rt2h] {
    color: #17365d;
    font-size: 0.96rem;
    font-weight: 500;
}

.azure-validation-badge[b-13b9j2rt2h] {
    padding: 0.3rem 0.55rem;
    border: 1px solid #dbe6f5;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 0.74rem;
    font-weight: 500;
    white-space: nowrap;
}

.azure-validation-badge.success[b-13b9j2rt2h] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.azure-validation-badge.failure[b-13b9j2rt2h] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.azure-validation-badge.pending[b-13b9j2rt2h] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.azure-validation-checks[b-13b9j2rt2h] {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1rem;
}

.azure-validation-checks li[b-13b9j2rt2h] {
    display: grid;
    gap: 0.15rem;
}

.azure-validation-checks li strong[b-13b9j2rt2h] {
    color: #17365d;
    font-size: 0.8rem;
}

.azure-validation-checks li span[b-13b9j2rt2h] {
    color: #475569;
    font-size: 0.78rem;
    line-height: 1.45;
}

.azure-validation-checks li.failure strong[b-13b9j2rt2h],
.azure-validation-checks li.failure span[b-13b9j2rt2h] {
    color: #991b1b;
}

.azure-setting-toggle-row[b-13b9j2rt2h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.azure-setting-toggle-row .setting-toggle-row[b-13b9j2rt2h] {
    min-width: 18rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.8rem;
    background: #ffffff;
}

.azure-setting-actions[b-13b9j2rt2h] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.azure-setting-actions.single[b-13b9j2rt2h] {
    justify-content: flex-end;
}

@media (max-width: 1180px) {
    .project-settings-layout[b-13b9j2rt2h],
    .setting-link-grid[b-13b9j2rt2h],
    .time-zone-setting-grid[b-13b9j2rt2h],
    .azure-setting-grid[b-13b9j2rt2h],
    .azure-validation-grid[b-13b9j2rt2h],
    .azure-validation-credentials[b-13b9j2rt2h] {
        grid-template-columns: 1fr;
    }

    .settings-index[b-13b9j2rt2h] {
        max-height: none;
    }

    .project-link-panel[b-13b9j2rt2h],
    .setting-form-grid[b-13b9j2rt2h],
    .code-doc-list[b-13b9j2rt2h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .project-settings-header[b-13b9j2rt2h],
    .setting-save-bar[b-13b9j2rt2h],
    .azure-setting-header[b-13b9j2rt2h],
    .azure-setting-actions[b-13b9j2rt2h] {
        display: grid;
    }

    .project-settings-actions[b-13b9j2rt2h] {
        width: 100%;
        justify-content: start;
    }

    .workspace-action-button[b-13b9j2rt2h] {
        flex: 1 1 13rem;
    }

    .project-link-panel[b-13b9j2rt2h],
    .setting-form-grid[b-13b9j2rt2h],
    .code-doc-list[b-13b9j2rt2h] {
        grid-template-columns: 1fr;
    }

    .azure-setting-toggle-row .setting-toggle-row[b-13b9j2rt2h] {
        min-width: 0;
    }

    .project-settings-toast[b-13b9j2rt2h] {
        top: auto;
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        min-width: auto;
    }
}

/* Theme Designer */
.project-theme-designer[b-13b9j2rt2h] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--bpm-project-border, #dbe6f5);
    border-radius: 0.9rem;
    background: #ffffff;
}

.project-theme-designer-header[b-13b9j2rt2h] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

    .project-theme-designer-header h3[b-13b9j2rt2h] {
        margin: 0;
        color: #17365d;
    }

    .project-theme-designer-header p[b-13b9j2rt2h] {
        margin: 0.25rem 0 0;
        color: #64748b;
    }

.theme-primary[b-13b9j2rt2h] {
    align-self: start;
}

.project-theme-designer-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: minmax(20rem, 0.9fr) minmax(0, 1.1fr);
    gap: 1rem;
}

.project-theme-control-card[b-13b9j2rt2h] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e7eef8;
    border-radius: 0.9rem;
    background: #fbfdff;
}

.theme-panel-section[b-13b9j2rt2h] {
    display: grid;
    gap: 0.6rem;
}

.theme-section-heading[b-13b9j2rt2h] {
    display: grid;
    gap: 0.2rem;
}

    .theme-section-heading strong[b-13b9j2rt2h] {
        color: #172033;
    }

    .theme-section-heading span[b-13b9j2rt2h] {
        color: #64748b;
        font-size: 0.8rem;
        line-height: 1.4;
    }

    .theme-panel-section > label[b-13b9j2rt2h],
    .theme-panel-grid label[b-13b9j2rt2h] {
        color: #334155;
        font-weight: 500;
    }

.bpm-select[b-13b9j2rt2h] {
    width: 100%;
    min-height: 2.6rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--bpm-project-border, #dbe6f5);
    border-radius: 0.65rem;
    background: #ffffff;
    color: #172033;
    font-weight: 500;
}

    .bpm-select:focus[b-13b9j2rt2h] {
        outline: 0;
        border-color: var(--bpm-project-focus, #1592ff);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--bpm-project-focus, #1592ff) 18%, transparent);
    }

.theme-swatches[b-13b9j2rt2h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.theme-swatch[b-13b9j2rt2h] {
    width: 2.2rem;
    height: 2.2rem;
    border: 2px solid #ffffff;
    border-radius: 0.65rem;
    background: var(--swatch-color);
    box-shadow: 0 0 0 1px #dbe6f5;
    cursor: pointer;
}

    .theme-swatch.active[b-13b9j2rt2h] {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--swatch-color) 35%, transparent);
    }

.theme-custom-color-control[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

    .theme-custom-color-control input[type="color"][b-13b9j2rt2h] {
        width: 3rem;
        height: 2.4rem;
        padding: 0.15rem;
        border: 1px solid #dbe6f5;
        border-radius: 0.55rem;
        background: #ffffff;
        cursor: pointer;
    }

    .theme-custom-color-control span[b-13b9j2rt2h] {
        color: #334155;
        font-weight: 500;
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 0.78rem;
    }

.theme-color-token-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.theme-color-token[b-13b9j2rt2h] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

    .theme-color-token > span[b-13b9j2rt2h] {
        color: #334155;
        font-weight: 500;
    }

.layout-options[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.layout-option[b-13b9j2rt2h] {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem;
    border: 1px solid var(--bpm-project-border, #dbe6f5);
    border-radius: 0.75rem;
    background: #ffffff;
    color: #172033;
    text-align: center;
    cursor: pointer;
}

    .layout-option.active[b-13b9j2rt2h] {
        border-color: var(--bpm-project-primary, #075da8);
        background: color-mix(in srgb, var(--bpm-project-primary, #075da8) 9%, #ffffff);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--bpm-project-primary, #075da8) 14%, transparent);
    }

.layout-preview[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem;
    height: 2.1rem;
}

    .layout-preview i[b-13b9j2rt2h] {
        display: block;
        border-radius: 0.35rem;
        background: color-mix(in srgb, var(--bpm-project-primary, #075da8) 18%, #e2e8f0);
    }

    .layout-preview.compact[b-13b9j2rt2h] {
        gap: 0.12rem;
    }

    .layout-preview.spacious[b-13b9j2rt2h] {
        gap: 0.45rem;
    }

.theme-panel-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.theme-panel-grid-typography[b-13b9j2rt2h] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.project-theme-preview[b-13b9j2rt2h] {
    align-self: start;
    position: sticky;
    top: 1rem;
    overflow: hidden;
    border: 1px solid var(--bpm-project-border, #dbe6f5);
    border-radius: 0.9rem;
    background: var(--bpm-project-bg, #f8fbff);
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.theme-preview-hero[b-13b9j2rt2h] {
    min-height: 8rem;
    display: grid;
    align-content: center;
    gap: 0.35rem;
    padding: 1.25rem;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.2), transparent 28%), linear-gradient( var(--bpm-project-gradient-angle, 115deg), var(--bpm-project-primary-dark, #0f2f56) 0%, var(--bpm-project-primary, #075da8) 52%, var(--bpm-project-primary-light, #1592ff) 100% );
    color: #ffffff;
}

    .theme-preview-hero h3[b-13b9j2rt2h],
    .theme-preview-hero p[b-13b9j2rt2h] {
        margin: 0;
    }

.project-theme-preview-body[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: minmax(10.5rem, 11.5rem) minmax(0, 1fr);
    min-height: 15rem;
}

    .project-theme-preview-body aside[b-13b9j2rt2h] {
        display: grid;
        align-content: start;
        gap: 0.65rem;
        padding: 1rem 0.7rem;
        background: linear-gradient( 180deg, var(--bpm-project-primary-dark, #0f2f56), var(--bpm-project-primary, #075da8), var(--bpm-project-primary-light, #1592ff) );
        color: #ffffff;
    }

    .project-theme-preview-body main[b-13b9j2rt2h] {
        padding: 1rem;
    }

.preview-sidebar-badge[b-13b9j2rt2h] {
    padding: 0.3rem 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.66rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: center;
}

.preview-sidebar-title[b-13b9j2rt2h] {
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.preview-sidebar-item[b-13b9j2rt2h] {
    width: 100%;
    padding: 0.55rem 0.45rem;
    border: 1px solid transparent;
    border-radius: 0.7rem;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

    .preview-sidebar-item.active[b-13b9j2rt2h] {
        background: rgba(255, 255, 255, 0.14);
        border-color: rgba(255, 255, 255, 0.16);
    }

.preview-type-specimen[b-13b9j2rt2h] {
    display: grid;
    gap: 0.3rem;
    margin-bottom: 0.9rem;
}

    .preview-type-specimen h4[b-13b9j2rt2h],
    .preview-type-specimen p[b-13b9j2rt2h] {
        margin: 0;
    }

.preview-kicker[b-13b9j2rt2h] {
    color: var(--bpm-project-muted, #64748b);
    font-size: 0.74rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.preview-stat-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

    .preview-stat-grid article[b-13b9j2rt2h] {
        display: grid;
        gap: 0.2rem;
        padding: 0.75rem 0.8rem;
        border: 1px solid var(--bpm-project-border, #dbe6f5);
        border-radius: 0.8rem;
        background: color-mix(in srgb, var(--bpm-project-surface, #ffffff) 92%, var(--bpm-project-primary, #075da8));
    }

    .preview-stat-grid span[b-13b9j2rt2h] {
        color: var(--bpm-project-muted, #64748b);
        font-size: 0.74rem;
        font-weight: 500;
    }

    .preview-stat-grid strong[b-13b9j2rt2h] {
        color: var(--bpm-project-text, #172033);
    }

.project-theme-preview .section-card[b-13b9j2rt2h] {
    border: 1px solid var(--bpm-project-border, #dbe6f5);
    border-radius: 0.85rem;
    background: var(--bpm-project-surface, #ffffff);
    overflow: hidden;
}

.project-theme-preview .section-header[b-13b9j2rt2h] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--bpm-project-border, #dbe6f5);
    background: color-mix(in srgb, var(--bpm-project-primary, #075da8) 10%, #ffffff);
}

.project-theme-preview .bpm-grid[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 1rem;
}

.project-theme-preview .span-6[b-13b9j2rt2h] {
    grid-column: span 6;
}

.project-theme-preview .field-shell[b-13b9j2rt2h] {
    display: grid;
    gap: 0.35rem;
}

.project-theme-preview input[b-13b9j2rt2h] {
    width: 100%;
    padding: 0.7rem;
    border: 1px solid var(--bpm-project-border, #dbe6f5);
    border-radius: 0.55rem;
    font: inherit;
}

    .project-theme-preview input:focus[b-13b9j2rt2h] {
        outline: 0;
        border-color: var(--bpm-field-focus, var(--bpm-project-focus, #1592ff));
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--bpm-field-focus, var(--bpm-project-focus, #1592ff)) 18%, transparent);
    }

.project-theme-preview .form-action-button[b-13b9j2rt2h] {
    grid-column: span 12;
    justify-self: start;
    padding: 0.7rem 1rem;
    border: 1px solid var(--bpm-project-primary, #075da8);
    border-radius: 0.65rem;
    background: var(--bpm-project-primary, #075da8);
    color: #ffffff;
    font-weight: 500;
}

/* Match the settings specimen to the same controls used by rendered forms. */
.project-theme-preview.bpm-section-style-card .section-card[b-13b9j2rt2h] {
    border-radius: var(--bpm-project-radius, 14px);
    box-shadow: var(--bpm-project-shadow);
}
.project-theme-preview.bpm-section-style-bordered .section-card[b-13b9j2rt2h] {
    border: 2px solid var(--bpm-project-primary);
    border-radius: var(--bpm-project-radius, 14px);
    box-shadow: none;
}
.project-theme-preview.bpm-section-style-plain .section-card[b-13b9j2rt2h] {
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}
.project-theme-preview.bpm-section-style-plain .section-header[b-13b9j2rt2h] {
    background: transparent;
}
.project-theme-preview.bpm-section-style-coloredheader .section-header[b-13b9j2rt2h] {
    background: color-mix(in srgb, var(--bpm-project-primary) 18%, var(--bpm-project-surface));
}
.project-theme-preview.bpm-button-style-outline .form-action-button[b-13b9j2rt2h] {
    background: var(--bpm-project-surface);
    color: var(--bpm-project-primary);
}
.project-theme-preview.bpm-button-style-soft .form-action-button[b-13b9j2rt2h] {
    background: color-mix(in srgb, var(--bpm-project-primary) 14%, var(--bpm-project-surface));
    color: var(--bpm-project-primary);
}
.project-theme-preview input[b-13b9j2rt2h],
.project-theme-preview .form-action-button[b-13b9j2rt2h] {
    border-radius: var(--bpm-project-radius, 14px);
}
.project-theme-preview.bpm-field-style-filled input[b-13b9j2rt2h] {
    background: color-mix(in srgb, var(--bpm-project-primary) 5%, var(--bpm-project-surface));
    border-color: transparent;
}
.project-theme-preview.bpm-field-style-underline input[b-13b9j2rt2h] {
    border-width: 0 0 2px;
    border-radius: 0;
    background: transparent;
}
.project-theme-preview.bpm-density-compact .bpm-grid[b-13b9j2rt2h] {
    gap: 6px;
    padding: 8px;
}
.project-theme-preview.bpm-density-compact input[b-13b9j2rt2h] {
    min-height: 32px;
    padding: 6px 8px;
}
.project-theme-preview.bpm-density-spacious .bpm-grid[b-13b9j2rt2h] {
    gap: 20px;
    padding: 22px;
}
.project-theme-preview.bpm-density-spacious input[b-13b9j2rt2h] {
    min-height: 48px;
    padding: 14px 16px;
}

@media (max-width: 980px) {
    .project-theme-preview[b-13b9j2rt2h] {
        position: static;
    }
    .project-theme-designer-grid[b-13b9j2rt2h] {
        grid-template-columns: 1fr;
    }

    .theme-panel-grid-typography[b-13b9j2rt2h],
    .theme-color-token-grid[b-13b9j2rt2h],
    .preview-stat-grid[b-13b9j2rt2h],
    .global-grid-settings-layout[b-13b9j2rt2h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .theme-color-token-grid[b-13b9j2rt2h],
    .theme-panel-grid[b-13b9j2rt2h],
    .theme-panel-grid-typography[b-13b9j2rt2h],
    .preview-stat-grid[b-13b9j2rt2h],
    .global-grid-settings-layout[b-13b9j2rt2h],
    .global-grid-settings-panel[b-13b9j2rt2h],
    .project-theme-preview-body[b-13b9j2rt2h],
    .layout-options[b-13b9j2rt2h] {
        grid-template-columns: 1fr;
    }
}

@keyframes project-settings-toast-in-b-13b9j2rt2h {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.global-grid-settings-card[b-13b9j2rt2h] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid #dbe6f5;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 0.45rem 1.2rem rgba(15, 23, 42, 0.08);
}

.global-grid-settings-header[b-13b9j2rt2h] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.global-grid-settings-header h3[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1.25;
}

.global-grid-settings-layout[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.95fr);
    gap: 1rem;
}

.global-grid-settings-panel[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.9rem;
}

.global-grid-settings-group[b-13b9j2rt2h],
.global-grid-preview-card[b-13b9j2rt2h] {
    padding: 1rem;
    border: 1px solid #dbe6f5;
    border-radius: 0.95rem;
    background: #ffffff;
    box-shadow: 0 0.3rem 0.9rem rgba(15, 23, 42, 0.05);
}

.global-grid-settings-group[b-13b9j2rt2h] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.global-grid-settings-group h4[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
    font-size: 0.92rem;
    font-weight: 500;
}

.global-grid-settings-group label[b-13b9j2rt2h] {
    display: grid;
    gap: 0.35rem;
}

.global-grid-settings-group label span[b-13b9j2rt2h] {
    color: #4f6b8c;
    font-size: 0.76rem;
    font-weight: 500;
}

.global-grid-settings-group input[b-13b9j2rt2h],
.global-grid-settings-group select[b-13b9j2rt2h] {
    width: 100%;
    min-height: 2.6rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.7rem;
    background: #ffffff;
    color: #172033;
    font: inherit;
}

.global-grid-settings-group input[type="color"][b-13b9j2rt2h] {
    min-height: 2.8rem;
    padding: 0.2rem;
}

.setting-toggle-row[b-13b9j2rt2h] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.setting-toggle-row input[type="checkbox"][b-13b9j2rt2h] {
    width: 1rem;
    min-height: 1rem;
    padding: 0;
}

.global-grid-preview-card[b-13b9j2rt2h] {
    display: grid;
    align-content: start;
}

.global-grid-preview-card .bpm-grid-shell[b-13b9j2rt2h] {
    display: grid;
    gap: 0.75rem;
    --bpm-grid-alt-row-bg: #f8fafc;
    --bpm-grid-selected-row-bg: #dbeafe;
    --bpm-grid-font-size: 0.85rem;
    --bpm-grid-header-bg: #f8fbff;
    --bpm-grid-header-color: #000000;
    --bpm-grid-header-border: #cbd5e1;
    --bpm-grid-header-font-size: 0.78rem;
    --bpm-grid-header-font-weight: 500;
    --bpm-grid-add-bg: #ffffff;
    --bpm-grid-add-color: #2563eb;
    --bpm-grid-add-border: #cbd5e1;
    --bpm-grid-add-font-size: 0.78rem;
    --bpm-grid-add-radius: 6px;
}

.global-grid-preview-card .bpm-grid-table-shell[b-13b9j2rt2h] {
    overflow: auto;
    max-height: var(--bpm-grid-height, 500px);
    border: 1px solid #dbe6f5;
    border-radius: 0.9rem;
    background: #ffffff;
}

.global-grid-preview-card .designer-grid[b-13b9j2rt2h] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--bpm-grid-font-size);
}

.global-grid-preview-card th[b-13b9j2rt2h],
.global-grid-preview-card td[b-13b9j2rt2h] {
    padding: 0.78rem 0.85rem;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

.global-grid-preview-card th:last-child[b-13b9j2rt2h],
.global-grid-preview-card td:last-child[b-13b9j2rt2h] {
    border-right: 0;
}

.global-grid-preview-card th[b-13b9j2rt2h] {
    background: var(--bpm-grid-header-bg);
    color: var(--bpm-grid-header-color);
    border-color: var(--bpm-grid-header-border);
    font-size: var(--bpm-grid-header-font-size);
    font-weight: var(--bpm-grid-header-font-weight);
}

.global-grid-preview-card tbody tr:last-child td[b-13b9j2rt2h] {
    border-bottom: 0;
}

.global-grid-preview-card .grid-cell-text[b-13b9j2rt2h],
.global-grid-preview-card .grid-header-button-label[b-13b9j2rt2h] {
    display: inline-flex;
    align-items: center;
}

.global-grid-preview-card .bpm-grid-status[b-13b9j2rt2h] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 500;
}

.global-grid-preview-card .bpm-grid-actions-bar[b-13b9j2rt2h] {
    display: flex;
}

.global-grid-preview-card .grid-actions-align-left[b-13b9j2rt2h] {
    justify-content: flex-start;
}

.global-grid-preview-card .grid-actions-align-right[b-13b9j2rt2h] {
    justify-content: flex-end;
}

.global-grid-preview-card .grid-add-row-button[b-13b9j2rt2h] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--bpm-grid-add-border);
    border-radius: var(--bpm-grid-add-radius);
    background: var(--bpm-grid-add-bg);
    color: var(--bpm-grid-add-color);
    font-size: var(--bpm-grid-add-font-size);
    font-weight: 500;
}

.global-grid-preview-card .grid-add-row-button-standard[b-13b9j2rt2h] {
    box-shadow: none;
}

.global-grid-preview-card .grid-add-row-button-embossed[b-13b9j2rt2h] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -2px 0 rgba(15, 23, 42, 0.08),
        0 6px 14px rgba(15, 23, 42, 0.08);
}

.global-grid-preview-card .grid-add-row-button-light-shadow[b-13b9j2rt2h] {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.global-grid-preview-card .grid-add-row-button-dark-shadow[b-13b9j2rt2h] {
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.16);
}

.global-grid-preview-card .grid-header-style-embossed th[b-13b9j2rt2h] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), inset 0 -2px 0 rgba(15, 23, 42, 0.1);
}

.global-grid-preview-card .grid-header-style-light-shadow th[b-13b9j2rt2h] {
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.global-grid-preview-card .grid-header-style-dark-shadow th[b-13b9j2rt2h] {
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.16);
}

.global-grid-preview-card .grid-row-height-narrow th[b-13b9j2rt2h],
.global-grid-preview-card .grid-row-height-narrow td[b-13b9j2rt2h] {
    padding-top: 0.52rem;
    padding-bottom: 0.52rem;
}

.global-grid-preview-card .grid-row-height-comfortable th[b-13b9j2rt2h],
.global-grid-preview-card .grid-row-height-comfortable td[b-13b9j2rt2h] {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
}

.global-grid-preview-card .grid-borderless th[b-13b9j2rt2h],
.global-grid-preview-card .grid-borderless td[b-13b9j2rt2h] {
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.global-grid-preview-card .grid-striped tbody tr:nth-child(even) td[b-13b9j2rt2h] {
    background: var(--bpm-grid-alt-row-bg);
}

.global-filter-panel-settings-card[b-13b9j2rt2h] {
    border-top: 3px solid #2563eb;
}

.global-form-action-settings-card[b-13b9j2rt2h] {
    border-top: 3px solid #1d4ed8;
}

.global-form-action-settings-panel[b-13b9j2rt2h],
.global-form-action-profile-editor[b-13b9j2rt2h] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.global-form-action-profile-heading[b-13b9j2rt2h] {
    grid-column: 1 / -1;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e2e8f0;
}

.global-form-action-color-picker[b-13b9j2rt2h] {
    grid-column: 1 / -1;
    min-width: 0;
}

.global-form-action-color-picker[b-13b9j2rt2h]  .property-row {
    margin: 0;
}

.global-form-action-profile-heading small[b-13b9j2rt2h],
.global-form-action-preview-note[b-13b9j2rt2h],
.global-form-action-inheritance-note[b-13b9j2rt2h] {
    margin: 0;
    color: #64748b;
    font-size: .8rem;
    line-height: 1.45;
}

.global-form-action-preview-card[b-13b9j2rt2h] {
    min-width: 0;
}

.global-form-action-preview-row[b-13b9j2rt2h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    min-height: 5.5rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #dbe6f5;
    border-radius: .85rem;
    background: linear-gradient(145deg, #f8fbff, #ffffff);
}

.global-form-action-preview-row .form-action-button[b-13b9j2rt2h] {
    cursor: default;
}

.global-filter-panel-settings-layout[b-13b9j2rt2h] {
    align-items: stretch;
}

.global-filter-panel-inheritance-note p[b-13b9j2rt2h] {
    margin: 0;
    color: #64748b;
    font-size: .82rem;
    line-height: 1.5;
}

.global-filter-preview-card[b-13b9j2rt2h] {
    min-width: 0;
}

.global-filter-preview-header[b-13b9j2rt2h] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    margin-bottom: .9rem;
}

.global-filter-preview-header span[b-13b9j2rt2h] {
    color: var(--workspace-label-color, #0078d4);
    font-size: .7rem;
    font-weight: var(--workspace-label-weight, 500);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.global-filter-preview-header strong[b-13b9j2rt2h] {
    color: #16345d;
    font-size: 1rem;
    font-weight: 500;
}

.global-filter-preview-panel[b-13b9j2rt2h] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #dbe6f5;
    border-radius: 14px;
    background: linear-gradient(145deg, #f8fbff, #ffffff);
}

.global-filter-preview-fields[b-13b9j2rt2h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.global-filter-preview-fields label[b-13b9j2rt2h] {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

.global-filter-preview-fields label span[b-13b9j2rt2h] {
    color: #4f6b8c;
    font-size: .68rem;
    font-weight: 500;
    text-transform: uppercase;
}

.global-filter-preview-fields input[b-13b9j2rt2h],
.global-filter-preview-fields select[b-13b9j2rt2h] {
    width: 100%;
    min-width: 0;
    border: 1px solid #d7e1ef;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: .58rem .62rem;
}

.global-filter-preview-button[b-13b9j2rt2h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.5rem;
    margin-left: auto;
    border: 1px solid var(--button-border);
    border-radius: var(--button-radius, 7px);
    background: var(--button-bg);
    color: var(--button-color);
    box-shadow: 0 8px 18px rgba(37, 99, 235, .18);
    font-weight: 500;
    cursor: default;
}

.project-settings-header strong[b-13b9j2rt2h],
.setting-detail-page strong[b-13b9j2rt2h] {
    font-weight: 500;
}

.setting-detail-page h3[b-13b9j2rt2h],
.setting-detail-page h4[b-13b9j2rt2h] {
    font-weight: 500;
}

.global-filter-preview-button.button-visual-embossed[b-13b9j2rt2h] {
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .35), 0 5px 0 rgba(15, 23, 42, .12);
}

.global-filter-preview-button.button-visual-light-shadow[b-13b9j2rt2h] {
    box-shadow: 0 5px 14px rgba(15, 23, 42, .12);
}

.global-filter-preview-button.button-visual-dark-shadow[b-13b9j2rt2h] {
    box-shadow: 0 8px 14px rgba(15, 23, 42, .28);
}

@media (max-width: 900px) {
    .global-filter-preview-fields[b-13b9j2rt2h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .global-grid-settings-layout[b-13b9j2rt2h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .global-grid-settings-panel[b-13b9j2rt2h] {
        grid-template-columns: 1fr;
    }

    .global-form-action-profile-editor[b-13b9j2rt2h] {
        grid-template-columns: 1fr;
    }

    .global-form-action-profile-heading[b-13b9j2rt2h] {
        grid-column: auto;
    }

    .global-grid-settings-header[b-13b9j2rt2h] {
        flex-direction: column;
    }
}

/* Shared shell for project setting editors. */
.project-setting-panel[b-13b9j2rt2h] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbe6f5;
    border-top: 3px solid #2563eb;
    border-radius: 0.9rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

.project-setting-panel > .project-theme-designer-header h3[b-13b9j2rt2h],
.project-setting-panel > .time-zone-setting-header h3[b-13b9j2rt2h],
.project-setting-panel > .global-grid-settings-header h3[b-13b9j2rt2h] {
    margin: 0;
    color: #17365d;
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1.25;
}

.project-setting-panel > .project-theme-designer-header p[b-13b9j2rt2h],
.project-setting-panel > .time-zone-setting-header p[b-13b9j2rt2h],
.project-setting-panel > .global-grid-settings-header p[b-13b9j2rt2h] {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.84rem;
    line-height: 1.45;
}

.project-setting-form-panel .setting-form-grid[b-13b9j2rt2h] {
    padding: 0.85rem;
    border: 1px solid #e7eef8;
    border-radius: 0.75rem;
    background: #fbfdff;
}

.project-setting-form-panel .setting-save-bar[b-13b9j2rt2h] {
    margin: 0 -1rem -1rem;
}
/* /Components/BPMWorkspace/Pages/ProjectWorkspace.razor.rz.scp.css */

:root[b-tzpux84ov3] {
    --workspace-blue: #1f8f64;
    --workspace-brand-dark: #111d2c;
    --workspace-brand-mid: #0f3f45;
    --workspace-brand: #19a979;
    --workspace-brand-light: #19a979;
    --workspace-gradient-angle: 115deg;
    --workspace-border: #dbe6f5;
    --workspace-text: #172033;
    --workspace-muted: #64748b;
    /* Font weight tokens */
    --workspace-font-weight-strong: 800;
    --workspace-font-weight-light: 820;
}

/* Layout */
.workspace-shell[b-tzpux84ov3] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 5.75rem minmax(0, 1fr);
    background: radial-gradient(circle at 100% 0%, var(--workspace-brand-light), transparent 24rem), linear-gradient(90deg, #eef4fb 0%, #eef4fb 72%, var(--workspace-brand-dark) 100%);
    color: var(--workspace-text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.workspace-main[b-tzpux84ov3] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    padding-bottom: 0.9rem;
}

.workspace-loading-main[b-tzpux84ov3] {
    grid-column: 1 / -1;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--workspace-brand-light) 25%, transparent), transparent 33rem),
        linear-gradient(135deg, #f8fbff 0%, #eef7f4 48%, #dff3eb 100%);
}

.workspace-loading-state[b-tzpux84ov3] {
    display: grid;
    justify-items: center;
    max-width: 24rem;
    padding: 2.5rem 3rem;
    border: 1px solid color-mix(in srgb, var(--workspace-brand-light) 28%, #dbe6f5);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--workspace-brand-dark) 16%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    text-align: center;
    backdrop-filter: blur(14px);
}

.workspace-loading-state h2[b-tzpux84ov3] {
    margin: 0;
    color: var(--workspace-brand-dark);
    font-size: clamp(1.15rem, 2.5vw, 1.35rem);
    font-weight: 750;
    letter-spacing: -0.025em;
}

.workspace-loading-state p[b-tzpux84ov3] {
    margin: 0.55rem 0 0;
    color: var(--workspace-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

.workspace-loading-mark[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.25rem;
    height: 4.25rem;
    margin-bottom: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(145deg, var(--workspace-brand-light), var(--workspace-brand-mid));
    box-shadow: 0 0.8rem 1.5rem color-mix(in srgb, var(--workspace-brand) 30%, transparent);
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: -0.11em;
}

.workspace-loading-mark span:nth-child(2)[b-tzpux84ov3] {
    opacity: 0.8;
}

.workspace-loading-mark span:nth-child(3)[b-tzpux84ov3] {
    opacity: 0.65;
}

.workspace-loading-indicator[b-tzpux84ov3] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 1.25rem;
}

.workspace-loading-indicator span[b-tzpux84ov3] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: var(--workspace-brand);
    animation: workspace-loading-pulse-b-tzpux84ov3 1.1s ease-in-out infinite;
}

.workspace-loading-indicator span:nth-child(2)[b-tzpux84ov3] {
    animation-delay: 0.14s;
}

.workspace-loading-indicator span:nth-child(3)[b-tzpux84ov3] {
    animation-delay: 0.28s;
}

@keyframes workspace-loading-pulse-b-tzpux84ov3 {
    0%, 100% {
        opacity: 0.35;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-0.35rem);
    }
}

@media (max-width: 480px) {
    .workspace-loading-main[b-tzpux84ov3] {
        padding: 1.25rem;
    }

    .workspace-loading-state[b-tzpux84ov3] {
        width: 100%;
        box-sizing: border-box;
        padding: 2.25rem 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workspace-loading-indicator span[b-tzpux84ov3] {
        animation: none;
    }
}

.workspace-grid[b-tzpux84ov3] {
    min-height: 0;
    display: grid;
    grid-template-columns: 20rem minmax(0, 1fr) 22rem;
    gap: 0.75rem;
    padding: 0 0.75rem;
}

.workspace-grid.settings-panel-collapsed[b-tzpux84ov3] {
    grid-template-columns: 20rem minmax(0, 1fr) 5.5rem;
}

.center-column[b-tzpux84ov3] {
    display: grid;
    gap: 0.75rem;
}

/* Left navigation */
.workspace-nav[b-tzpux84ov3] {
    display: grid;
    align-content: start;
    justify-items: center;
    gap: 0.65rem;
    padding: 0.85rem 0.55rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 34%), linear-gradient(180deg, var(--workspace-brand-dark) 0%, var(--workspace-brand-mid) 54%, var(--workspace-brand-light) 100%);
    color: white;
}

.workspace-logo[b-tzpux84ov3] {
    width: 3.25rem;
    height: 3.25rem;
    display: grid;
    place-items: center;
    margin-bottom: 0.35rem;
    border-radius: 1rem;
    background: white;
    color: #1f8f64;
    font-size: 1.65rem;
    font-weight: 500;
    box-shadow: 0 0.55rem 1.25rem rgba(5, 30, 32, 0.18);
}

.nav-item[b-tzpux84ov3] {
    width: 100%;
    min-height: 4rem;
    display: grid;
    place-items: center;
    gap: 0.25rem;
    border: 0;
    border-radius: 0.85rem;
    background: transparent;
    color: white;
    cursor: pointer;
    font-size: 0.72rem;
}

.nav-item span[b-tzpux84ov3] {
    font-size: 1.25rem;
}

.nav-item.active[b-tzpux84ov3],
.nav-item:hover[b-tzpux84ov3] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(54, 179, 126, 0.3));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

/* Header and toolbar */
.workspace-header[b-tzpux84ov3] {
    min-height: 4.6rem;
    padding: 0.7rem 1.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.18), transparent 28%), linear-gradient(var(--workspace-gradient-angle), var(--workspace-brand-dark) 0%, var(--workspace-brand-mid) 52%, var(--workspace-brand-light) 100%);
    color: white;
}

.workspace-heading[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.workspace-system-logo-button[b-tzpux84ov3] {
    width: auto;
    height: auto;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 0.9rem;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.workspace-system-logo-button:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgba(255, 255, 255, 0.45);
    outline-offset: 3px;
}

.workspace-header h1[b-tzpux84ov3] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: var(--workspace-font-weight-strong);
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.workspace-header h1:focus[b-tzpux84ov3],
.workspace-header h1:focus-visible[b-tzpux84ov3] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.workspace-header p[b-tzpux84ov3] {
    margin: 0.25rem 0 0;
    opacity: 0.9;
}

.header-actions[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.header-actions button[b-tzpux84ov3] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    position: relative;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: white;
    cursor: pointer;
}

.header-actions button sup[b-tzpux84ov3] {
    position: absolute;
    top: -0.25rem;
    right: -0.1rem;
    min-width: 1rem;
    height: 1rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #facc15;
    color: #0f172a;
    font-size: 0.65rem;
    font-weight: 500;
}

.header-actions .avatar[b-tzpux84ov3] {
    background: white;
    color: #176556;
    font-weight: 800;
}

.header-actions .logout-button[b-tzpux84ov3] {
    width: auto;
    min-width: 6.4rem;
    padding: 0 0.9rem;
    grid-auto-flow: column;
    gap: 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    font-weight: 800;
}

.header-actions .logout-button span[b-tzpux84ov3] {
    font-size: 0.82rem;
}

.action-toolbar[b-tzpux84ov3] {
    --action-toolbar-control-height: 2.75rem;
    position: sticky;
    top: 0.65rem;
    z-index: 40;
    margin: 0 0.75rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.85rem;
    border: 1px solid #c7d8ee;
    border-radius: 1rem;
    background:
        radial-gradient(circle at top center, rgba(96, 165, 250, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 250, 255, 0.97) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 18px 36px rgba(15, 23, 42, 0.14),
        0 6px 16px rgba(21, 94, 232, 0.10);
    backdrop-filter: blur(12px);
    overflow: visible;
}

.action-toolbar[b-tzpux84ov3]::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(191, 219, 254, 0.75));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.action-toolbar-spacer[b-tzpux84ov3] {
    flex: 1 1 2rem;
    min-width: 1rem;
}

.workspace-save-processing-overlay[b-tzpux84ov3] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(3px);
}

.workspace-save-processing-dialog[b-tzpux84ov3] {
    width: min(100%, 24rem);
    display: grid;
    justify-items: center;
    gap: 0.8rem;
    padding: 1.35rem 1.4rem;
    border: 1px solid #d9e4f2;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1.2rem 2.2rem rgba(15, 23, 42, 0.16);
    text-align: center;
}

.workspace-save-processing-dialog strong[b-tzpux84ov3] {
    color: #173b67;
    font-size: 1rem;
}

.workspace-save-processing-dialog p[b-tzpux84ov3] {
    margin: 0;
    color: #607089;
    font-size: 0.84rem;
    line-height: 1.5;
}

.workspace-project-loading-overlay[b-tzpux84ov3] {
    z-index: 1210;
}

.workspace-project-loading-dialog[b-tzpux84ov3] {
    width: min(100%, 26rem);
}

.workspace-save-processing-spinner[b-tzpux84ov3] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 3px solid #d9e4f2;
    border-top-color: #2f6ff2;
    animation: workspace-save-processing-spin-b-tzpux84ov3 0.8s linear infinite;
}

.workspace-save-processing-progress[b-tzpux84ov3] {
    width: 100%;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e4edf8;
}

.workspace-save-processing-progress span[b-tzpux84ov3] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2f6ff2 0%, #6ea8ff 100%);
    animation: workspace-save-processing-progress-slide-b-tzpux84ov3 1.2s ease-in-out infinite;
}

@keyframes workspace-save-processing-spin-b-tzpux84ov3 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes workspace-save-processing-progress-slide-b-tzpux84ov3 {
    0% {
        transform: translateX(-110%);
    }

    100% {
        transform: translateX(270%);
    }
}

    .action-toolbar button[b-tzpux84ov3] {
        min-width: 8.8rem;
        min-height: var(--action-toolbar-control-height);
        height: var(--action-toolbar-control-height);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        padding: 0 1rem;
        border: 1px solid #cfdced;
        border-radius: 0.62rem;
        background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
        box-sizing: border-box;
        color: #16345f;
        font-weight: var(--workspace-font-weight-strong);
        letter-spacing: 0.01em;
        line-height: 1.1;
        cursor: pointer;
        box-shadow: 0 2px 0 #c5d4e8, 0 8px 18px rgba(15, 23, 42, 0.08);
        transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease;
    }

.action-toolbar button:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #8eb6ef;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%);
    box-shadow: 0 2px 0 #b8cce6, 0 10px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.action-toolbar button:active:not(:disabled)[b-tzpux84ov3] {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #c5d4e8, 0 3px 8px rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ecf4ff 0%, #dfeeff 100%);
}

.action-toolbar button:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

.action-toolbar .primary[b-tzpux84ov3] {
    border-color: #1e61db;
    background: linear-gradient(180deg, #2f83ff 0%, #1463df 100%);
    color: white;
    box-shadow: 0 2px 0 #0f4db0, 0 12px 20px rgba(20, 99, 223, 0.3);
}

.action-toolbar .primary:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #1858c7;
    background: linear-gradient(180deg, #4690ff 0%, #1a6ae8 100%);
    box-shadow: 0 2px 0 #0e4aa6, 0 14px 22px rgba(20, 99, 223, 0.35);
}

.action-toolbar .primary:active:not(:disabled)[b-tzpux84ov3] {
    box-shadow: 0 1px 0 #0f4db0, 0 4px 10px rgba(20, 99, 223, 0.28);
}

.action-toolbar .outline[b-tzpux84ov3] {
    border: 2px solid #2b77c8;
    color: #075da8;
}

.action-toolbar .workspace-import-cta[b-tzpux84ov3] {
    position: relative;
    border: 1px solid #2f6ff2;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, #fafdff 0%, #e8f1ff 100%);
    color: #0f3d86;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 0 0 1px rgba(111, 163, 255, 0.28),
        0 2px 0 #b8cff4,
        0 12px 22px rgba(47, 111, 242, 0.16);
}

.action-toolbar .workspace-import-cta[b-tzpux84ov3]::after {
    content: "JSON";
    position: absolute;
    top: -0.45rem;
    right: 0.7rem;
    padding: 0.12rem 0.42rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #2f6ff2 0%, #1e5fdf 100%);
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    box-shadow: 0 0.4rem 0.8rem rgba(47, 111, 242, 0.24);
}

.action-toolbar .workspace-import-cta:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #205fdc;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, #ffffff 0%, #deebff 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 0 0 1px rgba(111, 163, 255, 0.34),
        0 2px 0 #afc8f0,
        0 14px 26px rgba(47, 111, 242, 0.22);
}

.action-toolbar .workspace-import-cta.active[b-tzpux84ov3] {
    border-color: #1d5ed7;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0) 32%),
        linear-gradient(180deg, #eff5ff 0%, #dbe8ff 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 0 0 2px rgba(72, 130, 244, 0.16),
        0 2px 0 #a9c2eb,
        0 16px 30px rgba(47, 111, 242, 0.24);
}

.action-toolbar .workspace-import-cta.importing[b-tzpux84ov3] {
    border-color: #1451c5;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, #edf4ff 0%, #d7e7ff 100%);
    color: #103978;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 0 0 2px rgba(52, 117, 239, 0.2),
        0 2px 0 #a5bce4,
        0 18px 32px rgba(47, 111, 242, 0.22);
}

.action-toolbar button:disabled[b-tzpux84ov3] {
    opacity: 0.55;
    transform: none;
    box-shadow: 0 1px 0 #d7e2f0;
    cursor: not-allowed;
}

.workspace-import-picker-panel[b-tzpux84ov3] {
    margin: 0.5rem 0.75rem 0;
    padding: 1.15rem 1.2rem 1.2rem;
    display: grid;
    gap: 1rem;
    position: relative;
    overflow: hidden;
    border: 1px solid #a8cafb;
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.16), transparent 12rem),
        radial-gradient(circle at bottom left, rgba(125, 211, 252, 0.12), transparent 11rem),
        linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.workspace-import-picker-panel[b-tzpux84ov3]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.32rem;
    background: linear-gradient(180deg, #2563eb 0%, #60a5fa 60%, #93c5fd 100%);
}

.workspace-import-picker-panel[b-tzpux84ov3]::after {
    content: "";
    position: absolute;
    left: 1.1rem;
    right: 1.1rem;
    top: 0;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #2563eb 0%, #60a5fa 52%, #93c5fd 100%);
}

.workspace-import-picker-copy[b-tzpux84ov3] {
    display: grid;
    gap: 0.25rem;
}

.workspace-import-picker-copy strong[b-tzpux84ov3] {
    color: #123a6f;
    font-size: 1.12rem;
    font-weight: 800;
}

.workspace-import-picker-copy p[b-tzpux84ov3] {
    margin: 0;
    max-width: 56rem;
    color: #536884;
    font-size: 0.92rem;
    line-height: 1.5;
}

.workspace-import-picker-eyebrow[b-tzpux84ov3] {
    color: #2563eb;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.workspace-import-picker-actions[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(18rem, 1.1fr) minmax(15rem, 0.9fr);
    gap: 0.85rem;
}

.workspace-import-picker-button[b-tzpux84ov3] {
    min-height: 5.85rem;
    padding: 1rem 1.05rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    border: 2px dashed #78a8ed;
    border-radius: 1rem;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(233, 243, 255, 0.96) 100%);
    color: #16437c;
    text-decoration: none;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 12px 22px rgba(37, 99, 235, 0.1);
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease, background 120ms ease;
}

.workspace-import-picker-button:hover[b-tzpux84ov3] {
    border-color: #4886e5;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0) 36%),
        linear-gradient(180deg, #ffffff 0%, #e5f0ff 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 16px 28px rgba(37, 99, 235, 0.14);
    transform: translateY(-1px);
}

.workspace-import-picker-button-icon[b-tzpux84ov3] {
    width: 3.2rem;
    height: 3.2rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #dbeafe 100%);
    color: #2563eb;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 10px 18px rgba(37, 99, 235, 0.14);
}

.workspace-import-picker-button-copy[b-tzpux84ov3] {
    display: grid;
    gap: 0.2rem;
}

.workspace-import-picker-button-copy strong[b-tzpux84ov3] {
    color: #16437c;
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.workspace-import-picker-button-copy small[b-tzpux84ov3] {
    color: #6580a6;
    font-size: 0.79rem;
    font-weight: 600;
    line-height: 1.45;
}

.workspace-import-picker-file-meta[b-tzpux84ov3] {
    min-width: 16rem;
    padding: 1rem 1.05rem;
    display: grid;
    gap: 0.26rem;
    border: 1px solid #cfe0f6;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 10px 18px rgba(15, 23, 42, 0.05);
}

.workspace-import-picker-file-label[b-tzpux84ov3] {
    color: #6c7f99;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workspace-import-picker-file-meta strong[b-tzpux84ov3] {
    color: #17345d;
    font-size: 0.9rem;
    font-weight: 800;
    word-break: break-word;
}

.workspace-import-picker-state[b-tzpux84ov3] {
    width: fit-content;
    margin-top: 0.15rem;
    padding: 0.24rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.workspace-import-picker-state.pending[b-tzpux84ov3] {
    color: #8a5a00;
    background: #fff7db;
}

.workspace-import-picker-state.ready[b-tzpux84ov3] {
    color: #166534;
    background: #dcfce7;
}

.workspace-import-picker-state.processing[b-tzpux84ov3] {
    color: #1d4ed8;
    background: #dbeafe;
}

.workspace-import-processing-overlay[b-tzpux84ov3] {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.28);
    backdrop-filter: blur(4px);
}

.workspace-import-processing-dialog[b-tzpux84ov3] {
    width: min(100%, 28rem);
    display: grid;
    justify-items: center;
    gap: 0.8rem;
    padding: 1.45rem 1.5rem;
    border: 1px solid #d4e2f5;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0) 38%),
        rgba(255, 255, 255, 0.98);
    box-shadow: 0 1.2rem 2.5rem rgba(15, 23, 42, 0.18);
    text-align: center;
}

.workspace-import-processing-dialog strong[b-tzpux84ov3] {
    color: #173b67;
    font-size: 1.05rem;
}

.workspace-import-processing-dialog p[b-tzpux84ov3] {
    margin: 0;
    color: #607089;
    font-size: 0.87rem;
    line-height: 1.55;
}

.workspace-import-processing-spinner[b-tzpux84ov3] {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 999px;
    border: 3px solid #d9e4f2;
    border-top-color: #2f6ff2;
    animation: image-two-processing-spin-b-tzpux84ov3 0.8s linear infinite;
}

.workspace-import-processing-progress[b-tzpux84ov3] {
    width: 100%;
    height: 0.52rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e4edf8;
}

.workspace-import-processing-progress span[b-tzpux84ov3] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2f6ff2 0%, #6ea8ff 100%);
    animation: image-two-processing-progress-slide-b-tzpux84ov3 1.2s ease-in-out infinite;
}

.workspace-hidden-file-input[b-tzpux84ov3] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 900px) {
    .workspace-import-picker-actions[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }
}

.workspace-status[b-tzpux84ov3] {
    position: sticky;
    top: 6.4rem;
    z-index: 39;
    margin: 0 0.75rem;
    padding: 0.65rem 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 0.75rem;
    background: rgba(239, 246, 255, 0.96);
    color: #1d4ed8;
    font-weight: 700;
    box-shadow: 0 0.55rem 1.2rem rgba(37, 99, 235, 0.10);
    backdrop-filter: blur(8px);
}

.workspace-import-feedback[b-tzpux84ov3] {
    margin: 0.5rem 0.75rem 0;
    padding: 0.85rem 1rem;
    border-radius: 0.75rem;
    display: grid;
    gap: 0.3rem;
    font-weight: 600;
}

.workspace-import-feedback strong[b-tzpux84ov3] {
    font-size: 0.95rem;
}

.workspace-import-feedback span[b-tzpux84ov3],
.workspace-import-feedback p[b-tzpux84ov3] {
    margin: 0;
    font-size: 0.84rem;
}

.workspace-import-feedback.success[b-tzpux84ov3] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.workspace-import-feedback.error[b-tzpux84ov3] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}
.agent-launch-button[b-tzpux84ov3] {
    position: relative;
    width: 3.25rem;
    min-width: 3.25rem !important;
    height: 3.25rem;
    min-height: 3.25rem;
    padding: 0.18rem !important;
    border: 1px solid rgba(118, 168, 255, 0.42) !important;
    border-radius: 1.05rem;
    background: radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.12) 36%, rgba(255, 255, 255, 0.04) 100%), linear-gradient(145deg, #dff3ff 0%, #b9dcff 30%, #7fb5ff 62%, #4b86f0 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), inset 0 -5px 10px rgba(56, 102, 190, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.28), 0 0.7rem 1.25rem rgba(69, 118, 220, 0.22), 0 0.14rem 0 rgba(63, 104, 185, 0.38) !important;
}

    .agent-launch-button:hover:not(:disabled)[b-tzpux84ov3] {
        filter: saturate(1.08) brightness(1.04);
        transform: translateY(-1px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -5px 10px rgba(56, 102, 190, 0.32), 0 0 0 1px rgba(166, 212, 255, 0.38), 0 0.9rem 1.55rem rgba(69, 118, 220, 0.28), 0 0.14rem 0 rgba(63, 104, 185, 0.42) !important;
    }

    .agent-launch-button:active:not(:disabled)[b-tzpux84ov3] {
        transform: translateY(1px);
        box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.32), inset 0 -5px 9px rgba(56, 102, 190, 0.28), 0 0.34rem 0.85rem rgba(69, 118, 220, 0.2) !important;
    }

.agent-launch-button:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgba(93, 167, 255, 0.3);
    outline-offset: 3px;
}

.agent-launch-button:disabled[b-tzpux84ov3] {
    opacity: 0.58;
    filter: grayscale(0.08) saturate(0.85);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -4px 10px rgba(7, 13, 36, 0.4),
        0 0.25rem 0.7rem rgba(15, 23, 42, 0.1) !important;
}

.action-toolbar .project-template-library-button[b-tzpux84ov3] {
    width: 2.8rem;
    min-width: 2.8rem;
    height: var(--action-toolbar-control-height);
    min-height: var(--action-toolbar-control-height);
    padding: 0.3rem;
    border-color: #b8d4f6;
    border-radius: 0.55rem;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
}

.project-template-library-button img[b-tzpux84ov3] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.agent-launch-glyph[b-tzpux84ov3] {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 0.86rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 24%),
        url('/images/bpm-ai-brain.svg') center / contain no-repeat;
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.16),
        inset 0 -10px 14px rgba(5, 7, 24, 0.36),
        0 0 0 1px rgba(181, 220, 255, 0.18);
}

.agent-launch-sr[b-tzpux84ov3] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ai-copilot-backdrop[b-tzpux84ov3] {
    position: fixed;
    inset: 0;
    z-index: 60;
    background:
        radial-gradient(circle at 82% 14%, rgba(37, 99, 235, 0.18), transparent 18rem),
        linear-gradient(180deg, rgba(8, 15, 30, 0.4), rgba(15, 23, 42, 0.58));
    backdrop-filter: blur(6px);
}

.ai-copilot-drawer[b-tzpux84ov3] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 61;
    width: min(88rem, calc(100vw - 1.2rem));
    display: grid;
    align-content: start;
    gap: 1.05rem;
    padding: 1.15rem;
    overflow: auto;
    border: 1px solid rgba(190, 210, 234, 0.88);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.08), transparent 14rem),
        linear-gradient(180deg, #fefefe 0%, #f5f9ff 100%);
    box-shadow: 0 1.8rem 4rem rgba(15, 23, 42, 0.24);
    isolation: isolate;
}

.workspace-ai-copilot-drawer[b-tzpux84ov3] {
    top: 5.6rem;
}

.ai-copilot-header[b-tzpux84ov3] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem 1.05rem;
    border: 1px solid rgba(202, 218, 239, 0.88);
    border-radius: 1.05rem;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.1), rgba(37, 99, 235, 0.08)),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.ai-copilot-header h3[b-tzpux84ov3] {
    margin: 0 0 0.45rem;
    color: #10213d;
    font-size: 1.34rem;
    line-height: 1.05;
    letter-spacing: -0.02em;
    font-weight: 700;
}

.ai-copilot-header p:last-child[b-tzpux84ov3] {
    margin: 0;
    max-width: 25rem;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.5;
    font-weight: 400;
}

.ai-copilot-eyebrow[b-tzpux84ov3] {
    margin: 0 0 0.3rem;
    color: #0f766e;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ai-copilot-hero-meta[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.ai-copilot-hero-meta span[b-tzpux84ov3] {
    padding: 0.42rem 0.7rem;
    border: 1px solid rgba(159, 184, 213, 0.72);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #0f2f56;
    font-size: 0.7rem;
    font-weight: 500;
}

.ai-copilot-close[b-tzpux84ov3] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border: 1px solid #bfd0e6;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    color: #334155;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
}

.ai-copilot-close:hover[b-tzpux84ov3] {
    transform: translateY(-1px);
    border-color: #94a3b8;
    background: #ffffff;
}

.ai-copilot-section[b-tzpux84ov3] {
    display: grid;
    gap: 0.5rem;
}

.ai-copilot-section label[b-tzpux84ov3] {
    color: #28415f;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ai-copilot-card[b-tzpux84ov3] {
    padding: 0.95rem 1rem 1rem;
    border: 1px solid rgba(210, 223, 239, 0.92);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.ai-copilot-shell[b-tzpux84ov3] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(20rem, 24rem) minmax(0, 1fr);
    gap: 1rem;
}

.ai-copilot-sidebar[b-tzpux84ov3],
.ai-copilot-workspace[b-tzpux84ov3] {
    min-height: 0;
}

.ai-copilot-sidebar[b-tzpux84ov3] {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.ai-copilot-sidebar-top[b-tzpux84ov3] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    gap: 0.85rem;
    padding-bottom: 0.2rem;
    background: linear-gradient(180deg, rgba(245, 249, 255, 0.98) 0%, rgba(245, 249, 255, 0.92) 82%, rgba(245, 249, 255, 0) 100%);
}

.ai-copilot-workspace[b-tzpux84ov3] {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding-right: 0.1rem;
    overflow: auto;
}

.ai-copilot-chat-intro[b-tzpux84ov3],
.ai-copilot-conversation[b-tzpux84ov3] {
    display: grid;
    gap: 0.8rem;
}

.ai-copilot-conversation[b-tzpux84ov3] {
    min-height: 16rem;
    max-height: 31rem;
    overflow: auto;
    padding-right: 0.15rem;
}

.ai-copilot-conversation-turn[b-tzpux84ov3] {
    display: grid;
    gap: 0.55rem;
}

.ai-copilot-conversation-turn.is-current .ai-copilot-question-button[b-tzpux84ov3] {
    border-color: rgba(15, 118, 110, 0.42);
    box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.08);
}

.ai-copilot-message[b-tzpux84ov3] {
    display: grid;
    gap: 0.38rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    text-align: left;
}

.ai-copilot-message strong[b-tzpux84ov3] {
    color: #10213d;
    font-size: 0.84rem;
    font-weight: 800;
}

.ai-copilot-message p[b-tzpux84ov3] {
    margin: 0;
    color: #43556d;
    font-size: 0.84rem;
    line-height: 1.55;
}

.ai-copilot-message.assistant[b-tzpux84ov3] {
    border: 1px solid rgba(186, 205, 228, 0.96);
    background: linear-gradient(180deg, #fbfdff 0%, #f1f7ff 100%);
}

.ai-copilot-message.user[b-tzpux84ov3] {
    margin-left: 1.6rem;
    border: 1px solid rgba(158, 222, 214, 0.96);
    background: linear-gradient(180deg, #f6fffd 0%, #e8faf6 100%);
}

.ai-copilot-question-button[b-tzpux84ov3] {
    width: 100%;
    appearance: none;
    cursor: pointer;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.ai-copilot-question-button:hover[b-tzpux84ov3] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.34);
}

.ai-copilot-question-step[b-tzpux84ov3] {
    color: #0f766e;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-copilot-readiness[b-tzpux84ov3] {
    display: grid;
    gap: 0.7rem;
}

.ai-copilot-readiness-header[b-tzpux84ov3],
.ai-copilot-inline-actions[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.ai-copilot-readiness-header strong[b-tzpux84ov3] {
    color: #10213d;
    font-size: 0.92rem;
}

.ai-copilot-readiness-header span[b-tzpux84ov3] {
    color: #0f766e;
    font-size: 0.88rem;
    font-weight: 800;
}

.ai-copilot-readiness-bar[b-tzpux84ov3] {
    position: relative;
    height: 0.72rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dfe9f5;
}

.ai-copilot-readiness-bar span[b-tzpux84ov3] {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #2aa79a 0%, #2f7fe6 100%);
}

.ai-copilot-readiness > p[b-tzpux84ov3],
.ai-copilot-current-question p[b-tzpux84ov3] {
    margin: 0;
    color: #52657e;
    font-size: 0.82rem;
    line-height: 1.5;
}

.ai-copilot-readiness-tags[b-tzpux84ov3],
.ai-copilot-tag-cloud[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.ai-copilot-readiness-tags span[b-tzpux84ov3],
.ai-copilot-tag-cloud span[b-tzpux84ov3] {
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: #eef4fb;
    color: #335173;
    font-size: 0.72rem;
    font-weight: 700;
}

.ai-copilot-current-question[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
}

.ai-copilot-current-question strong[b-tzpux84ov3] {
    color: #10213d;
    font-size: 0.92rem;
}

.ai-copilot-section-heading[b-tzpux84ov3] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.85rem;
}

.ai-copilot-section-heading p[b-tzpux84ov3] {
    margin: 0.18rem 0 0;
    color: #64748b;
    font-size: 0.8rem;
}

.ai-copilot-readiness-chip[b-tzpux84ov3] {
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(143, 182, 239, 0.8);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.ai-copilot-stepper[b-tzpux84ov3] {
    display: grid;
    gap: 0.6rem;
}

.ai-copilot-step[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr);
    grid-template-areas:
        "badge title"
        "badge desc";
    column-gap: 0.75rem;
    row-gap: 0.08rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid #d6e1ef;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    text-align: left;
    cursor: pointer;
}

.ai-copilot-step span[b-tzpux84ov3] {
    grid-area: badge;
    width: 2.1rem;
    height: 2.1rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #e0ecff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 500;
}

.ai-copilot-step strong[b-tzpux84ov3] {
    grid-area: title;
    color: #0f2f56;
    font-size: 0.88rem;
}

.ai-copilot-step small[b-tzpux84ov3] {
    grid-area: desc;
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.4;
}

.ai-copilot-step.active[b-tzpux84ov3] {
    border-color: #0f766e;
    background: linear-gradient(180deg, #f4fffd 0%, #eefaf8 100%);
    box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.08);
}

.ai-copilot-step.active span[b-tzpux84ov3] {
    background: #ccfbf1;
    color: #0f766e;
}

.ai-copilot-step.complete span[b-tzpux84ov3] {
    background: #dcfce7;
    color: #15803d;
}

.ai-copilot-step-panel[b-tzpux84ov3] {
    padding-top: 0.2rem;
}

.ai-copilot-form-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.ai-copilot-form-grid label[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
}

.ai-copilot-form-grid label span[b-tzpux84ov3] {
    color: #28415f;
    font-size: 0.78rem;
    font-weight: 700;
}

.ai-copilot-form-grid-span-2[b-tzpux84ov3] {
    grid-column: 1 / -1;
}

.ai-copilot-input[b-tzpux84ov3],
.ai-copilot-select[b-tzpux84ov3] {
    width: 100%;
    min-height: 2.65rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid #c8d6e8;
    border-radius: 0.8rem;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
    color: #172033;
    font: inherit;
}

.ai-copilot-input:focus[b-tzpux84ov3],
.ai-copilot-select:focus[b-tzpux84ov3] {
    outline: 0;
    border-color: #0f766e;
    box-shadow: 0 0 0 0.22rem rgba(15, 118, 110, 0.12);
}

.ai-copilot-toggle-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.8rem;
}

.ai-copilot-toggle-grid label[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.85rem;
    background: #f8fbff;
    color: #28415f;
    font-size: 0.8rem;
    font-weight: 700;
}

.ai-copilot-toggle-grid input[b-tzpux84ov3] {
    width: 1rem;
    height: 1rem;
}

.ai-copilot-step-actions[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.ai-copilot-step-actions button[b-tzpux84ov3],
.ai-copilot-inline-button[b-tzpux84ov3] {
    min-height: 2.25rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid #cfdced;
    border-radius: 0.72rem;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.ai-copilot-inline-button[b-tzpux84ov3] {
    white-space: nowrap;
}

.ai-copilot-step-actions button:disabled[b-tzpux84ov3] {
    opacity: 0.58;
    cursor: not-allowed;
}

.ai-copilot-sidebar-preview[b-tzpux84ov3] {
    display: grid;
    gap: 0.55rem;
    padding: 0.25rem 0;
}

.ai-copilot-sidebar-group[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-copilot-sidebar-module[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #cbd9ea;
    border-radius: 0.9rem;
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
}

.ai-copilot-sidebar-module strong[b-tzpux84ov3] {
    color: #10213d;
    font-size: 0.88rem;
}

.ai-copilot-sidebar-module span[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
}

.ai-copilot-sidebar-children[b-tzpux84ov3] {
    display: grid;
    gap: 0.45rem;
    padding-left: 0.9rem;
}

.ai-copilot-sidebar-child[b-tzpux84ov3] {
    padding: 0.62rem 0.8rem;
    border: 1px solid #d9e4f2;
    border-radius: 0.8rem;
    background: #fbfdff;
    color: #35506e;
    font-size: 0.79rem;
}

.ai-copilot-textarea[b-tzpux84ov3] {
    width: 100%;
    min-height: 8.5rem;
    padding: 1rem 1rem;
    border: 1px solid #c8d6e8;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
    color: #172033;
    font: inherit;
    resize: vertical;
    line-height: 1.5;
    box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.04);
}

.ai-copilot-textarea-compact[b-tzpux84ov3] {
    min-height: 5.2rem;
}

.ai-copilot-textarea:focus[b-tzpux84ov3] {
    outline: 0;
    border-color: #0f766e;
    box-shadow: 0 0 0 0.22rem rgba(15, 118, 110, 0.12);
}

.ai-copilot-actions[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
    padding: 0.2rem 0 0.15rem;
}

.ai-copilot-actions-grid[b-tzpux84ov3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-copilot-inline-actions button[b-tzpux84ov3] {
    flex: 1 1 0;
}

.ai-copilot-actions button[b-tzpux84ov3],
.ai-copilot-inline-actions button[b-tzpux84ov3] {
    min-width: 0;
    min-height: 2.45rem;
    padding: 0.56rem 0.72rem;
    border: 1px solid #cfdced;
    border-radius: 0.72rem;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    letter-spacing: 0;
    box-shadow: 0 2px 0 #c5d4e8, 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease, filter 120ms ease;
}

.ai-copilot-actions button:hover:not(:disabled)[b-tzpux84ov3],
.ai-copilot-inline-actions button:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #8eb6ef;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%);
    box-shadow: 0 2px 0 #b8cce6, 0 10px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.ai-copilot-actions button:active:not(:disabled)[b-tzpux84ov3],
.ai-copilot-inline-actions button:active:not(:disabled)[b-tzpux84ov3] {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #c5d4e8, 0 3px 8px rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ecf4ff 0%, #dfeeff 100%);
}

.ai-copilot-actions button:focus-visible[b-tzpux84ov3],
.ai-copilot-inline-actions button:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgba(37, 99, 235, 0.25);
    outline-offset: 2px;
}

.ai-copilot-actions .primary[b-tzpux84ov3],
.ai-copilot-inline-actions .primary[b-tzpux84ov3] {
    border-color: #0f766e;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 52%),
        linear-gradient(180deg, #2aa79a 0%, #198b80 58%, #16746c 100%);
    color: #f6fffe;
    box-shadow: 0 2px 0 #0d6761, 0 9px 18px rgba(15, 118, 110, 0.18);
}

.ai-copilot-actions .primary:hover:not(:disabled)[b-tzpux84ov3],
.ai-copilot-inline-actions .primary:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #0f766e;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 54%),
        linear-gradient(180deg, #35b1a3 0%, #22958a 58%, #16746c 100%);
    box-shadow: 0 2px 0 #0d6761, 0 11px 20px rgba(15, 118, 110, 0.22);
}

.ai-copilot-actions .primary:active:not(:disabled)[b-tzpux84ov3],
.ai-copilot-inline-actions .primary:active:not(:disabled)[b-tzpux84ov3] {
    box-shadow: 0 1px 0 #0d5f5d, 0 4px 10px rgba(15, 118, 110, 0.22);
}

.ai-copilot-actions button:disabled[b-tzpux84ov3],
.ai-copilot-inline-actions button:disabled[b-tzpux84ov3] {
    opacity: 0.58;
    color: #94a3b8;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    box-shadow: 0 1px 0 #d7e2f0;
    cursor: not-allowed;
    transform: none;
    filter: grayscale(0.1);
}

.ai-copilot-summary[b-tzpux84ov3],
.ai-copilot-response[b-tzpux84ov3],
.ai-copilot-preview-card[b-tzpux84ov3] {
    padding: 0.95rem;
    border: 1px solid rgba(205, 219, 238, 0.96);
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 0.45rem 1.1rem rgba(15, 23, 42, 0.05);
}

.ai-copilot-response[b-tzpux84ov3] {
    color: #35506e;
    font-size: 0.84rem;
    line-height: 1.5;
}

.ai-copilot-response.warning[b-tzpux84ov3] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.ai-copilot-preview-card[b-tzpux84ov3] {
    display: grid;
    gap: 0.25rem;
}

.ai-copilot-preview-card strong[b-tzpux84ov3] {
    color: #10213d;
    font-size: 0.9rem;
    font-weight: 800;
}

.ai-copilot-preview-card span[b-tzpux84ov3],
.ai-copilot-preview-card small[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.78rem;
}

.ai-copilot-preview-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.ai-copilot-preview-item[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(211, 223, 239, 0.96);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.92);
}

.ai-copilot-preview-item strong[b-tzpux84ov3] {
    color: #10213d;
    font-size: 0.85rem;
    font-weight: 450;
}

.ai-copilot-preview-item span[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.76rem;
}

.ai-copilot-processing[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    padding: 0.95rem 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fbff 100%);
    color: #1e3a8a;
}

.ai-copilot-processing strong[b-tzpux84ov3],
.ai-copilot-processing span[b-tzpux84ov3] {
    display: block;
}

.ai-copilot-processing strong[b-tzpux84ov3] {
    font-size: 0.92rem;
}

.ai-copilot-processing span[b-tzpux84ov3] {
    margin-top: 0.12rem;
    color: #47607d;
    font-size: 0.82rem;
}

.ai-copilot-processing-spinner[b-tzpux84ov3] {
    width: 1.15rem;
    height: 1.15rem;
    border: 2px solid rgba(37, 99, 235, 0.2);
    border-top-color: #2563eb;
    border-radius: 999px;
    animation: ai-copilot-spin-b-tzpux84ov3 850ms linear infinite;
}

@keyframes ai-copilot-spin-b-tzpux84ov3 {
    to {
        transform: rotate(360deg);
    }
}

.ai-copilot-issues[b-tzpux84ov3] {
    display: grid;
    gap: 0.55rem;
}

.ai-copilot-issue[b-tzpux84ov3] {
    display: grid;
    gap: 0.18rem;
    padding: 0.82rem 0.88rem;
    border: 1px solid #fde68a;
    border-radius: 0.9rem;
    background: #fffbeb;
    color: #92400e;
}

.ai-copilot-issue.error[b-tzpux84ov3] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.ai-copilot-conversation-card[b-tzpux84ov3],
.ai-copilot-composer-card[b-tzpux84ov3] {
    position: relative;
    z-index: 1;
}

.ai-copilot-composer-card[b-tzpux84ov3] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 251, 255, 0.98) 100%);
    box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.05);
}

.ai-copilot-summary-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.ai-copilot-module-map[b-tzpux84ov3] {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.ai-copilot-module-map strong[b-tzpux84ov3] {
    color: #10213d;
    font-size: 0.84rem;
}

.ai-copilot-assumption-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.55rem;
}

.ai-copilot-assumption-list div[b-tzpux84ov3] {
    padding: 0.75rem 0.85rem;
    border: 1px solid #d9e4f2;
    border-radius: 0.85rem;
    background: #fbfdff;
    color: #35506e;
    font-size: 0.79rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .ai-copilot-form-grid[b-tzpux84ov3],
    .ai-copilot-toggle-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .ai-copilot-section-heading[b-tzpux84ov3] {
        grid-auto-flow: row;
    }

    .ai-copilot-summary-grid[b-tzpux84ov3],
    .ai-copilot-actions-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .ai-copilot-shell[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .ai-copilot-sidebar-top[b-tzpux84ov3],
    .ai-copilot-composer-card[b-tzpux84ov3] {
        position: static;
    }
}

.image-two-header[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border-radius: 1.4rem;
    background: #ffffff;
    position: relative;
}

.image-two-brand[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.image-two-logo[b-tzpux84ov3] {
    width: 2.8rem;
    height: 2.8rem;
    display: grid;
    place-items: center;
    border-radius: 0.9rem;
    background: linear-gradient(180deg, #20a387 0%, #0e7f7e 100%);
    color: #ffffff;
    font-weight: 500;
    font-size: 1.45rem;
}

.image-two-brand h3[b-tzpux84ov3] {
    margin: 0 0 0.15rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: #1b3153;
}

.image-two-brand p[b-tzpux84ov3] {
    margin: 0;
    color: #607089;
    font-size: 0.86rem;
}

.image-two-header-actions[b-tzpux84ov3] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    justify-content: flex-end;
    padding-right: 3rem;
}

.image-two-header-action[b-tzpux84ov3] {
    padding: 0.7rem 0.95rem;
    border: 1px solid #d7e2f0;
    border-radius: 0.9rem;
    background: #ffffff;
    color: #244970;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.image-two-header-action:hover[b-tzpux84ov3] {
    background: #f8fbff;
}

.ai-copilot-close[b-tzpux84ov3] {
    position: absolute;
    top: 0.85rem;
    right: 0.9rem;
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border: 1px solid #d7e2f0;
    border-radius: 999px;
    background: #ffffff;
    color: #5d6c82;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.ai-copilot-close:hover[b-tzpux84ov3] {
    background: #f8fbff;
}

.image-two-shell[b-tzpux84ov3] {
    min-height: 0;
    display: grid;
    grid-template-columns: 16.6rem minmax(0, 1fr) 23rem;
    gap: 1rem;
    align-items: start;
    transition: grid-template-columns 180ms ease;
}

.image-two-shell.expanded[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr);
}

.image-two-shell.conversation-summary[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr) 23rem;
}

.image-two-shell.summary-collapsed[b-tzpux84ov3] {
    grid-template-columns: 16.6rem minmax(0, 1fr) 3.4rem;
}

.image-two-shell.conversation-summary.summary-collapsed[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr) 3.4rem;
}

.image-two-panel-title[b-tzpux84ov3] {
    color: #173b67;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.image-two-stages[b-tzpux84ov3],
.image-two-conversation-card[b-tzpux84ov3],
.image-two-summary[b-tzpux84ov3] {
    border: 1px solid #d9e4f2;
    border-radius: 1.35rem;
    background: #ffffff;
    box-shadow: 0 0.9rem 2rem rgba(15, 23, 42, 0.05);
}

.image-two-processing-overlay[b-tzpux84ov3] {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.26);
    backdrop-filter: blur(3px);
    border-radius: 1.4rem;
}

.image-two-processing-dialog[b-tzpux84ov3] {
    width: min(100%, 25rem);
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    padding: 1.3rem 1.4rem;
    border: 1px solid #d9e4f2;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1.2rem 2.2rem rgba(15, 23, 42, 0.16);
    text-align: center;
}

.image-two-processing-dialog strong[b-tzpux84ov3] {
    color: #173b67;
    font-size: 1rem;
}

.image-two-processing-dialog p[b-tzpux84ov3] {
    margin: 0;
    color: #607089;
    font-size: 0.84rem;
    line-height: 1.5;
}

.image-two-processing-spinner[b-tzpux84ov3] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    border: 3px solid #d9e4f2;
    border-top-color: #2f6ff2;
    animation: image-two-processing-spin-b-tzpux84ov3 0.8s linear infinite;
}

.image-two-processing-progress[b-tzpux84ov3] {
    width: 100%;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e4edf8;
}

.image-two-processing-progress span[b-tzpux84ov3] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2f6ff2 0%, #6ea8ff 100%);
    animation: image-two-processing-progress-slide-b-tzpux84ov3 1.2s ease-in-out infinite;
}

@keyframes image-two-processing-spin-b-tzpux84ov3 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes image-two-processing-progress-slide-b-tzpux84ov3 {
    0% {
        transform: translateX(-110%);
    }

    100% {
        transform: translateX(270%);
    }
}

.image-two-stages[b-tzpux84ov3] {
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.image-two-stage-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.9rem;
}

.image-two-stage-card[b-tzpux84ov3] {
    width: 100%;
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr) 1.1rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 0.82rem;
    border: 1px solid #dce5f1;
    border-radius: 1rem;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
}

.image-two-stage-card.complete[b-tzpux84ov3] {
    border-color: #cfe6dc;
}

.image-two-stage-card.active[b-tzpux84ov3] {
    border-color: #8cb9fb;
    background: #f5f9ff;
    box-shadow: inset 0 0 0 1px #dce8ff;
}

.image-two-stage-num[b-tzpux84ov3] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #edf2f9;
    color: #385170;
    font-size: 0.86rem;
    font-weight: 800;
}

.image-two-stage-card.complete .image-two-stage-num[b-tzpux84ov3] {
    background: #0f8b72;
    color: #ffffff;
}

.image-two-stage-card.active .image-two-stage-num[b-tzpux84ov3] {
    background: #2f6ff2;
    color: #ffffff;
}

.image-two-stage-text strong[b-tzpux84ov3] {
    display: block;
    color: #1d3658;
    font-size: 0.9rem;
    font-weight: 700;
}

.image-two-stage-text span[b-tzpux84ov3] {
    display: block;
    margin-top: 0.18rem;
    color: #68809c;
    font-size: 0.77rem;
}

.image-two-stage-state[b-tzpux84ov3] {
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 999px;
    border: 1px dashed #c7d4e6;
}

.image-two-stage-card.complete .image-two-stage-state[b-tzpux84ov3] {
    border-style: solid;
    border-color: #0f8b72;
    background: #e9fbf4;
}

.image-two-stage-card.active .image-two-stage-state[b-tzpux84ov3] {
    border-style: solid;
    border-color: #2f6ff2;
    background: #2f6ff2;
}

.image-two-side-card[b-tzpux84ov3] {
    padding: 0.9rem;
    border: 1px solid #dce5f2;
    border-radius: 1rem;
    background: #fbfdff;
}

.image-two-side-title[b-tzpux84ov3] {
    color: #173b67;
    font-size: 0.82rem;
    font-weight: 800;
    margin-bottom: 0.7rem;
}

.image-two-side-score[b-tzpux84ov3] {
    color: #2f6ff2;
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0.6rem;
}

.image-two-side-card p[b-tzpux84ov3] {
    margin: 0.75rem 0 0;
    color: #607089;
    font-size: 0.78rem;
}

.image-two-activity-row[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0.55rem 0;
    color: #35506e;
    font-size: 0.79rem;
}

.image-two-activity-dot[b-tzpux84ov3] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #2f6ff2;
}

.image-two-conversation[b-tzpux84ov3] {
    min-height: 0;
}

.image-two-conversation-card[b-tzpux84ov3] {
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.image-two-conversation-head[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.image-two-clear[b-tzpux84ov3] {
    border: 0;
    background: transparent;
    color: #607089;
    font-size: 0.82rem;
    cursor: pointer;
}

.image-two-chat-stream[b-tzpux84ov3] {
    min-height: 34rem;
    max-height: 49rem;
    overflow: auto;
    display: grid;
    gap: 1rem;
    padding-right: 0.2rem;
}

.image-two-chat-row[b-tzpux84ov3] {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}

.image-two-chat-row.user[b-tzpux84ov3] {
    justify-content: flex-end;
}

.image-two-avatar[b-tzpux84ov3] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #2f6ff2;
    color: #ffffff;
    font-weight: 800;
    font-size: 0.84rem;
}

.image-two-bubble[b-tzpux84ov3] {
    max-width: 80%;
    padding: 0.85rem 0.92rem;
    border-radius: 1rem;
    border: 1px solid #dbe5f1;
}

.image-two-bubble.assistant[b-tzpux84ov3] {
    background: #ffffff;
}

.image-two-bubble.user[b-tzpux84ov3] {
    background: #effcf6;
    border-color: #caead8;
}

.image-two-bubble-head[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
}

.image-two-bubble-head strong[b-tzpux84ov3] {
    color: #1b3153;
    font-size: 0.86rem;
}

.image-two-bubble-head span[b-tzpux84ov3] {
    color: #8a97aa;
    font-size: 0.71rem;
}

.image-two-bubble p[b-tzpux84ov3] {
    margin: 0;
    color: #42566e;
    font-size: 0.87rem;
    line-height: 1.5;
    white-space: pre-line;
}

.image-two-blueprint-card[b-tzpux84ov3] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #bfd8ff;
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at top right, rgba(47, 111, 242, 0.12), transparent 14rem),
        linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
    box-shadow: 0 1rem 2.2rem rgba(47, 111, 242, 0.08);
}

.image-two-blueprint-head[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.image-two-blueprint-head p[b-tzpux84ov3] {
    margin: 0.25rem 0 0;
    color: #4d6583;
    font-size: 0.8rem;
}

.image-two-blueprint-head .image-two-panel-title[b-tzpux84ov3] {
    color: #124f95;
}

.image-two-blueprint-badges[b-tzpux84ov3],
.image-two-blueprint-chip-row[b-tzpux84ov3],
.image-two-blueprint-form-meta[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.image-two-blueprint-badges span[b-tzpux84ov3],
.image-two-blueprint-chip-row span[b-tzpux84ov3],
.image-two-blueprint-form-meta span[b-tzpux84ov3] {
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #c7dbf6;
    color: #1f4e9e;
    font-size: 0.76rem;
    font-weight: 700;
}

.image-two-blueprint-summary[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.image-two-blueprint-accordion[b-tzpux84ov3] {
    border: 1px solid #d7e5f7;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    overflow: hidden;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.04);
}

.image-two-blueprint-accordion + .image-two-blueprint-accordion[b-tzpux84ov3] {
    margin-top: 0.95rem;
}

.image-two-blueprint-accordion-summary[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    cursor: pointer;
    list-style: none;
}

.image-two-blueprint-accordion-summary[b-tzpux84ov3]::-webkit-details-marker {
    display: none;
}

.image-two-blueprint-accordion-summary[b-tzpux84ov3]::after {
    content: "";
    width: 0.65rem;
    height: 0.65rem;
    border-right: 2px solid #6482a8;
    border-bottom: 2px solid #6482a8;
    transform: rotate(45deg);
    flex: 0 0 auto;
    margin-left: 0.35rem;
    transition: transform 0.18s ease;
}

.image-two-blueprint-accordion[open] .image-two-blueprint-accordion-summary[b-tzpux84ov3]::after {
    transform: rotate(225deg);
}

.image-two-blueprint-accordion[open][b-tzpux84ov3] {
    border-color: #9fc3f9;
    box-shadow: 0 0.8rem 1.6rem rgba(47, 111, 242, 0.08);
}

.image-two-blueprint-accordion-title[b-tzpux84ov3] {
    display: grid;
    gap: 0.18rem;
}

.image-two-blueprint-accordion-title strong[b-tzpux84ov3] {
    color: #1c3456;
    font-size: 0.92rem;
}

.image-two-blueprint-accordion-title small[b-tzpux84ov3] {
    color: #7a8ca3;
    font-size: 0.75rem;
}

.image-two-blueprint-accordion-body[b-tzpux84ov3] {
    display: grid;
    gap: 1rem;
    padding: 0 1rem 1rem;
    border-top: 1px solid #edf3f9;
}

.image-two-blueprint-summary-card[b-tzpux84ov3],
.image-two-blueprint-form-card[b-tzpux84ov3],
.image-two-blueprint-issues[b-tzpux84ov3],
.image-two-blueprint-refine[b-tzpux84ov3] {
    padding: 0.9rem;
    border: 1px solid #dce5f2;
    border-radius: 1rem;
    background: #ffffff;
}

.image-two-blueprint-summary-card strong[b-tzpux84ov3],
.image-two-blueprint-section-title[b-tzpux84ov3] {
    display: block;
    color: #173b67;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.image-two-blueprint-summary-card span[b-tzpux84ov3] {
    display: block;
    margin-top: 0.45rem;
    color: #1d3658;
    font-size: 0.92rem;
    font-weight: 700;
}

.image-two-blueprint-summary-card small[b-tzpux84ov3],
.image-two-blueprint-form-card p[b-tzpux84ov3] {
    display: block;
    margin-top: 0.35rem;
    color: #607089;
    font-size: 0.78rem;
    line-height: 1.5;
}

.image-two-blueprint-description[b-tzpux84ov3] {
    padding: 0.9rem 1rem;
    border-left: 4px solid #2f6ff2;
    border-radius: 0.9rem;
    background: #ffffff;
    color: #42566e;
    font-size: 0.84rem;
    line-height: 1.55;
}

.image-two-blueprint-form-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.8rem;
}

.image-two-blueprint-section-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.9rem;
}

.image-two-blueprint-section-card[b-tzpux84ov3] {
    padding: 0.8rem 0.85rem;
    border: 1px solid #e2eaf5;
    border-radius: 0.9rem;
    background: #fbfdff;
}

.image-two-blueprint-section-card strong[b-tzpux84ov3] {
    display: block;
    color: #1b3153;
    font-size: 0.8rem;
    font-weight: 800;
    margin-bottom: 0.55rem;
}

.image-two-blueprint-field-list[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.image-two-blueprint-field-list span[b-tzpux84ov3] {
    padding: 0.4rem 0.65rem;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #d8e4f1;
    color: #42566e;
    font-size: 0.74rem;
}

.image-two-blueprint-form-head[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: flex-start;
    margin-bottom: 0.55rem;
}

.image-two-blueprint-form-head strong[b-tzpux84ov3] {
    display: block;
    color: #1c3456;
    font-size: 0.9rem;
}

.image-two-blueprint-form-head span[b-tzpux84ov3] {
    display: block;
    margin-top: 0.2rem;
    color: #7a8ca3;
    font-size: 0.74rem;
}

.image-two-blueprint-issues[b-tzpux84ov3] {
    display: grid;
    gap: 0.6rem;
}

.image-two-blueprint-issue[b-tzpux84ov3] {
    padding: 0.75rem 0.85rem;
    border: 1px solid #d8e4f1;
    border-radius: 0.85rem;
    background: #f8fbff;
    color: #35506e;
    font-size: 0.79rem;
    line-height: 1.45;
}

.image-two-blueprint-issue.warning[b-tzpux84ov3] {
    border-color: #f0d4ad;
    background: #fffaf1;
    color: #a15f15;
}

.image-two-blueprint-refine[b-tzpux84ov3] {
    display: grid;
    gap: 0.55rem;
}

.image-two-blueprint-refine label[b-tzpux84ov3] {
    color: #173b67;
    font-size: 0.8rem;
    font-weight: 800;
}

.image-two-blueprint-textarea[b-tzpux84ov3] {
    width: 100%;
    min-height: 6.5rem;
    resize: vertical;
    border: 1px solid #d4dfec;
    border-radius: 0.9rem;
    padding: 0.85rem 0.9rem;
    color: #28405f;
    font-size: 0.84rem;
    line-height: 1.5;
    background: #fbfdff;
}

.image-two-blueprint-actions[b-tzpux84ov3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.7rem;
}

.image-two-interview-controls[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem;
    border: 1px solid #dce5f2;
    border-radius: 1rem;
    background: #fbfdff;
}

.image-two-interview-controls p[b-tzpux84ov3] {
    margin: 0.2rem 0 0;
    color: #607089;
    font-size: 0.77rem;
}

.image-two-interview-buttons[b-tzpux84ov3] {
    display: flex;
    gap: 0.7rem;
}

.image-two-secondary-button[b-tzpux84ov3] {
    min-height: 2.45rem;
    padding: 0 1rem;
    border: 1px solid #d0ddec;
    border-radius: 0.85rem;
    background: #ffffff;
    color: #244970;
    font-weight: 700;
    font-size: 0.8rem;
    cursor: pointer;
}

.image-two-secondary-button.disabled[b-tzpux84ov3] {
    color: #a0aec0;
    background: #f3f6fa;
}

.image-two-summary[b-tzpux84ov3] {
    padding: 1rem;
    display: grid;
    gap: 1rem;
    transition: width 180ms ease, min-width 180ms ease, padding 180ms ease;
    position: relative;
}

.image-two-summary.collapsed[b-tzpux84ov3] {
    width: 3.4rem;
    min-width: 3.4rem;
    justify-self: end;
    padding: 0.85rem 0.5rem;
    overflow: hidden;
}

.image-two-summary.collapsed .image-two-summary-body[b-tzpux84ov3] {
    display: none;
}

.image-two-summary-header[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.image-two-summary.collapsed .image-two-summary-header[b-tzpux84ov3] {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 1.15rem;
    min-height: 100%;
    padding-top: 0.15rem;
}

.image-two-summary.collapsed .image-two-panel-title[b-tzpux84ov3] {
    display: block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    letter-spacing: 0.08em;
    font-size: 0.82rem;
    text-align: center;
}

.image-two-summary-icon[b-tzpux84ov3] {
    position: relative;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid #dbe5f1;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fd 100%);
    box-shadow: 0 0.35rem 0.9rem rgba(15, 23, 42, 0.08);
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
    margin-right: 0.05rem;
}

.image-two-summary-icon[b-tzpux84ov3]::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 0.48rem;
    height: 0.48rem;
    border-top: 2px solid #71829a;
    border-right: 2px solid #71829a;
    transform: rotate(225deg) translate(-1px, 1px);
}

.image-two-summary-icon.collapsed[b-tzpux84ov3] {
    margin-right: 0;
}

.image-two-summary-icon.collapsed[b-tzpux84ov3]::before {
    transform: rotate(45deg) translate(-1px, 1px);
}

.image-two-summary-header:hover .image-two-summary-icon[b-tzpux84ov3] {
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%);
}

.image-two-summary-body[b-tzpux84ov3] {
    display: grid;
    gap: 1rem;
}

.image-two-summary-collapsed-body[b-tzpux84ov3] {
    min-height: 50rem;
}

.image-two-summary-card[b-tzpux84ov3],
.image-two-summary-section[b-tzpux84ov3] {
    padding: 0.9rem;
    border: 1px solid #dce5f2;
    border-radius: 1rem;
    background: #ffffff;
}

.image-two-summary-card-title[b-tzpux84ov3] {
    color: #173b67;
    font-size: 0.86rem;
    font-weight: 800;
    margin-bottom: 0.55rem;
}

.image-two-summary-main[b-tzpux84ov3] {
    color: #1c3456;
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 0.45rem;
}

.image-two-summary-card p[b-tzpux84ov3],
.image-two-summary-section p[b-tzpux84ov3] {
    margin: 0.25rem 0;
    color: #607089;
    font-size: 0.79rem;
}

.image-two-readiness-wrap[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.image-two-readiness-ring[b-tzpux84ov3] {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
}

.image-two-readiness-ring span[b-tzpux84ov3] {
    width: 3.35rem;
    height: 3.35rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #ffffff;
    color: #2f6ff2;
    font-size: 0.95rem;
    font-weight: 800;
}

.image-two-gap-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.65rem;
}

.image-two-gap-item[b-tzpux84ov3] {
    padding: 0.78rem 0.85rem;
    border: 1px solid #f0d4ad;
    border-radius: 999px;
    background: #fffaf1;
    color: #a15f15;
    font-size: 0.78rem;
}

@media (max-width: 1320px) {
    .image-two-shell[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .image-two-summary[b-tzpux84ov3] {
        order: 3;
    }

    .image-two-stages[b-tzpux84ov3] {
        order: 1;
    }

    .image-two-conversation[b-tzpux84ov3] {
        order: 2;
    }

    .image-two-blueprint-summary[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .image-two-blueprint-accordion-summary[b-tzpux84ov3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .image-two-header[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .image-two-header-actions[b-tzpux84ov3] {
        justify-content: flex-start;
        padding-right: 0;
        padding-top: 0.3rem;
    }

    .ai-copilot-close[b-tzpux84ov3] {
        top: 0.85rem;
        right: 0.85rem;
    }

    .image-two-shell.conversation-summary[b-tzpux84ov3],
    .image-two-shell.conversation-summary.summary-collapsed[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .image-two-blueprint-head[b-tzpux84ov3],
    .image-two-blueprint-form-head[b-tzpux84ov3],
    .image-two-blueprint-actions[b-tzpux84ov3] {
        flex-direction: column;
        align-items: stretch;
    }
}

.workspace-logo-dialog-backdrop[b-tzpux84ov3] {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(15, 23, 42, 0.46);
}

.workspace-logo-dialog[b-tzpux84ov3] {
    width: min(44rem, 100%);
    max-height: min(48rem, calc(100vh - 2.5rem));
    overflow: auto;
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #dbe4f1;
    border-radius: 0.9rem;
    background: #ffffff;
    box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, 0.28);
}

.workspace-logo-dialog-header[b-tzpux84ov3] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #dbe4f1;
}

.workspace-logo-dialog-header h2[b-tzpux84ov3] {
    margin: 0;
    color: #0f2f56;
    font-size: 1.15rem;
    font-weight: 500;
}

.workspace-logo-dialog-header p[b-tzpux84ov3] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.workspace-logo-dialog-header button[b-tzpux84ov3] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border: 1px solid #dbe4f1;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 500;
}

/* Cards */

.portfolio-card[b-tzpux84ov3],
.profile-card[b-tzpux84ov3],
.profile-editor-card[b-tzpux84ov3],
.modules-card[b-tzpux84ov3],
.settings-card[b-tzpux84ov3] {
    background: white;
    border: 1px solid var(--workspace-border);
    border-radius: 0.9rem;
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.portfolio-card[b-tzpux84ov3],
.profile-card[b-tzpux84ov3],
.profile-editor-card[b-tzpux84ov3],
.modules-card[b-tzpux84ov3],
.settings-card[b-tzpux84ov3] {
    padding: 1rem;
}

.modules-card[b-tzpux84ov3] {
    container: modules-card / inline-size;
}

.panel-title[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.panel-title h2[b-tzpux84ov3] {
    margin: 0;
    color: #17365d;
    font-size: 1.05rem;
    font-weight: var(--workspace-font-weight-strong);
}

.panel-title h2 .project-profile-logo[b-tzpux84ov3] {
    margin-right: 0.45rem;
    vertical-align: middle;
}

.panel-title button[b-tzpux84ov3] {
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--workspace-border);
    border-radius: 0.5rem;
    background: white;
    cursor: pointer;
}
    .panel-title .new-form-action[b-tzpux84ov3] {
        min-height: 2.25rem;
        display: inline-flex;
        align-items: center;
        gap: 0.38rem;
        padding: 0.28rem 0.62rem 0.32rem 0.32rem;
        border: 1px solid #b45309;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 42%), linear-gradient(180deg, #f59e0b 0%, #d97706 58%, #92400e 100%);
        color: #fffaf0;
        font-weight: 500;
        letter-spacing: 0.005em;
        white-space: nowrap;
        cursor: pointer;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), inset 0 -2px 0 rgba(120, 53, 15, 0.42), 0 0.38rem 0.8rem rgba(146, 64, 14, 0.24), 0 0.1rem 0 rgba(120, 53, 15, 0.8);
        transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
    }

        .panel-title .new-form-action:hover[b-tzpux84ov3] {
            transform: translateY(-1px);
            filter: saturate(1.06);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -2px 0 rgba(120, 53, 15, 0.48), 0 0.55rem 1rem rgba(146, 64, 14, 0.3), 0 0.13rem 0 rgba(120, 53, 15, 0.88);
        }

        .panel-title .new-form-action:active[b-tzpux84ov3] {
            transform: translateY(1px);
            box-shadow: inset 0 2px 0 rgba(120, 53, 15, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.28), 0 0.22rem 0.55rem rgba(146, 64, 14, 0.22);
        }

.new-form-action-icon[b-tzpux84ov3] {
    width: 1.55rem;
    height: 1.55rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff7ed, #fed7aa);
    color: #92400e;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(146, 64, 14, 0.2), 0 0.14rem 0.32rem rgba(120, 53, 15, 0.22);
}

.new-form-action-text[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    text-align: left;
}

    .new-form-action-text strong[b-tzpux84ov3] {
        font-size: 0.74rem;
    }

.panel-title .new-form-action:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgba(245, 158, 11, 0.35);
    outline-offset: 3px;
}

.project-logo-editor[b-tzpux84ov3] {
    margin-bottom: 1rem;
}

/* Compact Project Forms table */
.workspace-table .table-header[b-tzpux84ov3],
.workspace-table .table-row[b-tzpux84ov3] {
    gap: 0.45rem;
    padding: 0.48rem 0.6rem;
}

.workspace-table .table-row[b-tzpux84ov3] {
    min-height: 2.55rem;
}

    .workspace-table .table-row strong[b-tzpux84ov3],
    .workspace-table .table-row span[b-tzpux84ov3],
    .workspace-table .table-row em[b-tzpux84ov3] {
        font-size: 0.78rem;
    }

.workspace-table .table-header[b-tzpux84ov3] {
    font-size: 0.68rem;
}

.workspace-table .table-row button[b-tzpux84ov3] {
    min-width: 3.15rem;
    padding: 0.32rem 0.55rem;
    border-radius: 0.42rem;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

.panel-title .new-form-action:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgba(245, 158, 11, 0.35);
    outline-offset: 3px;
}

/* Portfolio */

.search-row[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.5rem;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.search-row input[b-tzpux84ov3],
.search-row button[b-tzpux84ov3] {
    border: 1px solid var(--workspace-border);
    border-radius: 0.6rem;
    background: white;
}

.search-row input[b-tzpux84ov3] {
    padding: 0.75rem;
}

.project-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.65rem;
}

.project-card[b-tzpux84ov3] {
    width: 100%;
    min-height: 5.8rem;
    display: grid;
    grid-template-columns: 3.2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem;
    border: 1px solid var(--workspace-border);
    border-radius: 0.75rem;
    background: white;
    text-align: left;
    cursor: pointer;
}

.project-card.selected[b-tzpux84ov3] {
    border: 2px solid #2b77c8;
    background: #f8fbff;
}

.project-card:disabled[b-tzpux84ov3] {
    cursor: wait;
    opacity: 0.72;
}

.project-icon[b-tzpux84ov3] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #dbeafe;
    color: #2563eb;
    font-size: 1.4rem;
}

.project-card-body[b-tzpux84ov3] {
    display: grid;
    gap: 0.25rem;
}

.project-card-body small[b-tzpux84ov3] {
    color: var(--workspace-muted);
}

.more[b-tzpux84ov3] {
    color: #475569;
    font-size: 1.25rem;
}

.new-project-tile[b-tzpux84ov3] {
    width: 100%;
    margin-top: 1rem;
    padding: 1.25rem;
    border: 2px dashed #9bb9d8;
    border-radius: 0.75rem;
    background: #fbfdff;
    color: #075da8;
    font-weight: 800;
    cursor: pointer;
}

/* Project Title */
.project-profile-title[b-tzpux84ov3] {
    align-items: flex-start;
}

.panel-title-actions[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.panel-title-actions .danger[b-tzpux84ov3] {
    border-color: #f5c2c7;
    background: #fef2f2;
    color: #b91c1c;
}

.project-profile-heading[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

    .project-profile-heading h2[b-tzpux84ov3] {
        margin: 0;
        white-space: nowrap;
    }

.project-profile-fallback-icon[b-tzpux84ov3] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 0.75rem;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.35rem;
}

.unsaved-new-form-backdrop[b-tzpux84ov3] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(2, 6, 23, 0.62);
    backdrop-filter: blur(4px);
    animation: dialog-backdrop-fade-b-tzpux84ov3 180ms ease-out;
}

.unsaved-new-form-dialog[b-tzpux84ov3] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 81;
    width: min(30rem, calc(100vw - 2rem));
    padding: 1.4rem;
    border: 1px solid rgba(59, 130, 246, 0.24);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(239, 246, 255, 0.96) 0%, rgba(255, 255, 255, 1) 28%),
        #ffffff;
    box-shadow:
        0 0 0 4px rgba(37, 99, 235, 0.12),
        0 1.5rem 3rem rgba(15, 23, 42, 0.26);
    transform: translate(-50%, -50%);
    animation: dialog-pop-in-b-tzpux84ov3 220ms ease-out;
}

.delete-form-dialog[b-tzpux84ov3] {
    width: min(33rem, calc(100vw - 2rem));
    padding: 1.55rem;
    border: 1px solid #de5f5f;
    background:
        linear-gradient(180deg, rgba(254, 242, 242, 0.96) 0%, rgba(255, 255, 255, 1) 34%),
        #ffffff;
    box-shadow:
        0 0 0 2px rgba(222, 95, 95, 0.12),
        0 1.6rem 3rem rgba(127, 29, 29, 0.18);
}

.delete-form-dialog[b-tzpux84ov3]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.4rem;
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(90deg, #ef4444 0%, #fb923c 100%);
}

.project-profile-save-dialog[b-tzpux84ov3] {
    width: min(31rem, calc(100vw - 2rem));
}

.project-profile-save-dialog[b-tzpux84ov3]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.4rem;
    border-radius: 1rem 1rem 0 0;
}

.project-profile-save-dialog.success[b-tzpux84ov3] {
    border-color: #86efac;
    background:
        linear-gradient(180deg, rgba(240, 253, 244, 0.98) 0%, rgba(255, 255, 255, 1) 34%),
        #ffffff;
    box-shadow:
        0 0 0 3px rgba(22, 163, 74, 0.12),
        0 1.6rem 3rem rgba(20, 83, 45, 0.18);
}

.project-profile-save-dialog.success[b-tzpux84ov3]::before {
    background: linear-gradient(90deg, #22c55e 0%, #14b8a6 100%);
}

.project-profile-save-dialog.error[b-tzpux84ov3] {
    border-color: #fecaca;
    background:
        linear-gradient(180deg, rgba(254, 242, 242, 0.98) 0%, rgba(255, 255, 255, 1) 34%),
        #ffffff;
    box-shadow:
        0 0 0 3px rgba(239, 68, 68, 0.12),
        0 1.6rem 3rem rgba(127, 29, 29, 0.18);
}

.project-profile-save-dialog.error[b-tzpux84ov3]::before {
    background: linear-gradient(90deg, #ef4444 0%, #f97316 100%);
}

.project-profile-save-dialog-icon svg[b-tzpux84ov3] {
    width: 1.45rem;
    height: 1.45rem;
}

.project-profile-save-dialog-icon.success[b-tzpux84ov3] {
    border-color: #86efac;
    background: linear-gradient(180deg, #dcfce7 0%, #bbf7d0 100%);
    color: #15803d;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 0.8rem 1.35rem rgba(22, 101, 52, 0.14);
}

.project-profile-save-dialog-icon.error[b-tzpux84ov3] {
    border-color: #fecaca;
    background: linear-gradient(180deg, #fee2e2 0%, #fecaca 100%);
    color: #b91c1c;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 0.8rem 1.35rem rgba(185, 28, 28, 0.14);
}

.project-profile-save-dialog.success .project-profile-save-dialog-header p[b-tzpux84ov3] {
    color: #15803d;
}

.project-profile-save-dialog.error .project-profile-save-dialog-header p[b-tzpux84ov3] {
    color: #b91c1c;
}

.project-profile-save-dialog.success .project-profile-save-dialog-header h3[b-tzpux84ov3] {
    color: #14532d;
}

.project-profile-save-dialog.error .project-profile-save-dialog-header h3[b-tzpux84ov3] {
    color: #7f1d1d;
}

.project-profile-save-dialog.success .unsaved-new-form-dialog-copy[b-tzpux84ov3] {
    border-color: #bbf7d0;
    background: #f7fef9;
}

.project-profile-save-dialog.error .unsaved-new-form-dialog-copy[b-tzpux84ov3] {
    border-color: #fecaca;
    background: #fffafa;
}

.project-profile-save-dialog .unsaved-new-form-dialog-actions .primary[b-tzpux84ov3] {
    min-width: 7rem;
    border-color: transparent;
    background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
}

.project-profile-save-dialog.success .unsaved-new-form-dialog-actions .primary[b-tzpux84ov3] {
    background: linear-gradient(180deg, #16a34a 0%, #15803d 100%);
}

.project-profile-save-dialog.error .unsaved-new-form-dialog-actions .primary[b-tzpux84ov3] {
    background: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%);
}

.unsaved-new-form-dialog-header[b-tzpux84ov3] {
    display: grid;
    gap: 0.3rem;
    margin-bottom: 0.85rem;
    position: relative;
    padding-left: 4rem;
}

.unsaved-new-form-dialog-header p[b-tzpux84ov3] {
    margin: 0;
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.delete-form-dialog-header p[b-tzpux84ov3] {
    color: #b45309;
}

.dialog-alert-icon[b-tzpux84ov3] {
    position: absolute;
    top: 0.05rem;
    left: 0;
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid #93c5fd;
    background: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
    font-size: 1.4rem;
    font-weight: 500;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0.65rem 1.2rem rgba(37, 99, 235, 0.18);
}

.dialog-alert-icon.delete[b-tzpux84ov3] {
    border-color: #f8c7a1;
    background: linear-gradient(180deg, #fff1e8 0%, #fde2d2 100%);
    color: #c2410c;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 0.8rem 1.35rem rgba(194, 65, 12, 0.14);
}

.delete-form-dialog-header h3[b-tzpux84ov3] {
    color: #7c2d12;
    font-size: 1.45rem;
    line-height: 1.2;
}

.unsaved-new-form-dialog-header h3[b-tzpux84ov3] {
    font-size: 1.42rem;
    line-height: 1.2;
}

.unsaved-new-form-dialog-header h3[b-tzpux84ov3],
.unsaved-new-form-dialog-copy[b-tzpux84ov3] {
    margin: 0;
}

.unsaved-new-form-dialog-copy[b-tzpux84ov3] {
    color: #334155;
    line-height: 1.6;
    padding: 0.95rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.delete-form-dialog .unsaved-new-form-dialog-copy[b-tzpux84ov3] {
    border: 1px solid #f6d4bf;
    background: linear-gradient(180deg, rgba(255, 251, 247, 0.96) 0%, rgba(255, 255, 255, 0.94) 100%);
}

.unsaved-new-form-dialog-actions[b-tzpux84ov3] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.2rem;
}

.unsaved-new-form-dialog-actions button[b-tzpux84ov3] {
    min-height: 2.75rem;
    padding: 0.7rem 1rem;
    white-space: nowrap;
    border: 1px solid #d7dee8;
    border-radius: 0.8rem;
    font-weight: 800;
    box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
    flex: 0 0 auto;
}

.unsaved-new-form-dialog-actions button:hover:not(:disabled)[b-tzpux84ov3] {
    transform: translateY(-1px);
    box-shadow: 0 0.75rem 1.3rem rgba(15, 23, 42, 0.12);
}

.delete-form-dialog .unsaved-new-form-dialog-actions[b-tzpux84ov3] {
    margin-top: 1.3rem;
}

.delete-form-dialog .unsaved-new-form-dialog-actions button[b-tzpux84ov3] {
    box-shadow: 0 0.45rem 0.95rem rgba(15, 23, 42, 0.08);
}

.unsaved-new-form-dialog-actions .danger[b-tzpux84ov3] {
    border-color: rgba(239, 68, 68, 0.22);
    color: #b91c1c;
    background: #fef2f2;
}

.delete-form-dialog .unsaved-new-form-dialog-actions .danger[b-tzpux84ov3] {
    border-color: #f2b8a5;
    background: linear-gradient(180deg, #fff0eb 0%, #ffe4da 100%);
    color: #b45309;
    box-shadow: 0 0.55rem 1rem rgba(194, 65, 12, 0.12);
}

.delete-form-dialog .unsaved-new-form-dialog-actions .danger:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #ea9a7c;
    box-shadow: 0 0.75rem 1.2rem rgba(194, 65, 12, 0.16);
}

.unsaved-new-form-dialog-actions button:disabled[b-tzpux84ov3] {
    cursor: wait;
    opacity: 0.72;
}

@keyframes dialog-backdrop-fade-b-tzpux84ov3 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dialog-pop-in-b-tzpux84ov3 {
    from {
        opacity: 0;
        transform: translate(-50%, -48%) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes dialog-alert-pulse-b-tzpux84ov3 {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.04);
    }
}

/* Status badges */

.status[b-tzpux84ov3] {
    width: fit-content;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
}

.status.success[b-tzpux84ov3] {
    background: #dcfce7;
    color: #15803d;
}

.status.info[b-tzpux84ov3] {
    background: #dbeafe;
    color: #1d4ed8;
}

.status.warning[b-tzpux84ov3] {
    background: #fef3c7;
    color: #b45309;
}

.status.neutral[b-tzpux84ov3] {
    background: #e2e8f0;
    color: #475569;
}

/* Project profile */

.profile-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.5rem;
}

.profile-grid label[b-tzpux84ov3] {
    display: block;
    margin-bottom: 0.25rem;
    color: #475569;
    font-size: 0.75rem;
    font-weight: var(--workspace-font-weight-strong);
}

.profile-grid strong[b-tzpux84ov3] {
    color: #172033;
    font-size: 0.9rem;
}

.profile-grid p[b-tzpux84ov3] {
    margin: 0;
    color: #334155;
    line-height: 1.45;
}

/* Project editor */

.profile-editor-card .panel-title p[b-tzpux84ov3],
.module-picker-section .panel-title p[b-tzpux84ov3] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-size: 0.8rem;
}

.form-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.form-grid label[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
}

.form-grid label span[b-tzpux84ov3] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 500;
}

.form-grid input[b-tzpux84ov3],
.form-grid select[b-tzpux84ov3],
.form-grid textarea[b-tzpux84ov3] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--workspace-border);
    border-radius: 0.6rem;
    background: #fbfdff;
    color: #172033;
    font: inherit;
}

.form-grid input:focus[b-tzpux84ov3],
.form-grid select:focus[b-tzpux84ov3],
.form-grid textarea:focus[b-tzpux84ov3] {
    outline: 2px solid #bfdbfe;
    border-color: #2b77c8;
    background: white;
}

.form-grid input:disabled[b-tzpux84ov3] {
    background: #f1f5f9;
    color: #64748b;
}

.full-span[b-tzpux84ov3] {
    grid-column: 1 / -1;
}

.module-picker-section[b-tzpux84ov3] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--workspace-border);
}

.module-picker-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.module-picker-card[b-tzpux84ov3] {
    min-height: 5.5rem;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid var(--workspace-border);
    border-radius: 0.8rem;
    background: #fbfdff;
    cursor: pointer;
}

.module-picker-card.selected[b-tzpux84ov3] {
    border: 2px solid #2b77c8;
    background: #eff6ff;
}

.module-picker-card input[b-tzpux84ov3] {
    width: 1rem;
    height: 1rem;
}

.module-picker-card strong[b-tzpux84ov3],
.module-picker-card small[b-tzpux84ov3] {
    display: block;
}

.module-picker-card small[b-tzpux84ov3] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.35;
}

.editor-actions[b-tzpux84ov3] {
    position: sticky;
    bottom: 0;
    z-index: 30;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin: 1.25rem -1rem -1rem;
    padding: 0.9rem 1rem;
    border-top: 1px solid var(--workspace-border);
    border-radius: 0 0 0.9rem 0.9rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), #ffffff);
    box-shadow: 0 -0.55rem 1.35rem rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(8px);
}

.editor-actions button[b-tzpux84ov3] {
    min-height: 2.75rem;
    padding: 0.8rem 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid #cfdced;
    border-radius: 0.62rem;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
    font-weight: 800;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow: 0 2px 0 #c5d4e8, 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.editor-actions button:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #8eb6ef;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%);
    box-shadow: 0 2px 0 #b8cce6, 0 10px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.editor-actions button:active:not(:disabled)[b-tzpux84ov3] {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #c5d4e8, 0 3px 8px rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ecf4ff 0%, #dfeeff 100%);
}

.editor-actions button:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

.editor-actions button:disabled[b-tzpux84ov3] {
    cursor: wait;
    opacity: 0.72;
    transform: none;
    box-shadow: 0 1px 0 #c5d4e8, 0 4px 10px rgba(15, 23, 42, 0.08);
}

.editor-actions .primary[b-tzpux84ov3] {
    border-color: #1e61db;
    background: linear-gradient(180deg, #2f83ff 0%, #1463df 100%);
    color: white;
    font-weight: 400;
    box-shadow: 0 2px 0 #0f4db0, 0 12px 20px rgba(20, 99, 223, 0.3);
}

.editor-actions .primary:disabled[b-tzpux84ov3] {
    border-color: #1d4ed8;
    background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
    color: #ffffff;
}

.editor-actions .primary:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #1858c7;
    background: linear-gradient(180deg, #4690ff 0%, #1a6ae8 100%);
    box-shadow: 0 2px 0 #0e4aa6, 0 14px 22px rgba(20, 99, 223, 0.35);
}

.editor-actions .primary:active:not(:disabled)[b-tzpux84ov3] {
    box-shadow: 0 1px 0 #0f4db0, 0 4px 10px rgba(20, 99, 223, 0.28);
}

.editor-actions .secondary[b-tzpux84ov3] {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
}

.editor-action-spinner[b-tzpux84ov3] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.42);
    border-top-color: #ffffff;
    animation: workspace-save-processing-spin-b-tzpux84ov3 0.8s linear infinite;
}


/* Empty states */

.empty-state[b-tzpux84ov3] {
    min-height: 14rem;
    display: grid;
    place-items: center;
    gap: 0.75rem;
    text-align: center;
    color: #475569;
}

.empty-state.compact[b-tzpux84ov3] {
    min-height: 8rem;
}

.empty-state h2[b-tzpux84ov3] {
    margin: 0;
    color: #17365d;
}

.empty-state p[b-tzpux84ov3] {
    margin: 0;
}

.empty-state .primary[b-tzpux84ov3] {
    padding: 0.8rem 1.2rem;
    border: 0;
    border-radius: 0.55rem;
    background: linear-gradient(180deg, #0084ff, #0067d8);
    color: white;
    font-weight: 800;
    cursor: pointer;
}

/* Attached modules */

.modules-title h2[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modules-title strong[b-tzpux84ov3] {
    color: #1d4ed8;
    font-size: 0.95rem;
}

.module-grid[b-tzpux84ov3],
.workspace-module-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.module-tile[b-tzpux84ov3] {
    position: relative;
    min-height: 7.25rem;
    display: grid;
    justify-items: center;
    gap: 0.25rem;
    padding: 0.65rem 0.35rem;
    border: 1px solid var(--workspace-border);
    border-radius: 0.75rem;
    background: white;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.module-tile:hover[b-tzpux84ov3] {
    border-color: #60a5fa;
    box-shadow: 0 0.45rem 1rem rgba(37, 99, 235, 0.12);
    transform: translateY(-1px);
}

.module-tile.selected[b-tzpux84ov3] {
    border: 2px solid #2b77c8;
    background: #f8fbff;
    box-shadow: 0 0.45rem 1.25rem rgba(37, 99, 235, 0.16);
}

.module-tile.drop-target[b-tzpux84ov3] {
    border-color: #7dd3fc;
    box-shadow: 0 0 0 2px rgba(125, 211, 252, 0.18);
}

.module-tile.drop-target-active[b-tzpux84ov3] {
    border-color: #0ea5e9;
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
    box-shadow:
        0 0 0 3px rgba(14, 165, 233, 0.18),
        0 0.7rem 1.45rem rgba(14, 165, 233, 0.16);
    transform: translateY(-2px);
}

.module-tile strong[b-tzpux84ov3] {
    font-size: 0.75rem;
}

.module-tile small[b-tzpux84ov3] {
    color: var(--workspace-muted);
    font-size: 0.7rem;
}

.module-selected-caret[b-tzpux84ov3] {
    position: absolute;
    right: 0.8rem;
    bottom: 0.65rem;
    color: #1d4ed8;
    font-size: 1rem;
    font-weight: 900;
}

/* Module icons */

.module-icon[b-tzpux84ov3] {
    width: 2.15rem;
    height: 2.15rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    font-weight: 900;
}

.module-icon.large[b-tzpux84ov3] {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 999px;
    font-size: 1.45rem;
}

.module-icon-tile[b-tzpux84ov3] {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.45rem;
}

.module-icon.blue[b-tzpux84ov3] {
    background: #dbeafe;
    color: #2563eb;
}

.module-icon.green[b-tzpux84ov3] {
    background: #dcfce7;
    color: #16a34a;
}

.module-icon.purple[b-tzpux84ov3] {
    background: #ede9fe;
    color: #7c3aed;
}

.module-icon.orange[b-tzpux84ov3] {
    background: #ffedd5;
    color: #ea580c;
}

/* Related forms */

.related-forms-card[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(12rem, 13rem) minmax(0, 1fr) minmax(14rem, 17rem);
    gap: 1rem;
    align-items: start;
    margin-top: 0.85rem;
    padding: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 0.8rem;
    background: linear-gradient(180deg, #f8fbff, #f1f7ff);
}

.module-summary[b-tzpux84ov3],
.enhanced-module-summary[b-tzpux84ov3] {
    display: grid;
    align-content: center;
    gap: 0.65rem;
}

.module-summary h3[b-tzpux84ov3],
.related-forms h3[b-tzpux84ov3] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
}

.module-summary p[b-tzpux84ov3] {
    margin: 0;
    color: #475569;
    font-size: 0.82rem;
    line-height: 1.55;
}

.related-forms[b-tzpux84ov3],
.enhanced-form-list[b-tzpux84ov3] {
    display: grid;
    min-width: 0;
    align-content: center;
    gap: 0.35rem;
}

.related-forms h3[b-tzpux84ov3] {
    margin-bottom: 0.75rem;
}

.form-row[b-tzpux84ov3] {
    min-height: 2.45rem;
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr) auto auto auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.35rem 0.45rem;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.form-row:hover[b-tzpux84ov3] {
    background: #eff6ff;
}

.form-row.dragging[b-tzpux84ov3] {
    background: #dbeafe;
    opacity: 0.72;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.24);
}

.form-row strong[b-tzpux84ov3] {
    font-size: 0.85rem;
    min-width: 0;
}

.form-row small[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.72rem;
    white-space: nowrap;
}

.form-document-icon[b-tzpux84ov3] {
    color: #475569;
    font-size: 1.25rem;
}

.no-related-forms[b-tzpux84ov3] {
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem;
    border: 1px dashed #bfdbfe;
    border-radius: 0.65rem;
    background: #ffffff;
    color: #475569;
}

.no-related-forms small[b-tzpux84ov3] {
    color: #64748b;
}

/* Open builder card */

.open-builder-card[b-tzpux84ov3],
.enhanced-open-builder-card[b-tzpux84ov3] {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
    align-content: start;
    padding: 0.7rem;
    border-radius: 0.7rem;
    background: transparent;
}

.open-builder-card button[b-tzpux84ov3] {
    min-height: 3rem;
    width: 100%;
    padding: 0.65rem;
    border: 0;
    border-radius: 0.45rem;
    background: linear-gradient(180deg, #0084ff, #0067d8);
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 0.45rem 1rem rgba(0, 103, 216, 0.22);
}

.builder-note[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 0.75rem;
    background: #eff6ff;
}

.builder-note span[b-tzpux84ov3] {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    place-items: center;
    border-radius: 0.75rem;
    background: #dbeafe;
    color: #2563eb;
    font-size: 1.5rem;
}

.builder-note p[b-tzpux84ov3] {
    margin: 0;
    color: #475569;
    font-size: 0.78rem;
    line-height: 1.45;
}

/* Settings */

.setting-row[b-tzpux84ov3] {
    width: 100%;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.95rem 0.4rem;
    border: 0;
    border-bottom: 1px solid var(--workspace-border);
    background: white;
    color: inherit;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    transition: background 160ms ease, transform 160ms ease, border-color 160ms ease;
}

.setting-row:hover[b-tzpux84ov3] {
    background: #f8fbff;
    transform: translateX(-0.12rem);
}

.setting-row > span:first-child[b-tzpux84ov3] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.25rem;
}

.setting-row strong[b-tzpux84ov3],
.setting-row small[b-tzpux84ov3] {
    display: block;
}

.setting-row small[b-tzpux84ov3] {
    margin-top: 0.2rem;
    color: #64748b;
}

.setting-row b[b-tzpux84ov3] {
    color: #64748b;
    font-size: 1.4rem;
}

.settings-card.collapsible[b-tzpux84ov3] {
    padding: 0.95rem 0.85rem;
    overflow: hidden;
    transition: padding 180ms ease, width 180ms ease;
}

.settings-card.collapsible.collapsed[b-tzpux84ov3] {
    padding: 0.95rem 0.55rem;
}

.settings-panel-title[b-tzpux84ov3] {
    margin-bottom: 0.6rem;
}

.settings-panel-title h2[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.settings-collapse-button[b-tzpux84ov3] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-grid;
    place-items: center;
    border: 1px solid #cfe0f5;
    border-radius: 0.7rem;
    background: linear-gradient(180deg, #ffffff, #eef6ff);
    color: #1d4ed8;
    box-shadow: 0 0.2rem 0.55rem rgba(37, 99, 235, 0.12);
}

.settings-collapse-button:hover[b-tzpux84ov3] {
    background: linear-gradient(180deg, #ffffff, #dbeafe);
}

.project-settings-accordion-group + .project-settings-accordion-group[b-tzpux84ov3] {
    margin-top: 0.7rem;
}

.project-settings-accordion-group[b-tzpux84ov3] {
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 0.8rem;
    background: #ffffff;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

.project-settings-accordion-group:has(.project-settings-group-title[aria-expanded="true"])[b-tzpux84ov3] {
    border-color: color-mix(in srgb, var(--settings-group-accent, #2563eb) 38%, #dbe4ef);
    box-shadow: 0 0.55rem 1.25rem rgba(15, 23, 42, 0.1);
}

.project-settings-group-title[b-tzpux84ov3] {
    width: 100%;
    min-height: 3.1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.55rem;
    align-items: center;
    gap: 0.65rem;
    padding: 0.58rem 0.72rem;
    border: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.18)),
        linear-gradient(135deg, var(--settings-group-wash), color-mix(in srgb, var(--settings-group-accent) 22%, #ffffff));
    color: var(--settings-group-text);
    cursor: pointer;
    text-align: left;
    box-shadow:
        inset 0 0.08rem 0 rgba(255, 255, 255, 0.92),
        inset 0 -0.16rem 0.28rem rgba(15, 23, 42, 0.1),
        0 0.18rem 0.48rem rgba(15, 23, 42, 0.08);
}

.project-settings-group-title:hover[b-tzpux84ov3] {
    filter: saturate(1.06);
}

.project-settings-group-title span[b-tzpux84ov3] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.project-settings-group-title strong[b-tzpux84ov3] {
    overflow: hidden;
    font-size: 0.83rem;
    font-weight: 900;
    line-height: 1.18;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.68), 0 0.12rem 0.18rem rgba(15, 23, 42, 0.1);
    white-space: nowrap;
}

.project-settings-group-title small[b-tzpux84ov3] {
    color: color-mix(in srgb, var(--settings-group-text) 72%, #64748b);
    font-size: 0.68rem;
    font-weight: 750;
    line-height: 1.18;
    white-space: normal;
}

.project-settings-group-title svg[b-tzpux84ov3] {
    width: 1.05rem;
    height: 1.05rem;
    justify-self: end;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.7));
}

.project-settings-accordion-group.project[b-tzpux84ov3],
.project-settings-group-title.project[b-tzpux84ov3] {
    --settings-group-accent: #2563eb;
    --settings-group-wash: #dbeafe;
    --settings-group-text: #1e3a8a;
}

.project-settings-accordion-group.mobile[b-tzpux84ov3],
.project-settings-group-title.mobile[b-tzpux84ov3] {
    --settings-group-accent: #0284c7;
    --settings-group-wash: #e0f2fe;
    --settings-group-text: #0c4a6e;
}

.project-settings-accordion-group.theme[b-tzpux84ov3],
.project-settings-group-title.theme[b-tzpux84ov3] {
    --settings-group-accent: #0f766e;
    --settings-group-wash: #ccfbf1;
    --settings-group-text: #115e59;
}

.project-settings-accordion-group.icons[b-tzpux84ov3],
.project-settings-group-title.icons[b-tzpux84ov3] {
    --settings-group-accent: #b45309;
    --settings-group-wash: #fef3c7;
    --settings-group-text: #7c2d12;
}

.project-settings-accordion-group.preview[b-tzpux84ov3],
.project-settings-group-title.preview[b-tzpux84ov3] {
    --settings-group-accent: #475569;
    --settings-group-wash: #e2e8f0;
    --settings-group-text: #1f2937;
}

.project-settings-group-body[b-tzpux84ov3] {
    display: grid;
    gap: 0;
    padding: 0.75rem;
    border-top: 1px solid color-mix(in srgb, var(--settings-group-accent, #2563eb) 18%, #e5e7eb);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.project-settings-chevron[b-tzpux84ov3] {
    transition: transform 160ms ease;
}

.project-settings-chevron.expanded[b-tzpux84ov3] {
    transform: rotate(180deg);
}

.settings-card.collapsible.collapsed .settings-panel-title[b-tzpux84ov3] {
    justify-content: center;
}

.settings-card.collapsible.collapsed .settings-collapse-button[b-tzpux84ov3] {
    margin-inline: auto;
}

.setting-row.collapsed[b-tzpux84ov3] {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0.7rem 0;
}

.setting-row.collapsed > span:first-child[b-tzpux84ov3] {
    width: 2.65rem;
    height: 2.65rem;
}

.setting-row.collapsed b[b-tzpux84ov3],
.setting-row.collapsed > span:last-child[b-tzpux84ov3] {
    display: none;
}

.project-settings-group-body .setting-row[b-tzpux84ov3] {
    padding-inline: 0.25rem;
    background: transparent;
}

.project-settings-group-body .setting-row:last-child[b-tzpux84ov3] {
    border-bottom: 0;
}

/* Setup flow */

.setup-flow[b-tzpux84ov3] {
    margin: 0 0.75rem;
    padding: 0.65rem 1rem;
    display: grid;
    grid-template-columns: repeat(9, auto);
    align-items: center;
    gap: 0.65rem;
    background: white;
    border: 1px solid var(--workspace-border);
    border-radius: 0.85rem;
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.flow-step[b-tzpux84ov3] {
    min-width: 12rem;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
}

.step-number[b-tzpux84ov3] {
    width: 1.75rem;
    height: 1.75rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #006fe6;
    color: white;
    font-weight: 900;
}

.step-icon[b-tzpux84ov3] {
    color: #2b77c8;
    font-size: 1.5rem;
}

.flow-step strong[b-tzpux84ov3],
.flow-step small[b-tzpux84ov3] {
    display: block;
}

.flow-step small[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.72rem;
}

.flow-arrow[b-tzpux84ov3] {
    color: #2b77c8;
    font-weight: 900;
}

/* Navigation pages */

.navigation-page[b-tzpux84ov3] {
    min-height: 0;
    display: grid;
    gap: 0.75rem;
    padding: 0 0.75rem;
}

.navigation-page-header[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--workspace-border);
    border-radius: 0.9rem;
    background: white;
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.navigation-page-header h2[b-tzpux84ov3] {
    margin: 0;
    color: #17365d;
    font-size: 1.35rem;
    font-weight: 850;
}

.navigation-page-header p[b-tzpux84ov3] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.eyebrow[b-tzpux84ov3] {
    margin: 0 0 0.25rem !important;
    color: #087f5b !important;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.navigation-header-actions[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
}

.navigation-header-actions button[b-tzpux84ov3],
.workspace-table button[b-tzpux84ov3],
.coverage-list button[b-tzpux84ov3] {
    min-height: 2.45rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #cfdced;
    border-radius: 0.62rem;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    color: #16345f;
    font-weight: 800;
    letter-spacing: 0.01em;
    cursor: pointer;
    box-shadow: 0 2px 0 #c5d4e8, 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.navigation-header-actions button:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #8eb6ef;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%);
    box-shadow: 0 2px 0 #b8cce6, 0 10px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.navigation-header-actions button:active:not(:disabled)[b-tzpux84ov3] {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #c5d4e8, 0 3px 8px rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, #ecf4ff 0%, #dfeeff 100%);
}

.navigation-header-actions button:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

.navigation-header-actions .primary[b-tzpux84ov3],
.workspace-table button[b-tzpux84ov3] {
    border-color: #1e61db;
    background: linear-gradient(180deg, #2f83ff 0%, #1463df 100%);
    color: white;
    box-shadow: 0 2px 0 #0f4db0, 0 12px 20px rgba(20, 99, 223, 0.3);
}

.navigation-header-actions .primary:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #1858c7;
    background: linear-gradient(180deg, #4690ff 0%, #1a6ae8 100%);
    box-shadow: 0 2px 0 #0e4aa6, 0 14px 22px rgba(20, 99, 223, 0.35);
}

.navigation-header-actions .primary:active:not(:disabled)[b-tzpux84ov3] {
    box-shadow: 0 1px 0 #0f4db0, 0 4px 10px rgba(20, 99, 223, 0.28);
}

.dashboard-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.metric-card[b-tzpux84ov3],
.navigation-card[b-tzpux84ov3] {
    border: 1px solid var(--workspace-border);
    border-radius: 0.9rem;
    background: white;
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.metric-card[b-tzpux84ov3] {
    display: grid;
    gap: 0.2rem;
    padding: 1rem;
}

.metric-card span[b-tzpux84ov3],
.metric-card small[b-tzpux84ov3] {
    color: #64748b;
}

.metric-card span[b-tzpux84ov3] {
    font-size: 0.78rem;
    font-weight: 850;
}

.metric-card strong[b-tzpux84ov3] {
    color: #17365d;
    font-size: 1.35rem;
    font-weight: 900;
}

.metric-card small[b-tzpux84ov3] {
    font-size: 0.78rem;
}

.navigation-card-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.navigation-card[b-tzpux84ov3] {
    padding: 1rem;
}

.navigation-card h3[b-tzpux84ov3] {
    margin: 0 0 0.85rem;
    color: #17365d;
    font-size: 1.02rem;
}

.navigation-card p[b-tzpux84ov3] {
    margin: 0;
    color: #475569;
    line-height: 1.55;
}

.definition-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin: 0;
}

.definition-grid div[b-tzpux84ov3] {
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid #e7eef8;
    border-radius: 0.7rem;
    background: #fbfdff;
}

.definition-grid dt[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 850;
}

.definition-grid dd[b-tzpux84ov3] {
    margin: 0.15rem 0 0;
    color: #172033;
    font-weight: 800;
}

.coverage-list[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.coverage-list button[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    gap: 0.3rem 0.65rem;
    align-items: center;
    text-align: left;
}

.coverage-list button span[b-tzpux84ov3] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    grid-row: span 2;
    border-radius: 0.65rem;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.2rem;
}

.coverage-list button small[b-tzpux84ov3] {
    color: #64748b;
    font-weight: 600;
    line-height: 1.3;
}

.module-management-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.9fr) minmax(0, 1.1fr);
    gap: 0.75rem;
}

.module-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.65rem;
}

.module-list-item[b-tzpux84ov3] {
    width: 100%;
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid var(--workspace-border);
    border-radius: 0.75rem;
    background: #fbfdff;
    text-align: left;
    cursor: pointer;
}

.module-list-item.selected[b-tzpux84ov3] {
    border: 2px solid #2b77c8;
    background: #f8fbff;
}

.module-list-item strong[b-tzpux84ov3],
.module-list-item small[b-tzpux84ov3] {
    display: block;
}

.module-list-item small[b-tzpux84ov3] {
    margin-top: 0.2rem;
    color: #64748b;
    line-height: 1.35;
}

.module-list-item em[b-tzpux84ov3] {
    color: #075da8;
    font-style: normal;
    font-weight: 850;
}

.module-detail-header[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    margin-bottom: 1rem;
}

.module-detail-header h3[b-tzpux84ov3] {
    margin-bottom: 0.25rem;
}

.compact-form-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.5rem;
}

.compact-form-list button[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.7rem;
    border: 1px solid #e7eef8;
    border-radius: 0.65rem;
    background: #fbfdff;
    text-align: left;
    cursor: pointer;
}

.compact-form-list span[b-tzpux84ov3],
.compact-form-list small[b-tzpux84ov3] {
    color: #64748b;
}

.workspace-table[b-tzpux84ov3] {
    display: grid;
    border: 1px solid var(--workspace-border);
    border-radius: 0.75rem;
    overflow: hidden;
}

.table-header[b-tzpux84ov3],
.table-row[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.3fr) minmax(8rem, 0.9fr) minmax(7rem, 0.65fr) minmax(5rem, 0.5fr) minmax(8rem, 0.7fr) auto;
    gap: 0.7rem;
    align-items: center;
    padding: 0.75rem;
}

.workspace-table.compact .table-header[b-tzpux84ov3],
.workspace-table.compact .table-row[b-tzpux84ov3] {
    grid-template-columns: minmax(10rem, 1fr) 5rem auto;
}

.table-header[b-tzpux84ov3] {
    background: #f8fbff;
    color: #17365d;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.table-row[b-tzpux84ov3] {
    min-height: 3.4rem;
    border-top: 1px solid var(--workspace-border);
    background: white;
}

.table-row span[b-tzpux84ov3] {
    color: #475569;
}

.rule-list[b-tzpux84ov3] {
    margin: 0;
    padding-left: 1.2rem;
    color: #475569;
}

.rule-list li[b-tzpux84ov3] {
    margin: 0.45rem 0;
}

.workflow-route[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
}

.workflow-route article[b-tzpux84ov3] {
    min-height: 8.5rem;
    display: grid;
    align-content: start;
    gap: 0.4rem;
    padding: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 0.75rem;
    background: #f8fbff;
}

.workflow-route span[b-tzpux84ov3] {
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #006fe6;
    color: white;
    font-weight: 900;
}

.workflow-route strong[b-tzpux84ov3] {
    color: #17365d;
}

.workflow-route small[b-tzpux84ov3] {
    color: #64748b;
    line-height: 1.35;
}

.readiness-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.65rem;
}

.readiness-list div[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.2rem 0.75rem;
    padding: 0.75rem;
    border: 1px solid #e7eef8;
    border-radius: 0.7rem;
    background: #fbfdff;
}

.readiness-list strong[b-tzpux84ov3] {
    color: #172033;
}

.readiness-list span[b-tzpux84ov3] {
    color: #087f5b;
    font-weight: 850;
}

.readiness-list small[b-tzpux84ov3] {
    grid-column: 1 / -1;
    color: #64748b;
}

.admin-settings-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.admin-setting-card[b-tzpux84ov3] {
    min-height: 7.5rem;
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 0.2rem 0.75rem;
    align-content: start;
    padding: 0.9rem;
    border: 1px solid var(--workspace-border);
    border-radius: 0.85rem;
    background: white;
    color: inherit;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.setting-card-icon[b-tzpux84ov3] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    grid-row: span 3;
    border-radius: 0.65rem;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.15rem;
    font-weight: 900;
}

.admin-setting-card strong[b-tzpux84ov3] {
    color: #172033;
}

.admin-setting-card small[b-tzpux84ov3],
.admin-setting-card em[b-tzpux84ov3] {
    color: #64748b;
}

.admin-setting-card em[b-tzpux84ov3] {
    font-style: normal;
    font-weight: 750;
}

/* Responsive */

@media (max-width: 1280px) {
    .workspace-grid[b-tzpux84ov3] {
        grid-template-columns: 18rem minmax(0, 1fr);
    }

    .settings-card[b-tzpux84ov3] {
        grid-column: 1 / -1;
    }

    .module-grid[b-tzpux84ov3],
    .workspace-module-grid[b-tzpux84ov3],
    .form-grid[b-tzpux84ov3],
    .module-picker-grid[b-tzpux84ov3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .related-forms-card[b-tzpux84ov3] {
        grid-template-columns: minmax(11rem, 13rem) minmax(0, 1fr);
    }

    .open-builder-card[b-tzpux84ov3],
    .enhanced-open-builder-card[b-tzpux84ov3] {
        grid-column: 1 / -1;
    }

    .dashboard-grid[b-tzpux84ov3],
    .admin-settings-grid[b-tzpux84ov3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workflow-route[b-tzpux84ov3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .setup-flow[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .flow-arrow[b-tzpux84ov3] {
        display: none;
    }
}

@media (max-width: 900px) {
    .workspace-shell[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .workspace-nav[b-tzpux84ov3] {
        display: none;
    }

    .workspace-grid[b-tzpux84ov3],
    .profile-grid[b-tzpux84ov3],
    .related-forms-card[b-tzpux84ov3],
    .form-grid[b-tzpux84ov3],
    .module-picker-grid[b-tzpux84ov3],
    .navigation-page-header[b-tzpux84ov3],
    .navigation-card-grid[b-tzpux84ov3],
    .module-management-grid[b-tzpux84ov3],
    .definition-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .navigation-page-header[b-tzpux84ov3] {
        display: grid;
    }

    .dashboard-grid[b-tzpux84ov3],
    .admin-settings-grid[b-tzpux84ov3],
    .coverage-list[b-tzpux84ov3],
    .workflow-route[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .table-header[b-tzpux84ov3] {
        display: none;
    }

    .table-row[b-tzpux84ov3],
    .workspace-table.compact .table-row[b-tzpux84ov3] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .action-toolbar[b-tzpux84ov3] {
        top: 0.5rem;
        overflow-x: auto;
        justify-content: start;
    }

    .workspace-status[b-tzpux84ov3] {
        top: 8.75rem;
    }

    .form-row[b-tzpux84ov3] {
        grid-template-columns: 1.75rem minmax(0, 1fr) auto auto;
    }

    .form-row small:last-child[b-tzpux84ov3] {
        grid-column: 2 / -1;
        padding-left: 0.05rem;
        white-space: normal;
    }

    .module-grid[b-tzpux84ov3],
    .workspace-module-grid[b-tzpux84ov3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .action-toolbar[b-tzpux84ov3] {
        top: 0.45rem;
    }

    .workspace-status[b-tzpux84ov3] {
        top: 10.5rem;
    }

    .related-forms-card[b-tzpux84ov3] {
        padding: 0.85rem;
    }

    .module-summary[b-tzpux84ov3],
    .enhanced-module-summary[b-tzpux84ov3] {
        gap: 0.5rem;
    }

    .form-row[b-tzpux84ov3] {
        grid-template-columns: 1.75rem minmax(0, 1fr) auto;
        align-items: start;
    }

    .form-row strong[b-tzpux84ov3] {
        grid-column: 2 / -1;
        line-height: 1.35;
    }

    .form-row em[b-tzpux84ov3],
    .form-row small[b-tzpux84ov3] {
        grid-column: 2 / -1;
    }

    .form-row small[b-tzpux84ov3] {
        white-space: normal;
    }

    .builder-note[b-tzpux84ov3] {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .builder-note span[b-tzpux84ov3] {
        width: 2.5rem;
        height: 2.5rem;
    }
}

@container modules-card (max-width: 980px) {
    .module-grid[b-tzpux84ov3],
    .workspace-module-grid[b-tzpux84ov3] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .related-forms-card[b-tzpux84ov3] {
        grid-template-columns: minmax(11rem, 13rem) minmax(0, 1fr);
    }

    .open-builder-card[b-tzpux84ov3],
    .enhanced-open-builder-card[b-tzpux84ov3] {
        grid-column: 1 / -1;
    }
}

@container modules-card (max-width: 760px) {
    .module-grid[b-tzpux84ov3],
    .workspace-module-grid[b-tzpux84ov3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .module-tile[b-tzpux84ov3] {
        min-height: 6.35rem;
        padding: 0.6rem 0.3rem;
    }

    .module-tile strong[b-tzpux84ov3] {
        font-size: 0.72rem;
        line-height: 1.2;
        text-align: center;
    }

    .module-tile small[b-tzpux84ov3] {
        font-size: 0.67rem;
        text-align: center;
    }

    .module-selected-caret[b-tzpux84ov3] {
        right: 0.55rem;
        bottom: 0.5rem;
    }

    .module-icon-tile[b-tzpux84ov3] {
        width: 2.45rem;
        height: 2.45rem;
        font-size: 1.25rem;
    }

    .related-forms-card[b-tzpux84ov3] {
        grid-template-columns: 1fr;
        padding: 0.85rem;
    }

    .module-summary[b-tzpux84ov3],
    .enhanced-module-summary[b-tzpux84ov3] {
        gap: 0.5rem;
    }

    .open-builder-card[b-tzpux84ov3],
    .enhanced-open-builder-card[b-tzpux84ov3] {
        grid-column: auto;
    }

    .form-row[b-tzpux84ov3] {
        grid-template-columns: 1.75rem minmax(0, 1fr) auto;
        align-items: start;
    }

    .form-row strong[b-tzpux84ov3] {
        grid-column: 2 / -1;
        line-height: 1.35;
    }

    .form-row em[b-tzpux84ov3],
    .form-row small[b-tzpux84ov3] {
        grid-column: 2 / -1;
    }

    .form-row small[b-tzpux84ov3] {
        white-space: normal;
    }

    .builder-note[b-tzpux84ov3] {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .builder-note span[b-tzpux84ov3] {
        width: 2.5rem;
        height: 2.5rem;
    }
}

@container modules-card (max-width: 560px) {
    .module-grid[b-tzpux84ov3],
    .workspace-module-grid[b-tzpux84ov3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Project Modules Styling */
.module-profile-section[b-tzpux84ov3] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--workspace-border);
}

.module-profile-title[b-tzpux84ov3] {
    align-items: flex-start;
}

.small-action[b-tzpux84ov3] {
    min-width: auto;
    padding: 0.65rem 0.9rem;
    border: 1px solid #0072f0;
    border-radius: 0.6rem;
    background: linear-gradient(180deg, #0084ff, #0067d8);
    color: white;
    font-weight: 800;
    cursor: pointer;
}

.module-profile-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.module-profile-card[b-tzpux84ov3] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.95), rgba(255, 255, 255, 0.98));
    box-shadow: 0 0.55rem 1.25rem rgba(37, 99, 235, 0.12);
}

    .module-profile-card.disabled[b-tzpux84ov3] {
        opacity: 0.65;
        background: #f8fafc;
    }

.module-profile-header[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

    .module-profile-header strong[b-tzpux84ov3],
    .module-profile-header small[b-tzpux84ov3] {
        display: block;
    }

    .module-profile-header strong[b-tzpux84ov3] {
        font-weight: 500;
    }

    .module-profile-header small[b-tzpux84ov3] {
        color: #64748b;
        font-weight: 400;
    }

.module-profile-card p[b-tzpux84ov3] {
    margin: 0;
    color: #475569;
    font-size: 0.82rem;
    line-height: 1.45;
}

.module-profile-card dl[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.module-profile-card dt[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
}

.module-profile-card dd[b-tzpux84ov3] {
    margin: 0.15rem 0 0;
    color: #172033;
    font-weight: 500;
}

.module-profile-actions[b-tzpux84ov3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

    .module-profile-actions button[b-tzpux84ov3] {
        padding: 0.5rem 0.75rem;
        border: 1px solid var(--workspace-border);
        border-radius: 0.55rem;
        background: white;
        font-weight: 500;
        cursor: pointer;
    }

    .module-profile-actions .danger[b-tzpux84ov3] {
        border-color: #fecaca;
        color: #b91c1c;
    }

.module-editor-panel[b-tzpux84ov3] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #93c5fd;
    border-radius: 1rem;
    background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.16), transparent 28rem), linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.12);
}

.module-editor-hero[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 0.9rem;
    background: linear-gradient(90deg, #eff6ff, #ffffff);
}

    .module-editor-hero h3[b-tzpux84ov3] {
        margin: 0;
        color: #17365d;
        font-size: 1.15rem;
    }

    .module-editor-hero p[b-tzpux84ov3] {
        margin: 0.25rem 0 0;
        color: #64748b;
    }

.module-icon.hero[b-tzpux84ov3] {
    width: 4rem;
    height: 4rem;
    font-size: 1.8rem;
}

.module-form-grid[b-tzpux84ov3] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.toggle-field[b-tzpux84ov3] {
    align-content: center;
}

    .toggle-field input[b-tzpux84ov3] {
        width: 1.2rem;
        height: 1.2rem;
    }

/* Premium embossed Add Module button */
.panel-title .add-module-button[b-tzpux84ov3] {
    position: relative;
    isolation: isolate;
    min-width: 9.5rem;
    min-height: 2.15rem;
    gap: 0.5rem;
    padding: 0.42rem 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #005ecb;
    border-bottom-color: #003f91;
    border-radius: 0.7rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 42%), linear-gradient(180deg, #1592ff 0%, #0069df 52%, #0056bd 100%);
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 0 rgba(0, 43, 105, 0.45);
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -2px 0 rgba(0, 45, 110, 0.25), 0 0.55rem 1.25rem rgba(37, 99, 235, 0.28), 0 0.15rem 0 #004aab;
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.panel-title .add-module-button[b-tzpux84ov3]::before {
    content: "";
    position: absolute;
    inset: 0.12rem;
    z-index: -1;
    border-radius: 0.72rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 52%);
    pointer-events: none;
}

.panel-title .add-module-button:hover[b-tzpux84ov3] {
    transform: translateY(-2px);
    filter: saturate(1.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        inset 0 -2px 0 rgba(0, 45, 110, 0.25),
        0 0.85rem 1.65rem rgba(37, 99, 235, 0.36),
        0 0.18rem 0 #004aab;
}

.panel-title .add-module-button:active[b-tzpux84ov3] {
    transform: translateY(1px);
    box-shadow:
        inset 0 2px 0 rgba(0, 45, 110, 0.25),
        0 0.35rem 0.85rem rgba(37, 99, 235, 0.22),
        0 0.05rem 0 #004aab;
}

.add-module-button-icon[b-tzpux84ov3] {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: radial-gradient(circle at 35% 25%, #ffffff, #dbeafe 45%, #93c5fd 100%);
    color: #0057d8;
    font-size: 0.72rem;
    font-weight: 500;
    text-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0.2rem 0.45rem rgba(0, 52, 132, 0.28);
}

.add-module-button-text[b-tzpux84ov3] {
    line-height: 1;
}

/* Premium Add New Module tile */
.add-module-tile[b-tzpux84ov3] {
    position: relative;
    min-height: 13.75rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    overflow: hidden;
    border: 2px dashed #60a5fa;
    border-radius: 1rem;
    background:
        radial-gradient(circle at top left, rgba(0, 132, 255, 0.18), transparent 17rem),
        linear-gradient(145deg, #ffffff 0%, #f1f7ff 48%, #eaf4ff 100%);
    color: #17365d;
    text-align: left;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0.65rem 1.35rem rgba(37, 99, 235, 0.14);
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.add-module-tile[b-tzpux84ov3]::before {
    content: "";
    position: absolute;
    inset: 0.45rem;
    border: 1px solid rgba(147, 197, 253, 0.55);
    border-radius: 0.75rem;
    pointer-events: none;
}

.add-module-tile[b-tzpux84ov3]::after {
    content: "";
    position: absolute;
    right: -3rem;
    bottom: -3rem;
    width: 8rem;
    height: 8rem;
    border-radius: 999px;
    background: rgba(0, 132, 255, 0.1);
    pointer-events: none;
}

.add-module-tile:hover[b-tzpux84ov3] {
    transform: translateY(-3px);
    border-color: #0072f0;
    background:
        radial-gradient(circle at top left, rgba(0, 132, 255, 0.24), transparent 17rem),
        linear-gradient(145deg, #ffffff 0%, #eef6ff 45%, #dbeafe 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 1rem 2rem rgba(37, 99, 235, 0.22);
}

.add-module-tile:active[b-tzpux84ov3] {
    transform: translateY(0);
}

.add-module-tile-icon[b-tzpux84ov3] {
    width: 3.75rem;
    height: 3.75rem;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.32), transparent 45%),
        linear-gradient(180deg, #1592ff, #0067d8);
    color: #ffffff;
    font-size: 2rem;
    font-weight: 500;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        inset 0 -2px 0 rgba(0, 45, 110, 0.25),
        0 0.45rem 1rem rgba(37, 99, 235, 0.25);
}

.add-module-tile-content[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
}

.add-module-tile-content strong[b-tzpux84ov3] {
    color: #0f2f57;
    font-size: 1.05rem;
    font-weight: 500;
}

.add-module-tile-content small[b-tzpux84ov3] {
    max-width: 16rem;
    color: #475569;
    font-size: 0.82rem;
    line-height: 1.45;
}

.add-module-tile-badge[b-tzpux84ov3] {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Module editor modal popup */
.module-editor-modal-backdrop[b-tzpux84ov3] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at top left, rgba(0, 114, 240, 0.22), transparent 28rem),
        rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(6px);
}

.module-editor-modal[b-tzpux84ov3] {
    width: min(68rem, 96vw);
    max-height: min(42rem, 92vh);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid #93c5fd;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.16), transparent 26rem),
        linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow:
        0 2rem 4rem rgba(15, 23, 42, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    animation: module-modal-enter-b-tzpux84ov3 0.18s ease-out;
}

@keyframes module-modal-enter-b-tzpux84ov3 {
    from {
        opacity: 0;
        transform: translateY(0.75rem) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.module-editor-modal-header[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.module-editor-modal .module-editor-hero[b-tzpux84ov3] {
    margin-bottom: 0;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 1rem;
    background:
        linear-gradient(90deg, #eff6ff, #ffffff);
}

.module-editor-close[b-tzpux84ov3] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-size: 1.35rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 0.35rem 0.9rem rgba(15, 23, 42, 0.1);
}

.module-editor-close:hover[b-tzpux84ov3] {
    background: #eff6ff;
    color: #0057d8;
}

.module-modal-form-grid[b-tzpux84ov3] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.05rem;
    padding: 0.25rem;
}

.module-icon-picker-field[b-tzpux84ov3] {
    position: relative;
    display: grid;
    align-content: start;
    gap: 0.4rem;
}

.module-icon-picker-field > .field-label[b-tzpux84ov3] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 500;
}

.module-icon-picker-trigger[b-tzpux84ov3] {
    width: 100%;
    min-height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.1rem;
    border: 1px solid #cfe0f5;
    border-radius: 0.3rem;
    background: #fbfdff;
    color: #172033;
    text-align: left;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    font: inherit;
}

.module-icon-picker-trigger .module-icon-picker-preview[b-tzpux84ov3] {
    background: transparent !important;
    box-shadow: none !important;
}

.module-icon-picker-trigger:hover[b-tzpux84ov3],
.module-icon-picker-trigger:focus-visible[b-tzpux84ov3] {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
    outline: none;
}

.module-icon-picker-selection[b-tzpux84ov3] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.module-icon-picker-preview[b-tzpux84ov3],
.module-icon-picker-option-preview[b-tzpux84ov3] {
    width: 1.9rem;
    height: 1.9rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 0.65rem;
    font-size: 0.88rem;
}

.module-icon-picker-selection-text[b-tzpux84ov3],
.module-icon-picker-option-text[b-tzpux84ov3] {
    min-width: 0;
    display: grid;
}

.module-icon-picker-selection-text strong[b-tzpux84ov3],
.module-icon-picker-option-text strong[b-tzpux84ov3] {
    color: #172033;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.2;
}

.module-icon-picker-selection-text small[b-tzpux84ov3],
.module-icon-picker-option-text small[b-tzpux84ov3],
.module-icon-picker-popup-header span[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.58rem;
    font-weight: 400;
    line-height: 1.15;
}

.module-icon-picker-caret[b-tzpux84ov3] {
    color: #64748b;
    transition: transform 0.18s ease;
}

.module-icon-picker-caret.open[b-tzpux84ov3] {
    transform: rotate(180deg);
}

.module-icon-picker-popup[b-tzpux84ov3] {
    position: absolute;
    top: calc(100% + 0.45rem);
    left: 0;
    right: 0;
    z-index: 20;
    display: grid;
    gap: 0.65rem;
    padding: 0.7rem;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 1.25rem 2.8rem rgba(15, 23, 42, 0.2);
}

.module-icon-picker-popup-header[b-tzpux84ov3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.module-icon-picker-popup-header strong[b-tzpux84ov3] {
    color: #17365d;
    font-size: 0.7rem;
    font-weight: 600;
}

.module-icon-picker-search[b-tzpux84ov3] {
    width: 100%;
    min-height: 1.95rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid #cfe0f5;
    border-radius: 0.75rem;
    background: #ffffff;
    color: #172033;
    font-size: 0.66rem;
    font-weight: 400;
}

.module-icon-picker-search:focus[b-tzpux84ov3] {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
    outline: none;
}

.module-icon-picker-options[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem;
    max-height: 18rem;
    overflow: auto;
    padding-right: 0.2rem;
}

.module-icon-picker-group[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
}

.module-icon-picker-group-title[b-tzpux84ov3] {
    padding: 0.1rem 0.1rem 0;
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.module-icon-picker-option[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.38rem 0.45rem;
    border: 1px solid #dbeafe;
    border-radius: 0.7rem;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.module-icon-picker-option:hover[b-tzpux84ov3] {
    transform: translateY(-1px);
    border-color: #93c5fd;
    background: #f8fbff;
    box-shadow: 0 0.55rem 1rem rgba(37, 99, 235, 0.12);
}

.module-icon-picker-option.selected[b-tzpux84ov3] {
    border-color: #60a5fa;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.95), rgba(255, 255, 255, 1));
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.18);
}

.module-icon-picker-empty[b-tzpux84ov3] {
    grid-column: 1 / -1;
    padding: 0.55rem;
    border: 1px dashed #cbd5e1;
    border-radius: 0.85rem;
    background: #f8fbff;
    color: #64748b;
    font-weight: 800;
    font-size: 0.64rem;
    text-align: center;
}

.module-enabled-toggle[b-tzpux84ov3] {
    min-height: 4.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    align-items: flex-start;
    justify-content: flex-start;
}

.module-enabled-toggle > span[b-tzpux84ov3] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
}

.module-enabled-toggle-control[b-tzpux84ov3] {
    display: block;
    margin: 0;
}

.module-enabled-toggle-control input[b-tzpux84ov3] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #0072f0;
    display: block;
}

.module-editor-modal-actions[b-tzpux84ov3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.8rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #dbeafe;
}

.module-editor-modal-actions button[b-tzpux84ov3] {
    min-width: 8.5rem;
    padding: 0.85rem 1.2rem;
    border-radius: 0.75rem;
    font-weight: 900;
    cursor: pointer;
}

.module-editor-modal-actions .secondary[b-tzpux84ov3] {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #334155;
}

.module-editor-modal-actions .secondary:hover[b-tzpux84ov3] {
    background: #f8fafc;
}

.module-editor-modal-actions .primary[b-tzpux84ov3] {
    border: 1px solid #005ecb;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 42%),
        linear-gradient(180deg, #1592ff, #0067d8);
    color: #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 0.65rem 1.25rem rgba(37, 99, 235, 0.25);
}

.module-editor-modal-actions .primary:hover[b-tzpux84ov3] {
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        0 0.85rem 1.55rem rgba(37, 99, 235, 0.32);
}

@media (max-width: 900px) {
    .module-editor-modal[b-tzpux84ov3] {
        width: min(100%, 96vw);
        max-height: 92vh;
    }

    .module-modal-form-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .module-icon-picker-popup[b-tzpux84ov3] {
        position: static;
    }

    .module-icon-picker-options[b-tzpux84ov3] {
        grid-template-columns: 1fr;
        max-height: none;
    }

    .module-editor-modal-actions[b-tzpux84ov3] {
        flex-direction: column-reverse;
    }

    .module-editor-modal-actions button[b-tzpux84ov3] {
        width: 100%;
    }
}


/* Module profile help modal */
.module-editor-modal-actions[b-tzpux84ov3] {
    justify-content: space-between;
    align-items: center;
}

.module-editor-action-buttons[b-tzpux84ov3] {
    display: flex;
    gap: 0.8rem;
}

.module-help-actions[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: #dc2626;
    font-weight: 900;
    font-style: italic;
}

.module-help-button[b-tzpux84ov3] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border: 1px solid #fecaca;
    border-radius: 999px;
    background: #ffffff;
    color: #dc2626;
    font-size: 1.25rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 0.35rem 0.9rem rgba(220, 38, 38, 0.14);
}

    .module-help-button:hover[b-tzpux84ov3] {
        background: #fef2f2;
        transform: translateY(-1px);
    }

.module-editor-modal-actions .module-help-button[b-tzpux84ov3] {
    min-width: 2.35rem;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
}

    .module-editor-modal-actions .module-help-button[b-tzpux84ov3]::first-letter {
        line-height: 1;
    }

.module-help-modal-backdrop[b-tzpux84ov3] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(5px);
}

.module-help-modal[b-tzpux84ov3] {
    width: min(62rem, 94vw);
    max-height: 88vh;
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid #bfdbfe;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 2rem 4rem rgba(15, 23, 42, 0.32);
}

.module-help-header[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dbeafe;
}

    .module-help-header h3[b-tzpux84ov3] {
        margin: 0;
        color: #17365d;
        font-size: 1.35rem;
        font-weight: 900;
    }

    .module-help-header p[b-tzpux84ov3] {
        margin: 0.3rem 0 0;
        color: #64748b;
        line-height: 1.5;
    }

.module-help-close[b-tzpux84ov3] {
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-size: 1.35rem;
    font-weight: 900;
    cursor: pointer;
}

.module-help-content[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

    .module-help-content article[b-tzpux84ov3] {
        padding: 1rem;
        border: 1px solid #e2e8f0;
        border-radius: 0.9rem;
        background: #ffffff;
    }

        .module-help-content article.full-span[b-tzpux84ov3] {
            grid-column: 1 / -1;
        }

    .module-help-content h4[b-tzpux84ov3] {
        margin: 0 0 0.45rem;
        color: #0f2f57;
        font-size: 1rem;
        font-weight: 900;
    }

    .module-help-content p[b-tzpux84ov3] {
        margin: 0;
        color: #475569;
        line-height: 1.55;
    }

    .module-help-content ul[b-tzpux84ov3] {
        margin: 0.65rem 0 0;
        padding-left: 1.2rem;
        color: #334155;
    }

    .module-help-content li[b-tzpux84ov3] {
        margin-bottom: 0.35rem;
        line-height: 1.45;
    }

    .module-help-content code[b-tzpux84ov3] {
        padding: 0.12rem 0.35rem;
        border-radius: 0.35rem;
        background: #eff6ff;
        color: #1d4ed8;
        font-weight: 800;
    }

@media (max-width: 900px) {
    .module-editor-modal-actions[b-tzpux84ov3] {
        align-items: stretch;
    }

    .module-help-actions[b-tzpux84ov3],
    .module-editor-action-buttons[b-tzpux84ov3] {
        width: 100%;
    }

    .module-editor-action-buttons[b-tzpux84ov3] {
        flex-direction: column-reverse;
    }

    .module-help-content[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .module-profile-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .module-profile-list-shell[b-tzpux84ov3] {
        max-height: 28rem;
        padding-right: 0.2rem;
    }

    .editor-actions[b-tzpux84ov3] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

        .editor-actions button[b-tzpux84ov3] {
            width: 100%;
        }
}

/* CSS rules for scrollable modules, count, and compact cards */

.module-count[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    height: 1.35rem;
    margin-left: 0.4rem;
    padding: 0 0.45rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.75rem;
    font-weight: 900;
    vertical-align: middle;
}

.module-profile-list-shell[b-tzpux84ov3] {
    max-height: clamp(25rem, 48vh, 34rem);
    overflow-y: auto;
    padding: 0.25rem 0.45rem 0.75rem 0;
    margin-top: 0.75rem;
    scrollbar-gutter: stable;
}

    .module-profile-list-shell[b-tzpux84ov3]::-webkit-scrollbar {
        width: 0.65rem;
    }

    .module-profile-list-shell[b-tzpux84ov3]::-webkit-scrollbar-track {
        border-radius: 999px;
        background: #eef4fb;
    }

    .module-profile-list-shell[b-tzpux84ov3]::-webkit-scrollbar-thumb {
        border: 2px solid #eef4fb;
        border-radius: 999px;
        background: #93c5fd;
    }

        .module-profile-list-shell[b-tzpux84ov3]::-webkit-scrollbar-thumb:hover {
            background: #60a5fa;
        }

.module-profile-card[b-tzpux84ov3] {
    gap: 0.65rem;
    padding: 0.85rem;
}

    .module-profile-card p[b-tzpux84ov3] {
        display: -webkit-box;
        min-height: 2.4rem;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

.add-module-tile[b-tzpux84ov3] {
    min-height: 11rem;
    padding: 1rem;
}

.add-module-tile-icon[b-tzpux84ov3] {
    width: 3.25rem;
    height: 3.25rem;
    font-size: 1.75rem;
}

.module-profile-header[b-tzpux84ov3] {
    gap: 0.65rem;
}

.module-profile-card dl[b-tzpux84ov3] {
    gap: 0.55rem;
}

.module-profile-actions button[b-tzpux84ov3] {
    padding: 0.45rem 0.7rem;
}


/* Theme Settings*/
.theme-settings-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(20rem, 0.85fr) minmax(0, 1.15fr);
    gap: 0.75rem;
}

.theme-control-card[b-tzpux84ov3] {
    display: grid;
    gap: 1rem;
}

    .theme-control-card h3[b-tzpux84ov3] {
        margin: 0;
    }

.theme-preset-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.theme-preset[b-tzpux84ov3] {
    min-height: 5rem;
    display: flex;
    align-items: end;
    padding: 0.85rem;
    border: 2px solid transparent;
    border-radius: 0.9rem;
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 0.65rem 1.3rem rgba(15, 23, 42, 0.18);
}

    .theme-preset.selected[b-tzpux84ov3] {
        border-color: #ffffff;
        outline: 3px solid var(--workspace-brand-light);
    }

.theme-color-grid[b-tzpux84ov3] {
    display: grid;
    gap: 0.85rem;
}

    .theme-color-grid label[b-tzpux84ov3] {
        display: grid;
        grid-template-columns: 1fr auto minmax(7rem, 9rem);
        gap: 0.65rem;
        align-items: center;
    }

    .theme-color-grid span[b-tzpux84ov3],
    .theme-range-field span[b-tzpux84ov3] {
        color: #334155;
        font-weight: 850;
    }

    .theme-color-grid input[type="color"][b-tzpux84ov3] {
        width: 3rem;
        height: 2.4rem;
        padding: 0.15rem;
        border: 1px solid var(--workspace-border);
        border-radius: 0.55rem;
        background: #ffffff;
        cursor: pointer;
    }

    .theme-color-grid input:not([type="color"])[b-tzpux84ov3] {
        min-height: 2.4rem;
        padding: 0.45rem 0.65rem;
        border: 1px solid var(--workspace-border);
        border-radius: 0.55rem;
        color: #172033;
        font-weight: 800;
    }

.theme-range-field[b-tzpux84ov3] {
    display: grid;
    gap: 0.55rem;
}

    .theme-range-field input[b-tzpux84ov3] {
        width: 100%;
        accent-color: var(--workspace-brand-light);
    }

.theme-preview-card[b-tzpux84ov3] {
    overflow: hidden;
    border: 1px solid var(--workspace-border);
    border-radius: 0.9rem;
    background: #ffffff;
    box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
}

.theme-preview-hero[b-tzpux84ov3] {
    min-height: 11rem;
    display: grid;
    align-content: center;
    gap: 0.35rem;
    padding: 1.5rem;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.2), transparent 28%), linear-gradient(var(--workspace-gradient-angle), var(--workspace-brand-dark) 0%, var(--workspace-brand-mid) 52%, var(--workspace-brand-light) 100%);
    color: #ffffff;
}

    .theme-preview-hero h3[b-tzpux84ov3] {
        margin: 0;
        font-size: 1.55rem;
    }

    .theme-preview-hero p[b-tzpux84ov3] {
        margin: 0;
        opacity: 0.9;
    }

.theme-preview-layout[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    min-height: 17rem;
    background: linear-gradient(90deg, #f8fbff 0%, #f8fbff 68%, var(--workspace-brand-dark) 100%);
}

    .theme-preview-layout aside[b-tzpux84ov3] {
        background: linear-gradient(180deg, var(--workspace-brand-dark) 0%, var(--workspace-brand-mid) 54%, var(--workspace-brand-light) 100%);
    }

    .theme-preview-layout main[b-tzpux84ov3] {
        display: grid;
        gap: 0.85rem;
        align-content: start;
        padding: 1rem;
    }

        .theme-preview-layout main span[b-tzpux84ov3] {
            min-height: 3.5rem;
            border: 1px solid #dbe6f5;
            border-radius: 0.8rem;
            background: #ffffff;
            box-shadow: 0 0.25rem 0.9rem rgba(15, 23, 42, 0.08);
        }

@media (max-width: 900px) {
    .theme-settings-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .theme-preset-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .theme-color-grid label[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }
}


/* Compact Forms Layout */
/* Compact Forms page layout */
/* Balanced compact Forms page layout */
.forms-page[b-tzpux84ov3] {
    gap: 0.38rem !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
}

    /* Top Forms header */
    .forms-page .navigation-page-header[b-tzpux84ov3] {
        min-height: 0 !important;
        height: auto !important;
        align-self: start !important;
        padding: 0.55rem 0.85rem !important;
        border-radius: 0.7rem !important;
    }

        .forms-page .navigation-page-header h2[b-tzpux84ov3] {
            font-size: 1.12rem !important;
            line-height: 1.08 !important;
        }

        .forms-page .navigation-page-header p[b-tzpux84ov3] {
            margin-top: 0.12rem !important;
            font-size: 0.78rem !important;
            line-height: 1.2 !important;
        }

    .forms-page .eyebrow[b-tzpux84ov3] {
        margin-bottom: 0.08rem !important;
        font-size: 0.66rem !important;
        line-height: 1 !important;
    }

    /* Header buttons */
    .forms-page .navigation-header-actions[b-tzpux84ov3] {
        gap: 0.42rem !important;
    }

        .forms-page .navigation-header-actions button[b-tzpux84ov3] {
            min-height: 2rem !important;
            padding: 0.36rem 0.7rem !important;
            border-radius: 0.42rem !important;
            font-size: 0.74rem !important;
            line-height: 1 !important;
        }

    /* Metric cards */
    .forms-page .dashboard-grid[b-tzpux84ov3] {
        gap: 0.42rem !important;
        align-items: start !important;
        grid-auto-rows: max-content !important;
    }

    .forms-page .metric-card[b-tzpux84ov3] {
        min-height: 0 !important;
        height: auto !important;
        align-self: start !important;
        gap: 0.12rem !important;
        padding: 0.55rem 0.75rem !important;
        border-radius: 0.7rem !important;
    }

        .forms-page .metric-card span[b-tzpux84ov3] {
            font-size: 0.72rem !important;
            line-height: 1.05 !important;
        }

        .forms-page .metric-card strong[b-tzpux84ov3] {
            font-size: 1.15rem !important;
            line-height: 1.1 !important;
        }

        .forms-page .metric-card small[b-tzpux84ov3] {
            font-size: 0.72rem !important;
            line-height: 1.12 !important;
        }

    /* Project Forms card */
    .forms-page .navigation-card[b-tzpux84ov3] {
        align-self: start !important;
        padding: 0.55rem 0.7rem !important;
        border-radius: 0.7rem !important;
    }

    .forms-page .panel-title[b-tzpux84ov3] {
        min-height: 0 !important;
        margin-bottom: 0.38rem !important;
    }

        .forms-page .panel-title h2[b-tzpux84ov3] {
            font-size: 1rem !important;
            line-height: 1.05 !important;
        }

        /* New/Open button */
        .forms-page .panel-title .new-form-action[b-tzpux84ov3] {
            min-height: 1.8rem !important;
            gap: 0.28rem !important;
            padding: 0.18rem 0.52rem 0.2rem 0.22rem !important;
        }

    .forms-page .new-form-action-icon[b-tzpux84ov3] {
        width: 1.25rem !important;
        height: 1.25rem !important;
    }

    .forms-page .new-form-action-text strong[b-tzpux84ov3] {
        font-size: 0.7rem !important;
        line-height: 1 !important;
    }

    /* Compact but readable table rows */
    .forms-page .workspace-table .table-header[b-tzpux84ov3],
    .forms-page .workspace-table .table-row[b-tzpux84ov3] {
        gap: 0.36rem !important;
        padding: 0.34rem 0.52rem !important;
    }

    .forms-page .workspace-table .table-row[b-tzpux84ov3] {
        min-height: 2.15rem !important;
    }

    .forms-page .workspace-table .table-header[b-tzpux84ov3] {
        font-size: 0.66rem !important;
        line-height: 1.05 !important;
    }

    .forms-page .workspace-table .table-row strong[b-tzpux84ov3],
    .forms-page .workspace-table .table-row span[b-tzpux84ov3],
    .forms-page .workspace-table .table-row em[b-tzpux84ov3] {
        font-size: 0.76rem !important;
        line-height: 1.12 !important;
    }

    .forms-page .workspace-table .table-row button[b-tzpux84ov3] {
        min-width: 2.8rem !important;
        min-height: 1.68rem !important;
        padding: 0.24rem 0.42rem !important;
        border-radius: 0.34rem !important;
        font-size: 0.7rem !important;
        line-height: 1 !important;
    }

    /* Center metric values on Forms page */
    .forms-page .metric-card[b-tzpux84ov3] {
        position: relative !important;
        grid-template-rows: auto 1fr auto !important;
        min-height: 4.1rem !important;
    }

        .forms-page .metric-card strong[b-tzpux84ov3] {
            justify-self: center !important;
            align-self: center !important;
            text-align: center !important;
            font-size: 1.28rem !important;
            line-height: 1 !important;
        }

        .forms-page .metric-card span[b-tzpux84ov3] {
            justify-self: start !important;
            text-align: left !important;
        }

        .forms-page .metric-card small[b-tzpux84ov3] {
            justify-self: start !important;
            text-align: left !important;
        }

        /* Modules page  */

/* Compact Modules / Business Structure layout */
.modules-page[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
}

/* Make Business Structure header narrower */
.modules-page .navigation-page-header[b-tzpux84ov3] {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
    padding: 0.55rem 0.85rem !important;
    border-radius: 0.7rem !important;
}

.modules-page .navigation-page-header h2[b-tzpux84ov3] {
    font-size: 1.12rem !important;
    line-height: 1.08 !important;
}

.modules-page .navigation-page-header p[b-tzpux84ov3] {
    margin-top: 0.12rem !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

.modules-page .eyebrow[b-tzpux84ov3] {
    margin-bottom: 0.08rem !important;
    font-size: 0.66rem !important;
    line-height: 1 !important;
}

.modules-page .navigation-header-actions[b-tzpux84ov3] {
    gap: 0.42rem !important;
}

.modules-page .navigation-header-actions button[b-tzpux84ov3] {
    min-height: 2rem !important;
    padding: 0.36rem 0.7rem !important;
    border-radius: 0.42rem !important;
    font-size: 0.74rem !important;
    line-height: 1 !important;
}

/* Compact modules content area */
.modules-page .module-management-grid[b-tzpux84ov3] {
    gap: 0.42rem !important;
    grid-template-columns: minmax(18rem, 0.92fr) minmax(0, 1.08fr) !important;
    align-items: start !important;
}

.modules-page .navigation-card[b-tzpux84ov3] {
    align-self: start !important;
    padding: 0.65rem 0.75rem !important;
    border-radius: 0.72rem !important;
}

/* Left side module list */
.modules-page .panel-title[b-tzpux84ov3] {
    margin-bottom: 0.45rem !important;
}

.modules-page .panel-title h2[b-tzpux84ov3] {
    font-size: 1rem !important;
    line-height: 1.05 !important;
}

.modules-page .panel-title strong[b-tzpux84ov3] {
    justify-self: center !important;
    text-align: center !important;
    color: #17365d !important;
    font-size: 0.86rem !important;
    font-weight: 900 !important;
}

.modules-page .module-list[b-tzpux84ov3] {
    gap: 0.42rem !important;
}

.modules-page .module-list-item[b-tzpux84ov3] {
    min-height: 0 !important;
    grid-template-columns: 2rem minmax(0, 1fr) 4.2rem !important;
    gap: 0.55rem !important;
    padding: 0.48rem 0.55rem !important;
    border-radius: 0.62rem !important;
}

.modules-page .module-list-item .module-icon[b-tzpux84ov3] {
    width: 1.65rem !important;
    height: 1.65rem !important;
}

.modules-page .module-list-item strong[b-tzpux84ov3] {
    font-size: 0.82rem !important;
    line-height: 1.1 !important;
}

.modules-page .module-list-item small[b-tzpux84ov3] {
    margin-top: 0.1rem !important;
    font-size: 0.68rem !important;
    line-height: 1.15 !important;
}

.modules-page .module-list-item em[b-tzpux84ov3] {
    justify-self: center !important;
    align-self: center !important;
    text-align: center !important;
    font-size: 0.78rem !important;
    line-height: 1.05 !important;
}

/* Right detail section values centered */
.modules-page .definition-grid div[b-tzpux84ov3] {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    min-height: 3rem !important;
    padding: 0.5rem 0.65rem !important;
    border-radius: 0.62rem !important;
}

.modules-page .definition-grid dt[b-tzpux84ov3] {
    font-size: 0.66rem !important;
    line-height: 1 !important;
}

.modules-page .definition-grid dd[b-tzpux84ov3] {
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 0.86rem !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
}

/* Right detail header and related forms */
.modules-page .module-detail-header[b-tzpux84ov3] {
    gap: 0.6rem !important;
    margin-bottom: 0.6rem !important;
}

.modules-page .module-detail-header .module-icon.large[b-tzpux84ov3] {
    width: 2rem !important;
    height: 2rem !important;
}

.modules-page .module-detail-header h3[b-tzpux84ov3] {
    font-size: 0.98rem !important;
    line-height: 1.05 !important;
}

.modules-page .module-detail-header p[b-tzpux84ov3] {
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
}

.modules-page .compact-form-list[b-tzpux84ov3] {
    gap: 0.28rem !important;
}

.modules-page .compact-form-list button[b-tzpux84ov3] {
    min-height: 2rem !important;
    gap: 0.42rem !important;
    padding: 0.42rem 0.55rem !important;
    border-radius: 0.52rem !important;
}

.modules-page .compact-form-list button strong[b-tzpux84ov3] {
    font-size: 0.78rem !important;
}

.modules-page .compact-form-list button span[b-tzpux84ov3],
.modules-page .compact-form-list button small[b-tzpux84ov3] {
    font-size: 0.7rem !important;
}

/* Compact Workflows / Process Control layout */
.workflows-page[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
}

/* Make Process Control header narrower */
.workflows-page .navigation-page-header[b-tzpux84ov3] {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
    padding: 0.55rem 0.85rem !important;
    border-radius: 0.7rem !important;
}

.workflows-page .navigation-page-header h2[b-tzpux84ov3] {
    font-size: 1.12rem !important;
    line-height: 1.08 !important;
}

.workflows-page .navigation-page-header p[b-tzpux84ov3] {
    margin-top: 0.12rem !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

.workflows-page .eyebrow[b-tzpux84ov3] {
    margin-bottom: 0.08rem !important;
    font-size: 0.66rem !important;
    line-height: 1 !important;
}

.workflows-page .navigation-header-actions[b-tzpux84ov3] {
    gap: 0.42rem !important;
}

.workflows-page .navigation-header-actions button[b-tzpux84ov3] {
    min-height: 2rem !important;
    padding: 0.36rem 0.7rem !important;
    border-radius: 0.42rem !important;
    font-size: 0.74rem !important;
    line-height: 1 !important;
}

/* Compact workflow cards */
.workflows-page .navigation-card-grid[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-items: start !important;
    grid-auto-rows: max-content !important;
}

.workflows-page .navigation-card[b-tzpux84ov3] {
    align-self: start !important;
    padding: 0.65rem 0.75rem !important;
    border-radius: 0.72rem !important;
}

.workflows-page .navigation-card h3[b-tzpux84ov3] {
    margin-bottom: 0.5rem !important;
    font-size: 1rem !important;
    line-height: 1.05 !important;
}

/* Center the values in the current workflow template cards */
.workflows-page .definition-grid[b-tzpux84ov3] {
    gap: 0.45rem !important;
}

.workflows-page .definition-grid div[b-tzpux84ov3] {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    min-height: 3rem !important;
    padding: 0.5rem 0.65rem !important;
    border-radius: 0.62rem !important;
}

.workflows-page .definition-grid dt[b-tzpux84ov3] {
    font-size: 0.66rem !important;
    line-height: 1 !important;
}

.workflows-page .definition-grid dd[b-tzpux84ov3] {
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 0.86rem !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
}

/* Workflow rules compact */
.workflows-page .rule-list[b-tzpux84ov3] {
    padding-left: 1rem !important;
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
}

.workflows-page .rule-list li[b-tzpux84ov3] {
    margin: 0.25rem 0 !important;
}

/* Example approval flow compact */
.workflows-page .workflow-route[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-items: start !important;
}

.workflows-page .workflow-route article[b-tzpux84ov3] {
    min-height: 4.8rem !important;
    gap: 0.25rem !important;
    padding: 0.55rem 0.65rem !important;
    border-radius: 0.62rem !important;
}

.workflows-page .workflow-route span[b-tzpux84ov3] {
    width: 1.45rem !important;
    height: 1.45rem !important;
    font-size: 0.72rem !important;
}

.workflows-page .workflow-route strong[b-tzpux84ov3] {
    font-size: 0.78rem !important;
    line-height: 1.1 !important;
}

.workflows-page .workflow-route small[b-tzpux84ov3] {
    font-size: 0.68rem !important;
    line-height: 1.15 !important;
}

/* Match Workflow Rules height to Current Workflow Template */
.workflows-page .navigation-card-grid[b-tzpux84ov3] {
    align-items: stretch !important;
}

.workflows-page .navigation-card-grid > .navigation-card[b-tzpux84ov3] {
    height: 100% !important;
    min-height: 0 !important;
}

.workflows-page .navigation-card-grid > .navigation-card:nth-child(2)[b-tzpux84ov3] {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-content: start !important;
}

.workflows-page .navigation-card-grid > .navigation-card:nth-child(2) .rule-list[b-tzpux84ov3] {
    align-self: start !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Compact Reports / Workspace Reporting layout */
.reports-page[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
}

/* Make Workspace Reporting header narrower */
.reports-page .navigation-page-header[b-tzpux84ov3] {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
    padding: 0.55rem 0.85rem !important;
    border-radius: 0.7rem !important;
}

.reports-page .navigation-page-header h2[b-tzpux84ov3] {
    font-size: 1.12rem !important;
    line-height: 1.08 !important;
}

.reports-page .navigation-page-header p[b-tzpux84ov3] {
    margin-top: 0.12rem !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

.reports-page .eyebrow[b-tzpux84ov3] {
    margin-bottom: 0.08rem !important;
    font-size: 0.66rem !important;
    line-height: 1 !important;
}

.reports-page .navigation-header-actions[b-tzpux84ov3] {
    gap: 0.42rem !important;
}

.reports-page .navigation-header-actions button[b-tzpux84ov3] {
    min-height: 2rem !important;
    padding: 0.36rem 0.7rem !important;
    border-radius: 0.42rem !important;
    font-size: 0.74rem !important;
    line-height: 1 !important;
}

/* Center metric values: Projects, Modules, Configured Forms, Settings */
.reports-page .dashboard-grid[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-items: start !important;
    grid-auto-rows: max-content !important;
}

.reports-page .metric-card[b-tzpux84ov3] {
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    min-height: 4.2rem !important;
    height: auto !important;
    align-self: start !important;
    gap: 0.12rem !important;
    padding: 0.55rem 0.75rem !important;
    border-radius: 0.7rem !important;
}

.reports-page .metric-card span[b-tzpux84ov3] {
    justify-self: start !important;
    text-align: left !important;
    font-size: 0.72rem !important;
    line-height: 1.05 !important;
}

.reports-page .metric-card strong[b-tzpux84ov3] {
    justify-self: center !important;
    align-self: center !important;
    text-align: center !important;
    font-size: 1.28rem !important;
    line-height: 1 !important;
}

.reports-page .metric-card small[b-tzpux84ov3] {
    justify-self: start !important;
    text-align: left !important;
    font-size: 0.72rem !important;
    line-height: 1.12 !important;
}

/* Compact lower report cards */
.reports-page .navigation-card-grid[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-items: start !important;
    grid-auto-rows: max-content !important;
}

.reports-page .navigation-card[b-tzpux84ov3] {
    align-self: start !important;
    padding: 0.65rem 0.75rem !important;
    border-radius: 0.72rem !important;
}

.reports-page .navigation-card h3[b-tzpux84ov3] {
    margin-bottom: 0.5rem !important;
    font-size: 1rem !important;
    line-height: 1.05 !important;
}

/* Compact Module Coverage table */
.reports-page .workspace-table.compact .table-header[b-tzpux84ov3],
.reports-page .workspace-table.compact .table-row[b-tzpux84ov3] {
    gap: 0.36rem !important;
    padding: 0.34rem 0.52rem !important;
}

.reports-page .workspace-table.compact .table-row[b-tzpux84ov3] {
    min-height: 2.05rem !important;
}

.reports-page .workspace-table.compact .table-header[b-tzpux84ov3] {
    font-size: 0.66rem !important;
    line-height: 1.05 !important;
}

.reports-page .workspace-table.compact .table-row strong[b-tzpux84ov3],
.reports-page .workspace-table.compact .table-row span[b-tzpux84ov3],
.reports-page .workspace-table.compact .table-row em[b-tzpux84ov3] {
    font-size: 0.76rem !important;
    line-height: 1.12 !important;
}

/* Compact Readiness Summary */
.reports-page .readiness-list[b-tzpux84ov3] {
    gap: 0.42rem !important;
}

.reports-page .readiness-list div[b-tzpux84ov3] {
    padding: 0.52rem 0.65rem !important;
    border-radius: 0.62rem !important;
    gap: 0.12rem 0.55rem !important;
}

.reports-page .readiness-list strong[b-tzpux84ov3],
.reports-page .readiness-list span[b-tzpux84ov3] {
    font-size: 0.78rem !important;
    line-height: 1.1 !important;
}

.reports-page .readiness-list small[b-tzpux84ov3] {
    font-size: 0.7rem !important;
    line-height: 1.15 !important;
}

/* Match Readiness Summary height to Module Coverage */
.reports-page .navigation-card-grid[b-tzpux84ov3] {
    align-items: stretch !important;
}

.reports-page .navigation-card-grid > .navigation-card[b-tzpux84ov3] {
    height: 100% !important;
    min-height: 0 !important;
}

.reports-page .navigation-card-grid > .navigation-card:nth-child(2)[b-tzpux84ov3] {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
}

.reports-page .navigation-card-grid > .navigation-card:nth-child(2) .readiness-list[b-tzpux84ov3] {
    height: 100% !important;
    align-self: stretch !important;
    align-content: start !important;
}.reports-page .navigation-card-grid > .navigation-card:nth-child(2) .readiness-list[b-tzpux84ov3] {
    display: grid !important;
    grid-template-rows: repeat(5, 1fr) !important;
}

/* Compact Workspace Theme / Settings layout */
.theme-settings-page[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-content: start !important;
    grid-auto-rows: max-content !important;
}

/* Make Workspace Theme header narrower */
.theme-settings-page .navigation-page-header[b-tzpux84ov3] {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
    padding: 0.55rem 0.85rem !important;
    border-radius: 0.7rem !important;
}

.theme-settings-page .navigation-page-header h2[b-tzpux84ov3] {
    font-size: 1.12rem !important;
    line-height: 1.08 !important;
}

.theme-settings-page .navigation-page-header p[b-tzpux84ov3] {
    margin-top: 0.12rem !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
}

.theme-settings-page .eyebrow[b-tzpux84ov3] {
    margin-bottom: 0.08rem !important;
    font-size: 0.66rem !important;
    line-height: 1 !important;
}

.theme-settings-page .navigation-header-actions[b-tzpux84ov3] {
    gap: 0.42rem !important;
}

.theme-settings-page .navigation-header-actions button[b-tzpux84ov3] {
    min-height: 2rem !important;
    padding: 0.36rem 0.7rem !important;
    border-radius: 0.42rem !important;
    font-size: 0.74rem !important;
    line-height: 1 !important;
}

/* Compact theme settings body */
.theme-settings-page .theme-settings-grid[b-tzpux84ov3] {
    gap: 0.42rem !important;
    align-items: start !important;
    grid-template-columns: minmax(18rem, 0.85fr) minmax(0, 1.15fr) !important;
}

.theme-settings-page .navigation-card[b-tzpux84ov3],
.theme-settings-page .theme-preview-card[b-tzpux84ov3] {
    align-self: start !important;
    border-radius: 0.72rem !important;
}

/* Left controls */
.theme-settings-page .theme-control-card[b-tzpux84ov3] {
    gap: 0.55rem !important;
    padding: 0.65rem 0.75rem !important;
}

.theme-settings-page .theme-control-card h3[b-tzpux84ov3] {
    font-size: 1rem !important;
    line-height: 1.05 !important;
}

.theme-settings-page .theme-preset-grid[b-tzpux84ov3] {
    gap: 0.45rem !important;
}

.theme-settings-page .theme-preset[b-tzpux84ov3] {
    min-height: 3.1rem !important;
    padding: 0.55rem !important;
    border-radius: 0.65rem !important;
    font-size: 0.78rem !important;
}

.theme-settings-page .theme-color-grid[b-tzpux84ov3] {
    gap: 0.45rem !important;
}

.theme-settings-page .theme-color-grid label[b-tzpux84ov3] {
    grid-template-columns: minmax(6rem, 1fr) auto minmax(6.5rem, 8rem) !important;
    gap: 0.45rem !important;
}

.theme-settings-page .theme-color-grid span[b-tzpux84ov3],
.theme-settings-page .theme-range-field span[b-tzpux84ov3] {
    font-size: 0.76rem !important;
    line-height: 1.1 !important;
}

.theme-settings-page .theme-color-grid input[type="color"][b-tzpux84ov3] {
    width: 2.35rem !important;
    height: 1.9rem !important;
    border-radius: 0.42rem !important;
}

.theme-settings-page .theme-color-grid input:not([type="color"])[b-tzpux84ov3] {
    min-height: 1.9rem !important;
    padding: 0.32rem 0.48rem !important;
    border-radius: 0.42rem !important;
    font-size: 0.74rem !important;
}

.theme-settings-page .theme-range-field[b-tzpux84ov3] {
    gap: 0.32rem !important;
}

/* Right preview */
.theme-settings-page .theme-preview-hero[b-tzpux84ov3] {
    min-height: 6rem !important;
    padding: 0.9rem 1rem !important;
}

.theme-settings-page .theme-preview-hero h3[b-tzpux84ov3] {
    font-size: 1.15rem !important;
    line-height: 1.1 !important;
}

.theme-settings-page .theme-preview-hero p[b-tzpux84ov3] {
    font-size: 0.78rem !important;
}

.theme-settings-page .theme-preview-layout[b-tzpux84ov3] {
    min-height: 9rem !important;
    grid-template-columns: 3.6rem minmax(0, 1fr) !important;
}

.theme-settings-page .theme-preview-layout main[b-tzpux84ov3] {
    gap: 0.45rem !important;
    padding: 0.65rem !important;
}

.theme-settings-page .theme-preview-layout main span[b-tzpux84ov3] {
    min-height: 1.9rem !important;
    border-radius: 0.55rem !important;
}


/* Color chips with better circle/text spacing */
.module-color-palette[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.2rem;
}

.module-color-chip[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 2.15rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

    .module-color-chip span[b-tzpux84ov3] {
        width: 0.85rem;
        height: 0.85rem;
        flex: 0 0 0.85rem;
        border: 2px solid #ffffff;
        border-radius: 999px;
        box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.16);
    }

    .module-color-chip small[b-tzpux84ov3] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .module-color-chip:hover[b-tzpux84ov3] {
        transform: translateY(-1px);
        border-color: #93c5fd;
        box-shadow: 0 0.35rem 0.8rem rgba(37, 99, 235, 0.14);
    }

    .module-color-chip.selected[b-tzpux84ov3] {
        border-color: #2563eb;
        background: #eff6ff;
        color: #1d4ed8;
        box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
    }

    /* Color values */
    .color-preview-dot.blue[b-tzpux84ov3],
    .module-color-chip.blue span[b-tzpux84ov3],
    .module-icon.blue[b-tzpux84ov3] {
        background: #dbeafe;
        color: #2563eb;
    }

    .color-preview-dot.green[b-tzpux84ov3],
    .module-color-chip.green span[b-tzpux84ov3],
    .module-icon.green[b-tzpux84ov3] {
        background: #dcfce7;
        color: #16a34a;
    }

    .color-preview-dot.purple[b-tzpux84ov3],
    .module-color-chip.purple span[b-tzpux84ov3],
    .module-icon.purple[b-tzpux84ov3] {
        background: #ede9fe;
        color: #7c3aed;
    }

    .color-preview-dot.orange[b-tzpux84ov3],
    .module-color-chip.orange span[b-tzpux84ov3],
    .module-icon.orange[b-tzpux84ov3] {
        background: #ffedd5;
        color: #ea580c;
    }

    .color-preview-dot.teal[b-tzpux84ov3],
    .module-color-chip.teal span[b-tzpux84ov3],
    .module-icon.teal[b-tzpux84ov3] {
        background: #ccfbf1;
        color: #0f766e;
    }

    .color-preview-dot.rose[b-tzpux84ov3],
    .module-color-chip.rose span[b-tzpux84ov3],
    .module-icon.rose[b-tzpux84ov3] {
        background: #ffe4e6;
        color: #e11d48;
    }

    .color-preview-dot.indigo[b-tzpux84ov3],
    .module-color-chip.indigo span[b-tzpux84ov3],
    .module-icon.indigo[b-tzpux84ov3] {
        background: #e0e7ff;
        color: #4f46e5;
    }

    .color-preview-dot.slate[b-tzpux84ov3],
    .module-color-chip.slate span[b-tzpux84ov3],
    .module-icon.slate[b-tzpux84ov3] {
        background: #e2e8f0;
        color: #334155;
    }

    .color-preview-dot.gold[b-tzpux84ov3],
    .module-color-chip.gold span[b-tzpux84ov3],
    .module-icon.gold[b-tzpux84ov3] {
        background: #fef3c7;
        color: #b45309;
    }

@media (max-width: 900px) {
    .module-color-palette[b-tzpux84ov3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* Better module editor visual polish */
.module-editor-modal[b-tzpux84ov3] {
    border-color: #bfdbfe;
    background:
        radial-gradient(circle at 10% 0%, rgba(59, 130, 246, 0.18), transparent 24rem),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.module-editor-modal .module-editor-hero[b-tzpux84ov3] {
    border-color: #dbeafe;
    background:
        radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.14), transparent 18rem),
        linear-gradient(90deg, #eff6ff 0%, #ffffff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.module-modal-form-grid[b-tzpux84ov3] {
    align-items: start;
}

@media (max-width: 900px) {
    .module-color-palette[b-tzpux84ov3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* Color Theme field inside Edit/Create Module Profile */
.module-color-picker-field[b-tzpux84ov3] {
    display: grid;
    align-content: start;
    padding-top: 0.05rem;
}

    /* Correct Blazor CSS isolation syntax: ::deep with a space, not parentheses */
    .module-color-picker-field[b-tzpux84ov3]  .property-row.color-picker-row {
        display: grid !important;
        grid-template-columns: 5.25rem 8.25rem !important;
        align-items: start !important;
        gap: 0.65rem !important;
        margin-bottom: 0 !important;
    }

        /* Label on the left, matching the screenshot */
        .module-color-picker-field[b-tzpux84ov3]  .property-row.color-picker-row > label {
            padding-top: 0.35rem !important;
            color: #475569 !important;
            font-size: 0.78rem !important;
            font-weight: 800 !important;
            line-height: 1.1 !important;
        }

    /* Compact picker on the right */
    .module-color-picker-field[b-tzpux84ov3]  .color-picker-field {
        width: 8.25rem !important;
        max-width: 8.25rem !important;
        justify-self: end !important;
        gap: 0.38rem !important;
    }

        /* Top rainbow strip */
        .module-color-picker-field[b-tzpux84ov3]  .color-picker-field > label {
            height: 1.55rem !important;
            min-height: 1.55rem !important;
            padding: 0 0.55rem !important;
            border-radius: 0.45rem !important;
        }

        /* Bottom hex value row */
        .module-color-picker-field[b-tzpux84ov3]  .color-picker-field > button {
            min-height: 1.55rem !important;
            padding: 0.22rem 0.45rem !important;
            border-radius: 0 !important;
            font-size: 0.68rem !important;
        }act */
.module-color-picker-field[b-tzpux84ov3] (.color-picker-field > label) {
    height: 1.65rem !important;
    padding: 0 0.55rem !important;
    border-radius: 0.45rem !important;
}

/* Make the hex value row compact */
.module-color-picker-field[b-tzpux84ov3] (.color-picker-field > button) {
    min-height: 1.65rem !important;
    padding: 0.25rem 0.45rem !important;
    border-radius: 0 !important;
    font-size: 0.68rem !important;
}


/* Preview Project Solution*/
.runtime-app-shell[b-tzpux84ov3] {
    min-height: 100vh;
    min-width: 0;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    padding: 0.6rem;
    box-sizing: border-box;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.18), transparent 24rem),
        radial-gradient(circle at right 14%, rgba(15, 63, 69, 0.10), transparent 20rem),
        linear-gradient(180deg, #eef4ff 0%, #e6eefb 46%, #dde6f3 100%);
}

.runtime-app-actions[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.7rem;
}

.runtime-user-chip[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.45rem;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    border: 1px solid rgba(186, 210, 243, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 24px rgba(148, 163, 184, 0.14);
}

.runtime-user-avatar[b-tzpux84ov3] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f3a63, #2563eb);
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.runtime-user-copy[b-tzpux84ov3] {
    display: grid;
    min-width: 0;
}

.runtime-user-copy strong[b-tzpux84ov3] {
    color: #0f172a;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.15;
}

.runtime-user-copy small[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.64rem;
    line-height: 1.1;
}

.runtime-app-logout[b-tzpux84ov3] {
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.85rem;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f3a63, #2563eb);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
    cursor: pointer;
}

.runtime-app-surface[b-tzpux84ov3] {
    min-height: 0;
    min-width: 0;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    container: workspace-runtime / inline-size;
    border: 1px solid rgba(191, 219, 254, 0.92);
    border-radius: 0.5rem;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 248, 255, 0.95));
    box-shadow:
        0 26px 55px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.runtime-app-content[b-tzpux84ov3] {
    min-height: 0;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.runtime-page-status[b-tzpux84ov3] {
    margin-top: 1rem;
}

.runtime-app-main-banner[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.1rem;
    padding: 1.15rem 1.35rem;
    border: 1px solid rgba(191, 219, 254, 0.95);
    border-radius: 1.2rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 255, 0.95)),
        radial-gradient(circle at right top, rgba(37, 99, 235, 0.08), transparent 12rem);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.runtime-app-main-kicker[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.runtime-app-main-banner h2[b-tzpux84ov3] {
    margin: 0.7rem 0 0.2rem;
    color: #0f2f56;
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    font-weight: 800;
}

.runtime-app-main-banner p[b-tzpux84ov3] {
    margin: 0;
    max-width: 48rem;
    color: #64748b;
}

.runtime-app-main-badges[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
}

.runtime-app-main-badges span[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    padding: 0 0.8rem;
    border: 1px solid rgba(191, 219, 254, 0.95);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: #294765;
    font-size: 0.82rem;
    font-weight: 700;
}

.workspace-preview-backdrop[b-tzpux84ov3] {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.62);
}

.workspace-preview-modal[b-tzpux84ov3] {
    width: min(96vw, 112rem);
    height: min(92vh, 64rem);
    min-width: min(24rem, calc(100vw - 2rem));
    min-height: min(24rem, calc(100vh - 2rem));
    max-width: 98vw;
    max-height: 96vh;
    container: workspace-preview / inline-size;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: auto;
    resize: both;
    border-radius: 1.15rem;
    background: #ffffff;
    box-shadow: 0 2rem 5rem rgba(15, 23, 42, 0.38);
}

.workspace-preview-header[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #dbe4f1;
    background: #ffffff;
}

    .workspace-preview-header h2[b-tzpux84ov3] {
        margin: 0;
        color: #0f2f56;
        font-size: 1.25rem;
        font-weight: 500;
    }

    .workspace-preview-header span[b-tzpux84ov3] {
        display: block;
        margin-top: 0.2rem;
        color: #64748b;
    }

.workspace-preview-actions[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

    .workspace-preview-actions button[b-tzpux84ov3] {
        min-height: 2.4rem;
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        padding: 0 0.9rem;
        border: 1px solid #cbd5e1;
        border-radius: 0.65rem;
        background: #ffffff;
        color: #0f2f56;
        font-weight: 500;
        cursor: pointer;
    }

    .workspace-preview-actions .primary[b-tzpux84ov3] {
        border-color: var(--workspace-brand);
        background: var(--workspace-brand);
        color: #ffffff;
    }

.workspace-preview-loading[b-tzpux84ov3] {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.7rem;
    min-height: 18rem;
    padding: 2rem;
    text-align: center;
    color: #64748b;
    background:
        radial-gradient(circle at 50% 34%, rgba(37, 99, 235, 0.1), transparent 16rem),
        linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%);
}

    .workspace-preview-loading strong[b-tzpux84ov3] {
        color: #0f2f56;
        font-size: 1.05rem;
    }

    .workspace-preview-loading span[b-tzpux84ov3] {
        max-width: 26rem;
        line-height: 1.5;
    }

.workspace-preview-loading-spinner[b-tzpux84ov3] {
    width: 3rem;
    height: 3rem;
    border: 0.24rem solid #cfe0f8;
    border-top-color: var(--workspace-brand);
    border-right-color: #4f8ff7;
    border-radius: 50%;
    animation: workspace-preview-loading-spin-b-tzpux84ov3 0.85s linear infinite;
}

@keyframes workspace-preview-loading-spin-b-tzpux84ov3 {
    to {
        transform: rotate(360deg);
    }
}

.runtime-preview-shell[b-tzpux84ov3] {
    --runtime-menu-width: 16rem;
    --runtime-theme: var(--workspace-brand-mid);
    --runtime-font: #ffffff;
    --runtime-font-size: 0.9rem;
    --runtime-font-family: Inter, "Segoe UI", Arial, sans-serif;
    --runtime-font-weight: 500;
    --runtime-gap: 0.65rem;
    --runtime-radius: 0.75rem;
    --runtime-logo-justify: flex-start;
    --runtime-logo-text-align: left;
    --runtime-toggle-size: 2.25rem;
    --runtime-toggle-gradient-start: #ffffff;
    --runtime-toggle-gradient-end: #0f3a63;
    --runtime-toggle-icon: var(--workspace-brand);
    min-height: 100%;
    display: grid;
    grid-template-columns: minmax(4.8rem, var(--runtime-menu-width)) minmax(0, 1fr);
    overflow: visible;
    background: #eef4fb;
}

    .runtime-preview-shell.horizontal[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

.runtime-preview-shell.collapsed[b-tzpux84ov3] {
        grid-template-columns: 4.8rem minmax(0, 1fr);
    }

@media (max-width: 900px) {
    .runtime-app-shell[b-tzpux84ov3] {
        padding: 0.75rem;
    }

    .runtime-main-toolbar[b-tzpux84ov3],
    .runtime-app-actions[b-tzpux84ov3] {
        width: 100%;
    }

    .runtime-main-toolbar[b-tzpux84ov3] {
        flex-direction: column;
        align-items: stretch;
    }

    .runtime-app-actions[b-tzpux84ov3] {
        justify-content: flex-start;
    }

    .runtime-main-toolbar-actions[b-tzpux84ov3] {
        padding: 0.2rem;
    }

    .runtime-app-main-banner[b-tzpux84ov3] {
        flex-direction: column;
        align-items: stretch;
    }

    .runtime-app-main-badges[b-tzpux84ov3] {
        justify-content: flex-start;
    }

    .runtime-user-chip[b-tzpux84ov3],
    .runtime-app-logout[b-tzpux84ov3] {
        width: 100%;
    }

    .runtime-app-content[b-tzpux84ov3] {
        min-height: 0;
    }
}

.runtime-preview-main[b-tzpux84ov3] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    overflow: auto;
    gap: 0.9rem;
    padding: 0.7rem 0.8rem 0.8rem;
    background:
        linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(240, 246, 255, 0.96) 100%);
}

.runtime-page-panel[b-tzpux84ov3] {
    min-width: 0;
    min-height: 100%;
    display: grid;
    align-content: start;
}

.runtime-main-toolbar[b-tzpux84ov3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.25rem 0.15rem 0;
}

.runtime-main-toolbar-copy[b-tzpux84ov3] {
    min-width: 0;
    display: grid;
    gap: 0;
}

.runtime-main-toolbar-copy strong[b-tzpux84ov3] {
    color: #4f647d;
    font-size: clamp(1.08rem, 1.45vw, 1.32rem);
    font-weight: 600;
    line-height: 1.2;
}

.runtime-main-toolbar-actions[b-tzpux84ov3] {
    justify-content: flex-end;
    padding: 0.15rem;
    border-radius: 1.15rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(244, 248, 255, 0.95));
    box-shadow: 0 16px 36px rgba(148, 163, 184, 0.14);
}

.runtime-page-empty[b-tzpux84ov3] {
    gap: 1rem;
    padding: 1.35rem;
    border: 1px solid rgba(191, 219, 254, 0.92);
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.runtime-page-empty h2[b-tzpux84ov3] {
    margin: 0;
    color: #0f2f56;
    font-size: 1.45rem;
    font-weight: 700;
}

.runtime-page-empty p[b-tzpux84ov3] {
    margin: 0.35rem 0 0;
    color: #64748b;
}

.runtime-preview-sidebar[b-tzpux84ov3] {
    position: relative;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.85rem;
    color: var(--runtime-font);
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.01) 18%, rgba(255, 255, 255, 0) 34%),
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 12rem),
        linear-gradient(180deg, #071a2f, var(--runtime-theme));
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px) saturate(1.05);
    overflow: visible;
    font-family: var(--runtime-font-family, Inter, "Segoe UI", Arial, sans-serif);
    font-size: var(--runtime-font-size);
    font-weight: var(--runtime-font-weight, 500);
}

    .runtime-preview-sidebar.collapsed[b-tzpux84ov3] {
        padding-inline: 0.55rem;
    }

.runtime-preview-brand[b-tzpux84ov3] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: var(--runtime-logo-justify);
    gap: 0.55rem;
    min-height: 3rem;
    padding: 0.45rem;
    text-align: var(--runtime-logo-text-align);
}

    .runtime-preview-brand strong[b-tzpux84ov3] {
        font-size: 1rem;
        line-height: 1.2;
        white-space: normal;
    }

    .runtime-preview-sidebar.collapsed .runtime-preview-brand[b-tzpux84ov3] {
        width: 100%;
        justify-content: center;
        padding-inline: 0;
        text-align: center;
    }

.runtime-sidebar-toggle-button[b-tzpux84ov3] {
    position: absolute;
    top: 2.8rem;
    right: 0;
    z-index: 3;
    width: var(--runtime-toggle-size);
    height: var(--runtime-toggle-size);
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.42) 34%, transparent 36%),
        linear-gradient(145deg, var(--runtime-toggle-gradient-start), color-mix(in srgb, var(--runtime-toggle-gradient-start) 45%, var(--runtime-toggle-gradient-end)) 48%, var(--runtime-toggle-gradient-end));
    color: var(--runtime-toggle-icon);
    box-shadow:
        inset 0 0.12rem 0.22rem rgba(255, 255, 255, 0.75),
        inset 0 -0.32rem 0.48rem rgba(15, 23, 42, 0.2),
        0 0.7rem 1.35rem rgba(15, 23, 42, 0.32);
    cursor: pointer;
    transform: translateX(50%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    backdrop-filter: blur(10px);
}

    .runtime-sidebar-toggle-button[b-tzpux84ov3]::after {
        content: "";
        position: absolute;
        inset: 0.15rem 0.2rem auto;
        height: 42%;
        border-radius: inherit;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), transparent);
        pointer-events: none;
    }

    .runtime-sidebar-toggle-button:hover[b-tzpux84ov3] {
        filter: saturate(1.08);
        transform: translate(50%, -2px);
        box-shadow:
            inset 0 0.12rem 0.22rem rgba(255, 255, 255, 0.82),
            inset 0 -0.32rem 0.48rem rgba(15, 23, 42, 0.22),
            0 0.9rem 1.6rem rgba(15, 23, 42, 0.36);
    }

    .runtime-sidebar-toggle-button:active[b-tzpux84ov3] {
        transform: translateX(50%);
    }

    .runtime-sidebar-toggle-button svg[b-tzpux84ov3] {
        position: relative;
        z-index: 1;
        width: 45%;
        height: 45%;
        stroke-width: 2.4;
        filter: drop-shadow(0 0.05rem 0 rgba(255, 255, 255, 0.55));
    }

.runtime-preview-menu[b-tzpux84ov3] {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: calc(var(--runtime-gap) * 0.45);
    margin-top: var(--runtime-logo-menu-gap, 1rem);
    padding-right: 0.3rem;
    overflow-y: auto;
    overflow-x: visible;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.32) rgba(255, 255, 255, 0.06);
}

.runtime-preview-menu[b-tzpux84ov3]::-webkit-scrollbar {
    width: 10px;
}

.runtime-preview-menu[b-tzpux84ov3]::-webkit-scrollbar-track {
    margin: 0.2rem 0 0.35rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.runtime-preview-menu[b-tzpux84ov3]::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(191, 219, 254, 0.2)) padding-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.36),
        0 4px 12px rgba(15, 23, 42, 0.18);
}

.runtime-preview-menu[b-tzpux84ov3]::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(147, 197, 253, 0.28)) padding-box;
}

.runtime-preview-sidebar.collapsed .runtime-preview-menu[b-tzpux84ov3] {
    overflow: visible;
}

.runtime-preview-menu-node[b-tzpux84ov3] {
    position: relative;
    min-width: 0;
}

.runtime-preview-menu-button[b-tzpux84ov3] {
    position: relative;
    width: 100%;
    min-height: var(--runtime-row-height, 40px);
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr) 1.25rem;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.55rem;
    border: 1px solid transparent;
    border-radius: var(--runtime-radius);
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: var(--runtime-form-font-size, var(--runtime-font-size));
    font-weight: inherit;
    text-align: left;
    transition: background 0.18s ease;
}

    .runtime-preview-menu-button.expanded[b-tzpux84ov3] {
        border-color: transparent;
        background: rgba(255, 255, 255, 0.14);
    }

    .runtime-preview-menu-button:hover[b-tzpux84ov3] {
        border-color: transparent;
        background: var(--runtime-hover-highlight, rgba(255, 255, 255, 0.14));
    }

    .runtime-preview-menu-button span[b-tzpux84ov3] {
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2;
        white-space: normal;
        font-size: var(--runtime-form-font-size, var(--runtime-font-size));
    }

.runtime-preview-sidebar.collapsed .runtime-preview-menu-button[b-tzpux84ov3] {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
}

.runtime-preview-collapsed-flyout[b-tzpux84ov3] {
    position: absolute;
    top: 0;
    left: calc(100% + 0.85rem);
    z-index: 4;
    min-width: 13rem;
    max-width: 18rem;
    display: grid;
    gap: 0.45rem;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.94));
    box-shadow: 0 1.25rem 2.5rem rgba(15, 23, 42, 0.34);
}

    .runtime-preview-collapsed-flyout[b-tzpux84ov3]::before {
        content: "";
        position: absolute;
        top: 1rem;
        left: -0.45rem;
        width: 0.9rem;
        height: 0.9rem;
        border-left: 1px solid rgba(148, 163, 184, 0.3);
        border-top: 1px solid rgba(148, 163, 184, 0.3);
        background: rgba(15, 23, 42, 0.98);
        transform: rotate(-45deg);
    }

    .runtime-preview-collapsed-flyout strong[b-tzpux84ov3] {
        color: #f8fafc;
        font-size: var(--runtime-form-font-size, calc(var(--runtime-font-size) * 0.96));
        line-height: 1.2;
    }

    .runtime-preview-collapsed-flyout > span[b-tzpux84ov3] {
        color: rgba(226, 232, 240, 0.88);
        font-size: calc(var(--runtime-font-size) * 0.88);
        line-height: 1.3;
    }

    .runtime-preview-collapsed-flyout button[b-tzpux84ov3] {
        min-height: 2.2rem;
        display: grid;
        grid-template-columns: 1rem minmax(0, 1fr);
        align-items: center;
        gap: 0.5rem;
        padding: 0 0.45rem;
        border: 1px solid transparent;
        border-radius: 0.55rem;
        background: rgba(255, 255, 255, 0.06);
        color: #f8fafc;
        cursor: pointer;
        text-align: left;
        font-size: var(--runtime-form-font-size, calc(var(--runtime-font-size) * 0.9));
        line-height: 1.2;
    }

        .runtime-preview-collapsed-flyout button:hover[b-tzpux84ov3],
        .runtime-preview-collapsed-flyout button.active[b-tzpux84ov3] {
            border-color: rgba(96, 165, 250, 0.36);
            background: rgba(96, 165, 250, 0.16);
        }

        .runtime-preview-collapsed-flyout button:hover[b-tzpux84ov3] {
            background: var(--runtime-hover-highlight, rgba(96, 165, 250, 0.16));
        }

        .runtime-preview-collapsed-flyout button span[b-tzpux84ov3] {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        }

.runtime-preview-accordion-icon[b-tzpux84ov3] {
    width: 1rem;
    height: 1rem;
    transition: transform 160ms ease;
}

    .runtime-preview-accordion-icon.expanded[b-tzpux84ov3] {
        transform: rotate(180deg);
    }

.runtime-preview-group[b-tzpux84ov3] {
    min-height: var(--runtime-group-row-height, 26px);
    display: flex;
    align-items: center;
    padding: 0.35rem 0.75rem 0.2rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    line-height: 1.15;
    font-size: calc(var(--runtime-font-size) * 0.98);
    font-weight: 700;
    letter-spacing: 0;
}

.runtime-preview-children[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
    margin: 0.25rem 0 0.45rem;
    padding-left: 1.7rem;
}

    .runtime-preview-children button[b-tzpux84ov3] {
        min-height: max(1.9rem, calc(var(--runtime-row-height, 40px) - 6px));
        display: grid;
        grid-template-columns: 1rem minmax(0, 1fr);
        align-items: center;
        gap: 0.5rem;
        padding: 0 0.4rem;
        border: 1px solid transparent;
        border-radius: 0.45rem;
        background: rgba(255, 255, 255, 0.08);
        color: inherit;
        cursor: pointer;
        text-align: left;
        font-size: var(--runtime-form-font-size, calc(var(--runtime-font-size) * 0.92));
        line-height: 1.2;
        transition: background 0.18s ease, border-color 0.18s ease;
    }

        .runtime-preview-children button:hover[b-tzpux84ov3],
        .runtime-preview-children button.active[b-tzpux84ov3] {
            border-color: rgba(96, 165, 250, 0.36);
            background: rgba(96, 165, 250, 0.14);
        }

        .runtime-preview-children button:hover[b-tzpux84ov3] {
            background: var(--runtime-hover-highlight, rgba(96, 165, 250, 0.14));
        }

        .runtime-preview-children button span[b-tzpux84ov3] {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            font-size: var(--runtime-form-font-size, calc(var(--runtime-font-size) * 0.92));
            line-height: 1.2;
        }

.runtime-preview-horizontal[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.runtime-preview-horizontal button[b-tzpux84ov3] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1rem;
    border: 1px solid rgba(191, 219, 254, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #173d6a;
    font-size: var(--runtime-form-font-size, var(--runtime-font-size));
    line-height: 1.15;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

    .runtime-preview-horizontal button.active[b-tzpux84ov3] {
        border-color: transparent;
        background: linear-gradient(135deg, #0f3a63, #2563eb);
        color: #ffffff;
        box-shadow: 0 14px 28px rgba(37, 99, 235, 0.22);
    }

.runtime-preview-hero[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.45rem;
    border: 1px solid rgba(191, 219, 254, 0.28);
    border-radius: 1.35rem;
    color: #ffffff;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 12rem),
        linear-gradient(var(--workspace-gradient-angle), var(--workspace-brand-dark), var(--workspace-brand-mid), var(--workspace-brand-light));
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18);
}

    .runtime-preview-hero p[b-tzpux84ov3],
    .runtime-preview-hero h1[b-tzpux84ov3] {
        margin: 0;
    }

    .runtime-preview-hero p[b-tzpux84ov3] {
        color: rgba(255, 255, 255, 0.76);
        font-weight: 500;
        letter-spacing: 0.08em;
    }

    .runtime-preview-hero h1[b-tzpux84ov3] {
        margin-top: 0.25rem;
        font-size: clamp(1.4rem, 3vw, 2.4rem);
    }

    .runtime-preview-hero span[b-tzpux84ov3] {
        display: block;
        margin-top: 0.4rem;
        color: rgba(255, 255, 255, 0.86);
    }

.runtime-preview-hero-metrics[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(5rem, 1fr));
    gap: 0.65rem;
}

    .runtime-preview-hero-metrics article[b-tzpux84ov3] {
        min-width: 5rem;
        padding: 0.95rem;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.16);
        text-align: center;
    }

    .runtime-preview-hero-metrics strong[b-tzpux84ov3] {
        display: block;
        font-size: 1.45rem;
    }

.runtime-preview-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.8fr);
    gap: 1rem;
    margin-top: 1rem;
}

.runtime-preview-card[b-tzpux84ov3] {
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid rgba(219, 228, 241, 0.92);
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 0.55rem 1.5rem rgba(15, 23, 42, 0.06);
}

    .runtime-preview-card.wide[b-tzpux84ov3] {
        grid-column: span 1;
    }

    .runtime-preview-card h3[b-tzpux84ov3] {
        margin: 0 0 0.85rem;
        color: #0f2f56;
        font-size: 1rem;
        font-weight: 500;
    }

.runtime-preview-definition[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin: 0;
}

    .runtime-preview-definition div[b-tzpux84ov3] {
        padding: 0.75rem;
        border-radius: 0.75rem;
        background: #f8fafc;
    }

    .runtime-preview-definition dt[b-tzpux84ov3] {
        color: #64748b;
        font-size: 0.75rem;
        font-weight: 500;
    }

    .runtime-preview-definition dd[b-tzpux84ov3] {
        margin: 0.25rem 0 0;
        color: #0f172a;
        font-weight: 500;
    }

.runtime-preview-mini-menu[b-tzpux84ov3] {
    display: grid;
    gap: 0.65rem;
}

    .runtime-preview-mini-menu div[b-tzpux84ov3] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.1rem 0.65rem;
        align-items: center;
        padding: 0.7rem;
        border-radius: 0.75rem;
        background: #f8fafc;
    }

    .runtime-preview-mini-menu span[b-tzpux84ov3] {
        grid-column: 2;
        color: #64748b;
        font-size: 0.78rem;
    }

.runtime-preview-module-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.85rem;
}

    .runtime-preview-module-grid article[b-tzpux84ov3] {
        padding: 0.85rem;
        border: 1px solid #e2e8f0;
        border-radius: 0.85rem;
        background: #fbfdff;
    }

        .runtime-preview-module-grid article > div[b-tzpux84ov3] {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            gap: 0.6rem;
            align-items: center;
        }

            .runtime-preview-module-grid article > div span[b-tzpux84ov3] {
                color: #64748b;
                font-size: 0.78rem;
            }

    .runtime-preview-module-grid ul[b-tzpux84ov3] {
        display: grid;
        gap: 0.45rem;
        margin: 0.75rem 0 0;
        padding: 0;
        list-style: none;
    }

    .runtime-preview-module-grid li[b-tzpux84ov3] {
        display: flex;
        justify-content: space-between;
        gap: 0.75rem;
        align-items: center;
        padding: 0.55rem;
        border-radius: 0.6rem;
        background: #ffffff;
    }

.readiness-list.compact[b-tzpux84ov3] {
    gap: 0.5rem;
}

@media (max-width: 1100px) {
    .workspace-preview-modal[b-tzpux84ov3] {
        width: calc(100vw - 1rem);
        height: calc(100vh - 1rem);
    }

    .runtime-preview-grid[b-tzpux84ov3],
    .runtime-preview-hero[b-tzpux84ov3],
    .runtime-preview-definition[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .runtime-preview-hero-metrics[b-tzpux84ov3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .workspace-preview-backdrop[b-tzpux84ov3] {
        padding: 0.35rem;
    }

    .workspace-preview-modal[b-tzpux84ov3] {
        width: calc(100vw - 0.7rem);
        height: calc(100vh - 0.7rem);
        resize: none;
    }

    .workspace-preview-header[b-tzpux84ov3] {
        align-items: stretch;
        flex-direction: column;
    }

    .runtime-preview-shell[b-tzpux84ov3],
    .runtime-preview-shell.collapsed[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .runtime-preview-sidebar[b-tzpux84ov3] {
        max-height: 18rem;
    }

    .runtime-preview-hero-metrics[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }
}

/* Both the modal preview and the standalone runtime expose an inline-size container. */
@container (max-width: 1100px) {
    .runtime-preview-grid[b-tzpux84ov3],
    .runtime-preview-hero[b-tzpux84ov3],
    .runtime-preview-definition[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .runtime-preview-hero-metrics[b-tzpux84ov3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .span-6),
    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .span-4),
    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .span-3) {
        grid-column: span 6;
    }
}

@container (max-width: 760px) {
    .workspace-preview-header[b-tzpux84ov3] {
        align-items: stretch;
        flex-direction: column;
    }

    .runtime-preview-shell[b-tzpux84ov3],
    .runtime-preview-shell.collapsed[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .runtime-preview-sidebar[b-tzpux84ov3] {
        max-height: 18rem;
        overflow: auto;
    }

    .runtime-sidebar-toggle-button[b-tzpux84ov3] {
        display: none;
    }

    .runtime-preview-hero-metrics[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .runtime-preview-launched-page > header[b-tzpux84ov3],
    .runtime-preview-form-header[b-tzpux84ov3] {
        align-items: stretch;
        flex-direction: column;
    }

    .runtime-preview-form-actions[b-tzpux84ov3] {
        justify-content: stretch;
    }

    .runtime-preview-form-actions button[b-tzpux84ov3] {
        flex: 1 1 11rem;
    }

    .runtime-preview-embedded-form[b-tzpux84ov3] (.canvas-device-stage) {
        padding: 0.5rem;
    }

    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .runtime-field) {
        grid-column: span 12;
        width: 100%;
        min-width: 0;
    }

    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .bpm-grid) {
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .button-row) {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .button-field-shell) {
        width: 100%;
    }

    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop input),
    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop select),
    .runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop textarea) {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}

.runtime-preview-menu-node.active > summary[b-tzpux84ov3],
.runtime-preview-children button.active[b-tzpux84ov3] {
    background: rgba(255, 255, 255, 0.24);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

.runtime-preview-children button:hover[b-tzpux84ov3],
.runtime-preview-horizontal button:hover[b-tzpux84ov3] {
    filter: brightness(1.05);
}

.runtime-preview-horizontal button:hover[b-tzpux84ov3] {
    background: var(--runtime-hover-highlight, rgba(255, 255, 255, 0.92));
}

.runtime-preview-launched-page[b-tzpux84ov3] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1rem;
    min-height: 100%;
    padding: 1.25rem;
    border: 1px solid rgba(191, 219, 254, 0.95);
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
    box-shadow:
        0 18px 44px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

    .runtime-preview-launched-page > header[b-tzpux84ov3] {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;
        padding-bottom: 1rem;
        border-bottom: 1px solid #dbe7f5;
    }

    .runtime-preview-launched-page h2[b-tzpux84ov3] {
        margin: 0;
        color: #0f2f56;
        font-size: 1.5rem;
        font-weight: 800;
    }

    .runtime-preview-launched-page header span[b-tzpux84ov3] {
        display: block;
        margin-top: 0.25rem;
        color: #64748b;
    }

    .runtime-preview-launched-page header button[b-tzpux84ov3] {
        min-height: 2.6rem;
        padding: 0 1rem;
        border: 1px solid rgba(191, 219, 254, 0.95);
        border-radius: 999px;
        background: #ffffff;
        color: #0f2f56;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
    }

.runtime-preview-embedded-form[b-tzpux84ov3] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(219, 231, 245, 0.95);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 0.9rem 2.2rem rgba(15, 23, 42, 0.08);
}

.runtime-preview-form-header[b-tzpux84ov3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-bottom: 1px solid #dbe7f5;
    background:
        linear-gradient(180deg, #ffffff, #f6faff),
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 10rem);
}

    .runtime-preview-form-header h3[b-tzpux84ov3] {
        margin: 0;
        color: #0f172a;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 800;
    }

    .runtime-preview-form-header p[b-tzpux84ov3] {
        margin: 0.25rem 0 0;
        color: #64748b;
        font-size: 0.8rem;
    }

.runtime-preview-form-actions[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.data-view-live-preview-action[b-tzpux84ov3] {
    box-shadow: 0 2px 0 #b9cbe2, 0 5px 10px rgba(15, 61, 114, 0.14);
    transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.data-view-live-preview-action:hover:not(:disabled)[b-tzpux84ov3] {
    background: #f7fbff;
    box-shadow: 0 3px 0 #a9bfdc, 0 8px 14px rgba(15, 61, 114, 0.2);
    transform: translateY(-1px);
}

.data-view-live-preview-action:active:not(:disabled)[b-tzpux84ov3] {
    box-shadow: 0 1px 0 #b9cbe2, 0 2px 5px rgba(15, 61, 114, 0.12);
    transform: translateY(2px);
}

.data-view-live-preview-action:disabled[b-tzpux84ov3] {
    cursor: wait;
    opacity: 0.75;
}

    .runtime-preview-form-actions button[b-tzpux84ov3] {
        min-height: 2.45rem;
        padding: 0 0.95rem;
        border: 1px solid rgba(191, 219, 254, 0.95);
        border-radius: 999px;
        background: #ffffff;
        color: #0f2f56;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
    }

        .runtime-preview-form-actions button:disabled[b-tzpux84ov3] {
            cursor: not-allowed;
            opacity: 0.55;
        }

.runtime-preview-form-loading[b-tzpux84ov3] {
    min-height: 18rem;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.45rem;
    color: #64748b;
    text-align: center;
}

    .runtime-preview-form-loading svg[b-tzpux84ov3] {
        width: 2rem;
        height: 2rem;
        color: var(--runtime-theme);
    }

    .runtime-preview-form-loading strong[b-tzpux84ov3] {
        color: #0f172a;
    }

.runtime-preview-form-frame[b-tzpux84ov3] {
    position: relative;
    min-height: 0;
    max-width: 100%;
    overflow: auto;
    background:
        linear-gradient(180deg, #f6faff 0%, #eef5ff 100%);
    transition: opacity 0.18s ease, filter 0.18s ease;
}

    .runtime-preview-form-frame.is-loading[b-tzpux84ov3] {
        opacity: 0.74;
        filter: saturate(0.9);
    }

.runtime-preview-form-loading-overlay[b-tzpux84ov3] {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 2;
    padding: 0.38rem 0.65rem;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--runtime-theme);
    box-shadow: 0 0.55rem 1.35rem rgba(15, 23, 42, 0.12);
    font-size: 0.72rem;
    font-weight: 850;
    pointer-events: none;
}

.runtime-preview-embedded-form[b-tzpux84ov3] (.canvas-device-stage) {
    display: block;
    justify-content: stretch;
    align-items: flex-start;
    min-height: 100%;
    padding: 0;
}

.runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop) {
    max-width: none;
    width: 100%;
    min-width: 0;
}

.runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .section-card),
.runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .runtime-linked-form-card),
.runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .bpm-grid) {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.runtime-preview-embedded-form[b-tzpux84ov3] (.runtime-form.device-desktop .section-card) {
    border-color: transparent;
}

.runtime-preview-form-page[b-tzpux84ov3],
.runtime-preview-module-page[b-tzpux84ov3] {
    display: grid;
    gap: 1rem;
}

.runtime-preview-form-shell[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 0.85rem;
    background: #f8fafc;
}

.runtime-form-field[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
}

    .runtime-form-field.wide[b-tzpux84ov3] {
        grid-column: 1 / -1;
    }

    .runtime-form-field label[b-tzpux84ov3] {
        color: #475569;
        font-size: 0.78rem;
        font-weight: 500;
    }

    .runtime-form-field input[b-tzpux84ov3],
    .runtime-form-field textarea[b-tzpux84ov3] {
        width: 100%;
        min-height: 2.4rem;
        padding: 0.65rem;
        border: 1px solid #cbd5e1;
        border-radius: 0.6rem;
        background: #ffffff;
        color: #0f172a;
        font: inherit;
    }

    .runtime-form-field textarea[b-tzpux84ov3] {
        min-height: 6rem;
        resize: vertical;
    }

.runtime-preview-module-actions[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.75rem;
}

    .runtime-preview-module-actions button[b-tzpux84ov3] {
        min-height: 3.25rem;
        display: flex;
        align-items: center;
        gap: 0.65rem;
        padding: 0.75rem;
        border: 1px solid #dbe4f1;
        border-radius: 0.75rem;
        background: #f8fafc;
        color: #0f2f56;
        font-weight: 850;
        text-align: left;
        cursor: pointer;
    }

        .runtime-preview-module-actions button:hover[b-tzpux84ov3] {
            border-color: #93c5fd;
            background: #eff6ff;
        }

@media (max-width: 760px) {
    .runtime-preview-launched-page > header[b-tzpux84ov3],
    .runtime-preview-form-header[b-tzpux84ov3],
    .runtime-preview-form-shell[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .runtime-preview-launched-page > header[b-tzpux84ov3],
    .runtime-preview-form-header[b-tzpux84ov3] {
        align-items: stretch;
        flex-direction: column;
    }

    .runtime-preview-form-actions[b-tzpux84ov3] {
        justify-content: stretch;
    }

        .runtime-preview-form-actions button[b-tzpux84ov3] {
            flex: 1 1 11rem;
        }
}

.login-settings-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 1rem;
}

.login-settings-card[b-tzpux84ov3],
.login-settings-preview-card[b-tzpux84ov3] {
    border-radius: 1.5rem;
}

.login-settings-card h3[b-tzpux84ov3] {
    margin: 0 0 0.9rem;
    color: #16345f;
}

.login-settings-form-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1.25rem;
}

.login-settings-form-grid label[b-tzpux84ov3],
.login-settings-toggles label[b-tzpux84ov3] {
    display: grid;
    gap: 0.4rem;
    color: #35506f;
    font-size: 0.92rem;
    font-weight: 700;
}

.login-settings-span-2[b-tzpux84ov3] {
    grid-column: 1 / -1;
}

.login-settings-form-grid input[b-tzpux84ov3],
.login-settings-form-grid textarea[b-tzpux84ov3],
.login-settings-form-grid select[b-tzpux84ov3] {
    width: 100%;
    min-height: 2.9rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #cfe0f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
    color: #17324f;
    font: inherit;
}

.login-settings-form-grid input[type="color"][b-tzpux84ov3] {
    min-height: 3.2rem;
    padding: 0.35rem;
}

.login-settings-form-grid textarea[b-tzpux84ov3] {
    min-height: 6.4rem;
    resize: vertical;
}

.login-settings-toggles[b-tzpux84ov3] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.login-settings-toggles label[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border: 1px solid #dbe7f4;
    border-radius: 1rem;
    background: #f8fbff;
}

.login-settings-credential-box[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border: 1px solid #cfe0f2;
    border-radius: 1.15rem;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fbff 100%);
    color: #16345f;
}

.login-settings-credential-box code[b-tzpux84ov3] {
    padding: 0.15rem 0.4rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #0f3b8f;
}

.login-settings-preview-card[b-tzpux84ov3] {
    --login-preview-start: #0f3b8f;
    --login-preview-middle: #1f7ae0;
    --login-preview-end: #7dd3fc;
    --login-preview-accent: #dbeafe;
    --login-preview-opacity: 0.18;
    --login-preview-globe-primary: #9ad7ff;
    --login-preview-globe-secondary: #38bdf8;
    --login-preview-globe-size: 180px;
    --login-preview-globe-left: 110px;
    --login-preview-globe-top: 36px;
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: space-between;
    gap: 1.25rem;
    min-height: 32rem;
    padding: 1.4rem;
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.26), transparent 14rem),
        linear-gradient(135deg, var(--login-preview-start) 0%, var(--login-preview-middle) 52%, var(--login-preview-end) 100%);
    color: white;
    box-shadow: 0 24px 44px rgba(15, 23, 42, 0.14);
}

.login-settings-preview-card.globe-mode[b-tzpux84ov3] {
    background:
        radial-gradient(circle at 20% 28%, rgba(255, 255, 255, 0.2), transparent 12rem),
        radial-gradient(circle at 70% 72%, rgba(56, 189, 248, 0.24), transparent 16rem),
        linear-gradient(135deg, var(--login-preview-start) 0%, var(--login-preview-middle) 52%, var(--login-preview-end) 100%);
}

.login-settings-preview-card.planet-mode[b-tzpux84ov3] {
    background:
        radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.24), transparent 11rem),
        radial-gradient(circle at 22% 58%, rgba(41, 121, 255, 0.16), transparent 12rem),
        radial-gradient(circle at 76% 72%, rgba(103, 232, 249, 0.16), transparent 14rem),
        linear-gradient(135deg, var(--login-preview-start) 0%, var(--login-preview-middle) 52%, var(--login-preview-end) 100%);
}

.login-settings-preview-card[b-tzpux84ov3]::before,
.login-settings-preview-card[b-tzpux84ov3]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.login-settings-preview-card[b-tzpux84ov3]::before {
    top: 1.4rem;
    right: 1.6rem;
    width: 6rem;
    height: 6rem;
}

.login-settings-preview-card[b-tzpux84ov3]::after {
    left: 1.2rem;
    bottom: 5rem;
    width: 4.75rem;
    height: 4.75rem;
}

.login-settings-preview-copy[b-tzpux84ov3],
.login-settings-preview-form[b-tzpux84ov3] {
    position: relative;
    z-index: 1;
}

.login-settings-preview-globe[b-tzpux84ov3] {
    position: absolute;
    left: var(--login-preview-globe-left);
    top: var(--login-preview-globe-top);
    width: var(--login-preview-globe-size);
    height: var(--login-preview-globe-size);
    display: grid;
    place-items: center;
    z-index: 0;
    opacity: 0.92;
}

.login-settings-preview-globe.planet-mode[b-tzpux84ov3] {
    transform: rotate(-18deg);
    transform-origin: center;
}

.login-settings-preview-globe.planet-mode .login-settings-preview-globe-core[b-tzpux84ov3] {
    animation: none;
}

.login-settings-preview-globe-core[b-tzpux84ov3] {
    position: relative;
    width: calc(var(--login-preview-globe-size) * 0.75);
    height: calc(var(--login-preview-globe-size) * 0.75);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.46), transparent 24%),
        radial-gradient(circle at 64% 72%, rgba(255, 255, 255, 0.12), transparent 36%),
        linear-gradient(145deg, color-mix(in srgb, var(--login-preview-globe-primary) 88%, white) 0%, color-mix(in srgb, var(--login-preview-globe-secondary) 84%, transparent) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        0 18px 28px rgba(15, 23, 42, 0.16);
    backdrop-filter: blur(10px);
    animation: login-preview-globe-spin-b-tzpux84ov3 16s linear infinite;
}

.login-settings-preview-globe .continent[b-tzpux84ov3] {
    position: absolute;
    background: rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    filter: blur(0.5px);
}

.login-settings-preview-globe .continent-a[b-tzpux84ov3] {
    width: 1.9rem;
    height: 0.95rem;
    top: 1.7rem;
    left: 1rem;
    rotate: -14deg;
}

.login-settings-preview-globe .continent-b[b-tzpux84ov3] {
    width: 1.2rem;
    height: 0.7rem;
    top: 3.5rem;
    right: 1.2rem;
    rotate: 18deg;
}

.login-settings-preview-globe .continent-c[b-tzpux84ov3] {
    width: 1.55rem;
    height: 0.8rem;
    bottom: 1.45rem;
    left: 1.7rem;
    rotate: 8deg;
}

.login-settings-preview-globe .globe-ring[b-tzpux84ov3] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
}

.login-settings-preview-globe .globe-ring-a[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.93);
    height: calc(var(--login-preview-globe-size) * 0.25);
    rotate: -14deg;
}

.login-settings-preview-globe .globe-ring-b[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.3);
    height: calc(var(--login-preview-globe-size) * 0.94);
    rotate: 16deg;
}

.login-settings-preview-globe.planet-mode .globe-ring-a[b-tzpux84ov3] {
    rotate: -28deg;
}

.login-settings-preview-globe.planet-mode .globe-ring-b[b-tzpux84ov3] {
    rotate: 28deg;
}

.login-settings-preview-globe.planet-mode .login-settings-preview-globe-core[b-tzpux84ov3] {
    background:
        radial-gradient(circle at 28% 24%, rgba(218, 245, 255, 0.28), transparent 13%),
        radial-gradient(circle at 80% 44%, rgba(4, 13, 28, 0.48), transparent 28%),
        radial-gradient(circle at 34% 84%, rgba(5, 18, 35, 0.26), transparent 28%),
        linear-gradient(155deg, #0f2f86 0%, #123fa7 38%, #154cae 62%, #0a2764 100%);
    border-color: rgba(143, 220, 255, 0.4);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 14px 0 18px rgba(82, 160, 255, 0.08),
        inset -22px 0 28px rgba(2, 8, 20, 0.5),
        inset 0 -10px 22px rgba(4, 27, 48, 0.28),
        0 20px 34px rgba(15, 23, 42, 0.22);
    overflow: hidden;
}

.login-settings-preview-globe.planet-mode .continent[b-tzpux84ov3] {
    background: rgba(7, 15, 28, 0.24);
    opacity: 0.22;
}

.login-settings-preview-globe.planet-mode .earth-map-window[b-tzpux84ov3],
.login-settings-preview-globe.planet-mode .earth-map-track[b-tzpux84ov3],
.login-settings-preview-globe.planet-mode .earth-map[b-tzpux84ov3],
.login-settings-preview-globe.planet-mode .earth-grid[b-tzpux84ov3] {
    position: absolute;
    z-index: 2;
}

.login-settings-preview-globe.planet-mode .earth-map-window[b-tzpux84ov3] {
    inset: 0;
    overflow: hidden;
    border-radius: 999px;
}

.login-settings-preview-globe.planet-mode .earth-map-track[b-tzpux84ov3] {
    inset: 0;
    width: 200%;
    height: 100%;
    display: flex;
    animation: loginPreviewEarthSurfaceSpin-b-tzpux84ov3 24s linear infinite;
}

.login-settings-preview-globe.planet-mode .earth-map[b-tzpux84ov3] {
    position: relative;
    width: 50%;
    height: 100%;
    flex: 0 0 50%;
}

.login-settings-preview-globe.planet-mode .earth-land[b-tzpux84ov3] {
    fill: none;
    stroke: rgba(157, 235, 132, 0.9);
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(121, 220, 255, 0.18));
}

.login-settings-preview-globe.planet-mode .earth-city-node[b-tzpux84ov3] {
    fill: rgba(255, 243, 144, 0.96);
    filter: drop-shadow(0 0 4px rgba(255, 235, 59, 0.55));
}

.login-settings-preview-globe.planet-mode .earth-city-link[b-tzpux84ov3] {
    fill: none;
    stroke: rgba(170, 242, 255, 0.34);
    stroke-width: 0.8;
    stroke-linecap: round;
}

.login-settings-preview-globe.planet-mode .earth-grid[b-tzpux84ov3] {
    inset: 0;
    border-radius: 999px;
    opacity: 0.16;
}

.login-settings-preview-globe.planet-mode .earth-grid-lat[b-tzpux84ov3] {
    background:
        linear-gradient(180deg,
            transparent 0%,
            transparent 18%,
            rgba(143, 232, 255, 0.16) 18.8%,
            transparent 20%,
            transparent 38%,
            rgba(143, 232, 255, 0.12) 39%,
            transparent 40.2%,
            transparent 59%,
            rgba(143, 232, 255, 0.14) 60%,
            transparent 61.2%,
            transparent 79%,
            rgba(143, 232, 255, 0.1) 80%,
            transparent 81.2%);
}

.login-settings-preview-globe.planet-mode .earth-grid-lon[b-tzpux84ov3] {
    background:
        linear-gradient(90deg,
            transparent 0%,
            transparent 19%,
            rgba(143, 232, 255, 0.13) 20%,
            transparent 21.2%,
            transparent 39%,
            rgba(143, 232, 255, 0.1) 40%,
            transparent 41.2%,
            transparent 59%,
            rgba(143, 232, 255, 0.1) 60%,
            transparent 61.2%,
            transparent 79%,
            rgba(143, 232, 255, 0.13) 80%,
            transparent 81.2%);
    transform: scaleX(0.78);
}

.login-settings-preview-globe .preview-orbit[b-tzpux84ov3],
.login-settings-preview-globe .preview-planet[b-tzpux84ov3] {
    position: absolute;
    border-radius: 999px;
}

.login-settings-preview-globe .preview-orbit[b-tzpux84ov3] {
    border: 1px solid rgba(255, 255, 255, 0.14);
    opacity: 0.28;
}

.login-settings-preview-globe .preview-orbit.orbit-a[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 1.02);
    height: calc(var(--login-preview-globe-size) * 0.38);
    rotate: -10deg;
}

.login-settings-preview-globe .preview-orbit.orbit-b[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.34);
    height: calc(var(--login-preview-globe-size) * 1.02);
    rotate: 14deg;
}

.login-settings-preview-globe .preview-planet[b-tzpux84ov3] {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    animation: login-preview-planet-float-b-tzpux84ov3 11s ease-in-out infinite;
    opacity: 0.72;
}

.login-settings-preview-globe .preview-planet.planet-a[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.11);
    height: calc(var(--login-preview-globe-size) * 0.11);
    top: calc(var(--login-preview-globe-size) * 0.1);
    left: calc(var(--login-preview-globe-size) * 0.74);
    background: radial-gradient(circle at 32% 30%, rgba(255, 255, 255, 0.66), color-mix(in srgb, var(--login-preview-globe-primary) 74%, white) 72%, rgba(255, 255, 255, 0.14) 100%);
}

.login-settings-preview-globe .preview-planet.planet-b[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.08);
    height: calc(var(--login-preview-globe-size) * 0.08);
    top: calc(var(--login-preview-globe-size) * 0.72);
    left: calc(var(--login-preview-globe-size) * 0.14);
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.58), #fde68a 74%, rgba(255, 255, 255, 0.12) 100%);
    animation-delay: -2s;
}

.login-settings-preview-globe .preview-planet.planet-c[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.06);
    height: calc(var(--login-preview-globe-size) * 0.06);
    top: calc(var(--login-preview-globe-size) * 0.24);
    left: calc(var(--login-preview-globe-size) * 0.08);
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.58), #f9a8d4 74%, rgba(255, 255, 255, 0.12) 100%);
    animation-delay: -1.1s;
}

.login-settings-preview-globe.network-mode[b-tzpux84ov3] {
    transform: rotate(-18deg);
    transform-origin: center;
}

.login-settings-preview-globe.network-mode .login-settings-preview-globe-core[b-tzpux84ov3] {
    animation: none;
    background:
        radial-gradient(circle at 28% 24%, rgba(214, 243, 255, 0.34), transparent 14%),
        radial-gradient(circle at 72% 34%, rgba(61, 186, 255, 0.18), transparent 26%),
        radial-gradient(circle at 76% 74%, rgba(3, 12, 31, 0.56), transparent 34%),
        linear-gradient(160deg, #091634 0%, #12397d 38%, #1182cf 66%, #08142b 100%);
    border-color: rgba(145, 226, 255, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 14px 0 18px rgba(110, 214, 255, 0.08),
        inset -22px 0 30px rgba(3, 9, 22, 0.52),
        inset 0 -10px 22px rgba(2, 8, 18, 0.32),
        0 20px 34px rgba(15, 23, 42, 0.24);
    overflow: hidden;
}

.login-settings-preview-globe.network-mode .continent[b-tzpux84ov3] {
    opacity: 0.08;
}

.login-settings-preview-globe.network-mode .network-surface[b-tzpux84ov3],
.login-settings-preview-globe.network-mode .network-meridian[b-tzpux84ov3],
.login-settings-preview-globe.network-mode .network-parallel[b-tzpux84ov3],
.login-settings-preview-globe.network-mode .network-contour[b-tzpux84ov3],
.login-settings-preview-globe.network-mode .network-node[b-tzpux84ov3],
.login-settings-preview-globe.network-mode .network-arc[b-tzpux84ov3] {
    position: absolute;
    z-index: 2;
}

.login-settings-preview-globe.network-mode .network-surface[b-tzpux84ov3] {
    inset: 0;
    border-radius: 999px;
    animation: loginPreviewNetworkSurfaceSpin-b-tzpux84ov3 18s linear infinite;
}

.login-settings-preview-globe.network-mode .network-meridian[b-tzpux84ov3],
.login-settings-preview-globe.network-mode .network-parallel[b-tzpux84ov3] {
    border: 1px solid rgba(144, 228, 255, 0.16);
    border-radius: 999px;
}

.login-settings-preview-globe.network-mode .network-meridian.meridian-a[b-tzpux84ov3] {
    inset: 11% 37%;
}

.login-settings-preview-globe.network-mode .network-meridian.meridian-b[b-tzpux84ov3] {
    inset: 11% 37%;
    transform: rotate(72deg) scaleY(1.02);
}

.login-settings-preview-globe.network-mode .network-parallel.parallel-a[b-tzpux84ov3] {
    inset: 35% 10%;
    height: 30%;
}

.login-settings-preview-globe.network-mode .network-parallel.parallel-b[b-tzpux84ov3] {
    inset: 47% 16%;
    height: 16%;
}

.login-settings-preview-globe.network-mode .network-contour[b-tzpux84ov3] {
    border: 1.35px solid rgba(157, 240, 255, 0.82);
    border-radius: 999px;
    filter: drop-shadow(0 0 6px rgba(103, 232, 249, 0.22));
}

.login-settings-preview-globe.network-mode .network-contour.contour-a[b-tzpux84ov3] {
    width: 28%;
    height: 48%;
    top: 16%;
    left: 24%;
    border-radius: 42% 56% 40% 58%;
    transform: rotate(9deg);
}

.login-settings-preview-globe.network-mode .network-contour.contour-b[b-tzpux84ov3] {
    width: 18%;
    height: 22%;
    top: 20%;
    right: 26%;
    border-radius: 55% 38% 52% 42%;
    transform: rotate(-18deg);
}

.login-settings-preview-globe.network-mode .network-contour.contour-c[b-tzpux84ov3] {
    width: 12%;
    height: 26%;
    bottom: 18%;
    right: 30%;
    border-radius: 46% 52% 58% 40%;
    transform: rotate(20deg);
}

.login-settings-preview-globe.network-mode .network-node[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.03);
    height: calc(var(--login-preview-globe-size) * 0.03);
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.96), rgba(132, 244, 255, 0.82));
    box-shadow:
        0 0 0 3px rgba(132, 244, 255, 0.05),
        0 0 12px rgba(132, 244, 255, 0.38);
    animation: loginPreviewNetworkPulse-b-tzpux84ov3 4.8s ease-in-out infinite;
}

.login-settings-preview-globe.network-mode .network-node.node-a[b-tzpux84ov3] {
    top: 28%;
    left: 34%;
}

.login-settings-preview-globe.network-mode .network-node.node-b[b-tzpux84ov3] {
    top: 32%;
    right: 30%;
    animation-delay: -1.2s;
}

.login-settings-preview-globe.network-mode .network-node.node-c[b-tzpux84ov3] {
    bottom: 28%;
    left: 38%;
    animation-delay: -2.2s;
}

.login-settings-preview-globe.network-mode .network-node.node-d[b-tzpux84ov3] {
    bottom: 24%;
    right: 34%;
    animation-delay: -3s;
}

.login-settings-preview-globe.network-mode .network-arc[b-tzpux84ov3] {
    border-top: 1px solid rgba(169, 241, 255, 0.52);
    border-radius: 999px;
    opacity: 0.8;
    filter: drop-shadow(0 0 6px rgba(103, 232, 249, 0.2));
}

.login-settings-preview-globe.network-mode .network-arc.arc-a[b-tzpux84ov3] {
    width: 34%;
    top: 30%;
    left: 34%;
    transform: rotate(10deg);
}

.login-settings-preview-globe.network-mode .network-arc.arc-b[b-tzpux84ov3] {
    width: 22%;
    top: 50%;
    left: 40%;
    transform: rotate(-28deg);
}

.login-settings-preview-globe.network-mode .network-arc.arc-c[b-tzpux84ov3] {
    width: 26%;
    top: 44%;
    left: 28%;
    transform: rotate(44deg);
}

.network-orbit[b-tzpux84ov3],
.network-satellite[b-tzpux84ov3] {
    position: absolute;
    border-radius: 999px;
}

.network-orbit[b-tzpux84ov3] {
    border: 1px solid rgba(144, 232, 255, 0.14);
    opacity: 0.72;
    animation: loginPreviewNetworkOrbitSpin-b-tzpux84ov3 16s linear infinite;
}

.network-orbit.orbit-a[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 1.02);
    height: calc(var(--login-preview-globe-size) * 0.3);
    top: calc(var(--login-preview-globe-size) * 0.34);
    left: calc(var(--login-preview-globe-size) * -0.01);
    rotate: -18deg;
}

.network-orbit.orbit-b[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.32);
    height: calc(var(--login-preview-globe-size) * 1.02);
    top: calc(var(--login-preview-globe-size) * -0.01);
    left: calc(var(--login-preview-globe-size) * 0.34);
    rotate: 22deg;
    animation-direction: reverse;
}

.network-orbit.orbit-c[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.84);
    height: calc(var(--login-preview-globe-size) * 0.84);
    top: calc(var(--login-preview-globe-size) * 0.08);
    left: calc(var(--login-preview-globe-size) * 0.08);
}

.network-satellite[b-tzpux84ov3] {
    width: calc(var(--login-preview-globe-size) * 0.05);
    height: calc(var(--login-preview-globe-size) * 0.05);
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.92), rgba(132, 244, 255, 0.82));
    box-shadow: 0 0 10px rgba(132, 244, 255, 0.26);
    animation: loginPreviewSatelliteDrift-b-tzpux84ov3 8s ease-in-out infinite;
}

.network-satellite.satellite-a[b-tzpux84ov3] {
    top: calc(var(--login-preview-globe-size) * 0.1);
    left: calc(var(--login-preview-globe-size) * 0.73);
}

.network-satellite.satellite-b[b-tzpux84ov3] {
    top: calc(var(--login-preview-globe-size) * 0.68);
    left: calc(var(--login-preview-globe-size) * 0.18);
    animation-delay: -2s;
}

.network-satellite.satellite-c[b-tzpux84ov3] {
    top: calc(var(--login-preview-globe-size) * 0.24);
    left: calc(var(--login-preview-globe-size) * 0.08);
    animation-delay: -1s;
}

.login-settings-preview-copy span[b-tzpux84ov3] {
    display: inline-flex;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: var(--login-preview-accent);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.login-settings-preview-copy h3[b-tzpux84ov3] {
    margin: 0.9rem 0 0.65rem;
    font-size: 2rem;
    line-height: 1.05;
}

.login-settings-preview-copy p[b-tzpux84ov3] {
    margin: 0;
    color: rgba(239, 246, 255, 0.9);
    line-height: 1.6;
}

.login-settings-preview-form[b-tzpux84ov3] {
    display: grid;
    gap: 0.75rem;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, var(--login-preview-opacity));
    backdrop-filter: blur(18px);
}

.login-settings-preview-form strong[b-tzpux84ov3] {
    font-size: 1.4rem;
}

.login-settings-preview-form small[b-tzpux84ov3],
.login-settings-preview-form footer[b-tzpux84ov3] {
    color: rgba(239, 246, 255, 0.88);
}

.login-settings-preview-form input[b-tzpux84ov3] {
    min-height: 2.9rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: white;
}

.login-settings-preview-form button[b-tzpux84ov3] {
    min-height: 2.9rem;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), #dbeafe);
    color: #0f2e68;
    font-weight: 800;
}

.login-settings-preview-form footer[b-tzpux84ov3] {
    display: grid;
    gap: 0.25rem;
    padding-top: 0.35rem;
}

@keyframes login-preview-globe-spin-b-tzpux84ov3 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes login-preview-planet-float-b-tzpux84ov3 {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-6px) scale(1.04);
    }
}

@keyframes loginPreviewEarthSurfaceSpin-b-tzpux84ov3 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes loginPreviewNetworkSurfaceSpin-b-tzpux84ov3 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes loginPreviewNetworkPulse-b-tzpux84ov3 {
    0%, 100% {
        transform: scale(0.92);
        opacity: 0.76;
    }

    50% {
        transform: scale(1.14);
        opacity: 1;
    }
}

@keyframes loginPreviewNetworkOrbitSpin-b-tzpux84ov3 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes loginPreviewSatelliteDrift-b-tzpux84ov3 {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-6px) scale(1.06);
    }
}

@media (max-width: 1100px) {
    .login-settings-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .login-settings-form-grid[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .login-settings-span-2[b-tzpux84ov3] {
        grid-column: auto;
    }
}

/* Data Views */
.data-views-page[b-tzpux84ov3] {
    gap: 0.5rem;
    font-size: 0.78rem;
    line-height: 1.25;
    align-content: start;
    grid-auto-rows: max-content;
}

.data-views-page > .navigation-page-header[b-tzpux84ov3] {
    min-height: 0;
    padding: 0.65rem 0.9rem;
    border-radius: 0.65rem;
}

.data-views-page > .navigation-page-header h2[b-tzpux84ov3] {
    font-size: 1.1rem;
    line-height: 1.08;
    font-weight: 740;
}

.data-views-page > .navigation-page-header p[b-tzpux84ov3] {
    margin-top: 0.12rem;
    font-size: 0.78rem;
    line-height: 1.25;
}

.data-views-page > .navigation-page-header .eyebrow[b-tzpux84ov3] {
    margin-bottom: 0.08rem;
    font-size: 0.64rem;
    line-height: 1;
    font-weight: 760;
}

.data-views-page > .navigation-page-header .navigation-header-actions[b-tzpux84ov3] {
    gap: 0.42rem;
}

.data-views-page > .navigation-page-header .navigation-header-actions button[b-tzpux84ov3] {
    min-height: 2.05rem;
    padding: 0.34rem 0.68rem;
    border-radius: 0.42rem;
    font-size: 0.74rem;
    font-weight: 700;
}

.data-views-page > .dashboard-grid[b-tzpux84ov3] {
    gap: 0.5rem;
    grid-auto-rows: minmax(3.2rem, auto);
}

.data-views-page > .dashboard-grid .metric-card[b-tzpux84ov3] {
    min-height: 3.2rem;
    padding: 0.58rem 0.72rem;
    gap: 0.12rem;
    border-radius: 0.55rem;
}

.data-views-page > .dashboard-grid .metric-card span[b-tzpux84ov3] {
    font-size: 0.66rem;
    line-height: 1;
    font-weight: 700;
}

.data-views-page > .dashboard-grid .metric-card strong[b-tzpux84ov3] {
    font-size: 1rem;
    line-height: 1.05;
    font-weight: 740;
}

.data-views-page > .dashboard-grid .metric-card small[b-tzpux84ov3] {
    font-size: 0.68rem;
    line-height: 1.15;
    font-weight: 500;
}

.data-views-page[b-tzpux84ov3],
.data-view-designer[b-tzpux84ov3],
.data-view-designer-grid[b-tzpux84ov3],
.data-view-workspace[b-tzpux84ov3] {
    min-width: 0;
}

.data-view-designer[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
    font-size: 0.78rem;
    line-height: 1.25;
}

.data-view-designer .navigation-page-header[b-tzpux84ov3] {
    min-height: 0;
    padding: 0.7rem 0.95rem;
    border-radius: 0.7rem;
}

.data-view-designer .navigation-page-header h2[b-tzpux84ov3] {
    font-size: 1.15rem;
    line-height: 1.1;
    font-weight: 750;
}

.data-view-designer .navigation-page-header p[b-tzpux84ov3] {
    margin-top: 0.12rem;
    font-size: 0.78rem;
    line-height: 1.25;
}

.data-view-designer .eyebrow[b-tzpux84ov3] {
    margin-bottom: 0.08rem;
    font-size: 0.64rem;
    line-height: 1;
    font-weight: 760;
}

.data-view-designer .navigation-header-actions[b-tzpux84ov3] {
    gap: 0.45rem;
}

.data-view-designer .navigation-header-actions button[b-tzpux84ov3] {
    min-height: 2.15rem;
    padding: 0.38rem 0.72rem;
    border-radius: 0.42rem;
    font-size: 0.76rem;
    font-weight: 750;
}

.data-view-project-strip[b-tzpux84ov3],
.data-view-list-layout[b-tzpux84ov3],
.data-view-designer-grid[b-tzpux84ov3] {
    display: grid;
    gap: 0.55rem;
}

.data-view-project-strip[b-tzpux84ov3] {
    grid-template-columns: minmax(18rem, 1fr) minmax(20rem, 1.4fr);
    align-items: center;
    padding: 0.62rem 0.82rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.55rem;
    background: #ffffff;
}

.data-view-project-strip span[b-tzpux84ov3],
.data-view-list-tools select[b-tzpux84ov3],
.data-view-detail-card > span[b-tzpux84ov3],
.data-view-display-panel label span[b-tzpux84ov3],
.data-view-start-row span[b-tzpux84ov3] {
    color: #64748b;
}

.data-view-project-strip strong[b-tzpux84ov3] {
    display: block;
    color: #0f2747;
    font-size: 0.86rem;
    line-height: 1.15;
    font-weight: 680;
}

.data-view-project-strip small[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 500;
}

.data-view-project-strip p[b-tzpux84ov3] {
    margin: 0;
    padding: 0.52rem 0.7rem;
    border: 1px solid #b9e6cc;
    border-radius: 0.5rem;
    background: #ecfdf3;
    color: #0f6b3f;
    font-size: 0.76rem;
    line-height: 1.25;
}

.data-view-project-strip p strong[b-tzpux84ov3] {
    display: inline;
    margin-right: 0.35rem;
    color: #0f6b3f;
    font-size: 0.78rem;
    font-weight: 700;
}

.data-view-list-layout[b-tzpux84ov3] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
}

.data-view-list-card[b-tzpux84ov3],
.data-view-detail-card[b-tzpux84ov3],
.data-view-panel[b-tzpux84ov3] {
    border-radius: 0.55rem;
}

.data-view-list-card[b-tzpux84ov3] {
    grid-column: span 3;
    min-height: 31rem;
    padding: 0.65rem 0.72rem;
}

.data-view-detail-card[b-tzpux84ov3] {
    grid-column: span 1;
}

.data-view-list-tools[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 11rem;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.data-view-list-tools input[b-tzpux84ov3],
.data-view-list-tools select[b-tzpux84ov3],
.data-view-start-row select[b-tzpux84ov3],
.data-view-start-row input:not([type="checkbox"]):not([type="radio"])[b-tzpux84ov3],
.data-view-panel input:not([type="checkbox"]):not([type="radio"])[b-tzpux84ov3],
.data-view-title-field input[b-tzpux84ov3] {
    min-height: 2.05rem;
    width: 100%;
    border: 1px solid #cbdaf0;
    border-radius: 0.42rem;
    padding: 0 0.58rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.74rem;
    font-weight: 600;
}

.data-view-table .table-header[b-tzpux84ov3],
.data-view-table .table-row[b-tzpux84ov3] {
    grid-template-columns: minmax(12rem, 1.5fr) minmax(5.4rem, 0.58fr) minmax(8rem, 0.9fr) minmax(5.4rem, 0.55fr) minmax(4.6rem, 0.48fr) minmax(5.4rem, 0.56fr) minmax(6rem, 0.58fr) minmax(9rem, 0.78fr);
}

.data-view-table .table-header[b-tzpux84ov3] {
    min-height: 2rem;
    padding: 0 0.6rem;
    background: #f6f9fd;
    color: #10233f;
    font-size: 0.66rem;
    font-weight: 680;
}

.data-view-table .table-row[b-tzpux84ov3] {
    min-height: 2.9rem;
    padding: 0.36rem 0.6rem;
    font-size: 0.72rem;
    color: #334155;
    font-weight: 500;
    cursor: pointer;
}

.data-view-table .table-row strong[b-tzpux84ov3] {
    color: #10233f;
    font-size: 0.74rem;
    line-height: 1.15;
    font-weight: 650;
}

.data-view-table .table-row span[b-tzpux84ov3],
.data-view-table .table-row em:not(.status-pill)[b-tzpux84ov3] {
    font-size: 0.72rem;
    line-height: 1.18;
    font-weight: 500;
}

.data-view-table .table-row strong small[b-tzpux84ov3],
.data-view-table .table-row span small[b-tzpux84ov3] {
    display: block;
    margin-top: 0.12rem;
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 500;
}

.data-view-selected-row[b-tzpux84ov3] {
    background: #eff6ff;
    box-shadow: inset 2px 0 0 #2563eb;
}

.status-pill[b-tzpux84ov3] {
    display: inline-grid;
    place-items: center;
    min-height: 1.35rem;
    width: fit-content;
    padding: 0 0.52rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    font-style: normal;
}

.status-pill.ready[b-tzpux84ov3] {
    background: #dcfce7;
    color: #166534;
}

.status-pill.draft[b-tzpux84ov3] {
    background: #fef3c7;
    color: #92400e;
}

.status-pill.review[b-tzpux84ov3] {
    background: #fee2e2;
    color: #991b1b;
}

.data-view-row-actions[b-tzpux84ov3] {
    display: flex;
    gap: 0.32rem;
}

.data-view-row-actions button[b-tzpux84ov3],
.data-view-detail-actions button[b-tzpux84ov3],
.data-view-live-preview button[b-tzpux84ov3],
.data-view-relationship-card button[b-tzpux84ov3] {
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;
    border: 1px solid #cbdaf0;
    border-radius: 0.45rem;
    background: #ffffff;
    color: #0f3d72;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
}

.data-view-detail-card[b-tzpux84ov3] {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.7rem 0.78rem;
    font-size: 0.74rem;
}

.data-view-detail-card h3[b-tzpux84ov3],
.data-view-detail-card h4[b-tzpux84ov3] {
    margin: 0;
    color: #0f2747;
}

.data-view-detail-card h3[b-tzpux84ov3] {
    font-size: 0.92rem;
    line-height: 1.15;
    font-weight: 700;
}

.data-view-detail-card h4[b-tzpux84ov3] {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.12;
    font-weight: 680;
}

.data-view-detail-card p[b-tzpux84ov3] {
    margin: 0;
    color: #334155;
    line-height: 1.35;
}

.data-view-detail-tags[b-tzpux84ov3],
.data-view-detail-actions[b-tzpux84ov3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.data-view-detail-tags em:not(.status-pill)[b-tzpux84ov3] {
    display: inline-grid;
    place-items: center;
    min-height: 1.35rem;
    padding: 0 0.48rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 650;
}

.data-view-definition-grid[b-tzpux84ov3] {
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem;
}

.data-view-definition-grid div[b-tzpux84ov3] {
    min-height: 3.1rem;
    padding: 0.5rem 0.56rem;
    border-radius: 0.45rem;
}

.data-view-definition-grid dt[b-tzpux84ov3] {
    font-size: 0.62rem;
    line-height: 1;
    font-weight: 700;
}

.data-view-definition-grid dd[b-tzpux84ov3] {
    margin-top: 0.18rem;
    font-size: 0.76rem;
    line-height: 1.18;
    font-weight: 650;
}

.data-view-check-card[b-tzpux84ov3] {
    display: grid;
    gap: 0.28rem;
    padding: 0.56rem;
    border: 1px solid #b9e6cc;
    border-radius: 0.5rem;
    background: #eefdf4;
    color: #166534;
    font-size: 0.72rem;
    line-height: 1.25;
    font-weight: 600;
}

.data-view-check-card span[b-tzpux84ov3]::before {
    content: "OK ";
    font-weight: 700;
}

.data-view-usage-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.38rem;
}

.data-view-usage-list article[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    padding: 0.48rem 0.55rem;
    border: 1px solid #e1eaf6;
    border-radius: 0.45rem;
    background: #f8fbff;
}

.data-view-usage-copy[b-tzpux84ov3] {
    min-width: 0;
}

.data-view-usage-list strong[b-tzpux84ov3] {
    display: block;
    font-size: 0.74rem;
    font-weight: 650;
}

.data-view-usage-list small[b-tzpux84ov3] {
    display: block;
    font-size: 0.66rem;
    color: #64748b;
    font-weight: 500;
}

.data-view-usage-open[b-tzpux84ov3] {
    flex: 0 0 auto;
    min-height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    padding: 0.24rem 0.5rem;
    border: 1px solid #bfd4f2;
    border-radius: 0.38rem;
    background: #ffffff;
    color: #1456a0;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.data-view-usage-open:hover[b-tzpux84ov3] {
    border-color: #2563eb;
    background: #eff6ff;
}

.data-view-designer-header[b-tzpux84ov3] {
    align-items: center;
}

.data-view-start-row[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 7.2rem 13rem minmax(0, 1fr);
    align-items: center;
    gap: 0.6rem;
    padding: 0 0.15rem;
}

.data-view-start-row label[b-tzpux84ov3] {
    font-size: 0.72rem;
    font-weight: 750;
    color: #10233f;
}

.data-view-stepper[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(6, max-content);
    align-items: center;
    gap: 0.45rem;
    justify-content: center;
    max-width: 100%;
    margin: 0 auto;
}

.data-view-stepper button[b-tzpux84ov3] {
    min-height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 650;
    cursor: pointer;
    white-space: nowrap;
}

.data-view-stepper button span[b-tzpux84ov3] {
    width: 1.48rem;
    height: 1.48rem;
    display: grid;
    place-items: center;
    border: 1px solid #94a3b8;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 750;
}

.data-view-stepper button.active span[b-tzpux84ov3],
.data-view-stepper button.complete span[b-tzpux84ov3] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.data-view-stepper button.active strong[b-tzpux84ov3] {
    color: #2563eb;
}

.data-view-designer-grid[b-tzpux84ov3] {
    grid-template-columns: minmax(20rem, 0.72fr) minmax(0, 1.64fr) 17rem;
    align-items: start;
}

.data-view-designer-grid.forms-collapsed[b-tzpux84ov3] {
    grid-template-columns: 3.2rem minmax(0, 1fr) 17rem;
}

.data-view-designer-grid.display-collapsed[b-tzpux84ov3] {
    grid-template-columns: minmax(20rem, 0.72fr) minmax(0, 1fr) 3.2rem;
}

.data-view-designer-grid.forms-collapsed.display-collapsed[b-tzpux84ov3] {
    grid-template-columns: 3.2rem minmax(0, 1fr) 3.2rem;
}

.data-view-designer [hidden][b-tzpux84ov3] {
    display: none !important;
}

.data-view-designer-grid.guided[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: none;
    margin-inline: auto;
}

.data-view-designer-grid.guided.guided-step-1[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr);
}

.data-view-designer-grid.guided.guided-step-6[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem);
}

.data-view-designer-grid.guided.guided-step-6.display-collapsed[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr) 3.2rem;
}

.data-view-designer-grid.guided .data-view-query-builder[b-tzpux84ov3],
.data-view-designer-grid.guided main[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr);
}

.data-view-guided-navigation[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: 0.8rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.6rem;
    background: white;
}

.data-view-guided-navigation span[b-tzpux84ov3] {
    color: #31527f;
    font-size: 0.85rem;
}

.data-view-relationship-editor[b-tzpux84ov3] {
    display: grid;
    gap: 0.7rem;
}

.data-view-connection[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.5rem;
    padding: 0.8rem;
    background: #f8fbff;
}

.data-view-connection > strong[b-tzpux84ov3],
.data-view-confirm-connection[b-tzpux84ov3] {
    grid-column: 1 / -1;
}

.data-view-connection label[b-tzpux84ov3] {
    display: grid;
    gap: 0.3rem;
    font-size: 0.8rem;
}

.data-view-connection select[b-tzpux84ov3] {
    width: 100%;
    min-height: 2.3rem;
}

.data-view-connection .data-view-confirm-connection[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.data-view-preview-disclaimer[b-tzpux84ov3] {
    margin: 0;
    padding: 0.55rem 0.7rem;
    background: #fff7e6;
    color: #83530b;
    border-radius: 0.4rem;
    font-size: 0.8rem;
}

@media (max-width: 900px) {
    .data-view-designer-grid.guided.guided-step-1[b-tzpux84ov3],
    .data-view-designer-grid.guided.guided-step-6[b-tzpux84ov3],
    .data-view-connection[b-tzpux84ov3] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.data-view-panel[b-tzpux84ov3] {
    padding: 0.7rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.55rem;
    background: #ffffff;
}

.data-view-panel-collapse-header[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
}

.data-view-panel-collapse-header h3[b-tzpux84ov3] {
    margin: 0;
}

.data-view-panel-collapse-header button[b-tzpux84ov3] {
    width: 1.75rem;
    height: 1.75rem;
    display: grid;
    place-items: center;
    border: 1px solid #cbdaf0;
    border-radius: 0.4rem;
    background: #ffffff;
    color: #0f3d72;
    cursor: pointer;
}

.forms-fields-panel.collapsed[b-tzpux84ov3],
.data-view-display-panel.collapsed[b-tzpux84ov3] {
    min-height: 18rem;
    padding: 0.55rem;
}

.forms-fields-panel.collapsed .data-view-panel-collapse-header[b-tzpux84ov3],
.data-view-display-panel.collapsed .data-view-panel-collapse-header[b-tzpux84ov3] {
    display: grid;
    justify-items: center;
}

.forms-fields-panel.collapsed h3[b-tzpux84ov3],
.data-view-display-panel.collapsed h3[b-tzpux84ov3] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0;
    font-size: 0.72rem;
    white-space: nowrap;
}

.data-view-panel h3[b-tzpux84ov3] {
    margin: 0 0 0.55rem;
    color: #0f2747;
    font-size: 0.84rem;
    line-height: 1.15;
    font-weight: 760;
}

.data-view-explorer[b-tzpux84ov3] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.6rem;
}

.data-view-explorer section[b-tzpux84ov3] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.58rem;
    border: 1px solid #e1eaf6;
    border-radius: 0.45rem;
    background: #fbfdff;
}

.data-view-explorer header[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    min-width: 0;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #e1eaf6;
}

.data-view-explorer header strong[b-tzpux84ov3] {
    color: #0f2747;
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 760;
}

.data-view-explorer header small[b-tzpux84ov3] {
    margin-left: auto;
    min-width: 0;
    overflow: hidden;
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-view-section-title-row[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    min-width: 0;
}

.data-view-section-title-row h3[b-tzpux84ov3] {
    margin: 0;
}

.data-view-selected-fields-heading[b-tzpux84ov3] {
    display: grid;
    min-width: 0;
    gap: 0.16rem;
}

.data-view-selected-fields-heading small[b-tzpux84ov3] {
    overflow: hidden;
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-view-selected-fields-actions[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

.data-view-manage-fields-button[b-tzpux84ov3] {
    min-height: 1.8rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.26rem 0.52rem;
    border: 1px solid #93c5fd;
    border-radius: 0.38rem;
    background: #f8fbff;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}

.data-view-manage-fields-button:hover[b-tzpux84ov3],
.data-view-manage-fields-button:focus-visible[b-tzpux84ov3] {
    border-color: #2563eb;
    background: #eff6ff;
}

.data-view-manage-fields-button .workspace-icon[b-tzpux84ov3] {
    width: 0.84rem;
    height: 0.84rem;
}

.data-view-text-action[b-tzpux84ov3] {
    min-height: 1.45rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #dc2626;
    font-size: 0.72rem;
    font-weight: 760;
    cursor: pointer;
    white-space: nowrap;
}

.data-view-text-action:hover[b-tzpux84ov3] {
    color: #b91c1c;
    text-decoration: underline;
}

.data-view-text-action:disabled[b-tzpux84ov3] {
    color: #94a3b8;
    cursor: not-allowed;
    text-decoration: none;
}

.data-view-module-list[b-tzpux84ov3],
.data-view-form-list[b-tzpux84ov3],
.data-view-field-picker[b-tzpux84ov3] {
    display: grid;
    gap: 0.32rem;
    min-width: 0;
    max-height: 10.25rem;
    overflow: auto;
    padding-right: 0.2rem;
}

.data-view-form-list[b-tzpux84ov3] {
    max-height: 7rem;
}

.data-view-field-picker[b-tzpux84ov3] {
    max-height: 14rem;
}

.data-view-module-list button[b-tzpux84ov3],
.data-view-form-list button[b-tzpux84ov3] {
    width: 100%;
    min-height: 2.15rem;
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid #cbdaf0;
    border-radius: 0.42rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.72rem;
    font-weight: 650;
    cursor: pointer;
    text-align: left;
}

.data-view-module-list button:hover[b-tzpux84ov3],
.data-view-form-list button:hover[b-tzpux84ov3],
.data-view-field-picker label:hover[b-tzpux84ov3] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.data-view-module-list button.selected[b-tzpux84ov3],
.data-view-form-list button.selected[b-tzpux84ov3] {
    border-color: #2563eb;
    background: #eaf2ff;
    box-shadow: inset 2px 0 0 #2563eb;
}

.data-view-module-list button span[b-tzpux84ov3],
.data-view-form-list button span[b-tzpux84ov3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-view-module-list button em[b-tzpux84ov3],
.data-view-form-list button em[b-tzpux84ov3] {
    min-width: 1.45rem;
    padding: 0.15rem 0.38rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.65rem;
    font-style: normal;
    font-weight: 760;
    text-align: center;
}

.data-view-field-picker label[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-height: 2.15rem;
    padding: 0.36rem 0.48rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.42rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.72rem;
    cursor: pointer;
}

.data-view-field-picker label span[b-tzpux84ov3] {
    display: grid;
    min-width: 0;
}

.data-view-field-picker label strong[b-tzpux84ov3] {
    min-width: 0;
    overflow: hidden;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-view-field-picker label small[b-tzpux84ov3],
.data-view-field-picker p[b-tzpux84ov3] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #64748b;
}

.data-view-selected-source-list[b-tzpux84ov3] {
    display: grid;
    gap: 0.32rem;
    margin-top: 0.6rem;
    padding-top: 0.55rem;
    border-top: 1px solid #e1eaf6;
}

.data-view-selected-source-list strong[b-tzpux84ov3] {
    color: #0f2747;
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 760;
}

.data-view-selected-source-list span[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    width: fit-content;
    max-width: 100%;
    padding: 0.18rem 0.46rem;
    border: 1px solid #d7e4f5;
    border-radius: 999px;
    background: #ffffff;
    color: #0f3d72;
    font-size: 0.68rem;
    font-weight: 650;
}

.data-view-form-tree[b-tzpux84ov3] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.data-view-form-tree article[b-tzpux84ov3] {
    border: 1px solid #e1eaf6;
    border-radius: 0.45rem;
    overflow: hidden;
}

.data-view-form-tree header[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.7rem;
    background: #f8fbff;
}

.data-view-form-tree header span[b-tzpux84ov3] {
    width: 1.7rem;
    height: 1.7rem;
    display: grid;
    place-items: center;
    border-radius: 0.4rem;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 700;
}

.data-view-form-tree label[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.7rem;
    color: #10233f;
}

.data-view-form-tree small[b-tzpux84ov3] {
    color: #64748b;
}

.data-view-workspace[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(13rem, 0.76fr) minmax(18rem, 1fr);
    gap: 0.55rem;
    background: transparent;
    border: 0;
    padding: 0;
}

.data-view-workspace > section[b-tzpux84ov3] {
    padding: 0.7rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.55rem;
    background: #ffffff;
}

.data-view-analysis-recipe[b-tzpux84ov3] {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.58rem;
    border-color: #bfd7fb !important;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 72%);
}

.data-view-analysis-recipe .data-view-section-title-row[b-tzpux84ov3] {
    margin-bottom: 0;
}

.data-view-recipe-badge[b-tzpux84ov3] {
    align-self: start;
    padding: 0.22rem 0.48rem;
    border-radius: 999px;
    background: #e7f5ed;
    color: #16704b;
    font-size: 0.62rem;
    font-weight: 800;
    white-space: nowrap;
}

.data-view-recipe-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.48rem;
}

.data-view-recipe-grid label[b-tzpux84ov3] {
    display: grid;
    gap: 0.2rem;
    color: #10233f;
    font-size: 0.68rem;
    font-weight: 760;
}

.data-view-recipe-grid label span[b-tzpux84ov3] {
    color: #64748b;
}

.data-view-recipe-grid select[b-tzpux84ov3] {
    width: 100%;
    min-height: 2rem;
    padding: 0.3rem 0.42rem;
    border: 1px solid #cbd9eb;
    border-radius: 0.38rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.72rem;
}

.data-view-recipe-footer[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
}

.data-view-recipe-footer small[b-tzpux84ov3] {
    color: #47617d;
    font-size: 0.7rem;
}

.data-view-row-choice label[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: center;
    justify-content: start;
    gap: 0.45rem;
    min-height: 1.6rem;
    color: #10233f;
    font-size: 0.72rem;
    font-weight: 600;
}

.data-view-row-choice input[type="radio"][b-tzpux84ov3] {
    justify-self: center;
    width: 0.82rem;
    height: 0.82rem;
    margin: 0;
}

.data-view-display-panel label[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    min-height: 2rem;
    color: #10233f;
    font-size: 0.72rem;
    font-weight: 600;
}

.data-view-row-choice p[b-tzpux84ov3],
.data-view-calculations p[b-tzpux84ov3] {
    margin: 0.45rem 0 0;
    font-size: 0.74rem;
    line-height: 1.35;
    color: #64748b;
}

.data-view-field-list[b-tzpux84ov3],
.data-view-mini-table[b-tzpux84ov3] {
    display: grid;
    gap: 0.25rem;
}

.data-view-selected-fields[b-tzpux84ov3] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 12.8rem;
    min-height: 12.8rem;
}

.data-view-selected-fields .data-view-field-list[b-tzpux84ov3] {
    overflow-y: auto;
    padding-right: 0.25rem;
}

.data-view-field-list > div[b-tzpux84ov3],
.data-view-mini-table > div[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 2.9rem minmax(0, 1fr) auto 5.7rem;
    align-items: center;
    gap: 0.42rem;
    min-height: 1.9rem;
    border-bottom: 1px solid #e5edf8;
    font-size: 0.72rem;
    cursor: pointer;
}

.data-view-output-field-position[b-tzpux84ov3],
.data-view-output-field-manager-order[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.data-view-output-field-drag-handle[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.95rem;
    color: #94a3b8;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: -0.18rem;
    cursor: grab;
}

.data-view-output-field-drag-handle:active[b-tzpux84ov3] {
    cursor: grabbing;
}

.data-view-field-list > div[draggable="true"]:active[b-tzpux84ov3],
.data-view-output-field-manager-row[draggable="true"]:active[b-tzpux84ov3] {
    cursor: grabbing;
}

.data-view-field-list div.selected[b-tzpux84ov3] {
    border-color: #bfdbfe;
    border-radius: 0.42rem;
    background: #eff6ff;
    box-shadow: inset 3px 0 0 #2563eb;
}

.data-view-field-list > div.drop-target[b-tzpux84ov3] {
    border-top: 2px solid #2563eb;
}

.data-view-mini-table div[b-tzpux84ov3] {
    grid-template-columns: minmax(8rem, 1fr) 5rem minmax(10rem, 1fr) minmax(8rem, 1fr);
}

.data-view-field-list strong[b-tzpux84ov3],
.data-view-mini-table strong[b-tzpux84ov3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #10233f;
    font-size: 0.75rem;
    font-weight: 650;
}

.data-view-field-list span[b-tzpux84ov3],
.data-view-field-list small[b-tzpux84ov3],
.data-view-mini-table span[b-tzpux84ov3],
.data-view-mini-table small[b-tzpux84ov3] {
    color: #64748b;
    font-weight: 600;
}

.data-view-field-list button[b-tzpux84ov3] {
    width: 1.4rem;
    height: 1.4rem;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: #64748b;
}

.data-view-output-field-actions[b-tzpux84ov3] {
    display: inline-flex;
    min-width: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 0.12rem;
}

.data-view-output-field-actions button[b-tzpux84ov3] {
    width: 1.35rem;
    height: 1.35rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    cursor: pointer;
}

.data-view-output-field-actions button:hover:not(:disabled)[b-tzpux84ov3],
.data-view-output-field-actions button:focus-visible[b-tzpux84ov3] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.data-view-output-field-actions button:disabled[b-tzpux84ov3] {
    cursor: not-allowed;
    opacity: 0.3;
}

.data-view-output-field-actions button:last-child:hover:not(:disabled)[b-tzpux84ov3],
.data-view-output-field-actions button:last-child:focus-visible[b-tzpux84ov3] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.data-view-output-field-manager-backdrop[b-tzpux84ov3] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(15, 39, 71, 0.42);
}

.data-view-output-field-manager[b-tzpux84ov3] {
    width: min(58rem, 100%);
    height: min(42rem, calc(100vh - 2.5rem));
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    overflow: hidden;
    padding: 1.1rem;
    border: 1px solid #cbdaf0;
    border-radius: 0.8rem;
    background: #ffffff;
    box-shadow: 0 1.5rem 4rem rgba(15, 39, 71, 0.24);
}

.data-view-output-field-manager-header[b-tzpux84ov3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #e1eaf6;
}

.data-view-output-field-manager-header .eyebrow[b-tzpux84ov3] {
    margin: 0 0 0.18rem;
}

.data-view-output-field-manager-header h2[b-tzpux84ov3] {
    margin: 0;
    color: #0f2747;
    font-size: 1.06rem;
}

.data-view-output-field-manager-header p:last-child[b-tzpux84ov3] {
    max-width: 42rem;
    margin: 0.28rem 0 0;
    color: #64748b;
    font-size: 0.73rem;
    line-height: 1.4;
}

.data-view-output-field-manager-close[b-tzpux84ov3] {
    width: 2rem;
    height: 2rem;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #cbdaf0;
    border-radius: 0.42rem;
    background: #ffffff;
    color: #475569;
    cursor: pointer;
}

.data-view-output-field-manager-close:hover[b-tzpux84ov3],
.data-view-output-field-manager-close:focus-visible[b-tzpux84ov3] {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
}

.data-view-output-field-manager-close .workspace-icon[b-tzpux84ov3] {
    width: 1rem;
    height: 1rem;
}

.data-view-output-field-manager-toolbar[b-tzpux84ov3],
.data-view-output-field-manager-footer[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.data-view-output-field-manager-toolbar[b-tzpux84ov3] {
    min-height: 2rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid #dbeafe;
    border-radius: 0.45rem;
    background: #f8fbff;
    color: #64748b;
    font-size: 0.7rem;
}

.data-view-output-field-manager-toolbar strong[b-tzpux84ov3] {
    color: #0f3d72;
    font-size: 0.72rem;
}

.data-view-output-field-manager-toolbar span[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.data-view-output-field-manager-list[b-tzpux84ov3] {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 0.35rem;
    overflow-y: auto;
    padding: 0.15rem 0.25rem 0.15rem 0.15rem;
}

.data-view-output-field-manager-row[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 4.2rem minmax(0, 1fr) 7.5rem 7.5rem;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.65rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #10233f;
    cursor: grab;
}

.data-view-output-field-manager-row:hover[b-tzpux84ov3] {
    border-color: #93c5fd;
    background: #fbfdff;
}

.data-view-output-field-manager-row.selected[b-tzpux84ov3] {
    border-color: #93c5fd;
    background: #eff6ff;
    box-shadow: inset 3px 0 0 #2563eb;
}

.data-view-output-field-manager-row.drop-target[b-tzpux84ov3] {
    border-top: 2px solid #2563eb;
}

.data-view-output-field-manager-order[b-tzpux84ov3] {
    color: #0f3d72;
    font-size: 0.76rem;
}

.data-view-output-field-manager-name[b-tzpux84ov3] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.data-view-output-field-manager-name strong[b-tzpux84ov3] {
    overflow: visible;
    color: #10233f;
    font-size: 0.78rem;
    font-weight: 750;
    overflow-wrap: anywhere;
    white-space: normal;
}

.data-view-output-field-manager-name small[b-tzpux84ov3] {
    overflow: visible;
    color: #64748b;
    font-size: 0.67rem;
    font-weight: 600;
    overflow-wrap: anywhere;
    white-space: normal;
}

.data-view-output-field-manager-type[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
}

.data-view-output-field-manager-row .data-view-output-field-actions[b-tzpux84ov3] {
    justify-content: flex-end;
}

.data-view-output-field-manager-empty[b-tzpux84ov3] {
    min-height: 12rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.4rem;
    padding: 1.5rem;
    border: 1px dashed #bfdbfe;
    border-radius: 0.55rem;
    background: #f8fbff;
    color: #64748b;
    text-align: center;
}

.data-view-output-field-manager-empty .workspace-icon[b-tzpux84ov3] {
    width: 1.4rem;
    height: 1.4rem;
    color: #2563eb;
}

.data-view-output-field-manager-empty strong[b-tzpux84ov3] {
    color: #0f2747;
    font-size: 0.82rem;
}

.data-view-output-field-manager-empty span[b-tzpux84ov3] {
    font-size: 0.72rem;
}

.data-view-output-field-manager-footer[b-tzpux84ov3] {
    padding-top: 0.7rem;
    border-top: 1px solid #e1eaf6;
    color: #64748b;
    font-size: 0.68rem;
}

.data-view-calculations[b-tzpux84ov3],
.data-view-filters[b-tzpux84ov3] {
    align-content: start;
}

.data-view-query-builder-row[b-tzpux84ov3] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
}

.data-view-query-builder-row > section[b-tzpux84ov3] {
    padding: 0.7rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.55rem;
    background: #ffffff;
}

.data-view-query-builder-row .data-view-filters[b-tzpux84ov3] {
    height: auto;
    min-height: 27rem;
    max-height: 34rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.data-view-query-builder-row .data-view-filters.collapsed[b-tzpux84ov3],
.data-view-calculations.collapsed[b-tzpux84ov3],
.data-view-relationship-card.collapsed[b-tzpux84ov3] {
    min-height: 0;
    max-height: none;
    overflow: visible;
}

.data-view-calculations header[b-tzpux84ov3],
.data-view-filters header[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
}

.data-view-calculations header h3[b-tzpux84ov3],
.data-view-filters header h3[b-tzpux84ov3] {
    margin: 0;
}

.data-view-calculations header small[b-tzpux84ov3] {
    display: block;
    margin-top: 0.12rem;
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 650;
}

.data-view-filters header small[b-tzpux84ov3] {
    display: block;
    margin-top: 0.12rem;
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 650;
}

.data-view-calculations header button[b-tzpux84ov3],
.data-view-filters header button[b-tzpux84ov3] {
    min-height: 1.65rem;
    padding: 0.2rem 0.48rem;
    border: 1px solid #93c5fd;
    border-radius: 0.36rem;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.66rem;
    font-weight: 650;
    cursor: pointer;
}

.data-view-section-header-actions[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.38rem;
    flex-wrap: wrap;
}

.data-view-section-collapse-button[b-tzpux84ov3] {
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
    min-height: 1.75rem;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.data-view-calculation-table[b-tzpux84ov3] {
    display: grid;
    gap: 0.28rem;
    overflow-x: auto;
}

.data-view-calculation-header[b-tzpux84ov3],
.data-view-calculation-table > div:not(.data-view-calculation-header)[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(7rem, 1fr) 5.4rem minmax(9rem, 1.3fr) minmax(8rem, 1fr) 1.5rem;
    align-items: center;
    gap: 0.35rem;
    min-width: 34rem;
}

.data-view-calculation-header[b-tzpux84ov3] {
    min-height: 1.45rem;
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 700;
}

.data-view-calculation-table > div:not(.data-view-calculation-header)[b-tzpux84ov3] {
    min-height: 2rem;
}

.data-view-calculation-table input[b-tzpux84ov3],
.data-view-calculation-table select[b-tzpux84ov3],
.data-view-filter-grid input[b-tzpux84ov3],
.data-view-filter-grid select[b-tzpux84ov3] {
    min-height: 1.8rem !important;
    border: 1px solid #cbdaf0;
    border-radius: 0.36rem;
    padding: 0 0.45rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.68rem;
    font-weight: 500;
}

.data-view-calculation-table button[b-tzpux84ov3],
.data-view-filter-grid button[b-tzpux84ov3] {
    width: 1.45rem;
    height: 1.45rem;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.data-view-section-note[b-tzpux84ov3] {
    display: block;
    margin-top: 0.35rem;
    color: #15803d;
    font-size: 0.66rem;
    font-weight: 500;
}

.data-view-section-note.warning[b-tzpux84ov3] {
    color: #b45309;
}

.data-view-relationship-card[b-tzpux84ov3],
.data-view-live-preview[b-tzpux84ov3] {
    grid-column: 1 / -1;
}

.data-view-live-preview[b-tzpux84ov3] {
    display: grid;
    gap: 0.38rem;
}

.data-view-relationship-card header[b-tzpux84ov3],
.data-view-live-preview header[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
}

.data-view-live-preview-actions[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.data-view-relationship-card header span[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    padding: 0.32rem 0.52rem;
    border-radius: 0.45rem;
    background: #dcfce7;
    color: #166534;
    font-size: 0.7rem;
    font-weight: 650;
}

.data-view-live-preview-status[b-tzpux84ov3] {
    width: fit-content;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #eef4ff;
    color: #31527f;
    font-size: 0.66rem;
    font-weight: 700;
}

.data-view-live-preview-status.live[b-tzpux84ov3] {
    background: #ecfdf3;
    color: #15803d;
}

.data-view-relationship-map[b-tzpux84ov3] {
    padding: 0.65rem 0.2rem;
}

.data-view-relationship-graph[b-tzpux84ov3] {
    position: relative;
    min-height: var(--data-view-relationship-graph-height, 8rem);
    width: 100%;
    overflow: hidden;
}

.data-view-relationship-graph-lines[b-tzpux84ov3] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.data-view-relationship-graph-lines path[b-tzpux84ov3] {
    fill: none;
    stroke: #334155;
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
}

.data-view-relationship-node[b-tzpux84ov3] {
    position: absolute;
    left: 50%;
    width: 47%;
    min-height: 2.55rem;
    display: flex;
    align-items: center;
    gap: 0.42rem;
    transform: translateY(-50%);
    padding: 0.42rem 0.68rem;
    border: 1px solid #6db58b;
    border-radius: 0.45rem;
    background: #f5fff8;
    color: #0f2747;
    font-size: 0.76rem;
    font-weight: 650;
    box-sizing: border-box;
}

.data-view-relationship-node.anchor[b-tzpux84ov3] {
    left: 1%;
    width: 34%;
    border-color: #60a5fa;
    background: #eff6ff;
    color: #1d4ed8;
}

.data-view-relationship-node svg[b-tzpux84ov3] {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    color: currentColor;
}

.data-view-relationship-node span[b-tzpux84ov3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-view-relationship-node small[b-tzpux84ov3] {
    margin-left: auto;
    color: var(--workspace-label-color, #0078d4);
    font-size: 0.61rem;
    font-weight: var(--workspace-label-weight, 500);
    white-space: nowrap;
}

.data-view-relationship-empty[b-tzpux84ov3] {
    margin: 0;
    padding: 1.8rem 0.65rem;
    color: #64748b;
    text-align: center;
    font-size: 0.72rem;
}

.data-view-relationship-card footer[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    font-size: 0.74rem;
    color: #15803d;
}

.data-view-generated-sql-panel[b-tzpux84ov3] {
    display: grid;
    gap: 0.42rem;
    margin-top: 0.55rem;
    padding: 0.58rem;
    border: 1px solid #cbdaf0;
    border-radius: 0.5rem;
    background: #0f172a;
    color: #e5edf8;
}

.data-view-generated-sql-panel header[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.data-view-generated-sql-panel header strong[b-tzpux84ov3] {
    font-size: 0.78rem;
    font-weight: 750;
}

.data-view-generated-sql-panel header button[b-tzpux84ov3] {
    min-width: 1.8rem;
    min-height: 1.8rem;
    border-color: rgb(148 163 184 / 35%);
    background: rgb(15 23 42 / 65%);
    color: #e5edf8;
}

.data-view-generated-sql-panel pre[b-tzpux84ov3] {
    max-height: 12rem;
    margin: 0;
    overflow: auto;
    white-space: pre;
    color: #e5edf8;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.72rem;
    line-height: 1.45;
}

.data-view-filter-grid[b-tzpux84ov3] {
    display: grid;
    gap: 0.32rem;
    max-height: 8.7rem;
    overflow-y: auto;
    padding-right: 0.2rem;
}

.data-view-filter-grid > div[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) 7.2rem minmax(6rem, 0.72fr) minmax(6rem, 0.72fr) 1.5rem;
    align-items: center;
    gap: 0.35rem;
}

.data-view-filter-spacer[b-tzpux84ov3] {
    min-height: 1.8rem;
}

.data-view-refinement-tabs[b-tzpux84ov3] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem;
    margin-bottom: 0.42rem;
    overflow-x: auto;
}

.data-view-refinement-tabs button[b-tzpux84ov3] {
    min-height: 1.55rem;
    padding: 0.16rem 0.5rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #475569;
    font-size: 0.66rem;
    font-weight: 720;
    cursor: pointer;
    white-space: nowrap;
}

.data-view-refinement-tabs button.active[b-tzpux84ov3] {
    border-bottom-color: #2563eb;
    color: #1d4ed8;
}

.data-view-filter-toolbar[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    margin-bottom: 0.35rem;
}

.data-view-filter-toolbar label[b-tzpux84ov3],
.data-view-refinement-grid label[b-tzpux84ov3],
.data-view-column-label-grid label[b-tzpux84ov3] {
    display: grid;
    gap: 0.18rem;
    color: #10233f;
    font-size: 0.66rem;
    font-weight: 700;
}

.data-view-filter-toolbar label[b-tzpux84ov3] {
    grid-template-columns: auto 5.2rem;
    align-items: center;
}

.data-view-filter-toolbar label span[b-tzpux84ov3],
.data-view-refinement-grid label span[b-tzpux84ov3],
.data-view-column-label-grid label span[b-tzpux84ov3] {
    color: #64748b;
}

.data-view-filter-toolbar em[b-tzpux84ov3] {
    padding: 0.2rem 0.48rem;
    border-radius: 999px;
    background: #ecfdf3;
    color: #15803d;
    font-size: 0.64rem;
    font-style: normal;
    font-weight: 720;
}

.data-view-refinement-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.8fr);
    gap: 0.45rem;
}

.data-view-grouping-grid[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    margin-bottom: 0.42rem;
}

.data-view-grouping-panel[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.data-view-grouping-toolbar[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.data-view-grouping-toolbar strong[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 760;
}

.data-view-grouping-toolbar div[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.data-view-grouping-toolbar button[b-tzpux84ov3],
.data-view-add-aggregate-button[b-tzpux84ov3] {
    min-height: 1.8rem;
    border: 1px solid #b8cdf0;
    border-radius: 0.36rem;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 760;
    cursor: pointer;
    white-space: nowrap;
}

.data-view-grouping-toolbar button[b-tzpux84ov3] {
    padding: 0 0.62rem;
}

.data-view-group-field-list[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.28rem;
    max-height: 9.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.18rem 0.35rem 0.18rem 0;
}

.data-view-group-field-list label[b-tzpux84ov3] {
    display: grid !important;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: center;
    justify-content: start !important;
    gap: 0.45rem;
    width: 100%;
    min-width: 0;
    min-height: 1.65rem;
    color: #10233f;
    font-size: 0.72rem;
    font-weight: 650;
    overflow: visible;
}

.data-view-group-field-list input[type="checkbox"][b-tzpux84ov3] {
    width: 0.95rem !important;
    height: 0.95rem !important;
    min-width: 0.95rem !important;
    min-height: 0.95rem !important;
    margin: 0;
    justify-self: start;
    align-self: center;
}

.data-view-group-field-list span[b-tzpux84ov3] {
    min-width: 0;
    color: #10233f;
    overflow: visible;
    text-overflow: clip;
    white-space: normal !important;
    line-height: 1.2;
    text-align: left;
}

.data-view-add-aggregate-button[b-tzpux84ov3] {
    min-height: 1.8rem;
    justify-self: start;
    margin-top: 0.36rem;
    padding: 0 0.72rem;
    white-space: nowrap;
}

.data-view-aggregate-grid[b-tzpux84ov3] {
    display: grid;
    gap: 0.35rem;
    max-height: 12rem;
    min-height: 4.2rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.2rem;
}

.data-view-aggregate-row[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.76fr) 2rem;
    gap: 0.45rem;
    align-items: end;
}

.data-view-aggregate-row label[b-tzpux84ov3] {
    display: grid;
    gap: 0.18rem;
    color: #10233f;
    font-size: 0.66rem;
    font-weight: 700;
}

.data-view-aggregate-row label span[b-tzpux84ov3] {
    color: #64748b;
}

.data-view-aggregate-row select[b-tzpux84ov3] {
    min-height: 1.8rem !important;
    border: 1px solid #cbdaf0;
    border-radius: 0.36rem;
    padding: 0 0.45rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.68rem;
    font-weight: 500;
}

.data-view-aggregate-row button[b-tzpux84ov3] {
    min-height: 1.8rem;
    border: 1px solid #cbdaf0;
    border-radius: 0.36rem;
    background: #ffffff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.data-view-aggregate-row button:disabled[b-tzpux84ov3] {
    opacity: 0.45;
    cursor: not-allowed;
}

.data-view-add-aggregate-button:disabled[b-tzpux84ov3] {
    color: #94a3b8;
    border-color: #cbd5e1;
    background: #f8fafc;
    cursor: not-allowed;
}

.data-view-sort-grid[b-tzpux84ov3] {
    grid-template-columns: minmax(0, 1fr) 9rem 9rem;
}

.data-view-column-label-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem 0.5rem;
    max-height: 6.7rem;
    overflow-y: auto;
    padding-right: 0.2rem;
}

.data-view-column-label-grid input[b-tzpux84ov3],
.data-view-filter-toolbar select[b-tzpux84ov3],
.data-view-refinement-grid select[b-tzpux84ov3] {
    min-height: 1.8rem !important;
    border: 1px solid #cbdaf0;
    border-radius: 0.36rem;
    padding: 0 0.45rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.68rem;
    font-weight: 500;
}

.data-view-preview-table .table-header[b-tzpux84ov3],
.data-view-preview-table .table-row[b-tzpux84ov3] {
    min-width: 100%;
    width: 100%;
}

.data-view-preview-table[b-tzpux84ov3] {
    max-height: 320px;
    min-height: 0;
    overflow: auto;
}

.data-view-preview-table .table-header[b-tzpux84ov3] {
    display: grid;
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 1.85rem;
    padding: 0 0.56rem;
    background: #f6f9fd;
    background-clip: padding-box;
    color: #10233f;
    font-size: 0.66rem;
    font-weight: 650;
    text-transform: none;
    box-shadow: 0 1px 0 #e5edf8;
}

.data-view-preview-table .table-header span[b-tzpux84ov3] {
    min-width: 0;
    min-height: 1.85rem;
    display: flex;
    align-items: center;
    background: #f6f9fd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-view-preview-table .table-row[b-tzpux84ov3] {
    min-height: 2.45rem;
    padding: 0.3rem 0.56rem;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 500;
}

.data-view-preview-table .table-header span[b-tzpux84ov3],
.data-view-preview-table .table-row span[b-tzpux84ov3] {
    min-width: 0;
    font-weight: inherit;
}

.data-view-preview-table .data-view-preview-cell[b-tzpux84ov3] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-view-preview-table .data-view-preview-total-row[b-tzpux84ov3] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    border-top: 2px solid #cbd5e1;
    background: #f1f5f9;
    color: #0f172a;
    font-weight: 800;
}

.data-view-display-panel[b-tzpux84ov3] {
    display: grid;
    gap: 0.58rem;
}

.data-view-display-section[b-tzpux84ov3] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.62rem;
    border: 1px solid #e1eaf6;
    border-radius: 0.5rem;
    background: #fbfdff;
}

.data-view-display-section-header[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    min-width: 0;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #e1eaf6;
}

.data-view-display-section-header h4[b-tzpux84ov3] {
    margin: 0;
    color: #0f2747;
    font-size: 0.72rem;
    line-height: 1.15;
    font-weight: 760;
}

.data-view-display-options[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.data-view-display-options button[b-tzpux84ov3] {
    position: relative;
    min-height: 4.1rem;
    display: grid;
    place-items: center;
    gap: 0.24rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.45rem;
    background: #ffffff;
    color: #0f2747;
    font-size: 0.74rem;
    font-weight: 650;
    cursor: pointer;
}

.data-view-display-options button.selected[b-tzpux84ov3] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
    box-shadow: inset 0 0 0 1px #2563eb;
}

.data-view-component-selected-mark[b-tzpux84ov3] {
    position: absolute;
    top: 0.4rem;
    right: 0.5rem;
    font-weight: 800;
}

.data-view-component-validation[b-tzpux84ov3] {
    grid-column: 1 / -1;
    min-width: 0;
    display: grid;
    gap: 0.8rem;
}

.data-view-component-validation > header[b-tzpux84ov3],
.data-view-component-check-card > header[b-tzpux84ov3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.data-view-component-validation h3[b-tzpux84ov3] {
    margin: 0;
    color: #0f2747;
    font-size: 0.9rem;
}

.data-view-component-validation p[b-tzpux84ov3] {
    margin: 0.4rem 0 0;
    color: #526b89;
    font-size: 0.75rem;
    line-height: 1.5;
}

.data-view-component-empty[b-tzpux84ov3],
.data-view-component-draft-note[b-tzpux84ov3] {
    padding: 0.7rem;
    border: 1px solid #cfe0f7;
    border-radius: 0.45rem;
    background: #f4f8ff;
}

.data-view-component-check-grid[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
    align-items: start;
    gap: 0.8rem;
    min-width: 0;
}

.data-view-component-check-card[b-tzpux84ov3] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.6rem;
    background: #ffffff;
}

.data-view-component-check-card.wide[b-tzpux84ov3] {
    grid-column: 1 / -1;
}

.data-view-component-check-card > header div[b-tzpux84ov3] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
    color: #0f2747;
    font-size: 0.8rem;
}

.data-view-component-check-card small[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.7rem;
    overflow-wrap: anywhere;
}

.data-view-component-remove[b-tzpux84ov3] {
    border: 1px solid #fca5a5;
    border-radius: 0.4rem;
    padding: 0.4rem 0.65rem;
    background: #fff1f2;
    color: #b91c1c;
    font-size: 0.72rem;
    cursor: pointer;
}

.data-view-component-mappings[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
    gap: 0.6rem;
}

.data-view-component-mappings label[b-tzpux84ov3] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
    color: #526b89;
    font-size: 0.72rem;
}

.data-view-component-mappings select[b-tzpux84ov3],
.data-view-component-mappings input[b-tzpux84ov3] {
    width: 100%;
    min-width: 0;
    min-height: 2rem;
    padding: 0.35rem;
    border: 1px solid #cfe0f7;
    border-radius: 0.4rem;
    background: #ffffff;
    color: #0f2747;
}

.data-view-inline-form-create[b-tzpux84ov3] {
    display: grid;
    gap: 0.7rem;
    padding: 0.75rem;
    border: 1px solid #cfe0f7;
    border-radius: 0.5rem;
    background: #f4f8ff;
}

.data-view-inline-form-create input[b-tzpux84ov3] {
    min-height: 2.2rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.4rem;
    padding: 0.4rem 0.6rem;
}

.data-view-grid-settings > label:not(.data-view-title-field)[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 1.7rem;
}

.data-view-attachment-section[b-tzpux84ov3],
.data-view-component-settings[b-tzpux84ov3],
.data-view-common-settings[b-tzpux84ov3] {
    gap: 0.55rem;
}

.data-view-attachment-summary[b-tzpux84ov3],
.data-view-attach-contract[b-tzpux84ov3],
.data-view-component-note-card[b-tzpux84ov3] {
    display: grid;
    gap: 0.22rem;
    padding: 0.55rem;
    border-radius: 0.42rem;
    background: #f4f8ff;
    color: #334155;
}

.data-view-attachment-summary[b-tzpux84ov3] {
    border: 1px solid #cfe0f7;
}

.data-view-attachment-summary span[b-tzpux84ov3],
.data-view-attach-contract span[b-tzpux84ov3] {
    color: var(--workspace-label-color, #0078d4);
    font-size: 0.63rem;
    font-weight: var(--workspace-label-weight, 500);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.data-view-attachment-summary strong[b-tzpux84ov3],
.data-view-attach-contract strong[b-tzpux84ov3] {
    color: #0f2747;
    font-size: 0.76rem;
    line-height: 1.15;
}

.data-view-attachment-summary small[b-tzpux84ov3],
.data-view-attach-contract small[b-tzpux84ov3],
.data-view-component-note[b-tzpux84ov3],
.data-view-attachment-usage[b-tzpux84ov3],
.data-view-component-note-card small[b-tzpux84ov3],
.data-view-component-note-card span[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.67rem;
    line-height: 1.3;
}

.data-view-component-note[b-tzpux84ov3] {
    margin: 0;
}

.data-view-attachment-usage[b-tzpux84ov3] {
    display: block;
    color: #166534;
}

.data-view-attach-button[b-tzpux84ov3] {
    width: 100%;
    justify-content: center;
    min-height: 2.15rem;
    font-size: 0.72rem;
    font-weight: 720;
}

.data-view-component-note-card[b-tzpux84ov3] {
    border: 1px solid #d7e4f5;
}

.data-view-component-note-card strong[b-tzpux84ov3] {
    color: #0f2747;
    font-size: 0.76rem;
}

.data-view-component-note-card.warning[b-tzpux84ov3] {
    border-color: #f4d59b;
    background: #fffaf0;
}

.data-view-component-note-card.warning strong[b-tzpux84ov3] {
    color: #92400e;
}

.data-view-attach-backdrop[b-tzpux84ov3] {
    position: fixed;
    z-index: 50;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(15 23 42 / 46%);
}

.data-view-attach-dialog[b-tzpux84ov3] {
    width: min(42rem, 100%);
    max-height: min(90vh, 48rem);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid #cbdaf0;
    border-radius: 0.72rem;
    background: #ffffff;
    box-shadow: 0 1.2rem 3rem rgb(15 23 42 / 22%);
}

.data-view-attach-dialog-header[b-tzpux84ov3],
.data-view-attach-dialog-footer[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
}

.data-view-attach-dialog-header[b-tzpux84ov3] {
    border-bottom: 1px solid #e1eaf6;
}

.data-view-attach-dialog-header h2[b-tzpux84ov3] {
    margin: 0.12rem 0 0;
    color: #0f2747;
    font-size: 1rem;
}

.data-view-attach-dialog-header p:last-child[b-tzpux84ov3] {
    margin: 0.26rem 0 0;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.3;
}

.data-view-attach-dialog-close[b-tzpux84ov3] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.4rem;
    background: #ffffff;
    color: #475569;
    cursor: pointer;
}

.data-view-attach-dialog-content[b-tzpux84ov3] {
    display: grid;
    gap: 0.75rem;
    overflow: auto;
    padding: 0.9rem 1rem;
}

.data-view-attach-field[b-tzpux84ov3] {
    display: grid;
    gap: 0.3rem;
    color: #475569;
    font-size: 0.68rem;
    font-weight: 700;
}

.data-view-attach-field select[b-tzpux84ov3] {
    min-height: 2.2rem;
    width: 100%;
    border: 1px solid #cbdaf0;
    border-radius: 0.42rem;
    padding: 0 0.55rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.74rem;
    font-weight: 600;
}

.data-view-attach-inline-action[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: start;
    width: max-content;
    gap: 0.28rem;
    min-height: 1.8rem;
    padding: 0.34rem 0.62rem;
    border: 1px solid #b8cde7;
    border-radius: 0.42rem;
    background: #f8fbff;
    color: #1459ae;
    font-size: 0.66rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 2px 7px rgb(30 90 160 / 8%);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.data-view-attach-inline-action:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #6e9dd2;
    background: #edf5ff;
    box-shadow: 0 5px 11px rgb(30 90 160 / 14%);
    transform: translateY(-1px);
}

.data-view-attach-inline-action.primary[b-tzpux84ov3] {
    border-color: #1456c5;
    background: linear-gradient(180deg, #2f83f5 0%, #155dcc 100%);
    color: #ffffff;
    box-shadow: 0 2px 0 #0c429b, 0 7px 14px rgb(21 93 204 / 22%);
}

.data-view-attach-inline-action:disabled[b-tzpux84ov3] {
    border-color: #d8e1ed;
    background: #eef2f7;
    color: #94a3b8;
    box-shadow: none;
    cursor: not-allowed;
}

.data-view-quick-create-backdrop[b-tzpux84ov3] {
    position: fixed;
    z-index: 60;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(15 23 42 / 58%);
}

.data-view-quick-create-dialog[b-tzpux84ov3] {
    width: min(34rem, 100%);
    overflow: hidden;
    border: 1px solid #cbdaf0;
    border-radius: 0.72rem;
    background: #ffffff;
    box-shadow: 0 1.4rem 3.4rem rgb(15 23 42 / 30%);
}

.data-view-quick-create-header[b-tzpux84ov3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 1rem;
    border-bottom: 1px solid #e1eaf6;
}

.data-view-quick-create-header h2[b-tzpux84ov3] {
    margin: 0.12rem 0 0;
    color: #0f2747;
    font-size: 1rem;
}

.data-view-quick-create-header p:last-child[b-tzpux84ov3] {
    max-width: 28rem;
    margin: 0.3rem 0 0;
    color: #64748b;
    font-size: 0.7rem;
    line-height: 1.35;
}

.data-view-quick-create-content[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    padding: 1rem;
}

.data-view-quick-create-field[b-tzpux84ov3] {
    display: grid;
    gap: 0.3rem;
    color: #475569;
    font-size: 0.68rem;
    font-weight: 800;
}

.data-view-quick-create-field.full-width[b-tzpux84ov3] {
    grid-column: 1 / -1;
}

.data-view-quick-create-field input[b-tzpux84ov3],
.data-view-quick-create-field textarea[b-tzpux84ov3] {
    width: 100%;
    border: 1px solid #cbdaf0;
    border-radius: 0.42rem;
    padding: 0.55rem 0.6rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.74rem;
    font-weight: 600;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.data-view-quick-create-field textarea[b-tzpux84ov3] {
    resize: vertical;
}

.data-view-quick-create-field input:focus[b-tzpux84ov3],
.data-view-quick-create-field textarea:focus[b-tzpux84ov3] {
    border-color: #4b8fe8;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 12%);
}

.data-view-quick-create-error[b-tzpux84ov3] {
    color: #b91c1c;
    font-size: 0.64rem;
    line-height: 1.25;
}

.data-view-quick-create-footer[b-tzpux84ov3] {
    padding: 0.85rem 1rem 1rem;
}

@media (max-width: 560px) {
    .data-view-quick-create-content[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .data-view-quick-create-field.full-width[b-tzpux84ov3] {
        grid-column: auto;
    }
}

.data-view-attach-mode-options[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.data-view-attach-mode[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.48rem;
    min-height: 4.2rem;
    padding: 0.58rem;
    border: 1px solid #d7e4f5;
    border-radius: 0.45rem;
    background: #ffffff;
    cursor: pointer;
}

.data-view-attach-mode.selected[b-tzpux84ov3] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px #2563eb;
}

.data-view-attach-mode input[b-tzpux84ov3] {
    margin-top: 0.12rem;
}

.data-view-attach-mode span[b-tzpux84ov3] {
    display: grid;
    gap: 0.2rem;
}

.data-view-attach-mode strong[b-tzpux84ov3] {
    color: #0f2747;
    font-size: 0.72rem;
}

.data-view-attach-mode small[b-tzpux84ov3] {
    color: #64748b;
    font-size: 0.64rem;
    line-height: 1.25;
}

.data-view-attach-dialog-footer[b-tzpux84ov3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    border-top: 1px solid #e1eaf6;
}

.data-view-attach-dialog-footer button[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7.25rem;
    min-height: 2.35rem;
    padding: 0.55rem 0.95rem;
    border-radius: 0.55rem;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.data-view-attach-dialog-footer button.outline[b-tzpux84ov3] {
    border: 1px solid #b9cbe2;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
    color: #334155;
    box-shadow: 0 2px 0 #d2ddea, 0 7px 14px rgb(15 23 42 / 10%);
}

.data-view-attach-dialog-footer button.outline:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #8da9ca;
    background: linear-gradient(180deg, #ffffff 0%, #edf4fc 100%);
    box-shadow: 0 2px 0 #c3d2e4, 0 10px 18px rgb(15 23 42 / 14%);
    transform: translateY(-1px);
}

.data-view-attach-dialog-footer button.primary[b-tzpux84ov3] {
    border: 1px solid #1456c5;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 24%), transparent 42%),
        linear-gradient(180deg, #2e82f6 0%, #155dcc 100%);
    color: #ffffff;
    box-shadow: 0 2px 0 #0c429b, 0 10px 20px rgb(21 93 204 / 28%);
}

.data-view-attach-dialog-footer button.primary:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #0d49ad;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 30%), transparent 42%),
        linear-gradient(180deg, #4692ff 0%, #1768dc 100%);
    box-shadow: 0 2px 0 #0a3a8f, 0 13px 24px rgb(21 93 204 / 34%);
    transform: translateY(-1px);
}

.data-view-attach-dialog-footer button:active:not(:disabled)[b-tzpux84ov3] {
    box-shadow: 0 1px 0 rgb(15 23 42 / 18%), 0 4px 9px rgb(15 23 42 / 15%);
    transform: translateY(1px);
}

.data-view-attach-dialog-footer button:focus-visible[b-tzpux84ov3] {
    outline: 3px solid rgb(37 99 235 / 28%);
    outline-offset: 2px;
}

.data-view-attach-dialog-footer button:disabled[b-tzpux84ov3] {
    border-color: #d8e1ed;
    background: #eef2f7;
    color: #94a3b8;
    box-shadow: none;
    cursor: not-allowed;
}

@media (max-width: 560px) {
    .data-view-attach-dialog-footer[b-tzpux84ov3] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .data-view-attach-dialog-footer button[b-tzpux84ov3] {
        width: 100%;
        min-width: 0;
    }
}

.data-view-display-panel input[type="checkbox"][b-tzpux84ov3] {
    appearance: none;
    position: relative;
    width: 2.15rem;
    height: 1.15rem;
    margin: 0;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #cbd5e1;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.data-view-display-panel input[type="checkbox"][b-tzpux84ov3]::after {
    content: "";
    position: absolute;
    top: 0.13rem;
    left: 0.13rem;
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgb(15 23 42 / 18%);
    transition: transform 0.15s ease;
}

.data-view-display-panel input[type="checkbox"]:checked[b-tzpux84ov3] {
    border-color: #2563eb;
    background: #2563eb;
}

.data-view-display-panel input[type="checkbox"]:checked[b-tzpux84ov3]::after {
    transform: translateX(1rem);
}

.data-view-title-field[b-tzpux84ov3] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    align-items: start !important;
    gap: 0.3rem !important;
    font-size: 0.68rem !important;
}

.data-view-title-field input[b-tzpux84ov3] {
    width: 100%;
    min-width: 0;
    max-width: none;
    justify-self: stretch;
    box-sizing: border-box;
}

.data-view-title-field select[b-tzpux84ov3] {
    min-height: 2rem;
    width: 100%;
    border: 1px solid #cbdaf0;
    border-radius: 0.42rem;
    padding: 0 0.55rem;
    background: #ffffff;
    color: #10233f;
    font-size: 0.72rem;
    font-weight: 600;
}

.data-view-ready-card[b-tzpux84ov3] {
    display: grid;
    gap: 0.34rem;
    padding: 0.58rem;
    border: 1px solid #b9e6cc;
    border-radius: 0.5rem;
    background: #eefdf4;
    color: #166534;
    font-size: 0.72rem;
}

.data-view-ready-card strong[b-tzpux84ov3] {
    font-size: 0.78rem;
    font-weight: 700;
}

.data-view-ready-card span[b-tzpux84ov3] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    color: #166534;
}

.data-view-finish-actions[b-tzpux84ov3] {
    display: grid;
    gap: 0.6rem;
    background: #eff6ff;
    border-color: #93b9f3;
}

.data-view-finish-actions p[b-tzpux84ov3],
.data-view-finish-actions ol[b-tzpux84ov3] {
    margin: 0;
    color: #24476d;
    font-size: 0.78rem;
    line-height: 1.5;
}

.data-view-finish-actions ol[b-tzpux84ov3] {
    padding-left: 1.25rem;
}

.data-view-finish-actions small[b-tzpux84ov3] {
    color: #536e89;
    font-size: 0.72rem;
    line-height: 1.45;
}

.data-view-finish-button[b-tzpux84ov3] {
    width: 100%;
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    justify-content: center;
    border: 1px solid #1d4ed8;
    border-radius: 0.45rem;
    padding: 0.55rem 0.7rem;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 750;
    cursor: pointer;
}

.data-view-finish-button.outline[b-tzpux84ov3] {
    background: #ffffff;
    color: #1d4ed8;
}

.data-view-finish-button:disabled[b-tzpux84ov3] {
    background: #e2e8f0;
    border-color: #cbd5e1;
    color: #64748b;
    cursor: wait;
}

.data-view-save-feedback[b-tzpux84ov3] {
    display: grid;
    gap: 0.5rem;
    padding: 0.65rem;
    border: 1px solid #fca5a5;
    border-radius: 0.45rem;
    background: #fff1f2;
    color: #991b1b;
    font-size: 0.76rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.data-view-save-feedback.warning[b-tzpux84ov3] {
    border-color: #fcd34d;
    background: #fffbeb;
    color: #854d0e;
}

.data-view-save-feedback p[b-tzpux84ov3],
.data-view-save-feedback ul[b-tzpux84ov3] {
    margin: 0;
    color: inherit;
    font-size: inherit;
}

.data-view-save-feedback ul[b-tzpux84ov3] {
    padding-left: 1.1rem;
}

.data-view-save-feedback button[b-tzpux84ov3] {
    min-height: 2.25rem;
    border: 1px solid currentColor;
    border-radius: 0.4rem;
    padding: 0.4rem 0.6rem;
    background: #ffffff;
    color: inherit;
    font-size: inherit;
    font-weight: 700;
    cursor: pointer;
}

.data-view-save-feedback button.primary[b-tzpux84ov3] {
    border-color: #1d4ed8;
    background: #2563eb;
    color: #ffffff;
}

.data-view-save-feedback button:disabled[b-tzpux84ov3] {
    opacity: 0.6;
    cursor: wait;
}

.data-view-finish-button:focus-visible[b-tzpux84ov3],
.data-view-save-feedback button:focus-visible[b-tzpux84ov3] {
    outline: 3px solid #93c5fd;
    outline-offset: 2px;
}

@media (max-width: 1180px) {
    .data-view-list-layout[b-tzpux84ov3],
    .data-view-designer-grid[b-tzpux84ov3],
    .data-view-project-strip[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .data-view-workspace[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .data-view-output-field-manager-backdrop[b-tzpux84ov3] {
        padding: 0.5rem;
    }

    .data-view-output-field-manager[b-tzpux84ov3] {
        height: calc(100vh - 1rem);
        padding: 0.8rem;
    }

    .data-view-output-field-manager-toolbar[b-tzpux84ov3],
    .data-view-output-field-manager-footer[b-tzpux84ov3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .data-view-output-field-manager-row[b-tzpux84ov3] {
        grid-template-columns: 3.5rem minmax(0, 1fr) auto;
        gap: 0.45rem;
    }

    .data-view-output-field-manager-type[b-tzpux84ov3] {
        display: none;
    }

    .data-view-output-field-manager-row .data-view-output-field-actions[b-tzpux84ov3] {
        grid-column: 2 / -1;
        justify-content: flex-start;
    }

    .data-view-stepper[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .data-view-start-row[b-tzpux84ov3],
    .data-view-list-tools[b-tzpux84ov3],
    .data-view-filters[b-tzpux84ov3],
    .data-view-recipe-grid[b-tzpux84ov3],
    .data-view-refinement-grid[b-tzpux84ov3],
    .data-view-sort-grid[b-tzpux84ov3],
    .data-view-column-label-grid[b-tzpux84ov3],
    .data-view-filter-grid > div[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }

    .data-view-recipe-footer[b-tzpux84ov3] {
        align-items: stretch;
        flex-direction: column;
    }

    .data-view-table .table-header[b-tzpux84ov3],
    .data-view-table .table-row[b-tzpux84ov3],
    .data-view-preview-table .table-header[b-tzpux84ov3],
    .data-view-preview-table .table-row[b-tzpux84ov3] {
        grid-template-columns: 1fr;
    }
}

/* Soft Project Settings-style typography for the main workspace. */
.workspace-shell[b-tzpux84ov3] {
    --workspace-font-weight-strong: 500;
    --workspace-font-weight-light: 400;
}

.workspace-nav .nav-item strong[b-tzpux84ov3],
.workspace-header strong[b-tzpux84ov3],
.action-toolbar button[b-tzpux84ov3],
.panel-title h2[b-tzpux84ov3],
.panel-title button[b-tzpux84ov3],
.profile-grid label[b-tzpux84ov3],
.profile-grid strong[b-tzpux84ov3],
.project-card-body strong[b-tzpux84ov3],
.new-project-tile[b-tzpux84ov3],
.modules-title strong[b-tzpux84ov3],
.module-tile strong[b-tzpux84ov3],
.module-summary h3[b-tzpux84ov3],
.related-forms h3[b-tzpux84ov3],
.form-row strong[b-tzpux84ov3],
.open-builder-card button[b-tzpux84ov3],
.builder-note strong[b-tzpux84ov3],
.setting-row strong[b-tzpux84ov3],
.setting-row b[b-tzpux84ov3],
.project-settings-group-title strong[b-tzpux84ov3],
.project-settings-group-title small[b-tzpux84ov3] {
    font-weight: 500;
}

.workspace-header h1[b-tzpux84ov3] {
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.workspace-header p[b-tzpux84ov3] {
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.35;
}

.profile-grid label[b-tzpux84ov3],
.form-grid label span[b-tzpux84ov3],
.project-settings-group-title small[b-tzpux84ov3] {
    font-weight: 500;
}

.profile-grid strong[b-tzpux84ov3],
.project-card-body strong[b-tzpux84ov3],
.module-tile strong[b-tzpux84ov3],
.form-row strong[b-tzpux84ov3] {
    font-size: 0.84rem;
    line-height: 1.25;
}

.profile-grid p[b-tzpux84ov3],
.project-card-body small[b-tzpux84ov3],
.module-tile small[b-tzpux84ov3],
.form-row small[b-tzpux84ov3] {
    font-size: 0.72rem;
    line-height: 1.35;
}

.panel-title h2[b-tzpux84ov3] {
    font-size: 1rem;
    line-height: 1.2;
}

.project-settings-group-title[b-tzpux84ov3] {
    min-height: 2.8rem;
    padding: 0.48rem 0.65rem;
}

.project-settings-group-title strong[b-tzpux84ov3] {
    font-size: 0.78rem;
    line-height: 1.18;
    text-shadow: none;
}

.project-settings-group-title small[b-tzpux84ov3] {
    font-size: 0.64rem;
    line-height: 1.2;
}

.setting-row[b-tzpux84ov3] {
    padding: 0.72rem 0.35rem;
}

/* Light workspace header to match the Project Settings surface. */
.workspace-header[b-tzpux84ov3] {
    background: linear-gradient(180deg, #fafdff 0%, #eef5fc 100%);
    color: #16345f;
    border-bottom: 1px solid #dbe6f5;
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.06);
}

.workspace-system-logo-button[b-tzpux84ov3] {
    color: #16345f;
}

.workspace-system-logo-button:focus-visible[b-tzpux84ov3] {
    outline-color: #93c5fd;
}

.workspace-header h1[b-tzpux84ov3] {
    color: #10284c;
}

.workspace-header p[b-tzpux84ov3] {
    color: #536b87;
    opacity: 1;
}

.header-actions button[b-tzpux84ov3] {
    border: 1px solid #dbe6f5;
    background: #ffffff;
    color: #16345f;
    box-shadow: 0 0.2rem 0.55rem rgba(37, 99, 235, 0.08);
}

.header-actions button:hover[b-tzpux84ov3] {
    border-color: #9ec5f8;
    background: #f4f8ff;
}

.header-actions .avatar[b-tzpux84ov3] {
    border-color: #cfe0f5;
    background: #ffffff;
    color: #17365d;
}

.header-actions .logout-button[b-tzpux84ov3] {
    border-color: #dbe6f5;
    background: #f1f5f9;
    color: #17365d;
}

/* Compact action toolbar sizing. */
.action-toolbar[b-tzpux84ov3] {
    --action-toolbar-control-height: 2.35rem;
    gap: 0.6rem;
    padding: 0.55rem 0.65rem;
    border-radius: 0.8rem;
}

.action-toolbar button[b-tzpux84ov3] {
    min-width: 7.25rem;
    min-height: var(--action-toolbar-control-height);
    height: var(--action-toolbar-control-height);
    padding: 0 0.7rem;
    border-radius: 0.55rem;
    font-size: 0.78rem;
    white-space: nowrap;
}

.action-toolbar .agent-launch-button[b-tzpux84ov3] {
    width: 2.8rem;
    min-width: 2.8rem;
    height: var(--action-toolbar-control-height);
    min-height: var(--action-toolbar-control-height);
    padding: 0.12rem;
}

.action-toolbar .outline[b-tzpux84ov3],
.action-toolbar .workspace-import-cta[b-tzpux84ov3] {
    min-width: 8.4rem;
}

/* Reuse the Project Settings typography for the Home overview and workspace navigation. */
.workspace-nav .nav-item[b-tzpux84ov3] {
    color: #dbeafe;
    font-size: 0.68rem;
    font-weight: 400;
}

.workspace-nav .nav-item strong[b-tzpux84ov3] {
    color: #bfdbfe;
    font-size: 0.68rem;
    font-weight: 400;
    line-height: 1.15;
}

.workspace-nav .nav-item span[b-tzpux84ov3] {
    color: #93c5fd;
}

.workspace-nav .nav-item.active strong[b-tzpux84ov3],
.workspace-nav .nav-item:hover strong[b-tzpux84ov3] {
    color: #ffffff;
}

.navigation-page-header .eyebrow[b-tzpux84ov3] {
    color: var(--workspace-label-color, #0078d4) !important;
    font-size: 0.66rem;
    font-weight: var(--workspace-label-weight, 500);
}

.navigation-page-header h2[b-tzpux84ov3] {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
}

.navigation-page-header > div > p:not(.eyebrow)[b-tzpux84ov3] {
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.4;
}

.navigation-header-actions button[b-tzpux84ov3],
.coverage-list button[b-tzpux84ov3] {
    font-size: 0.78rem;
    font-weight: 500;
}

.metric-card span[b-tzpux84ov3] {
    color: var(--workspace-label-color, #0078d4);
    font-size: 0.7rem;
    font-weight: var(--workspace-label-weight, 500);
}

.metric-card strong[b-tzpux84ov3] {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.25;
}

.metric-card small[b-tzpux84ov3] {
    font-size: 0.72rem;
    font-weight: 400;
}

.navigation-card h3[b-tzpux84ov3] {
    font-size: 1rem;
    font-weight: 500;
}

.definition-grid dt[b-tzpux84ov3] {
    color: var(--workspace-label-color, #0078d4);
    font-size: 0.68rem;
    font-weight: var(--workspace-label-weight, 500);
}

.definition-grid dd[b-tzpux84ov3] {
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.3;
}

.coverage-list button strong[b-tzpux84ov3] {
    color: #17365d;
    font-weight: 500;
}

.coverage-list button small[b-tzpux84ov3] {
    font-size: 0.72rem;
    font-weight: 400;
}

/* Shared submenu typography layer for Modules, Forms, Data Views, Workflows, Reports, Settings, and Admin. */
.navigation-page .eyebrow[b-tzpux84ov3],
.navigation-page .navigation-page-header .eyebrow[b-tzpux84ov3] {
    color: var(--workspace-label-color, #0078d4) !important;
    font-weight: var(--workspace-label-weight, 500) !important;
}

.navigation-page h2[b-tzpux84ov3],
.navigation-page h3[b-tzpux84ov3],
.navigation-page h4[b-tzpux84ov3],
.navigation-page strong[b-tzpux84ov3],
.navigation-page b[b-tzpux84ov3],
.navigation-page dd[b-tzpux84ov3],
.navigation-page dt[b-tzpux84ov3],
.navigation-page em[b-tzpux84ov3],
.navigation-page button[b-tzpux84ov3] {
    font-weight: 500 !important;
}

.navigation-page p[b-tzpux84ov3],
.navigation-page small[b-tzpux84ov3] {
    font-weight: 400 !important;
}

.navigation-page label[b-tzpux84ov3],
.navigation-page dt[b-tzpux84ov3],
.navigation-page .metric-card > span[b-tzpux84ov3],
.navigation-page .panel-title strong[b-tzpux84ov3],
.navigation-page .table-header[b-tzpux84ov3],
.navigation-page .data-view-project-strip > span[b-tzpux84ov3],
.navigation-page .data-view-detail-card > span[b-tzpux84ov3],
.navigation-page .data-view-display-panel label span[b-tzpux84ov3],
.navigation-page .data-view-start-row label[b-tzpux84ov3] {
    color: var(--workspace-label-color, #0078d4) !important;
    font-weight: var(--workspace-label-weight, 500) !important;
}

.navigation-page .navigation-page-header h2[b-tzpux84ov3],
.navigation-page .panel-title h2[b-tzpux84ov3],
.navigation-page .navigation-card h2[b-tzpux84ov3],
.navigation-page .navigation-card h3[b-tzpux84ov3],
.navigation-page .navigation-card h4[b-tzpux84ov3],
.navigation-page .module-detail-header h3[b-tzpux84ov3] {
    color: #17365d;
}

.navigation-page .module-list-item strong[b-tzpux84ov3],
.navigation-page .compact-form-list button strong[b-tzpux84ov3],
.navigation-page .workspace-table .table-row strong[b-tzpux84ov3],
.navigation-page .workflow-route strong[b-tzpux84ov3],
.navigation-page .readiness-list strong[b-tzpux84ov3],
.navigation-page .admin-setting-card strong[b-tzpux84ov3] {
    color: #17365d;
    font-weight: 500 !important;
}

.navigation-page .module-list-item small[b-tzpux84ov3],
.navigation-page .compact-form-list button span[b-tzpux84ov3],
.navigation-page .compact-form-list button small[b-tzpux84ov3],
.navigation-page .workflow-route small[b-tzpux84ov3],
.navigation-page .readiness-list small[b-tzpux84ov3],
.navigation-page .admin-setting-card small[b-tzpux84ov3] {
    font-weight: 400 !important;
}

.navigation-page .module-list-item em[b-tzpux84ov3],
.navigation-page .admin-setting-card em[b-tzpux84ov3] {
    color: var(--workspace-label-color, #0078d4);
    font-weight: var(--workspace-label-weight, 500) !important;
}

/* Projects remains a three-column workspace grid rather than a navigation-page surface. */
.workspace-grid .panel-title h2[b-tzpux84ov3],
.workspace-grid .profile-grid strong[b-tzpux84ov3],
.workspace-grid .project-card-body strong[b-tzpux84ov3],
.workspace-grid .module-tile strong[b-tzpux84ov3],
.workspace-grid .form-row strong[b-tzpux84ov3],
.workspace-grid .setting-row strong[b-tzpux84ov3],
.workspace-grid .setting-row b[b-tzpux84ov3] {
    font-weight: 500 !important;
}

.workspace-grid .profile-grid label[b-tzpux84ov3],
.workspace-grid .form-grid label span[b-tzpux84ov3],
.workspace-grid .project-settings-group-title small[b-tzpux84ov3],
.workspace-grid .project-settings-group-title strong[b-tzpux84ov3] {
    color: var(--workspace-label-color, #0078d4);
    font-weight: var(--workspace-label-weight, 500) !important;
}

.workspace-grid .profile-grid p[b-tzpux84ov3],
.workspace-grid .project-card-body small[b-tzpux84ov3],
.workspace-grid .module-tile small[b-tzpux84ov3],
.workspace-grid .form-row small[b-tzpux84ov3] {
    font-weight: 400 !important;
}

/* Shared embossed primary treatment for Project Edit actions. */
.panel-title .add-module-button[b-tzpux84ov3],
.editor-actions .primary[b-tzpux84ov3] {
    border-color: #005ecb;
    border-bottom-color: #003f91;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 42%), linear-gradient(180deg, #1592ff 0%, #0069df 52%, #0056bd 100%);
    text-shadow: 0 1px 0 rgba(0, 43, 105, 0.45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -2px 0 rgba(0, 45, 110, 0.25), 0 0.55rem 1.25rem rgba(37, 99, 235, 0.28), 0 0.15rem 0 #004aab;
}

.editor-actions .primary[b-tzpux84ov3] {
    position: relative;
    isolation: isolate;
    font-weight: 400;
}

.editor-actions .primary[b-tzpux84ov3]::before {
    content: "";
    position: absolute;
    inset: 0.12rem;
    z-index: -1;
    border-radius: 0.72rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 52%);
    pointer-events: none;
}

.editor-actions .primary > *[b-tzpux84ov3] {
    position: relative;
    z-index: 1;
}

.panel-title .add-module-button:hover[b-tzpux84ov3],
.editor-actions .primary:hover:not(:disabled)[b-tzpux84ov3] {
    border-color: #005ecb;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 42%), linear-gradient(180deg, #2aa0ff 0%, #0875e8 52%, #0062ca 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), inset 0 -2px 0 rgba(0, 45, 110, 0.25), 0 0.85rem 1.65rem rgba(37, 99, 235, 0.36), 0 0.18rem 0 #004aab;
}

.panel-title .add-module-button:active[b-tzpux84ov3],
.editor-actions .primary:active:not(:disabled)[b-tzpux84ov3] {
    background: linear-gradient(180deg, #0875e8 0%, #0062ca 55%, #0051ad 100%);
    box-shadow: inset 0 2px 0 rgba(0, 45, 110, 0.25), 0 0.35rem 0.85rem rgba(37, 99, 235, 0.22), 0 0.05rem 0 #004aab;
}

/* Color-coded JSON actions without hover labels. */
.action-toolbar .workspace-json-action[b-tzpux84ov3] {
    position: relative;
    width: var(--action-toolbar-control-height);
    min-width: var(--action-toolbar-control-height);
    padding: 0;
    overflow: visible;
    color: #ffffff;
}

.action-toolbar .workspace-json-action svg[b-tzpux84ov3] {
    width: 1rem;
    height: 1rem;
}

.action-toolbar .workspace-json-export[b-tzpux84ov3] {
    border-color: #0b8f9a;
    background: linear-gradient(180deg, #19b9c5 0%, #087b96 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 2px 0 #056276, 0 0.45rem 1rem rgba(8, 123, 150, 0.24);
}

.action-toolbar .workspace-json-import[b-tzpux84ov3] {
    border-color: #6652c5;
    background: linear-gradient(180deg, #8b78e8 0%, #5a46ba 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 2px 0 #433092, 0 0.45rem 1rem rgba(90, 70, 186, 0.24);
}

.action-toolbar .workspace-json-action:hover:not(:disabled)[b-tzpux84ov3] {
    color: #ffffff;
    transform: translateY(-1px);
}

.action-toolbar .workspace-json-export:hover:not(:disabled)[b-tzpux84ov3] {
    background: linear-gradient(180deg, #2bcbd0 0%, #0987a1 100%);
}

.action-toolbar .workspace-json-import:hover:not(:disabled)[b-tzpux84ov3] {
    background: linear-gradient(180deg, #9b89ee 0%, #654fc6 100%);
}

/* Four business steps keep editing controls alongside a persistent data preview. */
.data-view-identity-strip[b-tzpux84ov3] {
    display: grid;
    grid-template-columns: auto minmax(12rem, 1fr) minmax(10rem, .65fr) auto;
    align-items: center;
    gap: .9rem;
    margin-bottom: .75rem;
    padding: .8rem 1rem;
    background: white;
    border: 1px solid #cbdcf4;
    border-radius: .65rem;
}
.data-view-identity-strip header[b-tzpux84ov3] { border: 0; margin: 0; padding: 0; }
.data-view-identity-strip label[b-tzpux84ov3] { margin: 0; }
.data-view-step-guidance[b-tzpux84ov3] { margin: .75rem 0; padding: .75rem 1rem; background: #f6faff; border: 1px solid #d7e4f5; border-radius: .6rem; }
.data-view-step-guidance > strong[b-tzpux84ov3] { color: #174986; font-size: 1rem; }
.data-view-step-guidance > p[b-tzpux84ov3] { margin: .3rem 0 0; color: #526783; font-size: .86rem; line-height: 1.5; }
.data-view-designer-grid.guided main.data-view-workspace[b-tzpux84ov3] { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start; gap: 1rem; }
.data-view-designer-grid.guided.business-step-4 main.data-view-workspace[b-tzpux84ov3] { grid-template-columns: minmax(0, 1fr); }
.data-view-answer-editor[b-tzpux84ov3] { display: grid; gap: .8rem; min-width: 0; }
.data-view-answer-editor > section[b-tzpux84ov3] { padding: .9rem; background: white; border: 1px solid #d7e4f5; border-radius: .6rem; }
.data-view-answer-editor .forms-fields-panel[b-tzpux84ov3] { max-width: none; }
.data-view-answer-editor .forms-fields-panel.collapsed[b-tzpux84ov3] { width: 100%; }
.data-view-answer-editor .forms-fields-panel.collapsed .data-view-panel-collapse-header[b-tzpux84ov3] { flex-direction: row; }
.data-view-answer-editor .forms-fields-panel.collapsed h3[b-tzpux84ov3] { writing-mode: horizontal-tb; transform: none; }
.data-view-designer-grid.guided main .data-view-live-preview[b-tzpux84ov3] { grid-column: 2; position: sticky; top: 9rem; align-self: start; min-width: 0; }
.data-view-designer-grid.guided.business-step-4 main .data-view-live-preview[b-tzpux84ov3] { grid-column: 1; position: static; }
.data-view-component-validation[b-tzpux84ov3] { grid-column: 1 / -1; }
.data-view-shape-tabs[b-tzpux84ov3] { display: flex; flex-wrap: wrap; gap: .4rem; }
.data-view-shape-tabs button[b-tzpux84ov3] { flex: 1 1 8rem; min-height: 2.4rem; padding: .5rem; border: 1px solid #b8d0f4; background: white; border-radius: .45rem; color: #174986; font-weight: 650; }
.data-view-shape-tabs button.active[b-tzpux84ov3] { background: #edf5ff; border-color: #2563eb; box-shadow: inset 0 -2px #2563eb; }
.data-view-source-picker[b-tzpux84ov3] { display: grid; gap: .4rem; margin-bottom: .6rem; }
.data-view-source-picker label[b-tzpux84ov3], .data-view-source-instance label[b-tzpux84ov3], .data-view-formula-card label[b-tzpux84ov3] { display: grid; gap: .3rem; color: #526783; font-size: .8rem; }
.data-view-source-picker button[b-tzpux84ov3], .data-view-matching-pairs > button[b-tzpux84ov3] { justify-self: start; padding: .4rem .6rem; border: 1px solid #a7c6f5; color: #1758ab; background: white; border-radius: .4rem; }
.data-view-source-instance[b-tzpux84ov3] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(7rem, 1fr) auto; gap: .45rem; align-items: center; padding: .4rem 0; }
.data-view-source-instance span[b-tzpux84ov3], .data-view-source-instance label span[b-tzpux84ov3] { border: none; background: transparent; padding: 0; border-radius: 0; font-weight: 500; }
.data-view-source-instance input[b-tzpux84ov3] { min-width: 0; width: 100%; }
.data-view-source-instance button[b-tzpux84ov3] { width: 1.8rem; height: 1.8rem; padding: .3rem; background: white; color: #a53838; border: 1px solid #d7e4f5; border-radius: .4rem; }
.data-view-relationship-source-summary[b-tzpux84ov3] { display: flex; flex-wrap: wrap; gap: .5rem; margin: .6rem 0; }
.data-view-relationship-source-summary > span[b-tzpux84ov3] { font-size: .78rem; padding: .4rem .55rem; border: 1px solid #c5d9f7; border-radius: .4rem; background: #f3f8ff; overflow-wrap: anywhere; }
.data-view-matching-pairs[b-tzpux84ov3], .data-view-connection-warning[b-tzpux84ov3] { grid-column: 1 / -1; }
.data-view-matching-pairs[b-tzpux84ov3] { display: grid; gap: .7rem; }
.data-view-matching-pair[b-tzpux84ov3] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto; gap: .4rem; align-items: end; }
.data-view-matching-pair > span[b-tzpux84ov3] { align-self: center; color: #526783; font-size: .75rem; }
.data-view-matching-pair > button[b-tzpux84ov3] { width: 1.8rem; height: 2.3rem; border: 1px solid #d7e4f5; background: white; border-radius: .4rem; color: #a53838; }
.data-view-connection-warning[b-tzpux84ov3] { padding: .5rem; background: #fff9e9; border-radius: .35rem; color: #805f1e; line-height: 1.4; }
.data-view-formula-card[b-tzpux84ov3] { display: grid; gap: .65rem; margin-top: .8rem; padding: .8rem; border: 1px solid #cbdcf4; border-radius: .5rem; background: #f9fbff; }
.data-view-formula-card header[b-tzpux84ov3] { display: flex; align-items: end; }
.data-view-formula-card header label[b-tzpux84ov3] { flex: 1; min-width: 0; }
.data-view-formula-card input[b-tzpux84ov3], .data-view-formula-card select[b-tzpux84ov3], .data-view-formula-card textarea[b-tzpux84ov3] { width: 100%; min-width: 0; padding: .5rem; border: 1px solid #b8d0f4; border-radius: .4rem; background: white; color: #173553; }
.data-view-formula-card textarea[b-tzpux84ov3] { resize: vertical; font-family: Consolas, monospace; }
.data-view-formula-card p[b-tzpux84ov3] { margin: 0; font-size: .78rem; line-height: 1.5; }
.data-view-formula-card details[b-tzpux84ov3] { font-size: .8rem; color: #526783; overflow-wrap: anywhere; }
.data-view-formula-card details p[b-tzpux84ov3] { margin-top: .5rem; }
.data-view-formula-fields[b-tzpux84ov3] { display: flex; flex-wrap: wrap; gap: .35rem; }
.data-view-formula-fields button[b-tzpux84ov3] { padding: .35rem .5rem; max-width: 100%; white-space: normal; overflow-wrap: anywhere; border: 1px solid #a7c6f5; color: #1758ab; background: white; border-radius: .35rem; }
.data-view-formula-valid[b-tzpux84ov3] { color: #167048; }
.data-view-inline-error[b-tzpux84ov3] { color: #b42318; font-size: .8rem; line-height: 1.5; }
.data-view-answer-editor .data-view-filters[b-tzpux84ov3] { max-height: none; min-height: 0; overflow: visible; }
@media (max-width: 1100px) {
    .data-view-designer-grid.guided main.data-view-workspace[b-tzpux84ov3] { grid-template-columns: minmax(0, 1fr); }
    .data-view-designer-grid.guided main .data-view-live-preview[b-tzpux84ov3] { grid-column: 1; position: static; }
    .data-view-identity-strip[b-tzpux84ov3] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 650px) {
    .data-view-identity-strip[b-tzpux84ov3], .data-view-source-instance[b-tzpux84ov3] { grid-template-columns: minmax(0, 1fr); }
    .data-view-matching-pair[b-tzpux84ov3] { grid-template-columns: minmax(0, 1fr) auto; }
    .data-view-matching-pair > span[b-tzpux84ov3] { display: none; }
    .data-view-matching-pair label[b-tzpux84ov3] { grid-column: 1; }
    .data-view-matching-pair > button[b-tzpux84ov3] { grid-column: 2; grid-row: 1 / 3; }
    .data-view-live-preview header[b-tzpux84ov3] { flex-wrap: wrap; }
    .data-view-live-preview-actions[b-tzpux84ov3] { flex-wrap: wrap; }
}

.data-view-connection .data-view-confirm-connection input[b-tzpux84ov3] { width: auto; min-height: 0; flex: 0 0 auto; }
/* /Components/BPMWorkspace/Pages/WorkspaceAiComposer.razor.rz.scp.css */
.image-two-composer[b-nn4d4op5rf] {
    border: 1px solid #9bbffd;
    border-radius: 1rem;
    padding: 0.85rem;
}

.image-two-composer-textarea[b-nn4d4op5rf] {
    width: 100%;
    min-height: 5.2rem;
    border: 0;
    resize: vertical;
    color: #1b3153;
    font: inherit;
    background: transparent;
}

.image-two-composer-textarea:focus[b-nn4d4op5rf] {
    outline: none;
}

.image-two-composer-footer[b-nn4d4op5rf] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0.8rem;
}

.image-two-send[b-nn4d4op5rf] {
    min-width: 7.5rem;
    min-height: 2.6rem;
    padding: 0 1.2rem;
    border: 0;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #4e8fff 0%, #2f6ff2 45%, #1f56cf 100%);
    color: #ffffff;
    font-weight: 800;
    font-size: 0.84rem;
    letter-spacing: 0.01em;
    box-shadow: 0 12px 24px rgba(47, 111, 242, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.image-two-send:hover:not(:disabled)[b-nn4d4op5rf] {
    transform: translateY(-1px);
    filter: saturate(1.05);
    box-shadow: 0 16px 28px rgba(47, 111, 242, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.image-two-send:focus-visible[b-nn4d4op5rf] {
    outline: 3px solid rgba(105, 156, 255, 0.32);
    outline-offset: 2px;
}

.image-two-send:disabled[b-nn4d4op5rf] {
    cursor: not-allowed;
    background: linear-gradient(180deg, #aabbdc 0%, #8fa5cc 100%);
    color: rgba(255, 255, 255, 0.92);
    box-shadow: none;
    transform: none;
    filter: none;
}
/* /Components/BPMWorkspace/ProfessionalColorPicker.razor.rz.scp.css */
.property-row[b-sx1iry9dtp] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.property-row > label[b-sx1iry9dtp] {
    color: #334155;
    font-size: 0.68rem;
    font-weight: 700;
}

.color-picker-field[b-sx1iry9dtp] {
    display: grid;
    gap: 0.32rem;
    width: 100%;
}

.color-strip[b-sx1iry9dtp] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 24px;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    background: linear-gradient(135deg, #ffffff, #f8fafc);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.color-strip input[type="color"][b-sx1iry9dtp] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    opacity: 0;
    cursor: pointer;
}

.color-value-card[b-sx1iry9dtp] {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #334155;
    font-size: 11px;
    line-height: 1;
}

.color-swatch[b-sx1iry9dtp] {
    display: block;
    width: 12px;
    height: 12px;
    min-width: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.16);
}

.color-hex-input[b-sx1iry9dtp] {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #334155;
    font-size: 11px;
    font-weight: 500;
    outline: none;
    text-transform: uppercase;
}

.color-action-button[b-sx1iry9dtp] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    color: #475569;
    cursor: pointer;
    line-height: 1;
    transition: background-color 120ms ease, color 120ms ease;
}

.color-action-icon[b-sx1iry9dtp] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.color-action-button:hover[b-sx1iry9dtp],
.color-action-button:focus-visible[b-sx1iry9dtp] {
    background: rgba(148, 163, 184, 0.16);
    color: #0f172a;
}

.color-value-card:hover[b-sx1iry9dtp] {
    background: #f8fafc;
}

.color-value-card:focus-within[b-sx1iry9dtp] {
    outline: 1px solid #94a3b8;
    outline-offset: 1px;
}
/* /Components/BPMWorkspace/ProjectTemplateLibrary.razor.rz.scp.css */
.project-template-library[b-3ypikk42em] {
    position: fixed;
    z-index: 35;
    top: 9.65rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 6.5rem;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #d5e2f1;
    border-radius: 1rem;
    background: #f6f9fd;
    box-shadow: 0 1rem 2.5rem rgba(15, 54, 94, 0.18);
    color: #17324d;
}

.template-library-header[b-3ypikk42em],
.template-library-filterbar[b-3ypikk42em],
.template-library-layout[b-3ypikk42em] {
    min-width: 0;
}

.template-library-header[b-3ypikk42em] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem 0.8rem;
    background: #ffffff;
    border-bottom: 1px solid #e1eaf4;
}

.template-library-eyebrow[b-3ypikk42em] {
    display: block;
    margin-bottom: 0.2rem;
    color: #42709f;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.template-library-header h2[b-3ypikk42em],
.template-library-header p[b-3ypikk42em],
.template-library-panel-heading h3[b-3ypikk42em],
.template-gallery-heading h3[b-3ypikk42em],
.template-detail-heading h3[b-3ypikk42em],
.template-detail-title h4[b-3ypikk42em],
.template-detail-section h4[b-3ypikk42em],
.template-detail-empty h3[b-3ypikk42em],
.template-library-empty h3[b-3ypikk42em] {
    margin: 0;
}

.template-library-header h2[b-3ypikk42em] {
    color: #143965;
    font-size: 1.22rem;
    line-height: 1.25;
}

.template-library-header p[b-3ypikk42em] {
    margin-top: 0.3rem;
    color: #607893;
    font-size: 0.78rem;
}

.template-library-close[b-3ypikk42em] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    border: 1px solid #d7e3f0;
    border-radius: 0.55rem;
    background: #ffffff;
    color: #29547d;
    cursor: pointer;
}

.template-library-close svg[b-3ypikk42em],
.template-library-search svg[b-3ypikk42em],
.template-gallery-view svg[b-3ypikk42em],
.template-library-card svg[b-3ypikk42em],
.template-detail-title svg[b-3ypikk42em],
.template-detail-section svg[b-3ypikk42em],
.template-detail-actions svg[b-3ypikk42em],
.template-library-empty svg[b-3ypikk42em],
.template-detail-empty svg[b-3ypikk42em],
.template-library-pagination svg[b-3ypikk42em] {
    width: 1rem;
    height: 1rem;
}

.template-library-filterbar[b-3ypikk42em] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.7rem 1.25rem;
    border-bottom: 1px solid #dfe8f3;
    background: #fbfdff;
}

.template-library-filterbar label:not(.template-library-search)[b-3ypikk42em] {
    display: grid;
    gap: 0.25rem;
    color: #4d6681;
    font-size: 0.68rem;
    font-weight: 700;
}

.template-library-filterbar select[b-3ypikk42em],
.template-library-search[b-3ypikk42em] {
    height: 2.25rem;
    border: 1px solid #ceddeb;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #163d68;
    font: inherit;
}

.template-library-filterbar select[b-3ypikk42em] {
    min-width: 10rem;
    padding: 0 0.55rem;
    font-size: 0.76rem;
}

.template-library-filterbar .template-library-search[b-3ypikk42em] {
    width: min(20rem, 32vw);
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.6rem;
    color: #0f6cbd;
}

.template-library-search .sr-only[b-3ypikk42em] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.template-library-search input[b-3ypikk42em] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #17324d;
    font: inherit;
    font-size: 0.77rem;
}

.template-library-clear[b-3ypikk42em],
.template-library-empty button[b-3ypikk42em],
.template-library-pagination button[b-3ypikk42em],
.template-detail-actions button[b-3ypikk42em],
.template-detail-link[b-3ypikk42em] {
    border: 1px solid #ceddeb;
    border-radius: 0.48rem;
    background: #ffffff;
    color: #175ba3;
    cursor: pointer;
    font: inherit;
    font-size: 0.73rem;
    font-weight: 750;
}

.template-library-clear[b-3ypikk42em] {
    align-self: end;
    min-height: 2.25rem;
    margin-left: auto;
    padding: 0 0.7rem;
}

.template-library-clear:disabled[b-3ypikk42em],
.template-library-pagination button:disabled[b-3ypikk42em] {
    opacity: 0.48;
    cursor: not-allowed;
}

.template-library-layout[b-3ypikk42em] {
    min-height: 0;
    display: grid;
    grid-template-columns: 14.8rem minmax(0, 1fr) 19.5rem;
    overflow: hidden;
}

.template-library-categories[b-3ypikk42em],
.template-library-detail[b-3ypikk42em] {
    min-height: 0;
    overflow: auto;
    background: #ffffff;
}

.template-library-categories[b-3ypikk42em] {
    padding: 1rem;
    border-right: 1px solid #e0e9f3;
}

.template-library-panel-heading[b-3ypikk42em],
.template-gallery-heading[b-3ypikk42em],
.template-detail-heading[b-3ypikk42em],
.template-detail-title[b-3ypikk42em],
.template-detail-actions[b-3ypikk42em] {
    display: flex;
    align-items: center;
}

.template-library-panel-heading[b-3ypikk42em] {
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.template-library-panel-heading h3[b-3ypikk42em],
.template-gallery-heading h3[b-3ypikk42em],
.template-detail-heading h3[b-3ypikk42em] {
    color: #123b6d;
    font-size: 0.82rem;
}

.template-library-panel-heading span[b-3ypikk42em],
.template-detail-version[b-3ypikk42em] {
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    background: #edf5ff;
    color: #1761ae;
    font-size: 0.67rem;
    font-weight: 800;
}

.template-library-categories nav[b-3ypikk42em] {
    display: grid;
    gap: 0.2rem;
}

.template-library-categories nav button[b-3ypikk42em] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 0.48rem 0.45rem;
    border: 0;
    border-radius: 0.42rem;
    background: transparent;
    color: #244e7e;
    cursor: pointer;
    text-align: left;
    font: inherit;
    font-size: 0.72rem;
}

.template-library-categories nav button:hover[b-3ypikk42em],
.template-library-categories nav button.active[b-3ypikk42em] {
    background: #eaf3ff;
    color: #075eb7;
}

.template-library-categories nav button.active[b-3ypikk42em] {
    font-weight: 800;
}

.template-library-categories em[b-3ypikk42em],
.template-library-features em[b-3ypikk42em] {
    min-width: 1.25rem;
    padding: 0.1rem 0.28rem;
    border: 1px solid #d8e5f3;
    border-radius: 0.35rem;
    background: #ffffff;
    color: #315e90;
    font-size: 0.65rem;
    font-style: normal;
    text-align: center;
}

.template-library-features[b-3ypikk42em] {
    display: grid;
    gap: 0.48rem;
    margin-top: 1rem;
    padding-top: 0.9rem;
    border-top: 1px solid #e1e9f3;
}

.template-library-features h3[b-3ypikk42em] {
    margin: 0 0 0.15rem;
    color: #123b6d;
    font-size: 0.76rem;
}

.template-library-features label[b-3ypikk42em] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.38rem;
    color: #355a84;
    font-size: 0.7rem;
}

.template-library-features input[b-3ypikk42em] {
    width: 0.8rem;
    height: 0.8rem;
    accent-color: #0f6cbd;
}

.template-library-gallery[b-3ypikk42em] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    padding: 1rem;
    overflow: auto;
}

.template-gallery-heading[b-3ypikk42em] {
    justify-content: space-between;
}

.template-gallery-heading p[b-3ypikk42em] {
    margin: 0.25rem 0 0;
    color: #698099;
    font-size: 0.68rem;
}

.template-gallery-view[b-3ypikk42em] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.45rem;
    background: #eaf3ff;
    color: #0f6cbd;
}

.template-card-grid[b-3ypikk42em] {
    min-height: min-content;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: 0.75rem;
}

.template-library-card[b-3ypikk42em] {
    position: relative;
    min-height: 14.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.85rem 0.7rem 0.65rem;
    overflow: hidden;
    border: 1px solid #dfe7f1;
    border-radius: 0.7rem;
    background: #ffffff;
    color: #153764;
    cursor: pointer;
    text-align: center;
    font: inherit;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.template-library-card:hover[b-3ypikk42em],
.template-library-card:focus-visible[b-3ypikk42em] {
    border-color: #78ace9;
    box-shadow: 0 0.55rem 1.2rem rgba(37, 99, 190, 0.12);
    outline: 0;
    transform: translateY(-1px);
}

.template-library-card.selected[b-3ypikk42em] {
    border: 2px solid #0877f9;
    background: linear-gradient(155deg, #f7fbff 0%, #edf6ff 100%);
    box-shadow: 0 0.55rem 1.35rem rgba(15, 108, 189, 0.16);
}

.template-card-selected[b-3ypikk42em] {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    width: 1.3rem;
    height: 1.3rem;
    display: none;
    place-items: center;
    border-radius: 999px;
    background: #0877f9;
    color: #ffffff;
}

.template-library-card.selected .template-card-selected[b-3ypikk42em] {
    display: grid;
}

.template-card-icon[b-3ypikk42em] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    margin-bottom: 0.55rem;
    border: 1px solid currentColor;
    border-radius: 1rem;
    background: currentColor;
    box-shadow: inset 0 0 0 0.9rem rgba(255, 255, 255, 0.83);
}

.template-card-icon svg[b-3ypikk42em] {
    width: 1.45rem;
    height: 1.45rem;
    color: currentColor;
}

.template-card-icon.blue[b-3ypikk42em] { color: #1677e8; }
.template-card-icon.green[b-3ypikk42em] { color: #4c8f45; }
.template-card-icon.purple[b-3ypikk42em] { color: #7c42c4; }
.template-card-icon.orange[b-3ypikk42em] { color: #da6c12; }
.template-card-icon.sky[b-3ypikk42em] { color: #287bc6; }
.template-card-icon.teal[b-3ypikk42em] { color: #008a85; }
.template-card-icon.rose[b-3ypikk42em] { color: #d14069; }
.template-card-icon.gold[b-3ypikk42em] { color: #d79b08; }
.template-card-icon.violet[b-3ypikk42em] { color: #7d4ac6; }
.template-card-icon.indigo[b-3ypikk42em] { color: #4e63c9; }
.template-card-icon.red[b-3ypikk42em] { color: #c94444; }

.template-library-card strong[b-3ypikk42em] {
    min-height: 2.15rem;
    color: #123769;
    font-size: 0.73rem;
    line-height: 1.25;
}

.template-library-card small[b-3ypikk42em] {
    margin-top: 0.08rem;
    color: #5f7692;
    font-size: 0.65rem;
}

.template-library-card p[b-3ypikk42em] {
    min-height: 3rem;
    margin: 0.5rem 0 0.45rem;
    overflow: hidden;
    color: #31577f;
    font-size: 0.66rem;
    line-height: 1.35;
}

.template-card-tags[b-3ypikk42em],
.template-detail-tags[b-3ypikk42em] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.22rem;
}

.template-card-tags em[b-3ypikk42em],
.template-detail-tags span[b-3ypikk42em] {
    padding: 0.2rem 0.42rem;
    border-radius: 999px;
    background: #eaf3ff;
    color: #1464ba;
    font-size: 0.59rem;
    font-style: normal;
    font-weight: 750;
}

.template-card-stats[b-3ypikk42em] {
    margin-top: auto;
    padding-top: 0.55rem;
    color: #71859b;
    font-size: 0.58rem;
}

.template-library-empty[b-3ypikk42em],
.template-detail-empty[b-3ypikk42em] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.55rem;
    padding: 2rem;
    color: #5d7692;
    text-align: center;
}

.template-library-empty > svg[b-3ypikk42em],
.template-detail-empty > svg[b-3ypikk42em] {
    width: 2rem;
    height: 2rem;
    color: #74a6df;
}

.template-library-empty p[b-3ypikk42em],
.template-detail-empty p[b-3ypikk42em] {
    margin: 0;
    font-size: 0.73rem;
    line-height: 1.4;
}

.template-library-empty button[b-3ypikk42em] {
    padding: 0.45rem 0.7rem;
}

.template-library-pagination[b-3ypikk42em] {
    display: flex;
    justify-content: center;
    gap: 0.28rem;
}

.template-library-pagination button[b-3ypikk42em] {
    min-width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    padding: 0;
}

.template-library-pagination button.active[b-3ypikk42em] {
    border-color: #0f6cbd;
    background: #0f6cbd;
    color: #ffffff;
}

.template-library-detail[b-3ypikk42em] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-left: 1px solid #e0e9f3;
}

.template-detail-heading[b-3ypikk42em] {
    justify-content: space-between;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e1eaf4;
}

.template-detail-title[b-3ypikk42em] {
    align-items: flex-start;
    gap: 0.7rem;
    margin: 0.9rem 0 0.75rem;
}

.template-detail-title .template-card-icon[b-3ypikk42em] {
    flex: 0 0 auto;
    margin: 0;
}

.template-detail-title h4[b-3ypikk42em] {
    color: #123869;
    font-size: 0.83rem;
    line-height: 1.3;
}

.template-detail-title p[b-3ypikk42em],
.template-detail-description[b-3ypikk42em] {
    color: #5b738e;
    font-size: 0.68rem;
    line-height: 1.45;
}

.template-detail-title p[b-3ypikk42em] {
    margin: 0.28rem 0 0;
}

.template-detail-description[b-3ypikk42em] {
    margin: 0 0 0.75rem;
}

.template-detail-tags[b-3ypikk42em] {
    justify-content: flex-start;
    margin-bottom: 0.8rem;
}

.template-detail-statistics[b-3ypikk42em] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem;
    margin: 0 0 0.85rem;
    padding: 0.75rem 0;
    border-top: 1px solid #e1eaf4;
    border-bottom: 1px solid #e1eaf4;
}

.template-detail-statistics div[b-3ypikk42em] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.45rem;
}

.template-detail-statistics dt[b-3ypikk42em] {
    color: #607791;
    font-size: 0.65rem;
}

.template-detail-statistics dd[b-3ypikk42em] {
    margin: 0;
    color: #135ea9;
    font-size: 0.74rem;
    font-weight: 800;
}

.template-detail-section[b-3ypikk42em] {
    padding: 0.1rem 0 0.8rem;
}

.template-detail-section h4[b-3ypikk42em] {
    margin-bottom: 0.55rem;
    color: #1a4775;
    font-size: 0.7rem;
}

.template-detail-section ul[b-3ypikk42em] {
    display: grid;
    gap: 0.43rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.template-detail-section li[b-3ypikk42em] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    color: #365b83;
    font-size: 0.66rem;
}

.template-detail-section li svg[b-3ypikk42em] {
    flex: 0 0 auto;
    color: #1765b3;
}

.template-detail-features li svg[b-3ypikk42em] {
    color: #0b78cb;
}

.template-detail-link[b-3ypikk42em] {
    margin-top: 0.45rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.template-detail-preview[b-3ypikk42em] {
    display: grid;
    gap: 0.25rem;
    margin-top: auto;
    padding: 0.65rem;
    border: 1px solid #b9d8f7;
    border-radius: 0.55rem;
    background: #f0f7ff;
    color: #315d89;
    font-size: 0.65rem;
    line-height: 1.4;
}

.template-detail-preview strong[b-3ypikk42em] {
    color: #1265b4;
    font-size: 0.69rem;
}

.template-detail-actions[b-3ypikk42em] {
    gap: 0.45rem;
    margin-top: auto;
    padding-top: 0.65rem;
}

.template-detail-actions button[b-3ypikk42em] {
    min-height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0 0.65rem;
}

.template-detail-actions .primary[b-3ypikk42em] {
    flex: 1 1 auto;
    border-color: #0f6cbd;
    background: linear-gradient(180deg, #2588e7, #0f6cbd);
    color: #ffffff;
}

@media (max-width: 1450px) {
    .template-library-layout[b-3ypikk42em] {
        grid-template-columns: 13rem minmax(0, 1fr) 17rem;
    }

    .template-card-grid[b-3ypikk42em] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .project-template-library[b-3ypikk42em] {
        left: 0.75rem;
    }

    .template-library-layout[b-3ypikk42em] {
        grid-template-columns: minmax(0, 1fr) 18rem;
    }

    .template-library-categories[b-3ypikk42em] {
        display: none;
    }
}

@media (max-width: 760px) {
    .project-template-library[b-3ypikk42em] {
        z-index: 70;
        top: 0.4rem;
        right: 0.4rem;
        bottom: 0.4rem;
        left: 0.4rem;
    }

    .template-library-filterbar[b-3ypikk42em] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .template-library-search[b-3ypikk42em] {
        width: 100%;
    }

    .template-library-filterbar select[b-3ypikk42em] {
        min-width: 8.5rem;
    }

    .template-library-clear[b-3ypikk42em] {
        margin-left: 0;
    }

    .template-library-layout[b-3ypikk42em] {
        grid-template-columns: minmax(0, 1fr);
    }

    .template-library-detail[b-3ypikk42em] {
        display: none;
    }

    .template-card-grid[b-3ypikk42em] {
        grid-template-columns: 1fr;
    }
}
/* /Components/PrintDesigner/PrintDesigner.razor.rz.scp.css */
.pd-designer[b-4phur81eqs]{--pd-ink:#19324b;--pd-line:#d8e2ee;--pd-blue:#1f5aaf;position:fixed;inset:0;z-index:1100;overflow:auto;color:var(--pd-ink);background:#eef3f8;font:14px/1.45 "Segoe UI",Arial,sans-serif}
.pd-designer *[b-4phur81eqs]{box-sizing:border-box}.pd-designer button[b-4phur81eqs],.pd-designer input[b-4phur81eqs],.pd-designer select[b-4phur81eqs],.pd-designer textarea[b-4phur81eqs]{font:inherit}.pd-designer button[b-4phur81eqs]{cursor:pointer;border:1px solid #bccdde;border-radius:6px;background:#fff;color:var(--pd-ink);padding:7px 10px}.pd-designer button:hover[b-4phur81eqs]{background:#edf4ff}.pd-designer button:disabled[b-4phur81eqs]{opacity:.5;cursor:default}.pd-designer button:focus-visible[b-4phur81eqs],.pd-designer input:focus-visible[b-4phur81eqs],.pd-designer select:focus-visible[b-4phur81eqs],.pd-designer textarea:focus-visible[b-4phur81eqs]{outline:3px solid #f4b633;outline-offset:2px}.pd-designer h2[b-4phur81eqs]{font-size:24px;margin:2px 0}.pd-designer h3[b-4phur81eqs]{font-size:14px;margin:20px 0 10px}.pd-designer h4[b-4phur81eqs]{font-size:11pt;margin:0 0 3mm}.pd-designer label[b-4phur81eqs]{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:12px;font-weight:600}.pd-designer input:not([type=checkbox]):not([type=file])[b-4phur81eqs],.pd-designer select[b-4phur81eqs],.pd-designer textarea[b-4phur81eqs]{width:100%;min-width:0;padding:7px 8px;border:1px solid #bdccda;border-radius:5px;background:white;color:var(--pd-ink)}.pd-designer input[readonly][b-4phur81eqs]{background:#f2f5f8}.pd-designer input[type=color][b-4phur81eqs]{height:34px;padding:3px}.pd-designer textarea[b-4phur81eqs]{min-height:80px}.pd-designer .pd-check[b-4phur81eqs]{flex-direction:row;align-items:center;gap:7px}.pd-check input[b-4phur81eqs]{accent-color:var(--pd-blue);width:16px;height:16px;flex:none}
.pd-header[b-4phur81eqs]{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;background:#fff;border-bottom:1px solid var(--pd-line)}.pd-header small[b-4phur81eqs]{font-size:11px;color:#58708b}.pd-header span[b-4phur81eqs]{font-size:12px;color:#58708b}.pd-actions[b-4phur81eqs]{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pd-designer .pd-primary[b-4phur81eqs]{background:var(--pd-blue);border-color:var(--pd-blue);color:#fff}.pd-steps[b-4phur81eqs]{display:flex;flex-wrap:wrap;gap:15px;padding:10px 22px;border-bottom:1px solid var(--pd-line);background:#e4edf9;color:#32567c;font-size:12px;font-weight:600}.pd-message[b-4phur81eqs]{padding:10px 20px;background:#eef6ff;border-bottom:1px solid #c9dff6;font-size:13px;overflow-wrap:anywhere}.pd-message button[b-4phur81eqs]{margin-left:12px}.pd-warning[b-4phur81eqs],.pd-layout-warning[b-4phur81eqs]{background:#fff3d9;color:#82590a}.pd-loading[b-4phur81eqs]{padding:45px;text-align:center}.pd-workspace[b-4phur81eqs]{margin:0;border:0;padding:0;min-width:0;display:grid;grid-template-columns:220px minmax(370px,1fr) 300px;min-height:calc(100vh - 140px)}.pd-left[b-4phur81eqs],.pd-right[b-4phur81eqs]{background:#fff;padding:12px 15px;border-right:1px solid var(--pd-line);min-width:0}.pd-right[b-4phur81eqs]{border-right:0;border-left:1px solid var(--pd-line)}.pd-left h3:first-child[b-4phur81eqs]{margin-top:3px}.pd-help[b-4phur81eqs]{font-size:11px;line-height:1.5;color:#65778d}.pd-styles[b-4phur81eqs]{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pd-styles button[b-4phur81eqs]{font-size:11px}.pd-style-sheet[b-4phur81eqs]{display:block;width:30px;height:39px;margin:2px auto 6px;border:1px solid #a9bacd;border-top:5px solid #7594bc;background:repeating-linear-gradient(to bottom,#fff 0,#fff 5px,#e3eaf3 5px,#e3eaf3 7px)}.pd-designer .pd-active[b-4phur81eqs]{border:2px solid var(--pd-blue);background:#eaf2ff;padding:6px 9px}.pd-small-actions[b-4phur81eqs]{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.pd-small-actions button[b-4phur81eqs]{font-size:11px;padding:6px 8px}.pd-section-list>div[b-4phur81eqs]{display:flex;align-items:center;gap:3px;padding:3px;border-bottom:1px solid #edf1f6}.pd-section-list label[b-4phur81eqs]{flex:1;flex-direction:row;margin:0;align-items:center;gap:4px;min-width:0}.pd-section-list label button[b-4phur81eqs]{border:none;background:transparent;text-align:left;font-size:11px;padding:5px;overflow-wrap:anywhere;min-width:0}.pd-section-list>div>button[b-4phur81eqs]{padding:3px 5px;font-size:12px}.pd-selected[b-4phur81eqs]{background:#eaf2ff}.pd-canvas-area[b-4phur81eqs]{min-width:0;padding:14px 18px;overflow:hidden}.pd-canvas-toolbar[b-4phur81eqs]{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:9px}.pd-canvas-toolbar button[b-4phur81eqs]{font-size:11px;padding:6px 8px}.pd-canvas-toolbar label[b-4phur81eqs]{margin:0;font-size:11px;flex-direction:row;align-items:center;gap:4px}.pd-canvas-toolbar select[b-4phur81eqs]{width:auto;padding:5px}.pd-movement-hint[b-4phur81eqs]{font-size:11px;color:#4d6885;margin:5px 0 15px;min-height:16px}.pd-layout-warning[b-4phur81eqs]{padding:9px 12px;font-size:12px;margin:0 0 12px;border:1px solid #e8c87e;border-radius:5px}
.pd-paper-viewport[b-4phur81eqs]{position:relative;width:100%;overflow:auto;padding:8px 0 20px}.pd-paper-scale[b-4phur81eqs]{transform-origin:top left;position:relative;margin:0 auto}.pd-paper[b-4phur81eqs]{position:relative;background:#fff;box-shadow:0 3px 14px #14345126;color:#1f2937;line-height:1.4;overflow:visible;flex:none;font:10pt/1.4 Arial,sans-serif}.pd-paper-content[b-4phur81eqs]{display:flex;flex-direction:column;gap:2mm}.pd-sample-label[b-4phur81eqs]{position:absolute;top:4mm;left:15mm;font-size:7pt;color:#7891a8;letter-spacing:.06em;margin:0}.pd-band[b-4phur81eqs]{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:2mm;min-width:0}.pd-band-free[b-4phur81eqs]{display:block;gap:0}.pd-paper-section[b-4phur81eqs]{position:relative;flex:none;padding:1.5mm;overflow-wrap:anywhere;min-width:0;outline:1px solid transparent}.pd-guides .pd-paper-section[b-4phur81eqs]{outline:1px dashed #9ebcda}.pd-paper-section h4[b-4phur81eqs]{margin:0 0 1mm}.pd-section-bar[b-4phur81eqs]{display:none!important;position:absolute;left:0;top:-19px;height:19px;max-width:100%;white-space:nowrap;overflow:hidden;z-index:3;border:none!important;border-radius:3px 3px 0 0!important;background:#1d64be!important;color:white!important;padding:1px 6px!important;font-size:10px!important;line-height:17px!important;touch-action:none}.pd-editing .pd-section-bar[b-4phur81eqs]{display:block!important}.pd-resize[b-4phur81eqs]{display:none!important;position:absolute;right:-5px;bottom:-5px;z-index:4;width:17px;height:17px;border:1px solid white!important;background:#1d64be!important;color:white!important;border-radius:3px!important;padding:0!important;font-size:12px!important;touch-action:none}.pd-editing .pd-resize[b-4phur81eqs]{display:block!important}.pd-section-selected[b-4phur81eqs]{outline:2px solid #2875d1!important}.pd-overlap[b-4phur81eqs]{outline:2px solid #e69434!important}.pd-designer .pd-selectable[b-4phur81eqs]{border:0;background:transparent;border-radius:0;color:inherit}.pd-designer .pd-selectable:hover[b-4phur81eqs]{background:#eaf2ff}.pd-title[b-4phur81eqs]{display:block;width:100%;padding:0!important;margin:0;font-size:22pt;font-weight:700;text-align:right;line-height:1.15!important;overflow-wrap:anywhere}.pd-print-field[b-4phur81eqs]{display:block!important;width:100%;padding:1mm 0!important;text-align:left;line-height:1.4!important}.pd-field-label[b-4phur81eqs],.pd-field-value[b-4phur81eqs]{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.pd-field-label[b-4phur81eqs]{font-size:9pt;color:#64748b}.pd-field-value[b-4phur81eqs]{font-size:10pt;min-height:12px}.pd-field-selected[b-4phur81eqs]{box-shadow:0 0 0 1px #286ccd}.pd-logo[b-4phur81eqs]{display:block;max-width:100%;height:auto}.pd-logo-placeholder[b-4phur81eqs]{border:1px dashed #c2d0e0!important;background:#f5f8fc!important;font-size:9pt!important;padding:5mm!important;max-width:100%}.pd-signature[b-4phur81eqs]{font-size:10pt}.pd-signature-line[b-4phur81eqs]{height:12mm;border-bottom:.2mm solid #64748b;max-width:65mm}.pd-items[b-4phur81eqs]{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10pt;line-height:1.4}.pd-items th[b-4phur81eqs],.pd-items td[b-4phur81eqs]{padding:2mm 1.5mm;border-bottom:.2mm solid #dbe4ed;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}.pd-items th[b-4phur81eqs]{background:#f1f5f9}.pd-items button[b-4phur81eqs]{padding:0!important;width:100%;text-align:inherit}.pd-unmapped[b-4phur81eqs]{font-size:8pt;color:#916005;margin:2mm 0 0}.pd-style-corporate .pd-items th[b-4phur81eqs]{background:#1f5aaf;color:#fff}.pd-paper[data-theme=false].pd-style-corporate .pd-items th[b-4phur81eqs]{background:#f1f5f9;color:#1f2937}.pd-style-compact .pd-print-field[b-4phur81eqs]{padding:.5mm 0!important}.pd-style-compact .pd-items th[b-4phur81eqs],.pd-style-compact .pd-items td[b-4phur81eqs]{padding:1mm 1.5mm}.pd-style-detailed .pd-items th[b-4phur81eqs],.pd-style-detailed .pd-items td[b-4phur81eqs]{border:.2mm solid #dbe4ed}.pd-style-clean .pd-items tbody tr:nth-child(even)[b-4phur81eqs]{background:#f8fafc}.pd-style-letterhead .pd-title[b-4phur81eqs]{border-bottom:.5mm solid #1f5aaf;padding-bottom:2mm!important}.pd-composition[b-4phur81eqs]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.pd-composition label[b-4phur81eqs]{flex-direction:row;align-items:center}.pd-composition select[b-4phur81eqs]{width:auto}.pd-composition button[b-4phur81eqs]{font-size:12px}.pd-inspector[b-4phur81eqs]{padding-bottom:12px;border-bottom:1px solid var(--pd-line)}.pd-inspector h3[b-4phur81eqs]{margin-top:3px}.pd-position[b-4phur81eqs]{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pd-logo-panel[b-4phur81eqs]{padding:12px;background:#eff5fc;border:1px solid var(--pd-line);border-radius:6px;font-size:11px}.pd-logo-panel input[type=file][b-4phur81eqs]{max-width:100%;font-size:11px}.pd-field-catalog[b-4phur81eqs]{max-height:460px;overflow:auto;margin-bottom:12px}.pd-field-catalog details[b-4phur81eqs]{border-top:1px solid var(--pd-line);padding:9px 0}.pd-field-catalog summary[b-4phur81eqs]{cursor:pointer;font-size:12px;font-weight:600}.pd-catalog-row[b-4phur81eqs]{padding:4px 0;border-bottom:1px solid #f0f3f7}.pd-catalog-row label[b-4phur81eqs]{flex-direction:row;align-items:flex-start;font-weight:400;margin:3px 0}.pd-catalog-row input[b-4phur81eqs]{margin-top:3px}.pd-catalog-row span[b-4phur81eqs]{font-size:12px}.pd-catalog-row small[b-4phur81eqs]{display:block;font-size:10px;color:#697f95;overflow-wrap:anywhere}.pd-checks[b-4phur81eqs]{padding-left:18px}.pd-checks li[b-4phur81eqs]{margin:7px 0;font-size:11px}.pd-checks button[b-4phur81eqs]{border:none;text-align:left;padding:2px;background:transparent;color:#94620d}
.pd-modal-scrim[b-4phur81eqs]{position:fixed;inset:0;background:#102a45aa;z-index:1200;display:grid;place-items:center;padding:22px}.pd-modal[b-4phur81eqs]{background:#fff;border-radius:10px;padding:18px;width:min(1050px,96vw);max-height:94vh;overflow:auto;color:#19324b;font:14px/1.45 "Segoe UI",Arial,sans-serif}.pd-modal h3[b-4phur81eqs]{margin:0 auto 0 0}.pd-modal button[b-4phur81eqs]{font:inherit;border:1px solid #bdcddd;border-radius:5px;padding:7px 10px;background:white;color:#19324b;cursor:pointer}.pd-modal iframe[b-4phur81eqs]{display:block;width:100%;height:76vh;border:1px solid #d3deea;margin-top:12px;background:#e9eef5}.pd-small-modal[b-4phur81eqs]{width:min(540px,96vw)}
.pd-version-row[b-4phur81eqs]{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-top:1px solid #dae3ed}.pd-version-row small[b-4phur81eqs]{display:block;font-size:11px;color:#60758b}.pd-modal button:disabled[b-4phur81eqs]{opacity:.5;cursor:default}
[b-4phur81eqs] .pd-style-editor{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}[b-4phur81eqs] .pd-style-editor label{margin:4px 0}[b-4phur81eqs] .pd-style-editor input,[b-4phur81eqs] .pd-style-editor select{min-width:0;width:100%;font:inherit;padding:6px;border:1px solid #bdccda;border-radius:5px}[b-4phur81eqs] .pd-style-editor .pd-check{flex-direction:row;align-items:center}[b-4phur81eqs] .pd-style-editor input[type=checkbox]{width:16px}
@media(max-width:1200px){.pd-workspace[b-4phur81eqs]{grid-template-columns:185px minmax(330px,1fr) 260px}.pd-left[b-4phur81eqs],.pd-right[b-4phur81eqs]{padding:10px}.pd-canvas-area[b-4phur81eqs]{padding:12px}.pd-header[b-4phur81eqs]{padding:12px 16px}}@media(max-width:950px){.pd-workspace[b-4phur81eqs]{grid-template-columns:170px minmax(340px,1fr)}.pd-right[b-4phur81eqs]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;border-top:1px solid var(--pd-line)}.pd-inspector[b-4phur81eqs]{grid-row:span 5}.pd-field-catalog[b-4phur81eqs]{grid-column:2}.pd-right>h3[b-4phur81eqs]{margin:5px 0}.pd-header[b-4phur81eqs]{flex-wrap:wrap}.pd-canvas-toolbar[b-4phur81eqs]{gap:5px}}@media(max-width:600px){.pd-designer[b-4phur81eqs]{font-size:13px}.pd-workspace[b-4phur81eqs]{display:flex;flex-direction:column}.pd-left[b-4phur81eqs]{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;border-bottom:1px solid var(--pd-line)}.pd-left>h3[b-4phur81eqs],.pd-left>.pd-help[b-4phur81eqs],.pd-left>.pd-section-list[b-4phur81eqs]{grid-column:1/-1}.pd-left>h3[b-4phur81eqs]{margin:8px 0 0}.pd-styles[b-4phur81eqs]{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.pd-styles button[b-4phur81eqs]{padding:4px;font-size:10px}.pd-style-sheet[b-4phur81eqs]{display:none}.pd-section-list[b-4phur81eqs]{max-height:170px;overflow:auto}.pd-right[b-4phur81eqs]{display:block}.pd-canvas-area[b-4phur81eqs]{padding:12px}.pd-header[b-4phur81eqs]{padding:10px 12px}.pd-header h2[b-4phur81eqs]{font-size:20px}.pd-actions button[b-4phur81eqs]{font-size:12px;padding:6px 8px}.pd-steps[b-4phur81eqs]{gap:8px;font-size:10px;padding:9px 12px}.pd-paper-viewport[b-4phur81eqs]{overflow:auto}.pd-modal-scrim[b-4phur81eqs]{padding:8px}.pd-modal[b-4phur81eqs]{padding:12px}}

/* Keep the designer's controls independent of the workspace's full-width inputs. */
.pd-designer input[type=checkbox][b-4phur81eqs]{width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:var(--pd-blue)}
.pd-designer .pd-check[b-4phur81eqs]{justify-content:flex-start;gap:8px;line-height:1.45}
.pd-workspace[b-4phur81eqs]{grid-template-columns:235px minmax(0,1fr) 315px}
.pd-left[b-4phur81eqs],.pd-right[b-4phur81eqs]{padding:16px}
.pd-right[b-4phur81eqs]{display:flex;flex-direction:column;gap:16px}
.pd-designer .pd-left h3[b-4phur81eqs],.pd-designer .pd-panel h3[b-4phur81eqs]{font-size:16px;font-weight:600}
.pd-designer .pd-left h3[b-4phur81eqs]{margin:22px 0 12px}
.pd-designer .pd-left h3:first-child[b-4phur81eqs]{margin-top:0}
.pd-designer .pd-help[b-4phur81eqs]{font-size:12px;line-height:1.5;word-break:normal}

.pd-section-list[b-4phur81eqs]{display:grid;gap:2px}
.pd-section-list>.pd-section-row[b-4phur81eqs]{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:6px 0;border-bottom:1px solid #edf1f6}
.pd-designer .pd-section-name[b-4phur81eqs]{min-width:0;width:100%;padding:3px 0;border:0;background:transparent;text-align:left;font-size:12px;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:normal}
.pd-section-actions[b-4phur81eqs]{display:flex;align-items:center;gap:3px;flex:none}
.pd-designer .pd-section-actions button[b-4phur81eqs]{width:25px;min-width:25px;height:28px;padding:0;font-size:12px}
.pd-section-list>.pd-selected[b-4phur81eqs]{border-radius:5px;background:#eaf2ff}

.pd-panel[b-4phur81eqs]{min-width:0;padding-bottom:16px;border-bottom:1px solid var(--pd-line)}
.pd-designer .pd-panel h3[b-4phur81eqs]{margin:0 0 12px}
.pd-panel-heading[b-4phur81eqs]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.pd-designer .pd-panel-heading h3[b-4phur81eqs]{margin:0}
.pd-designer .pd-panel-heading button[b-4phur81eqs]{padding:3px 5px;border:0;background:transparent;color:var(--pd-blue);font-size:11px}
.pd-setup-panel[b-4phur81eqs]{order:0}
.pd-fields-panel[b-4phur81eqs]{order:1}
.pd-inspector[b-4phur81eqs]{order:2;margin:0}
.pd-inspector-active[b-4phur81eqs]{order:-1;padding:12px;background:#f7faff;border:1px solid #c5d8f1;border-radius:7px}
.pd-setup-grid[b-4phur81eqs]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.pd-designer .pd-setup-card[b-4phur81eqs]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:66px;margin:0;padding:10px 9px;border:1px solid var(--pd-line);border-radius:7px;background:#fff;font-size:11px;font-weight:400;line-height:1.4;cursor:pointer}
.pd-setup-card>span[b-4phur81eqs]{flex:1;min-width:0;word-break:normal;overflow-wrap:normal}
.pd-setup-card .pd-help[b-4phur81eqs]{display:block;margin-top:3px;font-size:10px}
.pd-designer .pd-setup-card input[type=checkbox][b-4phur81eqs]{appearance:none;position:relative;flex:0 0 28px;width:28px;min-width:28px;max-width:28px;height:16px;min-height:16px;margin:0;padding:0;border:0;border-radius:20px;background:#cad6e5;cursor:pointer}
.pd-setup-card input[b-4phur81eqs]::before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #23466e22}
.pd-designer .pd-setup-card input[type=checkbox]:checked[b-4phur81eqs]{background:var(--pd-blue)}
.pd-setup-card input:checked[b-4phur81eqs]::before{left:14px}
.pd-field-catalog[b-4phur81eqs]{max-height:460px;min-width:0;overflow-x:hidden;overflow-y:auto;margin:10px 0 12px;scrollbar-gutter:stable}
.pd-field-catalog details[b-4phur81eqs]{padding:0 0 12px;border-top:0}
.pd-field-catalog summary[b-4phur81eqs]{padding:9px 8px;background:#edf3fb;border-bottom:1px solid var(--pd-line);font-size:12px;line-height:1.4}
.pd-catalog-row[b-4phur81eqs]{padding:8px 0;border-bottom:1px solid #edf1f6}
.pd-designer .pd-catalog-row label[b-4phur81eqs]{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;justify-content:start;gap:8px;min-width:0;margin:0;font-weight:400;line-height:1.4;cursor:pointer}
.pd-catalog-row label>input[type=checkbox][b-4phur81eqs]{margin-top:1px}
.pd-catalog-row label>span[b-4phur81eqs]{min-width:0;text-align:left;font-size:12px;word-break:normal;overflow-wrap:normal}
.pd-catalog-row small[b-4phur81eqs]{margin-top:3px;font-size:10px;line-height:1.4;word-break:normal;overflow-wrap:anywhere}
[b-4phur81eqs] .pd-style-editor input[type=checkbox]{width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;padding:0}

@media(min-width:1450px){.pd-workspace[b-4phur81eqs]{grid-template-columns:235px minmax(0,1fr) 345px}}
@media(max-width:1200px){.pd-workspace[b-4phur81eqs]{grid-template-columns:205px minmax(0,1fr) 315px}.pd-left[b-4phur81eqs],.pd-right[b-4phur81eqs]{padding:12px}.pd-designer .pd-section-actions button[b-4phur81eqs]{width:23px;min-width:23px}.pd-section-list>.pd-section-row[b-4phur81eqs]{gap:7px}}
@media(max-width:950px){.pd-workspace[b-4phur81eqs]{grid-template-columns:205px minmax(0,1fr)}.pd-right[b-4phur81eqs]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.pd-inspector[b-4phur81eqs]{grid-row:auto;grid-column:1/-1}.pd-field-catalog[b-4phur81eqs]{grid-column:auto}.pd-panel[b-4phur81eqs]{margin:0}.pd-setup-grid[b-4phur81eqs]{max-width:430px}}
@media(max-width:600px){.pd-left[b-4phur81eqs]{padding:14px}.pd-right[b-4phur81eqs]{display:flex;gap:16px;padding:14px}.pd-section-list[b-4phur81eqs]{max-height:220px}.pd-section-list>.pd-section-row[b-4phur81eqs]{gap:8px;min-height:40px}.pd-setup-grid[b-4phur81eqs]{max-width:none}.pd-styles button[b-4phur81eqs]{font-size:11px}.pd-designer .pd-left h3[b-4phur81eqs]{margin-top:14px}}
/* /Components/PrintDesigner/PrintDocumentPreview.razor.rz.scp.css */
.bpm-print-preview-backdrop[b-r13sq898b2]{position:fixed;inset:0;z-index:2500;background:#162c48aa;padding:2vh 2vw;display:grid;place-items:center}
.bpm-print-preview[b-r13sq898b2]{width:min(1200px,96vw);height:96vh;background:#f1f5f9;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 60px #0004}
header[b-r13sq898b2]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:white;border-bottom:1px solid #cbd5e1}
header div[b-r13sq898b2]{display:flex;gap:8px}button[b-r13sq898b2]{padding:8px 14px;border:1px solid #b6c7db;border-radius:6px;background:white;color:#19334d;cursor:pointer}button:disabled[b-r13sq898b2]{opacity:.5;cursor:default}
iframe[b-r13sq898b2]{flex:1;width:100%;border:0;background:white}.preview-notice[b-r13sq898b2]{padding:10px 20px;margin:0;color:#614614;background:#fff8db}
@media(max-width:600px){header[b-r13sq898b2]{flex-wrap:wrap;padding:10px}.bpm-print-preview-backdrop[b-r13sq898b2]{padding:0}.bpm-print-preview[b-r13sq898b2]{width:100vw;height:100dvh;border-radius:0}}
/* /Components/ProcessArchitect/AiAnalystWorkspace.razor.rz.scp.css */
.process-architect[b-pkj0mmt2o1]{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden;background:#f8fbff;color:#15264b;font-family:"Segoe UI",Arial,sans-serif}
.architect-header[b-pkj0mmt2o1]{display:grid;grid-template-columns:minmax(18rem,1fr) auto minmax(11rem,1fr);align-items:center;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid #e3eaf5;background:#fff;box-shadow:0 1px 7px rgba(24,66,125,.04)}
.architect-brand[b-pkj0mmt2o1],.architect-actions[b-pkj0mmt2o1],.architect-steps[b-pkj0mmt2o1]{display:flex;align-items:center;gap:.7rem}.architect-brand[b-pkj0mmt2o1]{font-size:1rem;color:#101f43}.architect-mark[b-pkj0mmt2o1]{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.48rem;background:linear-gradient(145deg,#2877ee,#1a54cf);color:#fff}.brand-divider[b-pkj0mmt2o1]{width:1px;height:1.8rem;background:#d8e2f0}.architect-context[b-pkj0mmt2o1]{color:#13264d}.architect-context small[b-pkj0mmt2o1],.conversation-heading h1 small[b-pkj0mmt2o1]{margin-left:.35rem;padding:.14rem .42rem;border-radius:.5rem;background:#edf5ff;color:#1766d8;font-size:.62rem;font-weight:700;vertical-align:middle}
.architect-steps[b-pkj0mmt2o1]{justify-content:center;gap:1.2rem;margin:0;padding:0;list-style:none;font-size:.78rem;font-weight:600}
.architect-step[b-pkj0mmt2o1]{position:relative;display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border:1px solid #e3eaf3;border-radius:.65rem;background:#f8fafc;color:#566780;white-space:nowrap;line-height:1.35}
.architect-step+.architect-step[b-pkj0mmt2o1]:before{content:"";position:absolute;right:calc(100% + 1px);width:1.2rem;height:2px;background:#d7e2f1}
.step-number[b-pkj0mmt2o1]{display:grid;place-items:center;flex:0 0 1.55rem;width:1.55rem;height:1.55rem;border-radius:50%;background:#e8eef6;color:#536887;font-size:.75rem;font-weight:700}
.step-label[b-pkj0mmt2o1]{font-weight:600}
.architect-step.active[b-pkj0mmt2o1]{border-color:#9fc5fb;background:#edf5ff;color:#1556b8;box-shadow:0 2px 6px rgba(24,104,232,.1)}
.architect-step.active .step-number[b-pkj0mmt2o1]{background:#1868e8;color:#fff;box-shadow:0 0 0 3px #dceaff}
.architect-step.active .step-label[b-pkj0mmt2o1]{font-weight:700}
.architect-step.completed[b-pkj0mmt2o1]{border-color:#cce5db;background:#f3faf6;color:#24694e}
.architect-step.completed .step-number[b-pkj0mmt2o1]{background:#dcefe4;color:#18734b}
.architect-step.completed+.architect-step[b-pkj0mmt2o1]:before{background:#9fceb5}
.step-status[b-pkj0mmt2o1]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1280px){.architect-header[b-pkj0mmt2o1]{grid-template-columns:minmax(0,1fr) auto}.architect-steps[b-pkj0mmt2o1]{grid-column:1/-1;grid-row:2}}
@media(max-width:560px){.architect-steps[b-pkj0mmt2o1]{width:100%;gap:.75rem;align-items:stretch;font-size:.68rem}.architect-step[b-pkj0mmt2o1]{flex:1;min-width:0;flex-direction:column;gap:.35rem;padding:.5rem .25rem;white-space:normal;text-align:center}.architect-step+.architect-step[b-pkj0mmt2o1]:before{top:1.25rem;width:.75rem}.step-label[b-pkj0mmt2o1]{max-width:7rem}}
.architect-actions[b-pkj0mmt2o1]{justify-content:flex-end}.new-session[b-pkj0mmt2o1],.subtle-button[b-pkj0mmt2o1]{border:1px solid #d6e2f3;border-radius:.4rem;background:#fff;color:#1261d3;padding:.48rem .78rem;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.architect-close[b-pkj0mmt2o1]{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #d6e2f3;border-radius:.4rem;background:#fff;color:#235188;font-size:1.15rem;cursor:pointer}
.architect-content[b-pkj0mmt2o1]{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(32rem,.92fr);flex:1;min-height:0;padding:.85rem;gap:0;background:#fff}
.architect-conversation[b-pkj0mmt2o1],.first-draft[b-pkj0mmt2o1]{min-height:0;overflow:auto;border:1px solid #e4ebf5;background:#fff}.architect-conversation[b-pkj0mmt2o1]{display:flex;flex-direction:column;padding:1.25rem 1.35rem}.first-draft[b-pkj0mmt2o1]{padding:.95rem 1rem;background:#fbfdff}
.conversation-heading[b-pkj0mmt2o1],.blueprint-panel-heading[b-pkj0mmt2o1],.blueprint-title-row[b-pkj0mmt2o1]{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.conversation-heading h1[b-pkj0mmt2o1],.blueprint-panel-heading h2[b-pkj0mmt2o1],.blueprint-title-row h1[b-pkj0mmt2o1]{margin:0;color:#14264d;font-size:1.18rem}.conversation-heading p[b-pkj0mmt2o1],.blueprint-panel-heading p[b-pkj0mmt2o1],.blueprint-title-row p[b-pkj0mmt2o1]{margin:.25rem 0 0;color:#7385a2;font-size:.75rem}.conversation-notice[b-pkj0mmt2o1]{display:grid;gap:.25rem;margin:1rem 0;padding:.8rem 1rem;border:1px solid #cbe0fd;border-radius:.45rem;background:linear-gradient(90deg,#eef7ff,#f9fcff);color:#1d477a;font-size:.78rem}.conversation-notice strong[b-pkj0mmt2o1]{color:#0e59c7}.conversation-stream[b-pkj0mmt2o1]{flex:1;min-height:15rem;overflow:auto;padding:.65rem .2rem}.message-row[b-pkj0mmt2o1]{display:flex;gap:.65rem;margin:.65rem 0}.message-row.user[b-pkj0mmt2o1]{justify-content:flex-end}.message-avatar[b-pkj0mmt2o1]{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(145deg,#38a2e9,#2352bc);color:#fff;font-size:.65rem;font-weight:800}.message-bubble[b-pkj0mmt2o1]{max-width:min(86%,42rem);padding:.78rem .9rem;border:1px solid #dce7f4;border-radius:.55rem;color:#263b5f;line-height:1.45}.message-bubble.analyst[b-pkj0mmt2o1]{background:#fff}.message-bubble.user[b-pkj0mmt2o1]{border-color:#cfe0fc;background:#eff6ff}.message-bubble strong[b-pkj0mmt2o1]{display:block;color:#24395e;font-size:.74rem}.message-bubble strong small[b-pkj0mmt2o1]{margin-left:.4rem;color:#8294b1;font-weight:400}.message-bubble p[b-pkj0mmt2o1]{margin:.35rem 0 0;white-space:pre-line;font-size:.83rem}.message-bubble small[b-pkj0mmt2o1]{display:block;margin-top:.45rem;color:#687e9f;font-size:.73rem}.analyst-working .message-avatar[b-pkj0mmt2o1]{animation:analyst-avatar-pulse-b-pkj0mmt2o1 1.45s ease-in-out infinite}.working-message[b-pkj0mmt2o1]{min-width:15.5rem;border-color:#b9d7fb!important;background:linear-gradient(100deg,#f5faff 0%,#fff 45%,#edf6ff 100%)!important;box-shadow:0 5px 16px rgba(37,99,235,.09)}.working-label[b-pkj0mmt2o1]{display:inline-block;margin-left:.42rem;padding:.1rem .36rem;border-radius:.55rem;background:#e0edff;color:#1d64cd;font-size:.61rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.working-message p[b-pkj0mmt2o1]{display:flex;align-items:center;gap:.42rem}.working-orbit[b-pkj0mmt2o1]{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border:2px solid #c8ddfa;border-right-color:#216bdb;border-radius:50%;animation:architect-spin-b-pkj0mmt2o1 .85s linear infinite}.working-orbit i[b-pkj0mmt2o1]{display:none}.working-dots[b-pkj0mmt2o1]{display:inline-flex;gap:.14rem;margin-left:.08rem}.working-dots i[b-pkj0mmt2o1]{width:.24rem;height:.24rem;border-radius:50%;background:#2875e2;animation:working-dot-b-pkj0mmt2o1 1.15s ease-in-out infinite}.working-dots i:nth-child(2)[b-pkj0mmt2o1]{animation-delay:.15s}.working-dots i:nth-child(3)[b-pkj0mmt2o1]{animation-delay:.3s}.suggested-answers[b-pkj0mmt2o1]{display:flex;flex-wrap:wrap;gap:.4rem;padding:.3rem 0 .75rem}.suggested-answers button[b-pkj0mmt2o1]{border:1px solid #bdd5f8;border-radius:.38rem;background:#f8fbff;color:#1765d6;padding:.42rem .67rem;font-size:.75rem;cursor:pointer}
.composer[b-pkj0mmt2o1]{border:1px solid #cddbf0;border-radius:.55rem;padding:.55rem .8rem;background:#fff}.composer textarea[b-pkj0mmt2o1]{box-sizing:border-box;width:100%;min-height:4rem;border:0;outline:0;resize:vertical;color:#233c64;font:inherit;font-size:.82rem}.composer-footer[b-pkj0mmt2o1]{display:flex;justify-content:space-between;align-items:center;color:#276bd1;font-size:.76rem}.composer-footer small[b-pkj0mmt2o1]{color:#8798b3}.composer-footer button[b-pkj0mmt2o1],.primary-button[b-pkj0mmt2o1]{border:0;border-radius:.35rem;background:#1768e7;color:#fff;padding:.5rem .85rem;font:inherit;font-size:.75rem;font-weight:700;box-shadow:0 3px 8px rgba(18,91,208,.18);cursor:pointer}.composer-footer button:disabled[b-pkj0mmt2o1]{background:#a9c0e6;box-shadow:none}.language-note[b-pkj0mmt2o1]{margin:.75rem 0 0;color:#8292ac;font-size:.7rem}
.empty-draft[b-pkj0mmt2o1]{display:grid;place-items:center;min-height:100%;padding:2rem;text-align:center;color:#7185a3}.empty-draft-icon[b-pkj0mmt2o1]{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.8rem;background:#e9f2ff;color:#1465dc;font-size:1.25rem}.empty-draft h2[b-pkj0mmt2o1]{margin:.75rem 0 .35rem;color:#183969;font-size:1.1rem}.empty-draft p[b-pkj0mmt2o1]{max-width:17rem;margin:0;font-size:.82rem;line-height:1.45}.blueprint-live-region[b-pkj0mmt2o1]{position:relative}.blueprint-live-region.is-updating .mini-overview[b-pkj0mmt2o1],.blueprint-live-region.is-updating .mini-section[b-pkj0mmt2o1],.blueprint-live-region.is-updating .blueprint-next[b-pkj0mmt2o1]{animation:blueprint-refresh-b-pkj0mmt2o1 1.6s ease-in-out infinite}.blueprint-updating-banner[b-pkj0mmt2o1]{display:flex;align-items:center;gap:.55rem;margin:-.15rem 0 .65rem;padding:.56rem .65rem;border:1px solid #b9d7fb;border-radius:.38rem;background:linear-gradient(100deg,#f3f8ff,#fff);color:#21518e}.blueprint-updating-banner>span:last-child[b-pkj0mmt2o1]{display:grid;gap:.08rem}.blueprint-updating-banner strong[b-pkj0mmt2o1]{font-size:.7rem}.blueprint-updating-banner small[b-pkj0mmt2o1]{color:#6c84a3;font-size:.63rem}.blueprint-pulse[b-pkj0mmt2o1]{display:block;flex:0 0 auto;width:.65rem;height:.65rem;border-radius:50%;background:#2875e2;box-shadow:0 0 0 0 rgba(40,117,226,.38);animation:blueprint-pulse-b-pkj0mmt2o1 1.4s ease-out infinite}.blueprint-live-region .subtle-button:disabled[b-pkj0mmt2o1]{cursor:wait;opacity:.58}
.blueprint-panel-heading[b-pkj0mmt2o1]{margin-bottom:.65rem}.blueprint-panel-heading h2[b-pkj0mmt2o1]{font-size:1rem}.blueprint-panel-heading h2 small[b-pkj0mmt2o1],.blueprint-title-row h1 small[b-pkj0mmt2o1],.blueprint-section h2 small[b-pkj0mmt2o1]{font-size:.7rem;font-weight:500}.mini-overview[b-pkj0mmt2o1],.mini-section[b-pkj0mmt2o1],.blueprint-next[b-pkj0mmt2o1]{margin-bottom:.55rem;padding:.7rem .75rem;border:1px solid #e4ebf5;border-radius:.38rem;background:#fff}.mini-overview h3[b-pkj0mmt2o1],.mini-section h3[b-pkj0mmt2o1],.blueprint-next h3[b-pkj0mmt2o1]{margin:0 0 .55rem;color:#123d8b;font-size:.7rem;text-transform:uppercase}.mini-overview>div[b-pkj0mmt2o1]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mini-overview dl[b-pkj0mmt2o1],.overview-grid dl[b-pkj0mmt2o1],.overview-copy dl[b-pkj0mmt2o1]{margin:0}.mini-overview dt[b-pkj0mmt2o1],.overview-grid dt[b-pkj0mmt2o1],.overview-copy dt[b-pkj0mmt2o1]{color:#7185a5;font-size:.62rem}.mini-overview dd[b-pkj0mmt2o1],.overview-grid dd[b-pkj0mmt2o1],.overview-copy dd[b-pkj0mmt2o1]{margin:.16rem 0 0;color:#17294e;font-size:.7rem;font-weight:600}.mini-overview>dl[b-pkj0mmt2o1]{margin-top:.55rem}.flow-steps[b-pkj0mmt2o1]{display:flex;align-items:center;gap:.4rem;overflow:auto;padding:.2rem}.flow-steps span[b-pkj0mmt2o1]{display:inline-flex;align-items:center;white-space:nowrap;padding:.42rem .58rem;border:1px solid #d7e3f4;border-radius:.35rem;background:#fff;color:#21477d;font-size:.68rem;font-weight:700}.flow-steps span+span[b-pkj0mmt2o1]:before{content:"→";margin-right:.65rem;color:#839ab9}.area-grid[b-pkj0mmt2o1]{display:flex;flex-wrap:wrap;gap:.35rem}.area-grid span[b-pkj0mmt2o1]{padding:.35rem .52rem;border-radius:.28rem;background:linear-gradient(90deg,#edf8ff,#f7fbff);color:#1266bd;font-size:.68rem;font-weight:700}.mini-module-list[b-pkj0mmt2o1]{display:grid;gap:.35rem}.mini-module-list div[b-pkj0mmt2o1]{display:grid;grid-template-columns:9rem 1fr;gap:.45rem;padding-top:.35rem;border-top:1px solid #eef2f8;color:#5e7595;font-size:.67rem}.mini-module-list strong[b-pkj0mmt2o1]{color:#25416c}.blueprint-next[b-pkj0mmt2o1]{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(90deg,#f5fbff,#fffdf5)}.blueprint-next h3[b-pkj0mmt2o1]{margin-bottom:.25rem}.blueprint-next p[b-pkj0mmt2o1]{margin:0;color:#657b9a;font-size:.68rem}
.blueprint-page[b-pkj0mmt2o1]{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,.34fr);flex:1;min-height:0;background:#f9fbff}.blueprint-main[b-pkj0mmt2o1]{min-height:0;overflow:auto;padding:1rem 1.45rem}.blueprint-title-row[b-pkj0mmt2o1]{margin-bottom:.8rem}.blueprint-title-row h1[b-pkj0mmt2o1]{font-size:1.25rem}.blueprint-title-row>div:last-child[b-pkj0mmt2o1]{display:flex;gap:.5rem}.blueprint-section[b-pkj0mmt2o1]{margin-bottom:.8rem;padding:.8rem .9rem;border:1px solid #dfE8f5;border-radius:.4rem;background:#fff}.blueprint-section h2[b-pkj0mmt2o1]{display:flex;justify-content:space-between;margin:0 0 .65rem;color:#123d8b;font-size:.75rem;text-transform:uppercase}.blueprint-section h2 button[b-pkj0mmt2o1]{border:0;background:none;color:#1767d9;font:inherit;font-size:.68rem;cursor:pointer}.overview-grid[b-pkj0mmt2o1]{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.overview-copy[b-pkj0mmt2o1]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.8rem;padding-top:.7rem;border-top:1px solid #edf1f7}.module-table-wrap[b-pkj0mmt2o1]{overflow:auto}.module-section table[b-pkj0mmt2o1]{width:100%;border-collapse:collapse;color:#46607f;font-size:.68rem}.module-section th[b-pkj0mmt2o1]{padding:.45rem;text-align:left;background:#f5f8fc;color:#3c5477}.module-section td[b-pkj0mmt2o1]{padding:.5rem;border-top:1px solid #e9eff7;vertical-align:top}.module-section td strong[b-pkj0mmt2o1]{color:#1e4b98}.blueprint-summary-panel[b-pkj0mmt2o1]{min-height:0;overflow:auto;padding:1rem;background:#fbfdff;border-left:1px solid #e0e8f4}.panel-eyebrow[b-pkj0mmt2o1]{display:block;margin-bottom:.7rem;color:#10459d;font-size:.68rem;font-weight:800}.blueprint-summary-panel section[b-pkj0mmt2o1]{margin-bottom:.65rem;padding:.75rem;border:1px solid #e2eaf5;border-radius:.38rem;background:#fff}.blueprint-summary-panel h3[b-pkj0mmt2o1]{margin:0 0 .3rem;color:#1b345c;font-size:.73rem}.blueprint-summary-panel p[b-pkj0mmt2o1]{margin:0;color:#2f496f;font-size:.7rem;line-height:1.4}.blueprint-summary-panel small[b-pkj0mmt2o1]{display:block;margin-top:.25rem;color:#7386a3;font-size:.66rem}.summary-flow[b-pkj0mmt2o1]{display:flex;gap:.35rem;margin-top:.55rem}.summary-flow span[b-pkj0mmt2o1]{color:#1d72dc;font-size:.8rem}.summary-checks ul[b-pkj0mmt2o1]{display:grid;gap:.3rem;margin:.4rem 0 0;padding:0;list-style:none;color:#15814c;font-size:.7rem}.next-actions[b-pkj0mmt2o1]{background:linear-gradient(180deg,#fffdf5,#fff)!important}.next-actions .primary-button[b-pkj0mmt2o1],.next-actions .subtle-button[b-pkj0mmt2o1]{display:block;width:100%;margin-top:.5rem}.next-actions .subtle-button[b-pkj0mmt2o1]{color:#1764d2}.project-generation[b-pkj0mmt2o1],.generated-project[b-pkj0mmt2o1]{display:grid;place-items:center;min-height:100%;padding:2rem;text-align:center}.project-generation h2[b-pkj0mmt2o1],.generated-project h2[b-pkj0mmt2o1]{margin:.5rem 0;color:#1a3e74;font-size:1.1rem}.project-generation p[b-pkj0mmt2o1],.generated-project p[b-pkj0mmt2o1]{margin:0;color:#6b819e;font-size:.8rem;line-height:1.45}.generation-orbit[b-pkj0mmt2o1]{display:grid;place-items:center;width:3.7rem;height:3.7rem;border:3px solid #d9e7fb;border-top-color:#2776e6;border-radius:50%;color:#1d69db;animation:architect-spin-b-pkj0mmt2o1 1.1s linear infinite}.generation-checklist[b-pkj0mmt2o1],.generation-complete[b-pkj0mmt2o1]{display:grid;gap:.4rem;width:min(100%,22rem);margin-top:1rem;text-align:left}.generation-checklist span[b-pkj0mmt2o1],.generation-complete span[b-pkj0mmt2o1]{padding:.5rem;border-radius:.3rem;background:#fff;border:1px solid #e2eaf5;color:#4b6a93;font-size:.72rem}.generation-complete span[b-pkj0mmt2o1]{color:#13834d;background:#f3fbf6;border-color:#ceecd9}@keyframes architect-spin-b-pkj0mmt2o1{to{transform:rotate(360deg)}}
@media(max-width:1100px){.architect-header[b-pkj0mmt2o1]{grid-template-columns:1fr auto}.architect-content[b-pkj0mmt2o1]{grid-template-columns:1fr minmax(25rem,.8fr)}.overview-grid[b-pkj0mmt2o1]{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.architect-content[b-pkj0mmt2o1],.blueprint-page[b-pkj0mmt2o1]{grid-template-columns:1fr;overflow:auto}.architect-conversation[b-pkj0mmt2o1]{min-height:33rem}.first-draft[b-pkj0mmt2o1],.blueprint-summary-panel[b-pkj0mmt2o1]{min-height:27rem}.blueprint-main[b-pkj0mmt2o1]{overflow:visible}.blueprint-summary-panel[b-pkj0mmt2o1]{border-left:0;border-top:1px solid #e0e8f4}.overview-grid[b-pkj0mmt2o1]{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.architect-header[b-pkj0mmt2o1]{padding:.55rem .7rem}.architect-brand[b-pkj0mmt2o1]{font-size:.82rem}.brand-divider[b-pkj0mmt2o1],.architect-context[b-pkj0mmt2o1]{display:none}.architect-content[b-pkj0mmt2o1]{padding:.5rem}.architect-conversation[b-pkj0mmt2o1]{padding:.85rem}.conversation-heading[b-pkj0mmt2o1]{display:block}.conversation-heading .subtle-button[b-pkj0mmt2o1]{margin-top:.6rem}.mini-overview>div[b-pkj0mmt2o1],.overview-copy[b-pkj0mmt2o1]{grid-template-columns:1fr}.blueprint-title-row[b-pkj0mmt2o1]{display:block}.blueprint-title-row>div:last-child[b-pkj0mmt2o1]{margin-top:.6rem}.overview-grid[b-pkj0mmt2o1]{grid-template-columns:1fr}.blueprint-main[b-pkj0mmt2o1]{padding:.7rem}.blueprint-summary-panel[b-pkj0mmt2o1]{padding:.7rem}}
.flow-steps .flow-step[b-pkj0mmt2o1]{gap:.36rem;border-color:#dce6f3;background:#fff;color:#111827;font-weight:800;box-shadow:0 2px 5px rgba(27,61,112,.04)}.flow-steps .flow-step+span[b-pkj0mmt2o1]:before{margin-right:.56rem}.flow-step em[b-pkj0mmt2o1],.area-card em[b-pkj0mmt2o1],.module-table-icon[b-pkj0mmt2o1]{display:grid;place-items:center;width:1.32rem;height:1.32rem;border-radius:.32rem;background:var(--module-icon-surface);color:var(--module-icon);font-style:normal}.flow-step em :deep(svg)[b-pkj0mmt2o1],.area-card em :deep(svg)[b-pkj0mmt2o1],.module-table-icon :deep(svg)[b-pkj0mmt2o1],.summary-flow span :deep(svg)[b-pkj0mmt2o1]{width:.78rem;height:.78rem}.area-grid .area-card[b-pkj0mmt2o1]{display:inline-flex;align-items:center;gap:.36rem;padding:.38rem .55rem;border:1px solid #dce6f3;border-radius:.35rem;background:#fff;color:var(--module-ink);font-size:.68rem;font-weight:800}.mini-module-list div[b-pkj0mmt2o1]{grid-template-columns:1.45rem 8.5rem 1fr;align-items:center}.module-section td strong[b-pkj0mmt2o1]{margin-left:.35rem}.module-table-icon[b-pkj0mmt2o1]{display:inline-grid;vertical-align:middle}.summary-flow span[b-pkj0mmt2o1]{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--module-border);border-radius:50%;background:var(--module-surface);color:var(--module-icon)}.blue[b-pkj0mmt2o1],.indigo[b-pkj0mmt2o1]{--module-surface:#eff6ff;--module-border:#bfdbfe;--module-ink:#1d4ed8;--module-icon-surface:#dbeafe;--module-icon:#2563eb}.teal[b-pkj0mmt2o1]{--module-surface:#ecfdf5;--module-border:#a7f3d0;--module-ink:#047857;--module-icon-surface:#d1fae5;--module-icon:#059669}.purple[b-pkj0mmt2o1],.violet[b-pkj0mmt2o1]{--module-surface:#f5f3ff;--module-border:#ddd6fe;--module-ink:#6d28d9;--module-icon-surface:#ede9fe;--module-icon:#7c3aed}.orange[b-pkj0mmt2o1],.amber[b-pkj0mmt2o1]{--module-surface:#fff7ed;--module-border:#fed7aa;--module-ink:#c2410c;--module-icon-surface:#ffedd5;--module-icon:#ea580c}.rose[b-pkj0mmt2o1]{--module-surface:#fff1f2;--module-border:#fecdd3;--module-ink:#be123c;--module-icon-surface:#ffe4e6;--module-icon:#e11d48}.green[b-pkj0mmt2o1]{--module-surface:#f0fdf4;--module-border:#bbf7d0;--module-ink:#15803d;--module-icon-surface:#dcfce7;--module-icon:#16a34a}.cyan[b-pkj0mmt2o1]{--module-surface:#ecfeff;--module-border:#a5f3fc;--module-ink:#0e7490;--module-icon-surface:#cffafe;--module-icon:#0891b2}.slate[b-pkj0mmt2o1]{--module-surface:#f8fafc;--module-border:#cbd5e1;--module-icon-surface:#e2e8f0;--module-icon:#64748b}

/* Keep the Blueprint's section labels lighter while preserving a strong visual hierarchy. */
.blueprint-section:nth-of-type(2) h2[b-pkj0mmt2o1],.blueprint-section:nth-of-type(3) h2[b-pkj0mmt2o1],.mini-section:nth-of-type(2) h3[b-pkj0mmt2o1],.mini-section:nth-of-type(3) h3[b-pkj0mmt2o1]{font-weight:500}
.slate[b-pkj0mmt2o1]{--module-ink:#475569}

/* Flow icons rotate through the palette even when source data uses the default theme. */
.flow-steps .flow-step:nth-child(8n + 2)[b-pkj0mmt2o1]{--module-icon-surface:#d1fae5;--module-icon:#059669}
.flow-steps .flow-step:nth-child(8n + 3)[b-pkj0mmt2o1]{--module-icon-surface:#ede9fe;--module-icon:#7c3aed}
.flow-steps .flow-step:nth-child(8n + 4)[b-pkj0mmt2o1]{--module-icon-surface:#ffedd5;--module-icon:#ea580c}
.flow-steps .flow-step:nth-child(8n + 5)[b-pkj0mmt2o1]{--module-icon-surface:#dbeafe;--module-icon:#4f46e5}
.flow-steps .flow-step:nth-child(8n + 6)[b-pkj0mmt2o1]{--module-icon-surface:#ffe4e6;--module-icon:#e11d48}
.flow-steps .flow-step:nth-child(8n + 7)[b-pkj0mmt2o1]{--module-icon-surface:#dcfce7;--module-icon:#16a34a}
.flow-steps .flow-step:nth-child(8n + 8)[b-pkj0mmt2o1]{--module-icon-surface:#cffafe;--module-icon:#0891b2}

/* Keep the highlighted flow and functional-area labels readable without the extra-bold treatment. */
.flow-steps .flow-step[b-pkj0mmt2o1],.area-grid .area-card[b-pkj0mmt2o1]{font-weight:600}

/* Compact, read-only preview of the planned form fields. */
.key-form-links[b-pkj0mmt2o1]{display:flex;flex-wrap:wrap;gap:.2rem .35rem}.form-preview-trigger[b-pkj0mmt2o1]{padding:0;border:0;background:transparent;color:#1e5db8;font:inherit;font-size:inherit;line-height:1.35;text-align:left;cursor:pointer}.form-preview-trigger:hover[b-pkj0mmt2o1],.form-preview-trigger:focus-visible[b-pkj0mmt2o1]{text-decoration:underline;color:#0b4fae}.form-preview-trigger:not(:last-child)[b-pkj0mmt2o1]:after{content:",";margin-left:.03rem;color:#7185a3;text-decoration:none}
.blueprint-form-preview-backdrop[b-pkj0mmt2o1]{position:fixed;inset:0;z-index:2700;display:grid;place-items:center;padding:1rem;background:rgba(18,38,75,.32)}.blueprint-form-preview[b-pkj0mmt2o1]{width:min(31rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:.85rem;border:1px solid #d6e2f3;border-radius:.55rem;background:#fff;box-shadow:0 18px 46px rgba(18,45,92,.24)}.form-preview-header[b-pkj0mmt2o1]{display:grid;grid-template-columns:1.7rem minmax(0,1fr) 1.65rem;align-items:center;gap:.55rem}.form-preview-header .module-table-icon[b-pkj0mmt2o1]{width:1.7rem;height:1.7rem;border-radius:.42rem}.form-preview-header h3[b-pkj0mmt2o1]{margin:0;color:#183969;font-size:.9rem}.form-preview-header p[b-pkj0mmt2o1]{margin:.13rem 0 0;overflow:hidden;color:#7185a3;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.form-preview-close[b-pkj0mmt2o1]{display:grid;place-items:center;width:1.65rem;height:1.65rem;padding:0;border:1px solid #d8e3f1;border-radius:.35rem;background:#fff;color:#486382;font-size:1.1rem;cursor:pointer}.form-preview-purpose[b-pkj0mmt2o1]{margin:.65rem 0;padding-top:.6rem;border-top:1px solid #edf1f7;color:#536d8f;font-size:.7rem;line-height:1.4}.form-preview-fields[b-pkj0mmt2o1]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}.form-preview-fields article[b-pkj0mmt2o1]{min-width:0;padding:.42rem .5rem;border:1px solid #e2eaf5;border-radius:.35rem;background:#fbfdff}.form-preview-fields strong[b-pkj0mmt2o1],.form-preview-fields span[b-pkj0mmt2o1]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-preview-fields strong[b-pkj0mmt2o1]{color:#274b80;font-size:.68rem}.form-preview-fields span[b-pkj0mmt2o1]{margin-top:.12rem;color:#7a8da9;font-size:.6rem}.blueprint-form-preview footer[b-pkj0mmt2o1]{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem;padding-top:.6rem;border-top:1px solid #edf1f7;color:#7488a5;font-size:.65rem}.blueprint-form-preview footer .subtle-button[b-pkj0mmt2o1]{padding:.35rem .62rem;font-size:.68rem}
@media(max-width:420px){.blueprint-form-preview[b-pkj0mmt2o1]{padding:.7rem}.form-preview-fields[b-pkj0mmt2o1]{grid-template-columns:1fr}}
@keyframes analyst-avatar-pulse-b-pkj0mmt2o1{50%{box-shadow:0 0 0 .32rem rgba(42,117,225,.13)}}
@keyframes working-dot-b-pkj0mmt2o1{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-.18rem);opacity:1}}
@keyframes blueprint-pulse-b-pkj0mmt2o1{70%{box-shadow:0 0 0 .5rem rgba(40,117,226,0)}100%{box-shadow:0 0 0 0 rgba(40,117,226,0)}}
@keyframes blueprint-refresh-b-pkj0mmt2o1{50%{border-color:#b9d7fb;box-shadow:0 0 0 .16rem rgba(67,133,231,.06)}}
.resource-scope[b-pkj0mmt2o1]{margin:.65rem 0 0;color:#7289aa;font-size:.7rem;line-height:1.45}.conversation-status[b-pkj0mmt2o1]{margin:.5rem 0;padding:.55rem .7rem;border:1px solid #f0dfb6;border-radius:.3rem;background:#fffdf6;color:#885e12;font-size:.72rem}.architect-actions button:disabled[b-pkj0mmt2o1],.subtle-button:disabled[b-pkj0mmt2o1]{cursor:default;opacity:.6}.architect-header[b-pkj0mmt2o1]{flex-shrink:0}
@media(max-width:820px){.blueprint-page[b-pkj0mmt2o1]{display:block}.blueprint-main[b-pkj0mmt2o1],.blueprint-summary-panel[b-pkj0mmt2o1]{min-height:auto;overflow:visible}}

/* More room for the native business pages beside the conversation. */
.architect-content[b-pkj0mmt2o1]{grid-template-columns:minmax(22rem,.8fr) minmax(0,1.2fr)}
.first-draft[b-pkj0mmt2o1]{padding:.85rem;background:#f2f6fb}
.blueprint-panel-heading[b-pkj0mmt2o1]{background:white;border:1px solid #dbe6f4;border-radius:.6rem;padding:.8rem;margin-bottom:.8rem}
@media(max-width:1100px){.architect-content[b-pkj0mmt2o1]{grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr)}}
@media(max-width:820px){.architect-content[b-pkj0mmt2o1]{display:block}.first-draft[b-pkj0mmt2o1]{padding:.6rem}.blueprint-panel-heading[b-pkj0mmt2o1]{flex-wrap:wrap}}
.conversation-heading h1 small[b-pkj0mmt2o1]{display:inline-block;white-space:nowrap}

.dashboard-refinements[b-pkj0mmt2o1] { margin: .5rem 0; }
.dashboard-refinements > span[b-pkj0mmt2o1] { color: #64748b; font-size: .75rem; font-weight: 600; }
.dashboard-refinements .suggested-answers[b-pkj0mmt2o1] { margin: .4rem 0 0; }
/* /Components/ProcessArchitect/AiBrainDraftExperience.razor.rz.scp.css */
.draft-experience[b-if58j18ni3]{background:#fff;border:1px solid #d9e5f3;border-radius:.7rem;overflow:hidden;margin-bottom:1rem;box-shadow:0 5px 20px #0c315007;min-width:0}
.draft-experience-heading[b-if58j18ni3]{padding:1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;border-bottom:1px solid #dce7f4}
.draft-experience-heading>div>span[b-if58j18ni3]{font-size:.56rem;color:#1268d4;font-weight:750;letter-spacing:.12em}
.draft-experience-heading h2[b-if58j18ni3]{font-size:1.1rem;line-height:1.4;color:#163b5b;margin:.25rem 0}
.draft-experience-heading p[b-if58j18ni3]{font-size:.73rem;color:#61778d;margin:0;line-height:1.6}
.draft-label[b-if58j18ni3]{border:1px solid #caddf2;background:#f1f7ff;color:#306898;font-size:.62rem;padding:.3rem .5rem;border-radius:.35rem;white-space:nowrap}
.draft-experience[b-if58j18ni3]  .runtime-preview-shell{min-height:24rem;overflow:visible}
.draft-page[b-if58j18ni3]{padding:1rem;background:var(--bpm-project-bg,#f2f6fb);color:var(--bpm-project-text,#18354f);min-width:0}
.draft-page-context[b-if58j18ni3]{font-size:.66rem;color:var(--bpm-project-muted,#61778d);margin-bottom:.9rem;overflow-wrap:anywhere}
.draft-page-context span[b-if58j18ni3]{padding:0 .35rem}
.draft-readback[b-if58j18ni3]{background:var(--bpm-project-surface,#fff);border:1px solid var(--bpm-project-border,#dce7f4);border-radius:.6rem;padding:.9rem;margin-bottom:.75rem}
.draft-readback h3[b-if58j18ni3]{font-size:1rem;color:var(--bpm-project-primary-dark,#163b5b);margin:0 0 .3rem}
.draft-readback p[b-if58j18ni3]{font-size:.75rem;color:var(--bpm-project-muted,#61778d);line-height:1.6;margin:0 0 .55rem}
.draft-readback>span[b-if58j18ni3]{color:var(--bpm-project-primary,#1268d4);font-size:.66rem;font-weight:600}
.draft-business-flow[b-if58j18ni3]{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.draft-business-flow span[b-if58j18ni3]{font-size:.63rem;background:white;color:#295d85;border:1px solid #d1e1f1;border-radius:.35rem;padding:.35rem .5rem}
.draft-business-flow span+span[b-if58j18ni3]:before{content:'→';margin-right:.35rem;color:#7a9bb7}
.draft-sample-note[b-if58j18ni3]{font-size:.67rem;color:#657c93;line-height:1.6;margin:.7rem 0}
.draft-test-result[b-if58j18ni3]{padding:.6rem .7rem;border:1px solid #c4e2d3;border-radius:.4rem;background:#f3fbf7;color:#28674a;font-size:.7rem;line-height:1.5}
.draft-native-page[b-if58j18ni3]{min-width:0;background:var(--bpm-project-surface,#fff);border:1px solid var(--bpm-project-border,#dce7f4);border-radius:.5rem;overflow:visible}
.draft-native-page[b-if58j18ni3]  .canvas-device-stage{padding:0;min-width:0}
.draft-native-page[b-if58j18ni3]  .runtime-form{max-width:100%;padding:.65rem}
.draft-open-decisions[b-if58j18ni3]{padding:.6rem .7rem;border:1px solid #ebd8af;border-radius:.4rem;background:#fffbf1;color:#826321;margin:.65rem 0;font-size:.67rem}
.draft-open-decisions summary[b-if58j18ni3]{cursor:pointer;font-weight:600}
.draft-open-decisions ul[b-if58j18ni3]{margin:.5rem 0;padding-left:1rem;line-height:1.6}
.draft-preparation-status[b-if58j18ni3]{padding:.65rem .75rem;border:1px solid #ebd8af;border-radius:.4rem;background:#fffbf1;color:#73561b;font-size:.7rem;line-height:1.6}
.draft-preview-problem[b-if58j18ni3]{padding:1rem;background:#fffbf1;color:#73561b;font-size:.78rem;line-height:1.6}
.draft-preview-problem h3[b-if58j18ni3]{font-size:1rem;margin:0 0 .5rem}
.draft-experience-footer[b-if58j18ni3]{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem 1rem;background:white;border-top:1px solid #dce7f4}
.draft-experience-footer>span[b-if58j18ni3]{font-size:.67rem;color:#61778d;line-height:1.5}
.draft-experience-footer button[b-if58j18ni3]{display:flex;align-items:center;gap:.4rem;border:1px solid #1268d4;background:#1268d4;color:white;border-radius:.4rem;font-size:.7rem;font-weight:600;padding:.5rem .7rem;cursor:pointer}
.draft-experience-footer button:disabled[b-if58j18ni3]{opacity:.5;cursor:default}
.draft-experience-footer[b-if58j18ni3]  svg{width:.85rem;height:.85rem}
.draft-planned-pages[b-if58j18ni3]{padding:1rem}
.draft-planned-pages h3[b-if58j18ni3]{font-size:.9rem;color:#163b5b;margin:0 0 .6rem}
.draft-planned-pages article[b-if58j18ni3]{display:flex;gap:.7rem;padding:.7rem;border:1px solid #dce7f4;border-radius:.5rem;margin-bottom:.6rem;background:#f8fbff}
.draft-planned-pages article[b-if58j18ni3]  svg{width:1.25rem;height:1.25rem;color:#1268d4;flex:none}
.draft-planned-pages strong[b-if58j18ni3]{font-size:.78rem;color:#173b65}
.draft-planned-pages p[b-if58j18ni3],.draft-planned-pages article span[b-if58j18ni3]{font-size:.7rem;color:#61778d;line-height:1.6;margin:.2rem 0}
.draft-experience button:focus-visible[b-if58j18ni3],.draft-experience summary:focus-visible[b-if58j18ni3]{outline:3px solid #4d99ee;outline-offset:3px}
@media(max-width:1100px){.draft-experience-heading[b-if58j18ni3]{flex-wrap:wrap}.draft-page[b-if58j18ni3]{padding:.65rem}}
@media(max-width:760px){.draft-experience-footer[b-if58j18ni3]{flex-wrap:wrap}.draft-experience[b-if58j18ni3]  .runtime-preview-shell{min-height:0}.draft-experience-heading h2[b-if58j18ni3]{font-size:1rem}}
.draft-page-picker[b-if58j18ni3]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.7rem;font-weight:600;color:var(--bpm-project-primary-dark,#163b5b);margin:.75rem 0}
.draft-page-picker select[b-if58j18ni3]{flex:1;min-width:0;max-width:100%;padding:.45rem .55rem;border:1px solid var(--bpm-project-border,#dce7f4);border-radius:.35rem;background:white;color:var(--bpm-project-text,#18354f);font:inherit;font-weight:400}
.draft-page-picker select:focus-visible[b-if58j18ni3]{outline:3px solid var(--bpm-project-focus,#4d99ee);outline-offset:3px}
@media(max-width:560px){.draft-page-picker[b-if58j18ni3]{display:grid;grid-template-columns:1fr}}
.draft-navigation-review[b-if58j18ni3]{padding:1rem 1rem 0}.draft-navigation-review[b-if58j18ni3]  .navigation-review{margin-bottom:1rem}@media(max-width:560px){.draft-navigation-review[b-if58j18ni3]{padding:.65rem .65rem 0}}
/* /Components/ProcessArchitect/AiBrainGeneratedReview.razor.rz.scp.css */
.generated-page[b-mye2q5edqb]{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,.34fr);flex:1;min-height:0;background:#f9fbff}.generated-main[b-mye2q5edqb]{min-height:0;overflow:auto;padding:1rem 1.45rem}.page-title[b-mye2q5edqb],.preview-title[b-mye2q5edqb]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.page-title h1[b-mye2q5edqb]{margin:0;color:#152c56;font-size:1.25rem}.page-title p[b-mye2q5edqb],.preview-title p[b-mye2q5edqb]{margin:.25rem 0 0;color:#7289aa;font-size:.75rem}.title-actions[b-mye2q5edqb],.preview-buttons[b-mye2q5edqb]{display:flex;gap:.5rem}.primary-button[b-mye2q5edqb],.subtle-button[b-mye2q5edqb]{padding:.5rem .85rem;border-radius:.35rem;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer}.primary-button[b-mye2q5edqb]{border:1px solid #1768e7;background:#1768e7;color:#fff;box-shadow:0 3px 8px rgba(18,91,208,.16)}.subtle-button[b-mye2q5edqb]{border:1px solid #cfdef6;background:#fff;color:#1768e7}.primary-button:disabled[b-mye2q5edqb],.subtle-button:disabled[b-mye2q5edqb]{cursor:default;opacity:.6}.ready-notice[b-mye2q5edqb]{display:grid;gap:.3rem;margin-bottom:.85rem;padding:.7rem .9rem;border:1px solid #c9dfce;border-radius:.35rem;background:#f5fbf7;color:#30734d;font-size:.74rem}.ready-notice span[b-mye2q5edqb]{font-size:.7rem}.review-section[b-mye2q5edqb]{margin-bottom:.8rem;padding:.8rem .9rem;border:1px solid #dfe8f5;border-radius:.4rem;background:#fff}.review-section h2[b-mye2q5edqb]{display:flex;justify-content:space-between;gap:1rem;margin:0 0 .65rem;color:#123d8b;font-size:.75rem;text-transform:uppercase}.review-section h2 small[b-mye2q5edqb]{color:#6983a5;font-size:.66rem;font-weight:500;text-transform:none}.module-table-wrap[b-mye2q5edqb]{overflow:auto}.review-section table[b-mye2q5edqb]{width:100%;border-collapse:collapse;font-size:.7rem;color:#46607f}.review-section th[b-mye2q5edqb]{text-align:left;background:#f5f8fc;color:#3c5477;padding:.5rem}.review-section td[b-mye2q5edqb]{padding:.5rem;border-top:1px solid #e9eff7;vertical-align:top}.review-section td strong[b-mye2q5edqb]{display:flex;gap:.35rem;align-items:center;color:#214d91}.review-section td strong :deep(svg)[b-mye2q5edqb]{width:1rem;height:1rem;color:#2874df;flex-shrink:0}.review-section td:first-child[b-mye2q5edqb]{min-width:10rem}.form-link[b-mye2q5edqb]{padding:0;margin:0 .55rem .25rem 0;border:0;background:none;color:#1d63c4;font:inherit;font-size:.7rem;cursor:pointer;text-align:left}.form-link:hover[b-mye2q5edqb],.form-link.selected[b-mye2q5edqb]{text-decoration:underline}.form-link.selected[b-mye2q5edqb]{font-weight:700}.preview-title h2[b-mye2q5edqb]{margin:0}.sample-badge[b-mye2q5edqb]{padding:.2rem .45rem;border-radius:.3rem;background:#eaf3ff;color:#2167cc;font-size:.65rem;white-space:nowrap}.preview-toolbar[b-mye2q5edqb]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-top:1px solid #eaf0f8}.preview-toolbar label[b-mye2q5edqb]{display:flex;align-items:center;gap:.5rem;color:#526b8c;font-size:.72rem;min-width:0}.preview-toolbar select[b-mye2q5edqb]{max-width:24rem;width:100%;padding:.4rem .55rem;border:1px solid #cfdef2;border-radius:.3rem;background:#fff;color:#274c81;font:inherit}.sample-explanation[b-mye2q5edqb]{margin:0 0 .7rem;color:#798da7;font-size:.68rem;line-height:1.5}.native-preview[b-mye2q5edqb]{padding:1rem;border:1px solid #e1e9f5;border-radius:.35rem;background:#f7faff}.native-preview :deep(.canvas-device-stage)[b-mye2q5edqb]{min-width:0}.native-preview :deep(.runtime-form)[b-mye2q5edqb]{max-width:100%;margin:auto}.form-details[b-mye2q5edqb]{margin-top:.7rem;color:#657d9b;font-size:.7rem}.form-details summary[b-mye2q5edqb]{cursor:pointer;color:#245eb9}.form-details table[b-mye2q5edqb]{margin-top:.5rem}.test-result[b-mye2q5edqb]{margin-bottom:.65rem;padding:.55rem .7rem;border:1px solid #cbe6d4;border-radius:.3rem;color:#20804c;background:#f3fbf6;font-size:.72rem}.test-result.failed[b-mye2q5edqb],.error-notice[b-mye2q5edqb]{color:#a33d2c;border-color:#f2cdc5;background:#fff7f5}.error-notice[b-mye2q5edqb]{margin-bottom:.7rem;padding:.65rem;border:1px solid #f2cdc5;border-radius:.3rem;font-size:.75rem}.generated-summary[b-mye2q5edqb]{min-height:0;overflow:auto;padding:1rem;border-left:1px solid #e0e8f4;background:#fbfdff}.panel-eyebrow[b-mye2q5edqb]{display:block;margin-bottom:.7rem;color:#10459d;font-size:.68rem;font-weight:800}.generated-summary section[b-mye2q5edqb]{margin-bottom:.65rem;padding:.75rem;border:1px solid #e2eaf5;border-radius:.38rem;background:#fff}.generated-summary h3[b-mye2q5edqb]{margin:0 0 .35rem;color:#1b345c;font-size:.73rem}.generated-summary strong[b-mye2q5edqb]{color:#274774;font-size:.73rem}.generated-summary p[b-mye2q5edqb]{margin:.3rem 0 0;color:#426086;font-size:.7rem;line-height:1.5}.generated-summary small[b-mye2q5edqb]{display:block;margin-top:.4rem;color:#7386a3;font-size:.66rem;line-height:1.45}.generated-summary ul[b-mye2q5edqb]{display:grid;gap:.35rem;margin:.45rem 0 0;padding:0;list-style:none;color:#15814c;font-size:.7rem}.generated-summary .attention[b-mye2q5edqb]{background:#fffdf7;border-color:#f0dfb6}.generated-summary .attention ul[b-mye2q5edqb]{color:#8c661c}.next-actions[b-mye2q5edqb]{background:linear-gradient(180deg,#fffdf5,#fff)!important}.next-actions .primary-button[b-mye2q5edqb],.next-actions .subtle-button[b-mye2q5edqb]{display:block;width:100%;margin-top:.55rem}.generated-summary .import-error[b-mye2q5edqb]{margin-top:.65rem;padding:.55rem;border:1px solid #f3cfc6;border-radius:.3rem;background:#fff7f5;color:#a33d2c}.preview-buttons[b-mye2q5edqb]{flex-shrink:0}
@media(max-width:1100px){.page-title[b-mye2q5edqb]{align-items:flex-start;flex-direction:column}.preview-toolbar[b-mye2q5edqb]{flex-wrap:wrap}.generated-page[b-mye2q5edqb]{grid-template-columns:minmax(0,1fr) 17rem}.preview-toolbar label[b-mye2q5edqb]{flex:1}.preview-toolbar select[b-mye2q5edqb]{max-width:100%}}@media(max-width:820px){.generated-page[b-mye2q5edqb]{grid-template-columns:1fr;overflow:auto}.generated-main[b-mye2q5edqb]{overflow:visible;padding:.8rem}.generated-summary[b-mye2q5edqb]{overflow:visible;border-left:0;border-top:1px solid #e0e8f4}.native-preview[b-mye2q5edqb]{padding:.5rem}.review-section h2[b-mye2q5edqb]{flex-wrap:wrap}.preview-toolbar[b-mye2q5edqb]{align-items:stretch;flex-direction:column}.preview-buttons[b-mye2q5edqb]{flex-wrap:wrap}.title-actions[b-mye2q5edqb]{flex-wrap:wrap}.generated-summary[b-mye2q5edqb]{min-height:0}}@media(max-width:560px){.page-title h1[b-mye2q5edqb]{font-size:1.1rem}.generated-main[b-mye2q5edqb]{padding:.5rem}.review-section[b-mye2q5edqb]{padding:.65rem}.preview-toolbar label[b-mye2q5edqb]{align-items:flex-start;flex-direction:column}}
@media(max-width:820px){.generated-page[b-mye2q5edqb]{display:block}.generated-main[b-mye2q5edqb],.generated-summary[b-mye2q5edqb]{min-height:auto}}
.sample-records[b-mye2q5edqb]{margin-top:.8rem;padding:.7rem .8rem;border:1px solid #d9e6f6;border-radius:.35rem;background:#f7faff;font-size:.72rem;color:#527094}.sample-records summary[b-mye2q5edqb]{cursor:pointer;color:#245cae;font-weight:600}.sample-records p[b-mye2q5edqb]{margin:.4rem 0;color:#7286a3;font-size:.68rem;line-height:1.5}.sample-records h3[b-mye2q5edqb]{margin:.75rem 0 .4rem;color:#2e4e7d;font-size:.73rem}.sample-table-wrap[b-mye2q5edqb]{overflow:auto}.sample-records td[b-mye2q5edqb]{white-space:nowrap}.preview-notes[b-mye2q5edqb]{margin-bottom:.7rem;padding:.7rem .8rem;border:1px solid #efdcaf;border-radius:.35rem;background:#fffdf7;color:#745922;font-size:.72rem}.preview-notes ul[b-mye2q5edqb]{margin:.4rem 0;padding-left:1rem}.preview-notes li[b-mye2q5edqb]{margin:.3rem 0;line-height:1.5}.preview-notes small[b-mye2q5edqb]{color:#8b794e}
.native-preview[b-mye2q5edqb]{padding:.5rem;background:#f2f8fe}
.native-preview[b-mye2q5edqb]  .canvas-device-stage{padding:0}
.native-preview[b-mye2q5edqb]  .runtime-form{padding:.75rem}
@media(max-width:560px){.native-preview[b-mye2q5edqb]{padding:.25rem}.native-preview[b-mye2q5edqb]  .runtime-form{padding:.5rem}}
.print-activation[b-mye2q5edqb]{display:flex;align-items:flex-start;gap:.45rem;margin-top:.7rem;padding:.6rem;border:1px solid #d6e4f6;border-radius:.3rem;background:#f6faff;color:#385d8d;font-size:.7rem;line-height:1.45;cursor:pointer}.print-activation input[type=checkbox][b-mye2q5edqb]{width:1rem;max-width:1rem;height:1rem;margin:.12rem 0 0;accent-color:#1768e7;flex:0 0 1rem}.print-activation span[b-mye2q5edqb]{flex:1;min-width:0;overflow-wrap:break-word}
.saved-project-recovery .subtle-button[b-mye2q5edqb]{display:block;width:100%;margin-top:.55rem}

/* The project body sits inside the same native Workspace template used after Add. */
.preview-section[b-mye2q5edqb]{padding:0;overflow:hidden;border-radius:.75rem}
.preview-title[b-mye2q5edqb]{padding:.9rem 1rem;margin:0;border-bottom:1px solid #dbe6f5;background:white}
.preview-section[b-mye2q5edqb]  .runtime-preview-shell{min-height:35rem;border-radius:0;overflow:visible}
.project-explorer[b-mye2q5edqb]{min-width:0;background:var(--bpm-project-bg,#f2f6fb);font-family:var(--bpm-project-font-family,inherit);color:var(--bpm-project-text,#18354f)}
.project-toolbar[b-mye2q5edqb]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--bpm-project-border,#dbe6f5);background:var(--bpm-project-surface,#fff);font-size:.74rem}
.project-toolbar>span:first-child[b-mye2q5edqb]{display:flex;align-items:center;gap:.5rem;font-weight:600;min-width:0;overflow-wrap:anywhere}
.project-toolbar[b-mye2q5edqb]  svg{width:1.05rem;height:1.05rem;color:var(--bpm-project-primary,#1268d4)}
.project-preview-status[b-mye2q5edqb]{display:flex;align-items:center;gap:.4rem;color:#527086;font-size:.67rem;white-space:nowrap}
.project-preview-status i[b-mye2q5edqb]{width:.45rem;height:.45rem;border-radius:50%;background:#0a9973}
.project-content[b-mye2q5edqb]{padding:1rem;min-width:0}
.project-breadcrumb[b-mye2q5edqb]{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;color:var(--bpm-project-muted,#627991);font-size:.67rem;margin-bottom:1rem}
.project-breadcrumb strong[b-mye2q5edqb]{font-weight:600;color:var(--bpm-project-primary-dark,#163b5b)}
.project-welcome[b-mye2q5edqb]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;border:1px solid var(--bpm-project-border,#dbe6f5);border-radius:.7rem;background:var(--bpm-project-surface,#fff);margin-bottom:.8rem;box-shadow:0 4px 16px #0c315007}
.journey-eyebrow[b-mye2q5edqb]{font-size:.58rem;letter-spacing:.12em;font-weight:700;color:var(--bpm-project-primary,#1268d4)}
.project-welcome h3[b-mye2q5edqb]{font-size:1.15rem;line-height:1.35;color:var(--bpm-project-primary-dark,#163b5b);margin:.35rem 0}
.project-welcome p[b-mye2q5edqb]{color:var(--bpm-project-muted,#627991);font-size:.76rem;line-height:1.6;margin:0;max-width:42rem}
.project-welcome[b-mye2q5edqb]  svg{width:2.6rem;height:2.6rem;color:var(--bpm-project-primary,#1268d4);flex:none;opacity:.75}
.project-quick-actions[b-mye2q5edqb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.8rem}
.project-quick-actions button[b-mye2q5edqb]{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;border:1px solid var(--bpm-project-border,#dbe6f5);border-radius:.5rem;background:var(--bpm-project-surface,#fff);color:var(--bpm-project-primary,#1268d4);font-size:.74rem;font-weight:600;text-align:left;cursor:pointer}
.project-quick-actions button:hover[b-mye2q5edqb]{background:#eaf3ff}
.project-quick-actions button span[b-mye2q5edqb]{flex:1;min-width:0}
.project-quick-actions[b-mye2q5edqb]  svg{height:1rem;width:1rem;flex:none}
.resource-inventory summary[b-mye2q5edqb]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:#173b65;font-size:.78rem;font-weight:600;cursor:pointer}
.resource-inventory summary small[b-mye2q5edqb]{font-size:.67rem;font-weight:400;color:#677f97}
.resource-inventory .module-table-wrap[b-mye2q5edqb]{margin-top:.65rem}
.project-content .native-preview[b-mye2q5edqb]{border:0;padding:0;background:transparent}
.project-content .preview-toolbar[b-mye2q5edqb]{flex-wrap:wrap;gap:.6rem;border-color:var(--bpm-project-border,#dbe6f5)}
.project-content .preview-toolbar label[b-mye2q5edqb]{flex:1}
.project-content .preview-toolbar select[b-mye2q5edqb]{min-width:0;max-width:100%}
.project-content .preview-buttons[b-mye2q5edqb]{flex-wrap:wrap}
.project-content .preview-buttons .primary-button[b-mye2q5edqb]{background:var(--bpm-project-primary,#1268d4);border-color:var(--bpm-project-primary,#1268d4)}
.project-content .sample-explanation[b-mye2q5edqb]{line-height:1.6;font-size:.7rem}
.project-content .sample-records[b-mye2q5edqb]{margin-top:1rem}
.project-content button:focus-visible[b-mye2q5edqb],.resource-inventory summary:focus-visible[b-mye2q5edqb]{outline:3px solid var(--bpm-project-focus,#4d99ee);outline-offset:3px}
@media(max-width:1200px){.generated-page[b-mye2q5edqb]{grid-template-columns:minmax(0,1fr) 16rem}.generated-main[b-mye2q5edqb]{padding:.85rem}.project-content[b-mye2q5edqb]{padding:.75rem}.project-welcome[b-mye2q5edqb]{padding:.9rem}.project-quick-actions[b-mye2q5edqb]{grid-template-columns:1fr}}
@media(max-width:820px){.generated-page[b-mye2q5edqb]{display:block}.project-quick-actions[b-mye2q5edqb]{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-section[b-mye2q5edqb]  .runtime-preview-shell{min-height:0}.project-toolbar[b-mye2q5edqb]{flex-wrap:wrap}.project-content[b-mye2q5edqb]{padding:.6rem}}
@media(max-width:560px){.project-quick-actions[b-mye2q5edqb]{grid-template-columns:1fr}.project-welcome[b-mye2q5edqb]  svg{display:none}.project-welcome h3[b-mye2q5edqb]{font-size:1rem}.preview-title[b-mye2q5edqb]{align-items:flex-start;flex-wrap:wrap}.project-content .preview-buttons[b-mye2q5edqb]{display:grid;grid-template-columns:1fr 1fr}.project-content .preview-buttons .primary-button[b-mye2q5edqb]{grid-column:1/-1}}
/* /Components/ProcessArchitect/AiBrainGenerationIssues.razor.rz.scp.css */
.generation-attention[b-jo5tin6ci6]{display:flex;flex-direction:column;gap:.8rem;padding:.5rem;color:#456183}.panel-eyebrow[b-jo5tin6ci6]{color:#12499f;font-size:.68rem;font-weight:800}.generation-attention h2[b-jo5tin6ci6]{margin:0;color:#173761;font-size:1.12rem}.project-name[b-jo5tin6ci6]{margin:-.45rem 0 0;color:#6d82a1;font-size:.76rem}.kept-notice[b-jo5tin6ci6]{display:grid;gap:.3rem;padding:.8rem .9rem;border:1px solid #caddf8;border-radius:.4rem;background:#f1f7ff;font-size:.74rem}.kept-notice strong[b-jo5tin6ci6]{color:#24558f}.kept-notice span[b-jo5tin6ci6]{line-height:1.5}.issue-card[b-jo5tin6ci6]{padding:.9rem;border:1px solid #efdcaf;border-radius:.4rem;background:#fffdf7}.issue-card h3[b-jo5tin6ci6]{margin:0 0 .4rem;color:#654c1c;font-size:.83rem}.issue-card p[b-jo5tin6ci6],.sample-note[b-jo5tin6ci6]{margin:0;font-size:.75rem;line-height:1.6}.affected-outputs[b-jo5tin6ci6]{display:flex;gap:.35rem;flex-wrap:wrap;margin:.75rem 0}.affected-outputs span[b-jo5tin6ci6]{padding:.25rem .45rem;border:1px solid #e5d9be;border-radius:.3rem;background:#fff;color:#635128;font-size:.68rem}.issue-card details[b-jo5tin6ci6]{margin-top:.7rem;font-size:.72rem}.issue-card summary[b-jo5tin6ci6]{cursor:pointer;color:#456493}.issue-card ul[b-jo5tin6ci6]{margin:.55rem 0 0;padding-left:1.15rem}.issue-card li[b-jo5tin6ci6]{margin:.4rem 0;line-height:1.5;overflow-wrap:anywhere}.recovery-actions[b-jo5tin6ci6]{display:flex;gap:.5rem;flex-wrap:wrap}.primary-button[b-jo5tin6ci6],.subtle-button[b-jo5tin6ci6]{padding:.55rem .8rem;border-radius:.35rem;font:inherit;font-size:.74rem;font-weight:600;cursor:pointer}.primary-button[b-jo5tin6ci6]{border:1px solid #1768e7;background:#1768e7;color:#fff;box-shadow:0 3px 8px rgba(18,91,208,.16)}.subtle-button[b-jo5tin6ci6]{border:1px solid #cfdef6;background:#fff;color:#1768e7}.primary-button:disabled[b-jo5tin6ci6],.subtle-button:disabled[b-jo5tin6ci6]{opacity:.6;cursor:default}.sample-note[b-jo5tin6ci6]{color:#788ba6;font-size:.68rem}@media(max-width:560px){.generation-attention[b-jo5tin6ci6]{padding:0}.recovery-actions[b-jo5tin6ci6]{flex-direction:column}.recovery-actions button[b-jo5tin6ci6]{width:100%}}
/* /Components/ProcessArchitect/AiBrainNavigationReview.razor.rz.scp.css */
.navigation-review[b-eusm11rwfo]{margin-bottom:1rem;border:1px solid #dce7f4;border-radius:.6rem;background:#fff;overflow:hidden;color:#18354f;min-width:0}
.review-step[b-eusm11rwfo]{padding:.9rem 1rem}.review-step+.review-step[b-eusm11rwfo]{border-top:1px solid #e1eaf5}
.review-heading[b-eusm11rwfo]{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:.7rem}.review-heading h2[b-eusm11rwfo]{margin:0;color:#173b65;font-size:.85rem;line-height:1.4}.review-heading p[b-eusm11rwfo]{margin:.25rem 0 0;color:#61778d;font-size:.71rem;line-height:1.5}.review-count[b-eusm11rwfo]{font-size:.65rem;line-height:1.5;color:#52718f;padding:.2rem .45rem;border-radius:.3rem;background:#f0f6ff;white-space:nowrap}
.inventory-wrap[b-eusm11rwfo]{max-height:24rem;overflow:auto}.inventory-table[b-eusm11rwfo]{width:100%;border-collapse:collapse;text-align:left;font-size:.72rem}.inventory-table thead th[b-eusm11rwfo]{padding:.45rem .55rem;background:#f4f8fd;color:#446481;font-weight:600}.inventory-table tbody th[b-eusm11rwfo],.inventory-table td[b-eusm11rwfo]{padding:.65rem .55rem;border-top:1px solid #e8eef6;vertical-align:top}.inventory-table tbody th[b-eusm11rwfo]{width:38%;min-width:10rem;font-weight:600}
.module-name[b-eusm11rwfo]{display:flex;align-items:center;gap:.4rem;color:#214d78}.module-name[b-eusm11rwfo]  svg,.planned-item[b-eusm11rwfo]  svg{width:1rem;height:1rem;flex:none;color:#1268d4}.module-purpose[b-eusm11rwfo]{display:block;max-width:30rem;margin-top:.3rem;font-weight:400;color:#698097;font-size:.66rem;line-height:1.5}
.inventory-form+.inventory-form[b-eusm11rwfo]{margin-top:.5rem}.inventory-form strong[b-eusm11rwfo]{font-weight:600;font-size:.71rem}.form-link[b-eusm11rwfo]{padding:0;border:0;background:transparent;color:#1268d4;text-align:left;font:inherit;line-height:1.5;cursor:pointer}.form-link:hover[b-eusm11rwfo],.form-link.selected[b-eusm11rwfo]{text-decoration:underline}.form-link.selected[b-eusm11rwfo]{font-weight:700}.form-link:focus-visible[b-eusm11rwfo]{outline:3px solid #4d99ee;outline-offset:3px;border-radius:.15rem}.form-role[b-eusm11rwfo]{display:block;margin-top:.1rem;font-size:.64rem;color:#6d8195;line-height:1.5}.check-passed[b-eusm11rwfo]{color:#26734e}
.spacing-summary[b-eusm11rwfo]{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin:0 0 .75rem;padding:.65rem .75rem;background:#f6f9fd;border:1px solid #e3ebf5;border-radius:.4rem}.spacing-summary div[b-eusm11rwfo]{display:grid;gap:.2rem}.spacing-summary dt[b-eusm11rwfo]{font-size:.65rem;color:#607a94}.spacing-summary dd[b-eusm11rwfo]{margin:0;font-size:.73rem;font-weight:600;color:#274e74}.spacing-summary dd span[b-eusm11rwfo]{font-size:.66rem;font-weight:400;color:#688096}
.menu-sections[b-eusm11rwfo]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.menu-section[b-eusm11rwfo]{border:1px solid #dae6f4;border-radius:.45rem;padding:.7rem .75rem;background:#fbfdff;min-width:0}.menu-section h3[b-eusm11rwfo]{margin:0 0 .55rem;color:#1268d4;font-size:.73rem;line-height:1.5;overflow-wrap:anywhere}
.planned-items[b-eusm11rwfo]{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.planned-item[b-eusm11rwfo]{display:flex;align-items:flex-start;gap:.45rem}.planned-item[b-eusm11rwfo]  svg{margin-top:.05rem}.planned-item>div[b-eusm11rwfo]{min-width:0}.planned-item strong[b-eusm11rwfo]{display:block;font-size:.71rem;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.planned-item span[b-eusm11rwfo]{display:block;font-size:.63rem;color:#6b8095;line-height:1.5;margin-top:.12rem}.planned-forms[b-eusm11rwfo]{margin:.4rem 0 0 1.45rem;padding-left:.9rem;display:grid;gap:.3rem;color:#42617d;font-size:.68rem;line-height:1.5}.plan-help[b-eusm11rwfo]{font-size:.68rem;color:#607991;line-height:1.6;margin:.7rem 0 0}.empty-note[b-eusm11rwfo]{color:#7b8c9d;font-size:.68rem;line-height:1.5;margin:.2rem 0 0}
@media(max-width:760px){.review-step[b-eusm11rwfo]{padding:.75rem}.menu-sections[b-eusm11rwfo]{grid-template-columns:1fr}.inventory-table tbody th[b-eusm11rwfo]{width:42%}.module-purpose[b-eusm11rwfo]{max-width:16rem}}@media(max-width:560px){.review-heading[b-eusm11rwfo]{gap:.4rem}.spacing-summary[b-eusm11rwfo]{gap:.6rem 1rem}.inventory-table tbody th[b-eusm11rwfo]{min-width:8rem}.review-step[b-eusm11rwfo]{padding:.65rem}.module-name[b-eusm11rwfo]{align-items:flex-start}}
/* /Components/ProcessArchitect/AiBrainPageEditor.razor.rz.scp.css */
.brain-page-editor[b-tn368i9ci2]{border:1px solid #d5e4f3;border-radius:.55rem;background:white;padding:.8rem;margin:.7rem 0;font-size:.73rem;color:#25496f;min-width:0}.editor-heading[b-tn368i9ci2]{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;flex-wrap:wrap}.editor-heading strong[b-tn368i9ci2]{color:#17457b;font-size:.79rem}.editor-heading p[b-tn368i9ci2],.edit-group p[b-tn368i9ci2]{margin:.3rem 0;font-size:.68rem;line-height:1.5;color:#627b94}.brain-page-editor button[b-tn368i9ci2]{padding:.4rem .6rem;background:#f6faff;border:1px solid #c9dcf2;border-radius:.35rem;color:#175da9;font:inherit;font-size:.68rem;cursor:pointer}.brain-page-editor button:disabled[b-tn368i9ci2]{opacity:.5;cursor:default}.page-confirmations[b-tn368i9ci2]{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid #e3ecf6}.page-confirmations label[b-tn368i9ci2]{display:flex;align-items:flex-start;gap:.35rem;font-size:.68rem}.page-confirmations input[b-tn368i9ci2]{accent-color:#156fd4;flex:none;margin:.1rem 0 0}.editor-controls[b-tn368i9ci2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem}.edit-group[b-tn368i9ci2]{border:1px solid #e1eaf5;border-radius:.4rem;background:#fafcff;padding:.7rem;min-width:0}.edit-group h4[b-tn368i9ci2]{margin:0 0 .55rem;color:#204e80;font-size:.75rem}.edit-group label[b-tn368i9ci2]{display:grid;gap:.3rem;font-size:.67rem;margin:.5rem 0}.edit-group input[b-tn368i9ci2],.edit-group select[b-tn368i9ci2]{width:100%;box-sizing:border-box;min-width:0;padding:.45rem .5rem;border:1px solid #c9dcef;border-radius:.3rem;background:white;font:inherit;color:#234e76}.edit-group button[b-tn368i9ci2]{margin:.2rem .2rem .1rem 0}.edit-group small[b-tn368i9ci2]{display:block;color:#6c8098;font-size:.63rem;line-height:1.5;margin-top:.45rem}.field-actions[b-tn368i9ci2]{display:flex;flex-wrap:wrap}.brain-page-editor .remove-button[b-tn368i9ci2]{background:#fff8f5;border-color:#eccbc0;color:#9c4935}.removal-review[b-tn368i9ci2]{margin-top:.7rem;padding:.75rem;border:1px solid #efccb6;background:#fff9f1;border-radius:.4rem;color:#845536}.removal-review p[b-tn368i9ci2]{margin:.45rem 0;font-size:.69rem;line-height:1.5}.removal-review button[b-tn368i9ci2]{margin-right:.4rem}.removal-review .confirm-removal[b-tn368i9ci2]{background:#9f4930;border-color:#9f4930;color:white}.brain-page-editor button:focus-visible[b-tn368i9ci2],.brain-page-editor input:focus-visible[b-tn368i9ci2],.brain-page-editor select:focus-visible[b-tn368i9ci2]{outline:3px solid #60a3eb;outline-offset:2px}@media(max-width:640px){.editor-controls[b-tn368i9ci2]{grid-template-columns:1fr}.page-confirmations[b-tn368i9ci2]{align-items:flex-start;flex-direction:column}}

.brain-page-editor .page-confirmations label[b-tn368i9ci2]{min-width:0;line-height:1.5;flex:1 1 13rem}.brain-page-editor .page-confirmations input[type=checkbox][b-tn368i9ci2]{width:1rem;height:1rem;min-width:1rem;max-width:1rem;flex:0 0 1rem;padding:0}
/* /Components/ProcessArchitect/AiBrainPracticeResearchReview.razor.rz.scp.css */
.practice-research[b-hqyr13rqyb]{margin:.65rem 0;padding:.7rem .8rem;border:1px solid #dbe6f3;border-radius:.5rem;background:#f7faff;color:#46607f;font-size:.76rem;line-height:1.55}
.practice-research summary[b-hqyr13rqyb]{font-weight:600;color:#245596;cursor:pointer}
.practice-research p[b-hqyr13rqyb]{margin:.45rem 0}
.practice-research small[b-hqyr13rqyb]{display:block;color:#6b7f99}
.practice-research ul[b-hqyr13rqyb]{margin:.6rem 0 0;padding-left:1.15rem}
.practice-research li[b-hqyr13rqyb]{margin-bottom:.65rem}
.practice-research a[b-hqyr13rqyb]{color:#1767d9;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
/* /Components/ProcessArchitect/AiBrainPrintReview.razor.rz.scp.css */
.print-review[b-3or6hrcfg9]{margin-bottom:.8rem;padding:.8rem .9rem;border:1px solid #dfe8f5;border-radius:.4rem;background:#fff}.print-heading[b-3or6hrcfg9]{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.print-heading h2[b-3or6hrcfg9]{margin:0;color:#123d8b;font-size:.75rem;text-transform:uppercase}.print-heading span[b-3or6hrcfg9]{padding:.2rem .45rem;border-radius:.3rem;background:#eaf3ff;color:#2167cc;font-size:.65rem;white-space:nowrap}.print-review p[b-3or6hrcfg9]{color:#7286a3;font-size:.7rem;line-height:1.5;margin:.5rem 0 .7rem}.print-document-list[b-3or6hrcfg9]{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}.print-document-list button[b-3or6hrcfg9]{padding:.4rem .65rem;border:1px solid #cfdef6;border-radius:.3rem;background:#fff;color:#1768e7;font:inherit;font-size:.72rem;cursor:pointer}.print-document-list .selected[b-3or6hrcfg9]{background:#eaf3ff;border-color:#9cbef1;font-weight:600}.print-details[b-3or6hrcfg9]{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;border:1px solid #dfe8f5;border-bottom:0;border-radius:.35rem .35rem 0 0;background:#f6f9fe;color:#385780;font-size:.7rem}.print-details span[b-3or6hrcfg9]{color:#7286a3}.print-frame[b-3or6hrcfg9]{display:block;width:100%;height:35rem;max-height:70vh;border:1px solid #dfe8f5;border-radius:0 0 .35rem .35rem;background:#eaf0f8}.print-error[b-3or6hrcfg9]{padding:.6rem;border:1px solid #efdcaf;border-radius:.3rem;background:#fffdf7;color:#745922;font-size:.72rem}.print-review .calculation-note[b-3or6hrcfg9]{margin:0;padding:.5rem .7rem;border:1px solid #dfe8f5;border-bottom:0;background:#f7fbff;color:#446990}@media(max-width:560px){.print-heading[b-3or6hrcfg9]{align-items:flex-start;flex-direction:column}.print-details[b-3or6hrcfg9]{flex-direction:column}.print-frame[b-3or6hrcfg9]{height:30rem}.print-review[b-3or6hrcfg9]{padding:.65rem}}
/* /Components/ProcessArchitect/AiBrainReadiness.razor.rz.scp.css */
.brain-readiness[b-rsnds2a569]{padding:.8rem 1rem;border:1px solid #d6e5f5;border-radius:.5rem;background:#f7fbff;margin:.75rem 0;color:#25496f;font-size:.72rem;min-width:0}.readiness-heading[b-rsnds2a569]{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.readiness-heading>div[b-rsnds2a569]{display:grid;gap:.2rem}.readiness-heading strong[b-rsnds2a569]{font-size:.92rem;color:#184481}.readiness-heading span[b-rsnds2a569]{font-size:.66rem;color:#607b94}.readiness-heading>.reached[b-rsnds2a569]{color:#157953}.readiness-heading>.pending[b-rsnds2a569]{color:#8b6624}.brain-readiness progress[b-rsnds2a569]{width:100%;height:.7rem;margin:.65rem 0;accent-color:#146fd2}.brain-readiness summary[b-rsnds2a569]{cursor:pointer;color:#225b9c;font-weight:600}.brain-readiness details[b-rsnds2a569]{margin:.4rem 0}.brain-readiness ul[b-rsnds2a569]{padding-left:1rem;margin:.5rem 0;line-height:1.7}.brain-readiness p[b-rsnds2a569]{line-height:1.6;font-size:.67rem;margin:.5rem 0;color:#58718b}.decision-review[b-rsnds2a569]{border-top:1px solid #dbe8f5;padding-top:.6rem}.decision-review label[b-rsnds2a569]{display:flex;gap:.5rem;line-height:1.5;margin-top:.6rem;align-items:flex-start}.decision-review input[b-rsnds2a569]{margin-top:.1rem;flex:none;accent-color:#146fd2}.brain-readiness button[b-rsnds2a569]{padding:.4rem .65rem;border:1px solid #cbdff5;border-radius:.35rem;background:white;color:#145fa8;font:inherit;cursor:pointer}.brain-readiness button:disabled[b-rsnds2a569]{opacity:.5}.brain-readiness summary:focus-visible[b-rsnds2a569],.brain-readiness button:focus-visible[b-rsnds2a569]{outline:3px solid #63a3e9;outline-offset:2px}

.brain-readiness .decision-review input[type=checkbox][b-rsnds2a569]{width:1rem;height:1rem;min-width:1rem;max-width:1rem;flex:0 0 1rem;padding:0}
/* /Components/ProcessArchitect/AiBrainSolutionReview.razor.rz.scp.css */
.solution-review[b-usu0fgj1i2]{padding:.8rem .9rem;margin-bottom:.8rem;border:1px solid #dfe8f5;border-radius:.4rem;background:#fff;color:#46607f;font-size:.72rem}.solution-review h2[b-usu0fgj1i2]{margin:0 0 .7rem;color:#123d8b;font-size:.75rem;text-transform:uppercase}.solution-review h3[b-usu0fgj1i2]{margin:.7rem 0 .4rem;color:#26466e;font-size:.72rem}.solution-review ol[b-usu0fgj1i2],.solution-review ul[b-usu0fgj1i2]{margin:.35rem 0;padding-left:1.2rem;line-height:1.65}.output-list[b-usu0fgj1i2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.55rem}.output-list article[b-usu0fgj1i2]{padding:.6rem .7rem;border:1px solid #e1eaf5;border-radius:.35rem;background:#fbfdff}.output-list strong[b-usu0fgj1i2]{color:#214d91}.output-list strong small[b-usu0fgj1i2]{display:inline-block;margin-left:.3rem;padding:.1rem .3rem;border-radius:.25rem;background:#eaf3ff;color:#1767d9;font-size:.62rem;font-weight:500}.output-list p[b-usu0fgj1i2],.evidence-list p[b-usu0fgj1i2]{margin:.35rem 0;font-size:.7rem;line-height:1.5}.output-list span[b-usu0fgj1i2]{color:#6c83a2;font-size:.65rem}.solution-review details[b-usu0fgj1i2]{margin-top:.65rem;padding-top:.5rem;border-top:1px solid #edf1f7}.solution-review summary[b-usu0fgj1i2]{color:#235dba;cursor:pointer;font-size:.7rem}.resource-list[b-usu0fgj1i2]{list-style:none;padding-left:0!important}.resource-list li[b-usu0fgj1i2]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;padding:.25rem 0}.resource-list span[b-usu0fgj1i2]{color:#6c83a2;font-size:.64rem}.attention-list[b-usu0fgj1i2]{margin-top:.6rem;padding:.4rem .7rem;border:1px solid #f0dfb6;border-radius:.3rem;background:#fffdf6}.attention-list h3[b-usu0fgj1i2]{margin-top:.2rem;color:#885e12}.evidence-list[b-usu0fgj1i2]{display:grid;gap:.5rem;margin-top:.5rem}.evidence-list article[b-usu0fgj1i2]{padding:.35rem 0}.evidence-list span[b-usu0fgj1i2]{margin-left:.5rem;color:#7c8da5;font-size:.62rem}.evidence-list a[b-usu0fgj1i2]{color:#1767d9;text-decoration:none;font-size:.67rem}
/* /Components/Runtime/RuntimeOperationsPanel.razor.rz.scp.css */
.recon-shell[b-okicfdkill] {
    --navy: #10345e;
    --blue: #176cc5;
    --green: #10864c;
    --border: #d5e1ed;
    max-width: 1120px;
    margin: 24px auto;
    padding: 24px;
    color: #18324d;
    background: #fff;
    font: 16px/1.5 system-ui,sans-serif;
    border-radius: 20px
}

.recon-header[b-okicfdkill] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 20px
}

.recon-mobile-preparation[b-okicfdkill] {
    max-width: 440px;
    margin: 0 auto;
    padding: 12px 16px;
    font-size: 13px;
    border-radius: 0;
}

.recon-preparation-header h1[b-okicfdkill] { font-size: 18px; margin: 12px 0 4px; }
.recon-preparation-header p[b-okicfdkill] { margin: 0 0 12px; color: #60758a; }
.recon-mobile-preparation .recon-card[b-okicfdkill] { padding: 12px; }
.recon-mobile-preparation .recon-card h2[b-okicfdkill] { font-size: 15px; margin: 0 0 8px; }
.recon-mobile-preparation .recon-card p[b-okicfdkill] { margin: 6px 0; line-height: 1.45; overflow-wrap: anywhere; }
.recon-mobile-preparation .recon-equipment-selection[b-okicfdkill] { max-height: 260px; overflow-y: auto; }
.recon-mobile-preparation .recon-primary[b-okicfdkill] { width: 100%; }

    .recon-header h1[b-okicfdkill] {
        font-size: 28px;
        line-height: 1.2;
        color: var(--navy);
        margin: 8px 0
    }

    .recon-header p[b-okicfdkill] {
        margin: 0;
        color: #60758a
    }

.recon-eyebrow[b-okicfdkill] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px
}

.recon-nav[b-okicfdkill] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 20px 0
}

    .recon-nav button[b-okicfdkill] {
        background: #f3f7fb;
        color: var(--navy);
        border: 1px solid var(--border);
        min-height: 44px;
        border-radius: 9px;
        padding: 8px 14px
    }

    .recon-nav .selected[b-okicfdkill] {
        background: var(--navy);
        color: white
    }

.recon-card[b-okicfdkill] {
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 16px;
    margin: 20px 0
}

    .recon-card h2[b-okicfdkill] {
        font-size: 20px;
        color: var(--navy);
        margin: 0 0 16px
    }

    .recon-card h3[b-okicfdkill] {
        font-size: 17px
    }

.recon-stats[b-okicfdkill] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
    margin: 24px 0
}

    .recon-stats article[b-okicfdkill] {
        padding: 22px;
        border: 2px solid var(--border);
        border-radius: 18px;
        background: #f5f8fc
    }

    .recon-stats span[b-okicfdkill] {
        display: block;
        color: #61758a
    }

    .recon-stats strong[b-okicfdkill] {
        display: block;
        font-size: 36px;
        color: var(--blue);
        margin: 12px 0 0
    }

    .recon-stats small[b-okicfdkill] {
        font-size: 20px
    }

    .recon-stats .green[b-okicfdkill] {
        color: var(--green)
    }

    .recon-stats .amber[b-okicfdkill] {
        color: #a65d00
    }

    .recon-stats .recon-large[b-okicfdkill] {
        grid-column: span 2;
        text-align: center
    }

.recon-large strong[b-okicfdkill] {
    font-size: 64px
}

.recon-large p[b-okicfdkill] {
    font-size: 13px;
    color: #61758a
}

.recon-context[b-okicfdkill] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
    padding: 16px 0
}

    .recon-context div[b-okicfdkill] {
        display: flex;
        min-width: 0;
        justify-content: space-between;
        gap: 18px
    }

    .recon-context strong[b-okicfdkill] { min-width: 0; overflow-wrap: anywhere; }

    .recon-context span[b-okicfdkill] {
        color: #61758a
    }

.recon-shell button[b-okicfdkill] {
    font: inherit;
    font-weight: 650;
    cursor: pointer;
    min-height: 48px;
    transition: background .15s
}

    .recon-shell button:disabled[b-okicfdkill] {
        background: #e0e5ea !important;
        color: #526170 !important;
        border-color: #cfd7df !important;
        cursor: not-allowed
    }

    .recon-shell button:focus-visible[b-okicfdkill], .recon-shell input:focus-visible[b-okicfdkill], .recon-shell select:focus-visible[b-okicfdkill], .recon-shell textarea:focus-visible[b-okicfdkill] {
        outline: 3px solid #eea51a;
        outline-offset: 3px
    }

.recon-primary[b-okicfdkill], .recon-secondary[b-okicfdkill], .recon-danger[b-okicfdkill] {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 14px 20px;
    margin: 12px 0
}

.recon-primary[b-okicfdkill] {
    background: var(--green);
    color: #fff
}

.recon-secondary[b-okicfdkill] {
    background: var(--navy);
    color: #fff
}

.recon-header .recon-secondary[b-okicfdkill] {
    width: auto
}

.recon-danger[b-okicfdkill] {
    background: #b92935;
    color: #fff
}

.recon-choice[b-okicfdkill] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    text-align: left;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    background: #fff;
    color: var(--navy);
    margin: 12px 0
}

    .recon-choice span:last-child[b-okicfdkill] {
        font-size: 14px
    }

.recon-help[b-okicfdkill] {
    font-size: 14px;
    color: #566a7f;
    margin: 12px 0
}

.recon-notice[b-okicfdkill] {
    background: #fff7df;
    border: 1px solid #e7c56b;
    border-radius: 12px;
    padding: 16px;
    margin: 16px 0
}

.recon-success[b-okicfdkill] {
    background: #eff9f3;
    border: 1px solid #78b592;
    border-radius: 12px;
    color: #145c35;
    padding: 16px;
    margin: 16px 0
}

.recon-blocked[b-okicfdkill] {
    border-left: 4px solid #c27412;
    background: #fff8ee;
    padding: 12px 16px
}

.recon-shell label[b-okicfdkill] {
    display: block;
    margin: 16px 0;
    font-weight: 600
}

.recon-shell input:not([type=checkbox])[b-okicfdkill], .recon-shell select[b-okicfdkill], .recon-shell textarea[b-okicfdkill] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
    border: 1px solid #abbccd;
    border-radius: 8px;
    margin-top: 8px;
    font: inherit;
    background: #fff;
    color: #18324d;
    min-height: 48px
}

.recon-shell textarea[b-okicfdkill] {
    min-height: 100px
}

.recon-shell .recon-check[b-okicfdkill] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 400
}

.recon-check input[b-okicfdkill] {
    width: 22px;
    height: 22px;
    flex: none
}

.recon-shell fieldset[b-okicfdkill] {
    border: 1px solid var(--border);
    border-radius: 12px;
    margin: 20px 0
}

.recon-shell details[b-okicfdkill] {
    padding: 14px 0;
    border-bottom: 1px solid var(--border)
}

.recon-shell summary[b-okicfdkill] {
    cursor: pointer;
    font-weight: 650
}

.recon-actions[b-okicfdkill] {
    display: flex;
    gap: 16px
}

.recon-evidence[b-okicfdkill] {
    max-width: 100%;
    max-height: 400px;
    border-radius: 12px
}

@media(max-width:650px) {
    .recon-shell[b-okicfdkill] {
        margin: 0;
        border-radius: 0;
        padding: 18px 16px
    }

    .recon-header h1[b-okicfdkill] {
        font-size: 24px
    }

    .recon-header .recon-secondary[b-okicfdkill] {
        font-size: 13px;
        padding: 10px
    }

    .recon-stats[b-okicfdkill] {
        grid-template-columns: repeat(2,1fr);
        gap: 12px
    }

        .recon-stats article[b-okicfdkill] {
            padding: 16px
        }

    .recon-context[b-okicfdkill] {
        grid-template-columns: 1fr
    }

    .recon-card[b-okicfdkill] {
        padding: 18px
    }

    .recon-choice[b-okicfdkill] {
        gap: 10px
    }

    .recon-nav[b-okicfdkill] {
        gap: 6px
    }

        .recon-nav button[b-okicfdkill] {
            font-size: 14px;
            padding: 8px 10px
        }

    .recon-actions[b-okicfdkill] {
        gap: 10px
    }
}

.rfid-epc[b-okicfdkill] { font-size: 14px; color: #16803c; overflow-wrap: anywhere; }

.recon-scan-out[b-okicfdkill] { max-width: 480px; margin: 0 auto; padding: 24px 18px; border-radius: 0; font-size: 14px; box-sizing: border-box; }
.recon-scan-out *[b-okicfdkill] { box-sizing: border-box; }
.scan-out-header .recon-eyebrow[b-okicfdkill] { color: #33745d; font-size: 10px; letter-spacing: 1.5px; }
.scan-out-header h1[b-okicfdkill] { margin: 8px 0 4px; font-size: 25px; line-height: 1.2; letter-spacing: -.5px; color: #183b51; }
.scan-out-header p[b-okicfdkill] { margin: 0 0 22px; color: #667b8a; overflow-wrap: anywhere; }
.scan-out-summary[b-okicfdkill] { padding: 16px; border: 1px solid #dce6e9; border-radius: 14px; background: #f6f9fa; }
.scan-out-label[b-okicfdkill] { display: block; font-size: 11px; color: #657b89; }
.scan-out-packing[b-okicfdkill] { display: block; margin: 5px 0 16px; font: 600 12px/1.6 ui-monospace,Consolas,monospace; overflow-wrap: anywhere; }
.scan-out-quantity[b-okicfdkill] { display: flex; align-items: center; gap: 12px; border-top: 1px solid #dce6e9; padding-top: 12px; }
.scan-out-quantity strong[b-okicfdkill] { color: #14724f; font-size: 36px; font-weight: 650; line-height: 1.2; font-variant-numeric: tabular-nums; }
.scan-out-quantity span[b-okicfdkill] { font-size: 13px; color: #506a77; }
.scan-out-explanation[b-okicfdkill] { margin: 24px 0 20px; }
.recon-scan-out h2[b-okicfdkill] { margin: 0 0 8px; font-size: 17px; color: #183b51; }
.scan-out-explanation p[b-okicfdkill] { margin: 8px 0; line-height: 1.6; color: #4d6575; }
.scan-out-help[b-okicfdkill] { margin: 12px 0; color: #657987; font-size: 12px; line-height: 1.6; }
.scan-out-return-help[b-okicfdkill] { text-align: center; margin-top: 8px; }
.scan-out-warning[b-okicfdkill] { padding: 12px 14px; border-left: 3px solid #cb9b35; border-radius: 6px; background: #fff8e9; color: #795916; font-size: 13px; overflow-wrap: anywhere; }
.scan-out-actions[b-okicfdkill] { display: grid; grid-template-columns: 1fr 1.35fr; gap: 10px; margin-top: 24px; }
.recon-scan-out button[b-okicfdkill] { min-height: 48px; border-radius: 10px; margin: 0; }
.recon-scan-out .recon-primary[b-okicfdkill] { background: #14724f; }
.scan-out-actions .recon-secondary[b-okicfdkill] { background: #fff; color: #355266; border: 1px solid #cbd8e1; }
.scan-out-progress[b-okicfdkill] { padding: 18px 0; text-align: center; font-weight: 600; color: #14724f; }
.scan-out-success[b-okicfdkill] { display: flex; align-items: flex-start; gap: 12px; margin: 24px 0 12px; }
.scan-out-success>span[b-okicfdkill] { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 50%; background: #e6f4eb; color: #14724f; font-size: 21px; }
.scan-out-success p[b-okicfdkill] { margin: 0; color: #4d6575; line-height: 1.6; }