/* /Components/Ai/AiAssistantPanel.razor.rz.scp.css */
.ai-chat-widget[b-kmy9caekph] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: #f8fafc;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.22);
}

.ai-chat-header[b-kmy9caekph] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
}

.ai-chat-agent[b-kmy9caekph] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ai-chat-avatar[b-kmy9caekph] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--rz-primary);
}

.ai-chat-title[b-kmy9caekph] {
    font-weight: 800;
    color: #111827;
}

.ai-chat-subtitle[b-kmy9caekph] {
    max-width: 300px;
    overflow: hidden;
    color: #64748b;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-chat-close[b-kmy9caekph] {
    flex: 0 0 auto;
}

.ai-chat-messages[b-kmy9caekph] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.ai-progress-line[b-kmy9caekph] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color, #6b7280);
    padding: 0.25rem 0.15rem;
}

.ai-progress-line .ai-progress-sparkle[b-kmy9caekph] {
    font-size: 1rem;
    animation: ai-progress-pulse-b-kmy9caekph 1.4s ease-in-out infinite;
}

@keyframes ai-progress-pulse-b-kmy9caekph {
    0%, 100% { opacity: 0.45; transform: scale(0.94); }
    50% { opacity: 1; transform: scale(1.06); }
}

.ai-chat-message-row[b-kmy9caekph] {
    display: flex;
    margin-bottom: 0.75rem;
}

.ai-chat-message-row.is-user[b-kmy9caekph] {
    justify-content: flex-end;
}

.ai-chat-message-row.is-assistant[b-kmy9caekph] {
    justify-content: flex-start;
}

.ai-chat-bubble[b-kmy9caekph] {
    max-width: 86%;
    padding: 0.8rem 0.95rem;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    white-space: pre-wrap;
}

.ai-chat-message-row.is-user .ai-chat-bubble[b-kmy9caekph] {
    color: #ffffff;
    background: var(--rz-primary);
}

/* Attachment chips shown inside a message bubble (e.g. files sent with the message).
   These classes are also used by AiWorkflowAssistantPanel, but Blazor scoped CSS is
   per-component, so the rules must be declared here too or the chip renders unstyled
   (icon + filename overlapping the message text). */
.ai-bubble-attachments[b-kmy9caekph] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 0.45rem;
}

.ai-bubble-attachment-chip[b-kmy9caekph] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 100%;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-bubble-attachment-chip .rz-icon[b-kmy9caekph] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1;
}

/* On the coloured user bubble the chip uses a translucent white pill with white text. */
.ai-chat-message-row.is-user .ai-bubble-attachment-chip[b-kmy9caekph] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.22);
}

.ai-suggestions[b-kmy9caekph] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
    background: #ffffff;
}

.ai-suggestions-scroll[b-kmy9caekph] {
    display: grid;
    gap: 0.55rem;
    max-height: 160px;
    overflow-y: auto;
}

.ai-suggestions-title[b-kmy9caekph] {
    font-weight: 800;
    color: #111827;
}

.ai-suggestion-card[b-kmy9caekph] {
    padding: 0.7rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: #f8fafc;
}

.ai-file-input[b-kmy9caekph] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.ai-attachment-list[b-kmy9caekph] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.ai-attachment-chip[b-kmy9caekph] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.35rem 0.5rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
}

.ai-attachment-chip span[b-kmy9caekph] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-attachment-chip button[b-kmy9caekph] {
    border: 0;
    color: #64748b;
    background: transparent;
    font-weight: 900;
    line-height: 1;
}

.ai-pending-bar[b-kmy9caekph] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.6rem 0.9rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
}

.ai-pending-info[b-kmy9caekph] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #374151;
}

.ai-pending-bar-actions[b-kmy9caekph] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ai-chat-composer[b-kmy9caekph] {
    display: grid;
    gap: 0.6rem;
    padding: 0.9rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
}

.ai-chat-input[b-kmy9caekph] {
    width: 100%;
    resize: none;
}

.ai-chat-actions[b-kmy9caekph] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.ai-chat-left-actions[b-kmy9caekph] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.ai-attach-button[b-kmy9caekph] {
    /* refined attach / small action button: pill when it has text, circular for icon-only */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 999px;
    color: #334155;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    transition: background 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}

.ai-attach-button:hover[b-kmy9caekph] {
    background: #f1f5f9;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

.ai-attach-button.is-disabled[b-kmy9caekph] {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
    transform: none;
    box-shadow: none;
}

.ai-attach-button .ai-attach-count[b-kmy9caekph] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #64748b;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

/* Make Radzen light/flat buttons inside the left actions match the small icon style */
.ai-chat-left-actions .rz-button[b-kmy9caekph] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    color: #334155;
    box-shadow: none;
    transition: background 120ms ease, transform 120ms ease;
    min-width: 36px;
}

.ai-chat-left-actions .rz-button:hover[b-kmy9caekph] {
    background: #f1f5f9;
    transform: translateY(-2px);
}

.ai-chat-left-actions .rz-button[disabled][b-kmy9caekph] {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
}

/* Assistant messages rendered as Markdown */
.ai-md[b-kmy9caekph] {
    white-space: normal;
}

.ai-md[b-kmy9caekph]  *:first-child {
    margin-top: 0;
}

.ai-md[b-kmy9caekph]  *:last-child {
    margin-bottom: 0;
}

.ai-md[b-kmy9caekph]  p {
    margin: 0 0 0.5rem;
}

.ai-md[b-kmy9caekph]  ul,
.ai-md[b-kmy9caekph]  ol {
    margin: 0 0 0.5rem;
    padding-left: 1.25rem;
}

.ai-md[b-kmy9caekph]  li {
    margin: 0.15rem 0;
}

.ai-md[b-kmy9caekph]  h1,
.ai-md[b-kmy9caekph]  h2,
.ai-md[b-kmy9caekph]  h3,
.ai-md[b-kmy9caekph]  h4 {
    margin: 0.5rem 0 0.35rem;
    font-weight: 800;
    line-height: 1.25;
}

.ai-md[b-kmy9caekph]  h1 {
    font-size: 1.15rem;
}

.ai-md[b-kmy9caekph]  h2 {
    font-size: 1.05rem;
}

.ai-md[b-kmy9caekph]  h3,
.ai-md[b-kmy9caekph]  h4 {
    font-size: 1rem;
}

.ai-md[b-kmy9caekph]  a {
    color: var(--rz-primary);
    text-decoration: underline;
}

.ai-md[b-kmy9caekph]  code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85em;
}

.ai-md[b-kmy9caekph]  :not(pre) > code {
    padding: 0.1rem 0.3rem;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.08);
}

.ai-md[b-kmy9caekph]  pre {
    margin: 0 0 0.5rem;
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
    background: #0f172a;
    color: #e2e8f0;
    overflow-x: auto;
}

.ai-md[b-kmy9caekph]  pre code {
    padding: 0;
    background: transparent;
    color: inherit;
}

.ai-md[b-kmy9caekph]  blockquote {
    margin: 0 0 0.5rem;
    padding-left: 0.75rem;
    border-left: 3px solid rgba(15, 23, 42, 0.15);
    color: #475569;
}

.ai-md[b-kmy9caekph]  table {
    border-collapse: collapse;
    margin: 0 0 0.5rem;
    font-size: 0.9em;
}

.ai-md[b-kmy9caekph]  th,
.ai-md[b-kmy9caekph]  td {
    border: 1px solid rgba(15, 23, 42, 0.15);
    padding: 0.3rem 0.5rem;
}

.ai-md[b-kmy9caekph]  img {
    max-width: 100%;
    border-radius: 6px;
}

/* /Components/Ai/AiWorkflowAssistantPanel.razor.rz.scp.css */
.ai-chat-widget[b-q7ycrzxeaw] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: #f8fafc;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.22);
}

.ai-chat-header[b-q7ycrzxeaw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    flex: 0 0 auto;
}

.ai-chat-agent[b-q7ycrzxeaw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ai-chat-avatar[b-q7ycrzxeaw] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--rz-primary);
}

.ai-chat-title[b-q7ycrzxeaw] {
    font-weight: 800;
    color: #111827;
}

.ai-chat-subtitle[b-q7ycrzxeaw] {
    max-width: 300px;
    overflow: hidden;
    color: #64748b;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-chat-messages[b-q7ycrzxeaw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.ai-progress-line[b-q7ycrzxeaw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color, #6b7280);
    padding: 0.25rem 0.15rem;
}

.ai-progress-line .ai-progress-sparkle[b-q7ycrzxeaw] {
    font-size: 1rem;
    animation: ai-progress-pulse-b-q7ycrzxeaw 1.4s ease-in-out infinite;
}

@keyframes ai-progress-pulse-b-q7ycrzxeaw {
    0%, 100% { opacity: 0.45; transform: scale(0.94); }
    50% { opacity: 1; transform: scale(1.06); }
}

.ai-chat-message-row[b-q7ycrzxeaw] {
    display: flex;
    margin-bottom: 0.75rem;
}

.ai-chat-message-row.is-user[b-q7ycrzxeaw] {
    justify-content: flex-end;
}

.ai-chat-message-row.is-assistant[b-q7ycrzxeaw] {
    justify-content: flex-start;
}

.ai-chat-bubble[b-q7ycrzxeaw] {
    max-width: 86%;
    padding: 0.8rem 0.95rem;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    white-space: pre-wrap;
    word-break: break-word;
}

.ai-chat-message-row.is-user .ai-chat-bubble[b-q7ycrzxeaw] {
    color: #ffffff;
    background: var(--rz-primary);
}

.ai-suggestions[b-q7ycrzxeaw] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    flex: 0 0 auto;
}

.ai-suggestions-scroll[b-q7ycrzxeaw] {
    display: grid;
    gap: 0.55rem;
    max-height: 160px;
    overflow-y: auto;
}

.ai-suggestions-title[b-q7ycrzxeaw] {
    font-weight: 800;
    color: #111827;
}

.ai-suggestion-card[b-q7ycrzxeaw] {
    display: grid;
    gap: 0.3rem;
    padding: 0.7rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: #f8fafc;
}

.ai-op-badge[b-q7ycrzxeaw] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.ai-op-add-phase[b-q7ycrzxeaw] {
    background: #dbeafe;
    color: #1d4ed8;
}

.ai-op-add-status[b-q7ycrzxeaw] {
    background: #d1fae5;
    color: #065f46;
}

.ai-op-add-field[b-q7ycrzxeaw] {
    background: #ede9fe;
    color: #5b21b6;
}

.ai-attachment-list[b-q7ycrzxeaw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-width: 0;
    width: 100%;
}

.ai-attachment-chip[b-q7ycrzxeaw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    min-width: 0;
    flex: 0 1 auto;
    padding: 0.35rem 0.5rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
}

.ai-attachment-chip span[b-q7ycrzxeaw] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-attachment-chip button[b-q7ycrzxeaw] {
    flex: 0 0 auto;
    border: 0;
    color: #64748b;
    background: transparent;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.ai-pending-bar[b-q7ycrzxeaw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.6rem 0.9rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    flex: 0 0 auto;
}

.ai-pending-info[b-q7ycrzxeaw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #374151;
}

.ai-pending-bar-actions[b-q7ycrzxeaw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ai-chat-composer[b-q7ycrzxeaw] {
    display: grid;
    gap: 0.6rem;
    padding: 0.9rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    flex: 0 0 auto;
}

.ai-chat-input[b-q7ycrzxeaw] {
    width: 100%;
    resize: none;
}

.ai-chat-actions[b-q7ycrzxeaw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.ai-chat-left-actions[b-q7ycrzxeaw] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.ai-attach-button[b-q7ycrzxeaw] {
    /* refined attach / small action button: strict circular buttons (40x40) */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 50%;
    color: #334155;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    transition: background 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}

.ai-attach-button:hover[b-q7ycrzxeaw] {
    background: #f1f5f9;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}

.ai-attach-button.is-disabled[b-q7ycrzxeaw] {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
    transform: none;
    box-shadow: none;
}

.ai-attach-button .ai-attach-count[b-q7ycrzxeaw] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #64748b;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

/* Make Radzen light/flat buttons inside the left actions match the small icon style */
.ai-chat-left-actions .rz-button[b-q7ycrzxeaw] {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.06);
    color: #334155;
    box-shadow: none;
    transition: background 120ms ease, transform 120ms ease;
    min-width: 40px;
}

.ai-chat-left-actions .rz-button:hover[b-q7ycrzxeaw] {
    background: #f1f5f9;
    transform: translateY(-2px);
}

.ai-chat-left-actions .rz-button[disabled][b-q7ycrzxeaw] {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
}

.ai-bubble-attachments[b-q7ycrzxeaw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 0.45rem;
}

.ai-bubble-attachment-chip[b-q7ycrzxeaw] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    font-size: 0.72rem;
    font-weight: 700;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Assistant messages rendered as Markdown */
.ai-md[b-q7ycrzxeaw] {
    white-space: normal;
}

.ai-md[b-q7ycrzxeaw]  *:first-child {
    margin-top: 0;
}

.ai-md[b-q7ycrzxeaw]  *:last-child {
    margin-bottom: 0;
}

.ai-md[b-q7ycrzxeaw]  p {
    margin: 0 0 0.5rem;
}

.ai-md[b-q7ycrzxeaw]  ul,
.ai-md[b-q7ycrzxeaw]  ol {
    margin: 0 0 0.5rem;
    padding-left: 1.25rem;
}

.ai-md[b-q7ycrzxeaw]  li {
    margin: 0.15rem 0;
}

.ai-md[b-q7ycrzxeaw]  h1,
.ai-md[b-q7ycrzxeaw]  h2,
.ai-md[b-q7ycrzxeaw]  h3,
.ai-md[b-q7ycrzxeaw]  h4 {
    margin: 0.5rem 0 0.35rem;
    font-weight: 800;
    line-height: 1.25;
}

.ai-md[b-q7ycrzxeaw]  h1 {
    font-size: 1.15rem;
}

.ai-md[b-q7ycrzxeaw]  h2 {
    font-size: 1.05rem;
}

.ai-md[b-q7ycrzxeaw]  h3,
.ai-md[b-q7ycrzxeaw]  h4 {
    font-size: 1rem;
}

.ai-md[b-q7ycrzxeaw]  a {
    color: var(--rz-primary);
    text-decoration: underline;
}

.ai-md[b-q7ycrzxeaw]  code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85em;
}

.ai-md[b-q7ycrzxeaw]  :not(pre) > code {
    padding: 0.1rem 0.3rem;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.08);
}

.ai-md[b-q7ycrzxeaw]  pre {
    margin: 0 0 0.5rem;
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
    background: #0f172a;
    color: #e2e8f0;
    overflow-x: auto;
}

.ai-md[b-q7ycrzxeaw]  pre code {
    padding: 0;
    background: transparent;
    color: inherit;
}

.ai-md[b-q7ycrzxeaw]  blockquote {
    margin: 0 0 0.5rem;
    padding-left: 0.75rem;
    border-left: 3px solid rgba(15, 23, 42, 0.15);
    color: #475569;
}

.ai-md[b-q7ycrzxeaw]  table {
    border-collapse: collapse;
    margin: 0 0 0.5rem;
    font-size: 0.9em;
}

.ai-md[b-q7ycrzxeaw]  th,
.ai-md[b-q7ycrzxeaw]  td {
    border: 1px solid rgba(15, 23, 42, 0.15);
    padding: 0.3rem 0.5rem;
}

.ai-md[b-q7ycrzxeaw]  img {
    max-width: 100%;
    border-radius: 6px;
}
/* /Components/Ai/CaseFilePickerDialog.razor.rz.scp.css */
.cfp-dialog[b-ecu2v5pm4i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.25rem 0 0.5rem;
}

.cfp-hint[b-ecu2v5pm4i] {
    margin: 0;
    color: #64748b;
    font-size: 0.875rem;
}

.cfp-empty[b-ecu2v5pm4i] {
    margin: 0;
    padding: 1.5rem 0;
    color: #94a3b8;
    font-size: 0.875rem;
    font-style: italic;
    text-align: center;
}

.cfp-list[b-ecu2v5pm4i] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 55vh;
    overflow-y: auto;
    padding-right: 2px;
}

.cfp-file[b-ecu2v5pm4i] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 0.9rem;
    border: 1.5px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    background: #f8fafc;
    color: #1e293b;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s, background 0.15s;
}

.cfp-file:hover[b-ecu2v5pm4i] {
    border-color: var(--rz-primary);
    background: #ffffff;
}

.cfp-file-icon[b-ecu2v5pm4i] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #e2e8f0;
    color: #475569;
    font-size: 1.1rem;
}

.cfp-file-info[b-ecu2v5pm4i] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    gap: 0.15rem;
}

.cfp-file-name[b-ecu2v5pm4i] {
    overflow: hidden;
    font-size: 0.875rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111827;
}

.cfp-file-meta[b-ecu2v5pm4i] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    overflow: hidden;
    color: #64748b;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cfp-file-size[b-ecu2v5pm4i] {
    color: #94a3b8;
}

.cfp-add-icon[b-ecu2v5pm4i] {
    flex: 0 0 auto;
    color: var(--rz-primary);
    opacity: 0;
    transition: opacity 0.15s;
}

.cfp-file:hover .cfp-add-icon[b-ecu2v5pm4i] {
    opacity: 1;
}

.cfp-actions[b-ecu2v5pm4i] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.25rem;
}
/* /Components/Ai/WorkflowAiGeneratorDialog.razor.rz.scp.css */
.wfg-dialog[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 1rem 0.75rem;
    min-height: 0;
    height: 100%;
    max-height: calc(95vh - 2rem);
    overflow: hidden;
}

.wfg-phase-body[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.wfg-scroll-area[b-cup318bemx] {
    overflow-y: auto;
    padding-right: 0.25rem;
    padding-bottom: 0.5rem;
    min-height: 0;
    flex: 1 1 auto;
}

.wfg-hint[b-cup318bemx] {
    margin: 0;
    color: #64748b;
    font-size: 0.875rem;
}

/* ── Upload ─────────────────────────────────────────────── */
.wfg-upload-area[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wfg-upload-btn[b-cup318bemx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 2px dashed #cbd5e1;
    background: #f8fafc;
    color: #475569;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    width: fit-content;
}

.wfg-upload-btn:hover:not(.is-disabled)[b-cup318bemx] {
    border-color: var(--rz-primary);
    background: #f0f9ff;
    color: var(--rz-primary);
}

.wfg-upload-btn.is-disabled[b-cup318bemx] {
    opacity: 0.5;
    cursor: not-allowed;
}

.wfg-attach-count[b-cup318bemx] {
    font-size: 0.78rem;
    color: #94a3b8;
}

.wfg-attachment-list[b-cup318bemx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.wfg-attachment-chip[b-cup318bemx] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    background: #e0f2fe;
    color: #0369a1;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 500;
}

.wfg-attachment-chip button[b-cup318bemx] {
    background: none;
    border: none;
    color: #0369a1;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    padding: 0 0 0 0.1rem;
    opacity: 0.7;
}

.wfg-attachment-chip button:hover[b-cup318bemx] { opacity: 1; }

/* ── Loading ─────────────────────────────────────────────── */
.wfg-loading[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 3rem 0;
    color: #64748b;
    font-size: 0.9rem;
}

.wfg-loading-icon[b-cup318bemx] {
    font-size: 2.25rem !important;
    color: var(--rz-primary);
    animation: wfg-spin-b-cup318bemx 1s linear infinite;
}

@keyframes wfg-spin-b-cup318bemx {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ── Review — answer banner ──────────────────────────────── */
.wfg-answer[b-cup318bemx] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f0fdf4;
    border-left: 3px solid #22c55e;
    border-radius: 0 8px 8px 0;
    color: #166534;
    font-size: 0.875rem;
}

/* ── Workflow list ───────────────────────────────────────── */
.wfg-workflows-list[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── Workflow card ───────────────────────────────────────── */
.wfg-workflow[b-cup318bemx] {
    border: 2px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: #f8fafc;
    transition: border-color 0.15s, box-shadow 0.15s;
    overflow: hidden;
}

.wfg-workflow.is-selected[b-cup318bemx] {
    border-color: var(--rz-primary);
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.08);
}

/* ── Card header ─────────────────────────────────────────── */
.wfg-workflow-header[b-cup318bemx] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.9rem 1rem 0.75rem;
}

.wfg-workflow-meta[b-cup318bemx] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.wfg-workflow-title-row[b-cup318bemx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wfg-workflow-name[b-cup318bemx] {
    font-size: 0.95rem;
    color: #0f172a;
}

.wfg-category-badge[b-cup318bemx] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.15rem 0.5rem;
    background: #fef3c7;
    color: #92400e;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}

.wfg-workflow-desc[b-cup318bemx] {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.4;
}

.wfg-workflow-chips[b-cup318bemx] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
    padding-top: 0.1rem;
}

.wfg-chip[b-cup318bemx] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

.wfg-chip-phase[b-cup318bemx]  { background: #dbeafe; color: #1d4ed8; }
.wfg-chip-status[b-cup318bemx] { background: #d1fae5; color: #065f46; }
.wfg-chip-field[b-cup318bemx]  { background: #ede9fe; color: #5b21b6; }
.wfg-chip-dashboard[b-cup318bemx] { background: #fef3c7; color: #92400e; }

/* ── Card sections (stacked) ─────────────────────────────── */
.wfg-card-section[b-cup318bemx] {
    padding: 0.7rem 1rem 0.8rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.wfg-card-section-header[b-cup318bemx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.55rem;
}

.wfg-section-count-badge[b-cup318bemx] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 0.05rem 0.45rem;
}

/* ── Item rows ───────────────────────────────────────────── */
.wfg-items-list[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wfg-item-row[b-cup318bemx] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.35rem 0.4rem;
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    font-size: 0.82rem;
    color: #374151;
    transition: opacity 0.15s;
}

.wfg-item-row.is-excluded[b-cup318bemx] {
    opacity: 0.45;
    background: #f1f5f9;
    text-decoration: line-through;
    color: #94a3b8;
}

.wfg-item-toggle[b-cup318bemx] {
    margin-left: auto;
    align-self: flex-start;
    flex-shrink: 0;
    background: none;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 4px;
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.15rem 0.35rem;
    cursor: pointer;
    transition: color 0.12s, border-color 0.12s, background 0.12s;
}

.wfg-item-toggle:hover[b-cup318bemx] {
    color: #ef4444;
    border-color: #fca5a5;
    background: #fff1f2;
}

.wfg-item-toggle.is-restore[b-cup318bemx] {
    color: #16a34a;
    border-color: #bbf7d0;
    text-decoration: none;
}

.wfg-item-toggle.is-restore:hover[b-cup318bemx] {
    background: #f0fdf4;
    border-color: #86efac;
}

/* ── Status chip toggle button ───────────────────────────── */
.wfg-chip-toggle[b-cup318bemx] {
    background: none;
    border: none;
    padding: 0 0 0 0.2rem;
    font-size: 0.72rem;
    line-height: 1;
    cursor: pointer;
    color: currentColor;
    opacity: 0.5;
    transition: opacity 0.12s;
}

.wfg-chip-toggle:hover[b-cup318bemx] { opacity: 1; }
.wfg-chip-toggle.is-restore[b-cup318bemx] { opacity: 0.8; color: #16a34a; }

.wfg-status-chip.is-excluded[b-cup318bemx] {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #94a3b8;
    text-decoration: line-through;
    opacity: 0.6;
}

.wfg-section-label[b-cup318bemx] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.5rem;
}

/* ── Pipeline (phases + statuses) ───────────────────────── */
.wfg-pipeline[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wfg-phase-block[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.wfg-phase-label[b-cup318bemx] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wfg-status-flow[b-cup318bemx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    padding-left: 0.1rem;
}

.wfg-status-chip[b-cup318bemx] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.18rem 0.55rem;
    background: #f1f5f9;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 6px;
    font-size: 0.78rem;
    color: #374151;
    white-space: nowrap;
}

.wfg-status-groups[b-cup318bemx] {
    color: #64748b;
    font-size: 0.7rem;
    padding-left: 0.2rem;
}

.wfg-status-chip.is-final[b-cup318bemx] {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #166534;
}

.wfg-final-icon[b-cup318bemx] {
    font-size: 0.8rem !important;
    color: #22c55e;
}

.wfg-color-dot[b-cup318bemx] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Fields column ───────────────────────────────────────── */
.wfg-fields-list[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.wfg-field-row[b-cup318bemx] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.3rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.04);
}

.wfg-field-row:last-child[b-cup318bemx] { border-bottom: none; }

.wfg-field-name[b-cup318bemx] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #374151;
    flex: 0 0 auto;
    max-width: 100%;
    word-break: break-word;
}

.wfg-field-type[b-cup318bemx] {
    font-size: 0.7rem;
    color: #7c3aed;
    background: #ede9fe;
    padding: 0.05rem 0.35rem;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.wfg-field-permission[b-cup318bemx] {
    font-size: 0.68rem;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 4px;
    padding: 0.05rem 0.3rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wfg-required[b-cup318bemx] {
    color: #ef4444;
    font-weight: 700;
    margin-left: 0.1rem;
}

/* ── Relationships ───────────────────────────────────────── */
.wfg-relations-section[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.65rem 1rem 0.75rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(15, 23, 42, 0.015);
}

.wfg-relation[b-cup318bemx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #374151;
}

.wfg-relation-icon[b-cup318bemx] { color: #6366f1; font-size: 1rem !important; }

.wfg-relation-label[b-cup318bemx] {
    color: #64748b;
    font-size: 0.75rem;
}

.wfg-relation-desc[b-cup318bemx] {
    color: #94a3b8;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wfg-relation-stack[b-cup318bemx] {
    align-items: stretch;
    flex-direction: column;
    gap: 0.35rem;
}

.wfg-relation-main[b-cup318bemx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.wfg-dashboard-items[b-cup318bemx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    padding-left: 1.4rem;
}

.wfg-dashboard-item[b-cup318bemx] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
    padding: 0.12rem 0.4rem;
    border-radius: 4px;
    background: #fff7ed;
    color: #7c2d12;
    font-size: 0.72rem;
}

.wfg-dashboard-item small[b-cup318bemx] {
    color: #9a3412;
    font-size: 0.68rem;
}

/* ── Feedback ────────────────────────────────────────────── */
.wfg-feedback[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

/* ── Questions phase ─────────────────────────────────────── */
.wfg-q-progress[b-cup318bemx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.wfg-q-progress-bar[b-cup318bemx] {
    flex: 1;
    height: 4px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.wfg-q-progress-fill[b-cup318bemx] {
    height: 100%;
    background: var(--rz-primary);
    border-radius: 999px;
    transition: width 0.25s ease;
}

.wfg-q-counter[b-cup318bemx] {
    font-size: 0.75rem;
    color: #94a3b8;
    white-space: nowrap;
    flex-shrink: 0;
}

.wfg-q-card[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.1rem 1.25rem 1.25rem;
    background: #f8fafc;
    border: 1.5px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
}

.wfg-q-text[b-cup318bemx] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.4;
}

.wfg-q-options[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wfg-q-option[b-cup318bemx] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.85rem;
    background: #ffffff;
    border: 1.5px solid rgba(15, 23, 42, 0.1);
    border-radius: 8px;
    font-size: 0.875rem;
    color: #374151;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.12s, background 0.12s;
}

.wfg-q-option:hover[b-cup318bemx] {
    border-color: var(--rz-primary);
    background: #f0f9ff;
    color: var(--rz-primary);
}

.wfg-q-option.is-selected[b-cup318bemx] {
    border-color: var(--rz-primary);
    background: #eff6ff;
    color: var(--rz-primary);
    font-weight: 500;
}

.wfg-q-option-radio[b-cup318bemx] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    flex-shrink: 0;
    transition: border-color 0.12s, background 0.12s;
}

.wfg-q-option.is-selected .wfg-q-option-radio[b-cup318bemx],
.wfg-q-option-radio.is-selected[b-cup318bemx] {
    border-color: var(--rz-primary);
    background: var(--rz-primary);
    box-shadow: inset 0 0 0 3px #ffffff;
}

.wfg-q-option-manual[b-cup318bemx] {
    border-style: dashed;
    color: #64748b;
}

.wfg-q-option-manual.is-selected[b-cup318bemx] {
    border-style: solid;
}

/* ── Actions ─────────────────────────────────────────────── */
.wfg-actions[b-cup318bemx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.25rem;
    flex-shrink: 0;
}

.wfg-actions-footer[b-cup318bemx] {
    padding: 0.75rem 0 0.25rem;
    background: #ffffff;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.wfg-actions-footer .rz-button[b-cup318bemx] {
    white-space: nowrap;
}

.wfg-feedback .rz-textarea[b-cup318bemx],
.wfg-phase-body .rz-textarea[b-cup318bemx] {
    min-height: 160px;
}

.wfg-feedback .rz-textarea[b-cup318bemx] {
    min-height: 180px;
}

.wfg-upload-area[b-cup318bemx],
.wfg-feedback[b-cup318bemx] {
    flex-shrink: 0;
}

/* ── Section toggle strip (legacy, kept for safety) ─────── */
.wfg-sections-strip[b-cup318bemx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(15, 23, 42, 0.02);
}

.wfg-section-toggle[b-cup318bemx] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.22rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: background 0.12s, border-color 0.12s, opacity 0.12s;
    user-select: none;
}

.wfg-section-toggle input[type="checkbox"][b-cup318bemx] {
    display: none;
}

.wfg-section-toggle.is-always[b-cup318bemx] {
    background: #dbeafe;
    color: #1d4ed8;
    border-color: #bfdbfe;
    cursor: default;
}

.wfg-section-toggle.is-on[b-cup318bemx] {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.wfg-section-toggle.is-on:hover[b-cup318bemx] {
    background: #dcfce7;
    border-color: #86efac;
}

.wfg-section-toggle.is-off[b-cup318bemx] {
    background: #f1f5f9;
    color: #94a3b8;
    border-color: #e2e8f0;
    opacity: 0.7;
}

.wfg-section-toggle.is-off:hover[b-cup318bemx] {
    opacity: 1;
    border-color: #cbd5e1;
}

.wfg-section-count[b-cup318bemx] {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    padding: 0 0.35rem;
    font-size: 0.65rem;
    line-height: 1.5;
}

/* ── Typing Cursor ──────────────────────────────────────── */
.wfg-typing-cursor[b-cup318bemx] {
    display: inline-block;
    width: 2px;
    height: 15px;
    background-color: currentColor;
    margin-left: 2px;
    animation: wfg-blink-b-cup318bemx 1s step-end infinite;
    vertical-align: middle;
}

@keyframes wfg-blink-b-cup318bemx {
    from, to { background-color: transparent }
    50% { background-color: currentColor }
}

/* ── Skeleton Loading ────────────────────────────────────── */
.wfg-skeleton-loading[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: #f8fafc;
    border: 1.5px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
}

.wfg-skeleton-sparkle[b-cup318bemx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--rz-primary);
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.wfg-sparkle-pulse[b-cup318bemx] {
    font-size: 1.25rem !important;
    animation: wfg-pulse-glow-b-cup318bemx 1.5s ease-in-out infinite;
}

.wfg-skeleton-line[b-cup318bemx] {
    height: 12px;
    background: #e2e8f0;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.wfg-skeleton-line[b-cup318bemx]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: wfg-shimmer-b-cup318bemx 1.5s infinite;
    transform: translateX(-100%);
}

.wfg-skeleton-title[b-cup318bemx] {
    height: 20px;
    width: 40%;
    margin-bottom: 0.5rem;
}

.wfg-skeleton-short[b-cup318bemx] {
    width: 60%;
}

.wfg-skeleton-medium[b-cup318bemx] {
    width: 80%;
}

@keyframes wfg-shimmer-b-cup318bemx {
    100% {
        transform: translateX(100%);
    }
}

@keyframes wfg-pulse-glow-b-cup318bemx {
    0%, 100% {
        opacity: 0.6;
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
}

/* ── Apply Progress UI ──────────────────────────────────── */
.wfg-apply-progress-container[b-cup318bemx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 1.5rem;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
    margin: 1.5rem auto;
    max-width: 600px;
    width: 100%;
}

.wfg-progress-header[b-cup318bemx] {
    text-align: center;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.wfg-apply-loading-icon[b-cup318bemx] {
    font-size: 2.5rem !important;
    color: var(--rz-primary);
    animation: wfg-spin-b-cup318bemx 1.5s linear infinite;
    margin-bottom: 0.5rem;
}

.wfg-progress-header h3[b-cup318bemx] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.wfg-progress-header p[b-cup318bemx] {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
}

.wfg-progress-track[b-cup318bemx] {
    width: 100%;
    height: 8px;
    background: #f1f5f9;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.wfg-progress-bar-fill[b-cup318bemx] {
    height: 100%;
    background: linear-gradient(90deg, var(--rz-primary), var(--rz-secondary));
    border-radius: 999px;
    transition: width 0.3s ease-out;
}

.wfg-progress-percentage[b-cup318bemx] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--rz-primary);
    margin-bottom: 2rem;
}

.wfg-progress-steps[b-cup318bemx] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border-top: 1px solid #f1f5f9;
    padding-top: 1.5rem;
}

.wfg-progress-step[b-cup318bemx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #94a3b8;
    transition: color 0.2s;
}

.wfg-progress-step.is-active[b-cup318bemx] {
    color: var(--rz-primary);
    font-weight: 500;
}

.wfg-progress-step.is-completed[b-cup318bemx] {
    color: #16a34a;
}

.wfg-step-indicator[b-cup318bemx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.wfg-step-icon-check[b-cup318bemx] {
    font-size: 1.25rem !important;
    color: #16a34a;
}

.wfg-step-spinner[b-cup318bemx] {
    width: 12px;
    height: 12px;
    border: 2px solid #cbd5e1;
    border-top-color: var(--rz-primary);
    border-radius: 50%;
    animation: wfg-spin-b-cup318bemx 0.8s linear infinite;
}

.wfg-step-dot[b-cup318bemx] {
    width: 6px;
    height: 6px;
    background: #cbd5e1;
    border-radius: 50%;
}

.wfg-step-label[b-cup318bemx] {
    font-size: 0.875rem;
}
/* /Components/Ai/WorkflowAiReviewDialog.razor.rz.scp.css */
.wfr-dialog[b-scytf3aknh] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0.25rem 0 0.5rem;
}

.wfr-hint[b-scytf3aknh] {
    margin: 0;
    color: #64748b;
    font-size: 0.875rem;
}

.wfr-ops-list[b-scytf3aknh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 55vh;
    overflow-y: auto;
    padding-right: 2px;
}

.wfr-op[b-scytf3aknh] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border: 2px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    background: #f8fafc;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.wfr-op.is-selected[b-scytf3aknh] {
    border-color: var(--rz-primary);
    background: #ffffff;
}

.wfr-op-body[b-scytf3aknh] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.wfr-op-header[b-scytf3aknh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wfr-op-badge[b-scytf3aknh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.wfr-op-add-phase[b-scytf3aknh] {
    background: #dbeafe;
    color: #1d4ed8;
}

.wfr-op-add-status[b-scytf3aknh] {
    background: #d1fae5;
    color: #065f46;
}

.wfr-op-add-field[b-scytf3aknh] {
    background: #ede9fe;
    color: #5b21b6;
}

.wfr-op-destructive[b-scytf3aknh] {
    background: #fee2e2;
    color: #991b1b;
}

.wfr-op-add-email-trigger[b-scytf3aknh] {
    background: #e0f2fe;
    color: #075985;
}

.wfr-op-add-alert-trigger[b-scytf3aknh] {
    background: #fef9c3;
    color: #854d0e;
}

.wfr-op-desc[b-scytf3aknh] {
    color: #374151;
    font-size: 0.875rem;
    font-weight: 600;
}

.wfr-op-detail[b-scytf3aknh] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #6b7280;
    font-size: 0.82rem;
}

.wfr-op-color[b-scytf3aknh] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.wfr-op-phase[b-scytf3aknh] {
    color: #9ca3af;
}

.wfr-op-required[b-scytf3aknh] {
    color: #ef4444;
    font-weight: 700;
}

.wfr-op-statuses[b-scytf3aknh] {
    color: #6b7280;
    font-size: 0.75rem;
    background: #f1f5f9;
    border-radius: 4px;
    padding: 0.1rem 0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

.wfr-feedback[b-scytf3aknh] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wfr-feedback-label[b-scytf3aknh] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
}

.wfr-actions[b-scytf3aknh] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.25rem;
}
/* /Components/Ai/WorkflowGlobalAiPanel.razor.rz.scp.css */
/* ── Base chat widget (scoped copy — ai-chat-widget lives here) ── */
.ai-chat-widget[b-9lgjpf1mrj] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: #f8fafc;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.22);
}

.ai-chat-header[b-9lgjpf1mrj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    border-radius: 12px 12px 0 0;
}

.ai-chat-agent[b-9lgjpf1mrj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ai-chat-avatar[b-9lgjpf1mrj] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--rz-primary);
}

.ai-chat-title[b-9lgjpf1mrj] {
    font-weight: 800;
    color: #111827;
}

.ai-chat-subtitle[b-9lgjpf1mrj] {
    max-width: 300px;
    overflow: hidden;
    color: #64748b;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-chat-messages[b-9lgjpf1mrj] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.ai-progress-line[b-9lgjpf1mrj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color, #6b7280);
    padding: 0.25rem 0.15rem;
}

.ai-progress-line .ai-progress-sparkle[b-9lgjpf1mrj] {
    font-size: 1rem;
    animation: ai-progress-pulse-b-9lgjpf1mrj 1.4s ease-in-out infinite;
}

@keyframes ai-progress-pulse-b-9lgjpf1mrj {
    0%, 100% { opacity: 0.45; transform: scale(0.94); }
    50% { opacity: 1; transform: scale(1.06); }
}

.ai-chat-message-row[b-9lgjpf1mrj] {
    display: flex;
    margin-bottom: 0.75rem;
}

.ai-chat-message-row.is-user[b-9lgjpf1mrj]   { justify-content: flex-end; }
.ai-chat-message-row.is-assistant[b-9lgjpf1mrj] { justify-content: flex-start; }

.ai-chat-bubble[b-9lgjpf1mrj] {
    max-width: 86%;
    padding: 0.8rem 0.95rem;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    white-space: pre-wrap;
}

.ai-chat-message-row.is-user .ai-chat-bubble[b-9lgjpf1mrj] {
    color: #ffffff;
    background: var(--rz-primary);
}

.ai-chat-composer[b-9lgjpf1mrj] {
    display: grid;
    gap: 0.6rem;
    padding: 0.9rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    border-radius: 0 0 12px 12px;
}

.ai-chat-input[b-9lgjpf1mrj] {
    width: 100%;
    resize: none;
}

.ai-chat-actions[b-9lgjpf1mrj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.ai-chat-left-actions[b-9lgjpf1mrj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* ── Navigation suggestions ────────────────────────────── */
.wfga-nav-ops[b-9lgjpf1mrj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.6rem;
}

.wfga-nav-btn[b-9lgjpf1mrj] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.7rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.wfga-nav-btn:hover[b-9lgjpf1mrj] {
    background: #dbeafe;
    border-color: #93c5fd;
}

/* ── Link proposals ─────────────────────────────────────── */
.wfga-link-ops[b-9lgjpf1mrj] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
}

.wfga-link-label[b-9lgjpf1mrj] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #16a34a;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wfga-link-op[b-9lgjpf1mrj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: #166534;
}

.wfga-link-desc[b-9lgjpf1mrj] {
    color: #6b7280;
    font-size: 0.76rem;
}

/* Assistant messages rendered as Markdown */
.ai-md[b-9lgjpf1mrj] {
    white-space: normal;
}

.ai-md[b-9lgjpf1mrj]  *:first-child {
    margin-top: 0;
}

.ai-md[b-9lgjpf1mrj]  *:last-child {
    margin-bottom: 0;
}

.ai-md[b-9lgjpf1mrj]  p {
    margin: 0 0 0.5rem;
}

.ai-md[b-9lgjpf1mrj]  ul,
.ai-md[b-9lgjpf1mrj]  ol {
    margin: 0 0 0.5rem;
    padding-left: 1.25rem;
}

.ai-md[b-9lgjpf1mrj]  li {
    margin: 0.15rem 0;
}

.ai-md[b-9lgjpf1mrj]  h1,
.ai-md[b-9lgjpf1mrj]  h2,
.ai-md[b-9lgjpf1mrj]  h3,
.ai-md[b-9lgjpf1mrj]  h4 {
    margin: 0.5rem 0 0.35rem;
    font-weight: 800;
    line-height: 1.25;
}

.ai-md[b-9lgjpf1mrj]  h1 {
    font-size: 1.15rem;
}

.ai-md[b-9lgjpf1mrj]  h2 {
    font-size: 1.05rem;
}

.ai-md[b-9lgjpf1mrj]  h3,
.ai-md[b-9lgjpf1mrj]  h4 {
    font-size: 1rem;
}

.ai-md[b-9lgjpf1mrj]  a {
    color: var(--rz-primary);
    text-decoration: underline;
}

.ai-md[b-9lgjpf1mrj]  code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85em;
}

.ai-md[b-9lgjpf1mrj]  :not(pre) > code {
    padding: 0.1rem 0.3rem;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.08);
}

.ai-md[b-9lgjpf1mrj]  pre {
    margin: 0 0 0.5rem;
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
    background: #0f172a;
    color: #e2e8f0;
    overflow-x: auto;
}

.ai-md[b-9lgjpf1mrj]  pre code {
    padding: 0;
    background: transparent;
    color: inherit;
}

.ai-md[b-9lgjpf1mrj]  blockquote {
    margin: 0 0 0.5rem;
    padding-left: 0.75rem;
    border-left: 3px solid rgba(15, 23, 42, 0.15);
    color: #475569;
}

.ai-md[b-9lgjpf1mrj]  table {
    border-collapse: collapse;
    margin: 0 0 0.5rem;
    font-size: 0.9em;
}

.ai-md[b-9lgjpf1mrj]  th,
.ai-md[b-9lgjpf1mrj]  td {
    border: 1px solid rgba(15, 23, 42, 0.15);
    padding: 0.3rem 0.5rem;
}

.ai-md[b-9lgjpf1mrj]  img {
    max-width: 100%;
    border-radius: 6px;
}
/* /Components/Button/FilterButton.razor.rz.scp.css */
.filter-button[b-bczoqi2bss] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: none;
    background: transparent;
    color: var(--rz-text-color, #1e293b);
    border-radius: 0.4rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.filter-button:hover[b-bczoqi2bss] {
    background-color: rgba(0, 0, 0, 0.05);
}

.filter-button--active[b-bczoqi2bss] {
    color: var(--rz-primary, #1976d2);
}

.filter-button--active:hover[b-bczoqi2bss] {
    background-color: rgba(25, 118, 210, 0.08);
}

.filter-button i[b-bczoqi2bss] {
    font-size: 1.1rem;
}
/* /Components/Card/CardComponent.razor.rz.scp.css */
.no-hover:hover[b-bsh0g9mpfe] {
    color: inherit;
    background-color: inherit;
    text-decoration: none;
}
/* /Components/Cases/TableDynamicInput.razor.rz.scp.css */
.table-dynamic-input[b-6ldyhv20j0] {
    width: 100%;
}

.table-dynamic-input-display[b-6ldyhv20j0] {
    width: 100%;
    min-height: 38px;
    padding: 0.45rem 0.75rem;
    border: 1px solid #47bdf5;
    border-radius: 16px;
    background: #fff;
    color: inherit;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
}

.table-dynamic-input.is-editable .table-dynamic-input-display[b-6ldyhv20j0] {
    border-color: #47bdf5;
    background: #fff;
    color: inherit;
    cursor: text;
}

.table-dynamic-input.is-readonly .table-dynamic-input-display[b-6ldyhv20j0] {
    border-color: var(--rz-border-color, #d6dbe1);
    background: var(--rz-base-100, #f8fafc);
    color: var(--rz-text-secondary-color, #64748b);
    cursor: default;
}

.table-dynamic-input.has-file-value .table-dynamic-input-display[b-6ldyhv20j0] {
    min-height: 42px;
    padding: 0.35rem 0.5rem;
    overflow: hidden;
    text-overflow: clip;
    white-space: normal;
}

.table-file-summary[b-6ldyhv20j0] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.table-file-pill[b-6ldyhv20j0] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    max-width: 100%;
    padding: 0.15rem 0.35rem;
    border: 1px solid var(--rz-border-color, #d6dbe1);
    border-radius: 6px;
    background: var(--rz-base-50, #f8fafc);
}

.table-file-pill-icon[b-6ldyhv20j0] {
    flex: 0 0 auto;
    font-size: 1rem;
    color: var(--rz-primary, #169bd5);
}

.table-file-pill-name[b-6ldyhv20j0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
}

.table-file-more[b-6ldyhv20j0],
.table-file-size[b-6ldyhv20j0] {
    flex: 0 0 auto;
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color, #64748b);
}

.table-file-empty[b-6ldyhv20j0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--rz-text-secondary-color, #64748b);
}

[b-6ldyhv20j0] .table-dynamic-input.has-file-value .file-card {
    width: 100%;
    max-width: 100%;
    background: #fff;
}

[b-6ldyhv20j0] .table-dynamic-input.has-file-value .file-card-name {
    max-width: none;
}

.table-dynamic-input.is-editable .table-dynamic-input-display:hover[b-6ldyhv20j0],
.table-dynamic-input.is-editable .table-dynamic-input-display:focus[b-6ldyhv20j0] {
    border-color: #169bd5;
    outline: none;
    box-shadow: 0 0 0 2px rgba(22, 155, 213, 0.12);
}

.table-dynamic-input.is-readonly .table-dynamic-input-display:hover[b-6ldyhv20j0],
.table-dynamic-input.is-readonly .table-dynamic-input-display:focus[b-6ldyhv20j0] {
    outline: none;
    box-shadow: none;
}

[b-6ldyhv20j0] .table-dynamic-input .rz-form-field {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

[b-6ldyhv20j0] .table-dynamic-input .rz-row {
    margin-bottom: 0 !important;
}
/* /Components/CronField.razor.rz.scp.css */
.cron-mode-selector[b-ijq825laia] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.cron-mode-card[b-ijq825laia] {
    flex: 1;
    min-width: 80px;
    padding: 0.75rem 0.5rem;
    border: 2px solid var(--rz-base-300, #dee2e6);
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
    background: var(--rz-base-background-color, #fff);
    user-select: none;
}

.cron-mode-card:hover[b-ijq825laia] {
    border-color: var(--rz-primary, #3d9ae8);
    background: var(--rz-primary-50, #e8f4fd);
}

.cron-mode-card.active[b-ijq825laia] {
    border-color: var(--rz-primary, #3d9ae8);
    background: var(--rz-primary-50, #e8f4fd);
    color: var(--rz-primary, #3d9ae8);
    font-weight: 600;
}

.cron-mode-icon[b-ijq825laia] {
    font-size: 1.125rem;
    line-height: 1;
    color: inherit;
}

.cron-mode-label[b-ijq825laia] {
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.cron-day-toggles[b-ijq825laia] {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.cron-day-toggle[b-ijq825laia] {
    width: 2.4rem;
    height: 2.4rem;
    border: 2px solid var(--rz-base-300, #dee2e6);
    border-radius: 50%;
    cursor: pointer;
    background: transparent;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    padding: 0;
}

.cron-day-toggle:hover[b-ijq825laia] {
    border-color: var(--rz-primary, #3d9ae8);
}

.cron-day-toggle.active[b-ijq825laia] {
    background: var(--rz-primary, #3d9ae8);
    border-color: var(--rz-primary, #3d9ae8);
    color: #fff;
}

.cron-preview[b-ijq825laia] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    background: var(--rz-base-200, #f8f9fa);
    color: var(--rz-text-secondary-color, #6c757d);
    font-size: 0.8rem;
}

.cron-preview code[b-ijq825laia] {
    font-family: monospace;
    font-size: 0.85rem;
    color: var(--rz-text-color, #212529);
}

.cron-hint[b-ijq825laia] {
    color: var(--rz-text-secondary-color, #6c757d);
    font-family: monospace;
    font-size: 0.75rem;
}

.cron-error[b-ijq825laia] {
    color: var(--rz-danger, #dc3545);
    font-size: 0.78rem;
}
/* /Components/Dashboard/DashboardChart.razor.rz.scp.css */
.dashboard-chart-host[b-3869dnred4] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.dashboard-chart-frame[b-3869dnred4] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.dashboard-chart-frame :deep(.rz-chart)[b-3869dnred4] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: visible !important;
}

/* Forçar legenda para baixo e horizontal com limite de 2 linhas */
.dashboard-chart-frame :deep(.rz-legend)[b-3869dnred4] {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: 4rem !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    padding: 0.5rem 0 0 0 !important;
    margin-top: 0rem !important;
    margin-bottom: 0.75rem !important;
    border-top: 1px solid #e9ecef !important;
    gap: 0.35rem 0.75rem;
    overflow: hidden !important;
}

.dashboard-chart-frame :deep(.rz-legend-items)[b-3869dnred4] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.35rem 0.75rem;
    width: 100%;
    align-items: center;
}

.dashboard-chart-frame :deep(.rz-legend-item)[b-3869dnred4] {
    flex: 0 1 auto;
    white-space: normal;
    word-break: break-word;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
    min-width: 0;
}

.dashboard-chart-frame :deep(.rz-legend-item-text)[b-3869dnred4] {
    font-size: 0.8rem;
    line-height: 1.15;
    white-space: nowrap;
    word-break: normal;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* Aumentar espaço quando há labels de dados visíveis */
.dashboard-chart-frame :deep(.rz-series-data-label)[b-3869dnred4] {
    pointer-events: none;
}

.dashboard-chart-frame :deep(.rz-chart-series-group)[b-3869dnred4] {
    position: relative;
}

/* Tamanhos compactos - também limitados a 2 linhas */
.dashboard-chart-frame.chart-compact :deep(.rz-legend)[b-3869dnred4] {
    padding: 0.25rem 0 0 0 !important;
    max-height: 4.25rem !important;
    margin-bottom: 0.5rem !important;
}

.dashboard-chart-frame.chart-compact :deep(.rz-legend-item-text)[b-3869dnred4] {
    font-size: 0.7rem;
    max-width: 88px;
}

.dashboard-chart-frame.chart-medium :deep(.rz-legend)[b-3869dnred4] {
    max-height: 4rem !important;
    margin-bottom: 0.5rem !important;
}

.dashboard-chart-frame.chart-medium :deep(.rz-legend-item-text)[b-3869dnred4] {
    font-size: 0.75rem;
    max-width: 140px;
}

/* Labels dos eixos (ticks) */
.dashboard-chart-frame :deep(.rz-tick-text)[b-3869dnred4] {
    font-size: 0.75rem;
    dominant-baseline: middle;
    text-anchor: middle;
}

.dashboard-chart-frame :deep(.rz-tick-text tspan)[b-3869dnred4] {
    word-break: break-word;
    max-width: 80px;
}

.dashboard-chart-frame.chart-compact :deep(.rz-tick-text)[b-3869dnred4] {
    font-size: 0.6rem;
}

.dashboard-chart-frame.chart-medium :deep(.rz-tick-text)[b-3869dnred4] {
    font-size: 0.65rem;
}

.dashboard-chart-frame.chart-compact :deep(.rz-series-data-label)[b-3869dnred4],
.dashboard-chart-frame.chart-medium :deep(.rz-series-data-label)[b-3869dnred4] {
    font-size: 0.7rem;
}

/* Categoria com espaço extra para labels rotacionados */
.dashboard-chart-frame :deep(.rz-category-axis)[b-3869dnred4] {
    margin-bottom: 1rem;
}

/* Espaço adicional no topo para dados labels em pie/column charts */
.dashboard-chart-frame :deep(.rz-series)[b-3869dnred4] {
    padding-top: 1rem !important;
}

/* Espaço adicional no topo do SVG do gráfico */
.dashboard-chart-frame :deep(svg)[b-3869dnred4] {
    margin-top: 0.5rem !important;
}

.dashboard-chart-frame :deep(.rz-value-axis)[b-3869dnred4] {
    margin-left: 0.5rem;
}

/* Título dos tooltips em tabelas */
[title][b-3869dnred4] {
    text-decoration: underline dotted;
    text-decoration-skip-ink: auto;
}
/* /Components/Dashboard/DashboardChartRadzen.razor.rz.scp.css */
.dashboard-chart-frame[b-ea8t10iiuk] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.dashboard-chart-frame :deep(.rz-chart)[b-ea8t10iiuk] {
    flex: 1 1 auto;
    height: 100% !important;
    min-height: 0;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}

.dashboard-metric-frame[b-ea8t10iiuk] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.dashboard-metric-value[b-ea8t10iiuk] {
    font-size: 2.75rem;
    line-height: 1;
}

.dashboard-metric-subtitle[b-ea8t10iiuk] {
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

.dashboard-chart-frame :deep(.rz-chart svg)[b-ea8t10iiuk] {
    width: 100% !important;
    height: 100% !important;
    min-height: 0;
    overflow: visible;
}

.dashboard-chart-frame :deep(.rz-legend)[b-ea8t10iiuk] {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: 4rem !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    padding: 0.5rem 0 0 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
    border-top: 1px solid #e9ecef !important;
    gap: 0.35rem 0.75rem;
    overflow: hidden !important;
}

.dashboard-chart-frame :deep(.rz-legend-items)[b-ea8t10iiuk] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.35rem 0.75rem;
    width: 100%;
    align-items: center;
}

.dashboard-chart-frame :deep(.rz-legend-item)[b-ea8t10iiuk] {
    flex: 0 1 auto;
    white-space: normal;
    word-break: break-word;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
    min-width: 0;
}

.dashboard-chart-frame :deep(.rz-legend-item-text)[b-ea8t10iiuk] {
    font-size: 0.8rem;
    line-height: 1.15;
    white-space: nowrap;
    word-break: normal;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.dashboard-chart-frame :deep(.rz-series-data-label)[b-ea8t10iiuk] {
    pointer-events: none;
}

.dashboard-chart-frame.chart-compact :deep(.rz-legend)[b-ea8t10iiuk] {
    padding: 0.25rem 0 0 0 !important;
    max-height: 4.25rem !important;
    margin-bottom: 0.5rem !important;
}

.dashboard-chart-frame.chart-compact :deep(.rz-legend-item-text)[b-ea8t10iiuk] {
    font-size: 0.7rem;
    max-width: 88px;
}

.dashboard-chart-frame.chart-medium :deep(.rz-legend)[b-ea8t10iiuk] {
    max-height: 4rem !important;
    margin-bottom: 0.5rem !important;
}

.dashboard-chart-frame.chart-medium :deep(.rz-legend-item-text)[b-ea8t10iiuk] {
    font-size: 0.75rem;
    max-width: 140px;
}

.dashboard-chart-frame :deep(.rz-tick-text)[b-ea8t10iiuk] {
    font-size: 0.75rem;
    dominant-baseline: middle;
    text-anchor: middle;
}

.dashboard-chart-frame.chart-compact :deep(.rz-tick-text)[b-ea8t10iiuk] {
    font-size: 0.6rem;
}

.dashboard-chart-frame.chart-medium :deep(.rz-tick-text)[b-ea8t10iiuk] {
    font-size: 0.65rem;
}

.dashboard-chart-frame.chart-compact :deep(.rz-series-data-label)[b-ea8t10iiuk],
.dashboard-chart-frame.chart-medium :deep(.rz-series-data-label)[b-ea8t10iiuk] {
    font-size: 0.7rem;
}
/* /Components/Dashboard/DashboardChartTableBar.razor.rz.scp.css */
.dashboard-table-frame[b-jmtwc1b97f] {
    min-height: 0;
    max-width: 100%;
    scrollbar-gutter: stable;
}

.dashboard-table-frame table[b-jmtwc1b97f] {
    color: #344767;
    font-size: 0.875rem;
}

.dashboard-table-frame thead[b-jmtwc1b97f] {
    z-index: 3;
}

.dashboard-table-frame tfoot[b-jmtwc1b97f] {
    z-index: 4;
}

.dashboard-table-frame th[b-jmtwc1b97f],
.dashboard-table-frame td[b-jmtwc1b97f] {
    padding: 0.55rem 0.65rem;
    vertical-align: middle;
}

.dashboard-matrix-frame[b-jmtwc1b97f] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-radius: 0.5rem;
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
}

.dashboard-matrix-table[b-jmtwc1b97f] {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: max-content;
    min-width: 100%;
    height: 100%;
    border-top: 0 !important;
}

.dashboard-matrix-table thead tr[b-jmtwc1b97f],
.dashboard-matrix-table tbody tr:not(.dashboard-matrix-spacer-row)[b-jmtwc1b97f],
.dashboard-matrix-table tfoot tr[b-jmtwc1b97f] {
    height: 1px;
}

.dashboard-matrix-table .dashboard-matrix-spacer-row[b-jmtwc1b97f] {
    height: auto;
}

.dashboard-matrix-table .dashboard-spacer-cell[b-jmtwc1b97f] {
    background: #fff;
    border-bottom: 0 !important;
    border-top: 0 !important;
    padding: 0 !important;
}

.dashboard-matrix-table .dashboard-total-spacer[b-jmtwc1b97f] {
    background: #f1f3f6;
}

.dashboard-matrix-table thead[b-jmtwc1b97f],
.dashboard-matrix-table thead tr[b-jmtwc1b97f],
.dashboard-matrix-table thead th[b-jmtwc1b97f] {
    border-top: 0 !important;
}

.dashboard-matrix-table .dashboard-row-label-col[b-jmtwc1b97f] {
    width: 11rem;
}

.dashboard-matrix-table .dashboard-value-col[b-jmtwc1b97f] {
    width: 5.25rem;
}

.dashboard-matrix-table .dashboard-row-label[b-jmtwc1b97f] {
    width: 11rem;
    min-width: 10rem;
    max-width: 11rem;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-matrix-table.dashboard-matrix-table--sticky-label tbody .dashboard-row-label[b-jmtwc1b97f] {
    left: 0;
    position: sticky;
    z-index: 2;
}

.dashboard-matrix-table.dashboard-matrix-table--sticky-label thead .dashboard-row-label[b-jmtwc1b97f] {
    left: 0;
    position: sticky;
    z-index: 5;
}

.dashboard-matrix-table.dashboard-matrix-table--sticky-label tfoot .dashboard-row-label[b-jmtwc1b97f] {
    left: 0;
    position: sticky;
    z-index: 6;
}

.dashboard-matrix-table thead .dashboard-row-label[b-jmtwc1b97f],
.dashboard-matrix-table tfoot .dashboard-row-label[b-jmtwc1b97f],
.dashboard-matrix-table thead .dashboard-value-cell[b-jmtwc1b97f],
.dashboard-matrix-table tfoot .dashboard-value-cell[b-jmtwc1b97f] {
    background: #f1f3f6;
}

.dashboard-matrix-table tfoot td[b-jmtwc1b97f] {
    bottom: 0;
    position: sticky;
    z-index: 5;
}

.dashboard-matrix-table tfoot td[b-jmtwc1b97f] {
    background: #f1f3f6;
    box-shadow: 0 -1px 0 #e9ecef;
}

.dashboard-matrix-table.dashboard-matrix-table--sticky-label tfoot .dashboard-row-label[b-jmtwc1b97f] {
    z-index: 7;
}

.dashboard-matrix-table .dashboard-value-cell[b-jmtwc1b97f] {
    width: 5.25rem;
    min-width: 5.25rem;
    max-width: 5.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-bar-table[b-jmtwc1b97f] {
    table-layout: fixed;
    width: 100%;
}

.dashboard-bar-label[b-jmtwc1b97f],
.dashboard-bar-series[b-jmtwc1b97f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-bar-label[b-jmtwc1b97f] {
    width: 42%;
}

.dashboard-bar-series[b-jmtwc1b97f] {
    width: 28%;
}

.dashboard-bar-value[b-jmtwc1b97f] {
    width: 30%;
    min-width: 8rem;
}

.dashboard-bar-value .progress[b-jmtwc1b97f] {
    height: 0.3rem;
}

.dashboard-matrix-table .dashboard-total-col[b-jmtwc1b97f] {
    position: sticky;
    right: 0;
    z-index: 2;
    background: #f1f3f6;
    box-shadow: -1px 0 0 #e9ecef;
}

.dashboard-matrix-table thead .dashboard-total-col[b-jmtwc1b97f] {
    z-index: 5;
}

.dashboard-matrix-table tfoot .dashboard-total-col[b-jmtwc1b97f] {
    z-index: 6;
}

.dashboard-matrix-table.dashboard-matrix-table--sticky-label tfoot .dashboard-total-col[b-jmtwc1b97f] {
    z-index: 7;
}

.dashboard-matrix-table .dashboard-spacer-cell.dashboard-total-col[b-jmtwc1b97f] {
    background: #f1f3f6;
}

@media (max-width: 768px) {
    .dashboard-table-frame table[b-jmtwc1b97f] {
        font-size: 0.8125rem;
    }

    .dashboard-matrix-table .dashboard-row-label[b-jmtwc1b97f] {
        width: 9.5rem;
        min-width: 8.5rem;
        max-width: 9.5rem;
    }

    .dashboard-matrix-table .dashboard-row-label-col[b-jmtwc1b97f] {
        width: 9.5rem;
    }

    .dashboard-matrix-table .dashboard-value-col[b-jmtwc1b97f] {
        width: 4.5rem;
    }

    .dashboard-matrix-table .dashboard-value-cell[b-jmtwc1b97f] {
        width: 4.5rem;
        min-width: 4.5rem;
        max-width: 4.5rem;
    }
}
/* /Components/Dashboard/DashboardGrid.razor.rz.scp.css */
.dashboard-grid[b-t57m216gkx] {
    padding-top: 0.5rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--dashboard-grid-gap, 16px);
    min-height: 0;
    width: 100%;
    align-items: stretch;
    align-content: start;
}

.dashboard-cell[b-t57m216gkx] {
    min-width: 0;
    min-height: 0;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dashboard-card[b-t57m216gkx] {
    min-height: 0;
    overflow: hidden;
}

.dashboard-chart-host[b-t57m216gkx] {
    min-height: 0;
    padding-top: 0.5rem;
    overflow: hidden;
}

.dashboard-metric-host[b-t57m216gkx] {
    padding-top: 0;
}

@media (max-width: 768px) {
    .dashboard-grid[b-t57m216gkx] {
        grid-template-columns: 1fr;
    }

    .dashboard-cell[b-t57m216gkx] {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
}
/* /Components/Inputs/DynamicInput/DynamicInputCasesTable.razor.rz.scp.css */
.cases-table-grid-wrapper[b-7egizqjjz7] {
    width: 100%;
    overflow-x: auto;
}

/* Master row ("linha mestre") rendered inside the column headers. */
.cases-table-header[b-7egizqjjz7] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
}

.cases-table-header-title[b-7egizqjjz7] {
    font-weight: 600;
}

.cases-table-master-cell[b-7egizqjjz7] {
    font-weight: 400;
    white-space: normal;
    cursor: default;
}

.cases-table-master-cell[b-7egizqjjz7]  .rz-form-field,
.cases-table-master-cell[b-7egizqjjz7]  .input-button-row {
    width: 100%;
}

.cases-table-master-badge[b-7egizqjjz7] {
    display: inline-block;
    width: fit-content;
    padding: 0.05rem 0.4rem;
    border-radius: var(--rz-border-radius, 4px);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--rz-primary, #1976d2);
    background: var(--rz-primary-lighter, rgba(25, 118, 210, 0.12));
}

.cases-table-master-hint[b-7egizqjjz7] {
    line-height: 1.3;
}
/* /Components/Inputs/DynamicInput/DynamicInputCrontab.razor.rz.scp.css */
/* ── Widget wrapper ──────────────────────────────────────────── */
.crontab-widget[b-4kzxl3xj38] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

/* ── Mode cards row ──────────────────────────────────────────── */
.crontab-modes[b-4kzxl3xj38] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.crontab-mode-card[b-4kzxl3xj38] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.625rem 0.875rem;
    border: 1.5px solid var(--rz-base-400, #cdd5e0);
    border-radius: 8px;
    background: var(--rz-base-background-color, #fff);
    cursor: pointer;
    min-width: 84px;
    user-select: none;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
    color: var(--rz-text-color, #374151);
}

.crontab-mode-card:hover[b-4kzxl3xj38] {
    border-color: var(--rz-primary, #3b82f6);
    background: var(--rz-primary-lighter, #eff6ff);
}

.crontab-mode-card--active[b-4kzxl3xj38] {
    border-color: var(--rz-primary, #3b82f6);
    background: var(--rz-primary-lighter, #eff6ff);
    color: var(--rz-primary, #3b82f6);
}

.crontab-mode-card__icon[b-4kzxl3xj38] {
    font-size: 1.125rem;
    line-height: 1;
    color: inherit;
}

.crontab-mode-card__label[b-4kzxl3xj38] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

/* ── Inputs panel ────────────────────────────────────────────── */
.crontab-panel[b-4kzxl3xj38] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--rz-base-300, #e5e7eb);
    border-radius: 8px;
    background: var(--rz-base-50, #f9fafb);
}

.crontab-row[b-4kzxl3xj38] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.crontab-label[b-4kzxl3xj38] {
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color, #6b7280);
    white-space: nowrap;
}

/* shared focus ring */
.crontab-number:focus[b-4kzxl3xj38],
.crontab-select:focus[b-4kzxl3xj38],
.crontab-text:focus[b-4kzxl3xj38] {
    outline: none;
    border-color: var(--rz-primary, #3b82f6);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--rz-primary, #3b82f6) 20%, transparent);
}

.crontab-number[b-4kzxl3xj38] {
    width: 4.25rem;
    padding: 0.375rem 0.5rem;
    border: 1px solid var(--rz-base-400, #cdd5e0);
    border-radius: 6px;
    font-size: 0.875rem;
    text-align: center;
    background: #fff;
    color: var(--rz-text-color, #374151);
}

.crontab-select[b-4kzxl3xj38] {
    padding: 0.375rem 0.625rem;
    border: 1px solid var(--rz-base-400, #cdd5e0);
    border-radius: 6px;
    font-size: 0.875rem;
    background: #fff;
    color: var(--rz-text-color, #374151);
    cursor: pointer;
}

.crontab-sep[b-4kzxl3xj38] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--rz-text-secondary-color, #6b7280);
    line-height: 1;
}

.crontab-text[b-4kzxl3xj38] {
    flex: 1;
    min-width: 13rem;
    padding: 0.375rem 0.625rem;
    border: 1px solid var(--rz-base-400, #cdd5e0);
    border-radius: 6px;
    font-family: var(--rz-font-monospace, "Consolas", "Courier New", monospace);
    font-size: 0.875rem;
    background: #fff;
    color: var(--rz-text-color, #374151);
}

/* ── Day-of-week toggles ─────────────────────────────────────── */
.crontab-days[b-4kzxl3xj38] {
    gap: 0.375rem;
}

.crontab-day[b-4kzxl3xj38] {
    padding: 0.375rem 0.5rem;
    min-width: 2.625rem;
    border: 1.5px solid var(--rz-base-400, #cdd5e0);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    background: #fff;
    color: var(--rz-text-secondary-color, #6b7280);
    cursor: pointer;
    user-select: none;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.crontab-day:hover[b-4kzxl3xj38] {
    border-color: var(--rz-primary, #3b82f6);
}

.crontab-day--on[b-4kzxl3xj38] {
    border-color: var(--rz-primary, #3b82f6);
    background: var(--rz-primary, #3b82f6);
    color: #fff;
}

/* ── Custom-mode helper text ─────────────────────────────────── */
.crontab-hint[b-4kzxl3xj38] {
    font-size: 0.6875rem;
    color: var(--rz-text-disabled-color, #9ca3af);
    font-family: var(--rz-font-monospace, "Consolas", "Courier New", monospace);
    letter-spacing: 0.02em;
}

/* ── Expression preview ──────────────────────────────────────── */
.crontab-preview[b-4kzxl3xj38] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: var(--rz-text-secondary-color, #6b7280);
}

.crontab-preview__label[b-4kzxl3xj38] {
    font-weight: 500;
}

.crontab-preview__code[b-4kzxl3xj38] {
    padding: 0.125rem 0.5rem;
    border-radius: 5px;
    background: var(--rz-base-200, #f3f4f6);
    font-family: var(--rz-font-monospace, "Consolas", "Courier New", monospace);
    font-size: 0.8125rem;
    color: var(--rz-text-color, #374151);
    border: 1px solid var(--rz-base-300, #e5e7eb);
}
/* /Components/Inputs/DynamicInput/DynamicInputSignature.razor.rz.scp.css */
.signature-input[b-vuzykjiaen] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.signature-pad-shell[b-vuzykjiaen] {
    position: relative;
    width: 100%;
    height: 180px;
    border: 1px dashed var(--rz-input-border-color, #cbd5e1);
    border-radius: var(--rz-border-radius, 6px);
    background: #fff;
    overflow: hidden;
    touch-action: none; /* prevent scrolling while drawing on touch devices */
}

.signature-canvas[b-vuzykjiaen] {
    display: block;
    width: 100%;
    height: 100%;
    cursor: crosshair;
}

.signature-hint[b-vuzykjiaen] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--rz-text-secondary-color, #94a3b8);
    font-size: 0.85rem;
    pointer-events: none;
    user-select: none;
    text-align: center;
    width: 90%;
}

.signature-toolbar[b-vuzykjiaen] {
    display: flex;
    justify-content: flex-end;
}

.signature-readonly[b-vuzykjiaen] {
    display: flex;
    padding: 0.25rem 0;
}

.signature-readonly-image[b-vuzykjiaen] {
    max-width: 280px;
    max-height: 140px;
    object-fit: contain;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #fff;
}

/* Keeps the validation anchor in the DOM (so Radzen registers the field) without showing it. */
.signature-validation-anchor[b-vuzykjiaen] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
    pointer-events: none;
}
/* /Components/Inputs/DynamicInput/FolderViewTree.razor.rz.scp.css */
.folder-tree-root[b-3838jd6qk9] {
    max-height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.folder-tree-toolbar[b-3838jd6qk9],
.folder-tree-status[b-3838jd6qk9] {
    flex-shrink: 0;
}

.folder-tree-content[b-3838jd6qk9] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.folder-tree-card[b-3838jd6qk9] {
    padding: 0;
    border-radius: 12px;
}

[b-3838jd6qk9] .rz-treenode-label {
    display: block;
    width: 100%;
    min-width: 0;
}

[b-3838jd6qk9] .rz-treenode-content {
    width: 100%;
    min-width: 0;
}

.rz-card[b-3838jd6qk9] {
    padding: 0;
}
/* /Components/Inputs/DynamicInput/FolderViewTreeItem.razor.rz.scp.css */
.file-tree-item[b-6hyf3fnli4] {
    min-width: 0;
}

.file-icon-wrapper[b-6hyf3fnli4] {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-entry-limit-badge[b-6hyf3fnli4] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px !important;
    color: var(--rz-danger, #e53935) !important;
    line-height: 1;
}

.file-tree-item-label[b-6hyf3fnli4] {
    min-width: 0;
    overflow: hidden;
}

.file-tree-item-name[b-6hyf3fnli4] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-tree-item-path[b-6hyf3fnli4] {
    font-size: 0.75em;
    color: var(--rz-text-secondary-color, #888);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-tree-item-actions[b-6hyf3fnli4] {
    flex-shrink: 0;
    position: sticky;
    right: 0;
    background: inherit;
    padding-left: 4px;
}

.folder-loading-spinner[b-6hyf3fnli4] {
    display: inline-flex;
    transform-origin: center;
    will-change: transform;
    animation: folder-spin-b-6hyf3fnli4 0.9s linear infinite;
    color: var(--rz-primary);
}

@keyframes folder-spin-b-6hyf3fnli4 {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
/* /Components/Inputs/SettingsInput/SettingsInput.razor.rz.scp.css */
.settings-file-picker[b-61vb58ori6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: fit-content;
    max-width: 100%;
    cursor: pointer;
}

.settings-file-picker[b-61vb58ori6]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.settings-file-picker__button[b-61vb58ori6],
.settings-file-picker__name[b-61vb58ori6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    border-radius: 0.65rem;
}

.settings-file-picker__button[b-61vb58ori6] {
    flex: 0 0 auto;
    padding: 0.55rem 1rem;
    border: 1px solid var(--rz-primary);
    color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 7%, transparent);
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.settings-file-picker:hover .settings-file-picker__button[b-61vb58ori6] {
    color: var(--rz-on-primary, #fff);
    background: var(--rz-primary);
    box-shadow: 0 5px 14px color-mix(in srgb, var(--rz-primary) 25%, transparent);
    transform: translateY(-1px);
}

.settings-file-picker:focus-within .settings-file-picker__button[b-61vb58ori6] {
    outline: 3px solid color-mix(in srgb, var(--rz-primary) 25%, transparent);
    outline-offset: 2px;
}

.settings-file-picker__name[b-61vb58ori6] {
    min-width: 0;
    max-width: 20rem;
    padding: 0.45rem 0.75rem;
    color: var(--rz-text-secondary-color);
    background: var(--rz-base-200);
    font-size: 0.875rem;
}

.settings-file-picker__name span:last-child[b-61vb58ori6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .settings-file-picker[b-61vb58ori6] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .settings-file-picker__button[b-61vb58ori6],
    .settings-file-picker__name[b-61vb58ori6] {
        justify-content: center;
        width: 100%;
        max-width: none;
    }
}
/* /Components/Inputs/WorkflowSelect.razor.rz.scp.css */
.workflow-select-trigger:hover .hover-shadow[b-prul91b83b] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    border-color: var(--rz-primary) !important;
}
/* /Components/Inputs/WorkflowSelectDialog.razor.rz.scp.css */
.workflow-select-dialog .no-border-search:focus[b-l34gwgkasf] {
    outline: none !important;
    box-shadow: none !important;
}

.workflow-list-item[b-l34gwgkasf] {
    padding: 1.5rem 2rem;
    cursor: pointer;
    border-left: 4px solid transparent;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
}

.workflow-list-item:hover[b-l34gwgkasf] {
    background-color: #f8fafc;
    border-left-color: var(--rz-primary-lighter);
}

.workflow-list-item.active[b-l34gwgkasf] {
    background-color: var(--rz-primary) !important;
    border-left-color: var(--rz-primary-lighter);
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(var(--rz-primary-rgb), 0.3);
}

.workflow-list-item.active .title-text[b-l34gwgkasf],
.workflow-list-item.active .text-muted[b-l34gwgkasf],
.workflow-list-item.active .arrow-icon[b-l34gwgkasf],
.workflow-list-item.active i[b-l34gwgkasf] {
    color: #fff !important;
}

.workflow-list-item.active .title-text[b-l34gwgkasf] {
    font-weight: 800 !important;
}

.workflow-list-item.active .arrow-icon[b-l34gwgkasf] {
    color: var(--rz-primary) !important;
    transform: translateX(4px);
}

.nav-category-btn[b-l34gwgkasf] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    border: none;
    background: transparent;
    border-radius: 12px;
    color: #475569;
    font-weight: 500;
    text-align: left;
    transition: all 0.2s ease;
    margin-bottom: 4px;
}

.nav-category-btn:hover[b-l34gwgkasf] {
    background: #f1f5f9;
    color: #0f172a;
}

.nav-category-btn.active[b-l34gwgkasf] {
    background: #fff;
    color: var(--rz-primary);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    font-weight: 700;
}

.bg-soft-warning[b-l34gwgkasf] {
    background-color: #fffbeb;
}

.title-text[b-l34gwgkasf] {
    font-size: 1.05rem;
    transition: color 0.2s;
}
/* /Components/LicenseComplianceBanner.razor.rz.scp.css */
.license-compliance-banner[b-kov4pv8pwb] {
    min-width: 0;
    max-width: calc(100% - 2rem);
}

.license-compliance-banner[b-kov4pv8pwb]  .rz-alert-content {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}
/* /Components/MyRadzen/CustomRadzenHtmlEditor.razor.rz.scp.css */
.rz-context-menu[b-4tc67aycv8] {
    max-height: 300px;
    overflow-y: auto;
}

.template-token-badge[b-4tc67aycv8] {
    display: inline-flex !important;
    align-items: center;
    margin: 0 2px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: baseline;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    user-select: none;
}

.template-token-gap[b-4tc67aycv8] {
    white-space: pre;
}
/* /Components/Notifications/NotificationItemRow.razor.rz.scp.css */

.notification-item[b-1sr6uquhjf] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px 14px 22px;
    margin-bottom: 8px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.015);
    overflow: hidden;
    transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

/* Hover effects (flat, no lift/translate or shadow jump) */
.notification-item:hover[b-1sr6uquhjf] {
    border-color: rgba(0, 0, 0, 0.08);
}

.notification-item.is-unseen[b-1sr6uquhjf] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-left: 1px solid transparent;
}

.notification-item.is-unseen:hover[b-1sr6uquhjf] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.notification-item.is-seen[b-1sr6uquhjf] {
    background: #fafbfc;
    opacity: 0.85;
}

.notification-item.is-seen:hover[b-1sr6uquhjf] {
    background: #f1f5f9;
    opacity: 1;
}

/* Left Accent Line (Static width) */
.notification-accent-line[b-1sr6uquhjf] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.accent-default[b-1sr6uquhjf] { background-color: var(--rz-primary, #1e40af); }
.accent-warning[b-1sr6uquhjf] { background-color: #f59e0b; }
.accent-danger[b-1sr6uquhjf] { background-color: #ef4444; }
.accent-success[b-1sr6uquhjf] { background-color: #10b981; }
.accent-info[b-1sr6uquhjf] { background-color: #3b82f6; }

/* Icon Container */
.notification-icon-container[b-1sr6uquhjf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    flex-shrink: 0;
}

/* Icon Colors and Background Tints using color-mix */
.notification-icon-container.accent-default[b-1sr6uquhjf] {
    background-color: color-mix(in srgb, var(--rz-primary, #1e40af) 12%, transparent);
    color: var(--rz-primary, #1e40af);
}

.notification-icon-container.accent-warning[b-1sr6uquhjf] {
    background-color: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.notification-icon-container.accent-danger[b-1sr6uquhjf] {
    background-color: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.notification-icon-container.accent-success[b-1sr6uquhjf] {
    background-color: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.notification-icon-container.accent-info[b-1sr6uquhjf] {
    background-color: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.notification-icon-container i[b-1sr6uquhjf] {
    font-size: 1.05rem;
}

/* Content Area */
.notification-content[b-1sr6uquhjf] {
    flex-grow: 1;
    min-width: 0;
}

.notification-text[b-1sr6uquhjf] {
    font-size: 0.88rem;
    font-weight: 550;
    line-height: 1.4;
    color: #334155;
    word-break: break-word;
    margin-bottom: 3px;
    transition: color 0.15s ease;
}

.notification-item.is-unseen .notification-text[b-1sr6uquhjf] {
    font-weight: 600;
    color: #0f172a;
}

.notification-item:hover .notification-text[b-1sr6uquhjf] {
    color: #000000;
}

.notification-meta[b-1sr6uquhjf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.notification-date[b-1sr6uquhjf], .notification-seen-at[b-1sr6uquhjf] {
    font-size: 0.76rem;
    color: #64748b;
    display: flex;
    align-items: center;
}

.notification-seen-at[b-1sr6uquhjf] {
    color: #475569;
    font-weight: 500;
}

.notification-date i[b-1sr6uquhjf], .notification-seen-at i[b-1sr6uquhjf] {
    font-size: 0.72rem;
}

/* Company chip */
.notification-company[b-1sr6uquhjf] {
    display: inline-flex;
    align-items: center;
    max-width: 14rem;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-company i[b-1sr6uquhjf] {
    font-size: 0.7rem;
    color: var(--rz-primary, #4f46e5);
}

/* Workflow chip (matches the company chip styling) */
.notification-workflow[b-1sr6uquhjf] {
    display: inline-flex;
    align-items: center;
    max-width: 12rem;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-workflow i[b-1sr6uquhjf] {
    font-size: 0.7rem;
    color: var(--rz-primary, #4f46e5);
    flex-shrink: 0;
}

/* Origin -> destination workflow pair for transfer notifications */
.notification-workflow-transfer[b-1sr6uquhjf] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.notification-transfer-arrow[b-1sr6uquhjf] {
    font-size: 0.7rem;
    color: #94a3b8;
}

/* Action Buttons with distinct colors by default */
.notification-actions[b-1sr6uquhjf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.action-btn[b-1sr6uquhjf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-btn i[b-1sr6uquhjf] {
    font-size: 0.85rem;
}

.action-btn.ack-btn[b-1sr6uquhjf] {
    background-color: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.18);
    color: #059669;
}

.action-btn.ack-btn:hover[b-1sr6uquhjf] {
    background-color: rgba(16, 185, 129, 0.16);
    border-color: rgba(16, 185, 129, 0.35);
    color: #047857;
    transform: scale(1.05);
}

.action-btn.delete-btn[b-1sr6uquhjf] {
    background-color: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.18);
    color: #dc2626;
}

.action-btn.delete-btn:hover[b-1sr6uquhjf] {
    background-color: rgba(239, 68, 68, 0.16);
    border-color: rgba(239, 68, 68, 0.35);
    color: #b91c1c;
    transform: scale(1.05);
}

.action-btn.open-btn[b-1sr6uquhjf] {
    background-color: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.18);
    color: #2563eb;
}

.action-btn.open-btn:hover[b-1sr6uquhjf] {
    background-color: rgba(59, 130, 246, 0.16);
    border-color: rgba(59, 130, 246, 0.35);
    color: #1d4ed8;
    transform: scale(1.05);
}

.action-btn.seen-btn[b-1sr6uquhjf] {
    background-color: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.18);
    color: #059669;
    cursor: default;
    opacity: 0.7;
}

/* Warnings and animations */
.notification-item.is-ack-warning[b-1sr6uquhjf] {
    animation: shake-b-1sr6uquhjf 0.3s ease-in-out;
    border-color: #10b981;
}

.notification-item.is-delete-warning[b-1sr6uquhjf] {
    animation: shrinkAndFade-b-1sr6uquhjf 0.3s forwards ease-in-out;
    pointer-events: none;
}

@keyframes shake-b-1sr6uquhjf {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}

@keyframes shrinkAndFade-b-1sr6uquhjf {
    0% {
        opacity: 1;
        transform: scale(1);
        max-height: 200px;
        margin-bottom: 8px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-width: 1px;
    }
    100% {
        opacity: 0;
        transform: scale(0.9);
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-width: 0;
    }
}
/* /Components/Skeleton.razor.rz.scp.css */
.skeleton[b-81p5njuplq] {
    display: inline-block;
    width: 100%;
    height: 1rem;
    background-color: rgba(0, 0, 0, 0.08);
    overflow: hidden;
    position: relative;
}

.skeleton.shimmer[b-81p5njuplq]::after {
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100% );
    animation: shimmer-b-81p5njuplq 1.6s infinite;
}

@keyframes shimmer-b-81p5njuplq {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}
/* /Layout/AuthenticationLayout/AuthenticationLayout.razor.rz.scp.css */
.version-label[b-osvakrzaj4] {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    font-weight: 600;
    color: #6c757d;
    font-size: 0.85rem;
}

.environment-label[b-osvakrzaj4] {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 15px;
    font-weight: 600;
    color: #6c757d;
    font-size: 0.85rem;
}

/* Modern Auth Layout Styles */
.auth-main-wrapper[b-osvakrzaj4] {
    background: #f8f9fa;
    min-height: 100vh;
}

.auth-bg-container[b-osvakrzaj4] {
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.auth-bg-overlay[b-osvakrzaj4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Glassmorphism gradient: dark fade to show user's wallpaper beautifully */
    background: linear-gradient(135deg, rgba(8, 20, 48, 0.85) 0%, rgba(20, 40, 80, 0.4) 100%);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem;
    color: white;
}

.auth-logo-wrapper[b-osvakrzaj4] {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 2.5rem;
    border-radius: 50%;
    margin-bottom: 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.auth-logo-wrapper:hover[b-osvakrzaj4] {
    transform: scale(1.05);
    box-shadow: 0 15px 50px rgba(0, 120, 250, 0.3), inset 0 0 30px rgba(255, 255, 255, 0.2);
}

.auth-logo[b-osvakrzaj4] {
    width: 300px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4));
}

.auth-logo-mobile[b-osvakrzaj4] {
    width: auto;
    height: 100px;
    padding: 10px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.auth-welcome-text[b-osvakrzaj4] {
    font-size: 2.5rem;
    font-weight: 800;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    margin-bottom: 0.5rem;
    color: #ffffff;
    letter-spacing: -0.5px;
}

.auth-subtitle-text[b-osvakrzaj4] {
    font-size: 1.15rem;
    opacity: 0.85;
    text-align: center;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    max-width: 80%;
    font-weight: 400;
}

.auth-card-container[b-osvakrzaj4] {
    animation: slideInRight-b-osvakrzaj4 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.auth-form-card[b-osvakrzaj4] {
    border-radius: 1.25rem !important;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

@keyframes slideInRight-b-osvakrzaj4 {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.modern-auth-btn[b-osvakrzaj4] {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
    background-color: var(--rz-primary) !important;
    color: var(--rz-primary-contrast, white) !important;
}

.modern-auth-btn:hover[b-osvakrzaj4] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

.microsoft-btn[b-osvakrzaj4] {
    background-color: var(--rz-primary) !important;
    border: none !important;
    color: var(--rz-primary-contrast, white) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

.microsoft-btn:hover[b-osvakrzaj4] {
    filter: brightness(0.95);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

@media (max-width: 991.98px) {
    .auth-card-container[b-osvakrzaj4] {
        min-height: 100vh !important;
        justify-content: center !important;
        align-items: center !important;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
/* /Layout/MainLayout/Dialogs/AllNotificationsDialog.razor.rz.scp.css */

.notifications-dialog[b-3hrjviszdo] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* ── Header (fixed) ── */
.notifications-toolbar[b-3hrjviszdo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px 16px;
    border-radius: 12px;
    margin-bottom: 8px;
    flex-shrink: 0;
}

.toolbar-left[b-3hrjviszdo], .toolbar-right[b-3hrjviszdo] {
    display: flex;
    gap: 10px;
    align-items: center;
}

[b-3hrjviszdo] .notifications-toolbar .rz-button {
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    height: 36px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

[b-3hrjviszdo] .notifications-toolbar .rz-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

/* ── List (scrolls) ── */
.notifications-list-wrapper[b-3hrjviszdo] {
    flex: 1;
    overflow-y: auto;
    padding: 4px 2px;
    min-height: 0;
}

.notifications-list-content[b-3hrjviszdo] {
    position: relative;
}

.notifications-loading[b-3hrjviszdo] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0;
}

.notifications-page-overlay[b-3hrjviszdo] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    border-radius: 8px;
}

/* ── Pager (fixed footer, compact like tables) ── */
.notifications-pager[b-3hrjviszdo] {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #f8fafc;
    flex-shrink: 0;
    min-height: 38px;
    border-radius: 0 0 12px 12px;
    gap: 16px;
}

[b-3hrjviszdo] .notifications-pager .rz-pager {
    border: 0;
    background: transparent;
    padding: 0;
}

[b-3hrjviszdo] .notifications-pager .rz-pager .rz-pager-numbers a {
    min-width: 28px;
    height: 28px;
    font-size: 0.78rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-3hrjviszdo] .notifications-pager .rz-pager .rz-pager-first,
[b-3hrjviszdo] .notifications-pager .rz-pager .rz-pager-prev,
[b-3hrjviszdo] .notifications-pager .rz-pager .rz-pager-next,
[b-3hrjviszdo] .notifications-pager .rz-pager .rz-pager-last {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 0.85rem;
}

.pager-summary[b-3hrjviszdo] {
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
    flex-shrink: 0;
}

.pager-pagesize[b-3hrjviszdo] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
}
/* /Layout/MainLayout/Dialogs/CompanySelectDialog.razor.rz.scp.css */
.company-select-dialog .no-border-search:focus[b-68q52aod3p] {
    outline: none !important;
    box-shadow: none !important;
}

.company-list-item[b-68q52aod3p] {
    padding: 1.25rem 2rem;
    cursor: pointer;
    border-left: 4px solid transparent;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
}

.company-list-item:hover[b-68q52aod3p] {
    background-color: #f8fafc;
    border-left-color: var(--rz-primary-lighter);
}

.company-list-item.active[b-68q52aod3p] {
    background-color: var(--rz-primary) !important;
    border-left-color: var(--rz-primary-lighter);
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(var(--rz-primary-rgb), 0.3);
}

.company-list-item.active .title-text[b-68q52aod3p],
.company-list-item.active .text-muted[b-68q52aod3p],
.company-list-item.active .arrow-icon[b-68q52aod3p],
.company-list-item.active i[b-68q52aod3p] {
    color: #fff !important;
}

.company-list-item.active .title-text[b-68q52aod3p] {
    font-weight: 800 !important;
}

.company-list-item.active .arrow-icon[b-68q52aod3p] {
    color: var(--rz-primary) !important;
    transform: translateX(4px);
}

.company-icon[b-68q52aod3p] {
    width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* /Layout/MainLayout/VerticalMenu.razor.rz.scp.css */
.g-sidenav-show .sidenav .nav-item .collapse[b-tg6mf3ss0e] {
    transition: all 0.2s ease-in-out, border-left 0s ease-in-out !important;
}

[b-tg6mf3ss0e] .menu-item-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    text-decoration: none !important;
}

[b-tg6mf3ss0e] .menu-item-link:hover,
[b-tg6mf3ss0e] .menu-item-link:focus,
[b-tg6mf3ss0e] .menu-item-link.active {
    text-decoration: none !important;
}

[b-tg6mf3ss0e] .menu-item-link,
[b-tg6mf3ss0e] .menu-item-link:hover,
[b-tg6mf3ss0e] .menu-item-link:focus,
[b-tg6mf3ss0e] .menu-item-link.active,
[b-tg6mf3ss0e] .menu-item-link .menu-item-label {
    text-decoration: none !important;
}

[b-tg6mf3ss0e] .menu-item-icon {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    color: inherit;
    transition: all 0.2s ease-in-out;
}

[b-tg6mf3ss0e] .menu-item-icon .fa-solid,
[b-tg6mf3ss0e] .menu-item-icon .material-icons-round {
    margin: 0 !important;
    line-height: 1;
    font-size: 1rem;
    width: 1.1rem;
    text-align: center;
}

[b-tg6mf3ss0e] .menu-item-icon .material-icons-round {
    font-size: 1.15rem;
    opacity: 1 !important;
}

[b-tg6mf3ss0e] .menu-item-label {
    margin: 0;
    padding-top: 0.02rem;
}

.small-size[b-tg6mf3ss0e] {
    max-width: 60px !important;
    max-height: 60px !important;
    margin: 0 auto;
    transition: all 0.2s ease-in-out;
    display: none !important;
}

.g-sidenav-hidden .navbar-vertical .navbar-brand .big-size[b-tg6mf3ss0e] {
    transition: all 0.2s ease-in-out;
    display: none !important;
}

.g-sidenav-hidden .navbar-vertical .navbar-brand .small-size[b-tg6mf3ss0e] {
    transition: all 0.2s ease-in-out;
    display: block !important;
}

/* Removed hover logo swap */

.company-logo-trigger[b-tg6mf3ss0e] {
    cursor: pointer;
    position: relative;
}

.user-avatar[b-tg6mf3ss0e] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--rz-primary), var(--rz-primary-dark));
    color: var(--rz-on-primary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.collapsed-user-notification-badge[b-tg6mf3ss0e] {
    display: none;
}

.copyright-year[b-tg6mf3ss0e] {
    font-size: 0.7rem;
    opacity: 0.72;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.copyright-brand[b-tg6mf3ss0e] {
    font-size: 0.72rem;
    margin-top: 0.1rem;
}

.copyright-version[b-tg6mf3ss0e] {
    font-size: 0.65rem;
    opacity: 0.6;
    margin-top: 0.15rem;
}

.sidebar-footer[b-tg6mf3ss0e] {
    transition: all 0.2s ease-in-out;
}

.g-sidenav-show .user-summary-item .user-avatar[b-tg6mf3ss0e] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    font-size: 0.8rem;
}

.g-sidenav-show .sidebar-footer .copyright-year[b-tg6mf3ss0e] {
    font-size: 0.82rem;
    opacity: 0.9;
    letter-spacing: normal;
    text-transform: none;
}

.g-sidenav-show .sidebar-footer .copyright-brand[b-tg6mf3ss0e] {
    font-size: 0.8rem;
    margin-top: 0.2rem;
}

.g-sidenav-show .sidebar-footer .copyright-version[b-tg6mf3ss0e] {
    font-size: 0.74rem;
    opacity: 0.75;
    margin-top: 0.25rem;
}

.g-sidenav-hidden .user-summary-item .user-avatar[b-tg6mf3ss0e] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    font-size: 0.75rem;
}

.g-sidenav-hidden .navbar-vertical[b-tg6mf3ss0e]  .nav-item>.collapse,
.g-sidenav-hidden .navbar-vertical[b-tg6mf3ss0e]  .nav-item>.collapsing {
    display: none !important;
}

.g-sidenav-hidden .navbar-vertical[b-tg6mf3ss0e]  .menu-item-link {
    display: grid;
    place-items: center;
    padding: 0.45rem 0 !important;
}

.g-sidenav-hidden .navbar-vertical[b-tg6mf3ss0e]  .menu-item-icon {
    width: 2.6rem;
    height: 2.6rem;
    min-width: 2.6rem;
    border-radius: 0.95rem;
    background: rgba(15, 23, 42, 0.05);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.g-sidenav-hidden .navbar-vertical[b-tg6mf3ss0e]  .nav-link.active .menu-item-icon {
    background: var(--rz-primary);
    color: var(--rz-on-primary);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
}

.g-sidenav-hidden .navbar-vertical[b-tg6mf3ss0e]  .outline-nav-item .menu-item-link {
    border-color: transparent;
}

/* Environment and User Item Minified Overrides */
.env-icon-container[b-tg6mf3ss0e] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 0.35rem;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.g-sidenav-hidden .navbar-vertical .env-icon-container[b-tg6mf3ss0e] {
    display: inline-flex !important;
}

.g-sidenav-hidden .navbar-vertical .env-summary-item .env-item[b-tg6mf3ss0e] {
    display: grid !important;
    place-items: center !important;
    border-width: 0 !important;
    padding: 0.45rem 0 !important;
    background: transparent !important;
}

.g-sidenav-hidden .navbar-vertical .env-summary-item .env-container[b-tg6mf3ss0e] {
    width: 2.6rem;
    min-width: 2.6rem;
    justify-content: center !important;
}

.g-sidenav-hidden .navbar-vertical .user-summary-item .user-item[b-tg6mf3ss0e] {
    display: grid !important;
    place-items: center !important;
    border-width: 0 !important;
    padding: 0.45rem 0 !important;
    background: transparent !important;
}

.g-sidenav-hidden .navbar-vertical .user-summary-item .username-container[b-tg6mf3ss0e] {
    width: 2.6rem;
    min-width: 2.6rem;
    justify-content: center !important;
    position: relative;
}

.g-sidenav-hidden .navbar-vertical .user-summary-item .buttons-container[b-tg6mf3ss0e] {
    display: none !important;
}

.g-sidenav-hidden .navbar-vertical .user-summary-item .collapsed-user-notification-badge[b-tg6mf3ss0e] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: var(--rz-danger);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 0 0 2px var(--app-surface-raised);
}

.g-sidenav-hidden .navbar-vertical .env-icon-container[b-tg6mf3ss0e],
.g-sidenav-hidden .navbar-vertical .user-summary-item .user-avatar[b-tg6mf3ss0e] {
    width: 2.6rem;
    height: 2.6rem;
    min-width: 2.6rem;
    border-radius: 0.95rem;
}

.g-sidenav-hidden .navbar-vertical .sidebar-footer .copyright-brand[b-tg6mf3ss0e],
.g-sidenav-hidden .navbar-vertical .sidebar-footer .copyright-version[b-tg6mf3ss0e] {
    display: none;
}

.g-sidenav-hidden .navbar-vertical .sidebar-footer .copyright-year[b-tg6mf3ss0e] {
    font-size: 0.68rem;
    letter-spacing: 0.14em;
}

.user-item[b-tg6mf3ss0e] {
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
}

.env-item[b-tg6mf3ss0e] {
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
}

.user-item .nav-link-text[b-tg6mf3ss0e],
.user-item .username-text[b-tg6mf3ss0e],
.env-item .nav-link-text[b-tg6mf3ss0e],
.env-item .env-text[b-tg6mf3ss0e] {
    text-decoration: none !important;
}
/* /Layout/SetupLayout/SetupLayout.razor.rz.scp.css */
.setup-layout[b-cgpn5rlqmq] {
    min-height: calc(100vh - 77px);
}

.setup-layout__content[b-cgpn5rlqmq],
.setup-layout .page-header[b-cgpn5rlqmq],
.setup-layout .container-fluid[b-cgpn5rlqmq] {
    min-height: inherit;
}

.setup-layout__shell[b-cgpn5rlqmq] {
    min-height: inherit;
}

/* Setup layout footer — consistent with main app footer. */
.setup-footer[b-cgpn5rlqmq] {
    text-align: center;
    padding: 1.5rem 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background-color: var(--rz-base-background, #fff);
}

.setup-footer .copyright a[b-cgpn5rlqmq] {
    text-decoration: none;
    color: var(--rz-text, #333);
    transition: opacity 0.2s ease;
}

.setup-footer .copyright a:hover[b-cgpn5rlqmq] {
    opacity: 0.7;
}
/* /Pages/Cases/BulkEditCase.razor.rz.scp.css */
.bulk-progress-overlay[b-opx8nmz962] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bulk-progress-dialog[b-opx8nmz962] {
    background: var(--rz-base-background-color, #fff);
    border-radius: 8px;
    padding: 2rem 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    min-width: 200px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

.bulk-progress-label[b-opx8nmz962] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--rz-text-color, #333);
}

.bulk-progress-count[b-opx8nmz962] {
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color, #666);
}

[b-opx8nmz962] .rz-datatable-thead > tr > th,
[b-opx8nmz962] .rz-grid-table thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 6;
    background: var(--rz-base-background-color, #fff);
}

[b-opx8nmz962] .rz-grid-table > tbody > tr.bulk-edit-master-row,
[b-opx8nmz962] .rz-datatable-data > tr.bulk-edit-master-row,
[b-opx8nmz962] .bulk-edit-master-row {
    position: sticky;
    top: 0;
    z-index: 20;
}

[b-opx8nmz962] .rz-grid-table > tbody > tr.bulk-edit-master-row > td,
[b-opx8nmz962] .rz-datatable-data > tr.bulk-edit-master-row > td,
[b-opx8nmz962] .bulk-edit-master-row > td {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--rz-base-background-color, #fff);
    box-shadow: 0 2px 0 var(--rz-border-color, #d6dbe1);
}

[b-opx8nmz962] .rz-grid-table > tbody > tr.bulk-edit-master-row > td.rz-frozen-cell,
[b-opx8nmz962] .rz-datatable-data > tr.bulk-edit-master-row > td.rz-frozen-cell {
    z-index: 21;
}

[b-opx8nmz962] .rz-grid-table > tbody > tr.bulk-edit-row-error > td,
[b-opx8nmz962] .rz-datatable-data > tr.bulk-edit-row-error > td {
    background-color: rgba(220, 53, 69, 0.06);
}

.bulk-edit-row-save-error[b-opx8nmz962] {
    position: sticky;
    left: 0.5rem;
    width: fit-content;
    max-width: calc(100vw - 3rem);
    z-index: 2;
    font-size: 0.72rem;
    color: #c62828;
    white-space: normal;
    word-break: break-word;
    margin-top: 2px;
    line-height: 1.2;
}
/* /Pages/Cases/FormCase.razor.rz.scp.css */
.rz-form-field:not(.rz-floating-label) .rz-form-field-label[b-kjj3if4hib], .rz-textbox:focus ~ .rz-form-field-label[b-kjj3if4hib], .rz-textarea:focus ~ .rz-form-field-label[b-kjj3if4hib], .rz-numeric:focus-within ~ .rz-form-field-label[b-kjj3if4hib], .rz-autocomplete:focus-within ~ .rz-form-field-label[b-kjj3if4hib], .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label[b-kjj3if4hib], :not(.rz-state-empty) ~ .rz-form-field-label[b-kjj3if4hib], .rz-form-field.rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label[b-kjj3if4hib], .rz-form-field.rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label[b-kjj3if4hib], .rz-form-field.rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label[b-kjj3if4hib], .rz-form-field.rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label[b-kjj3if4hib], .rz-radio-button-list-vertical ~ .rz-form-field-label[b-kjj3if4hib], .rz-radio-button-list-horizontal ~ .rz-form-field-label[b-kjj3if4hib], .rz-checkbox-list-vertical ~ .rz-form-field-label[b-kjj3if4hib], .rz-checkbox-list-horizontal ~ .rz-form-field-label[b-kjj3if4hib], .rz-chkbox ~ .rz-form-field-label[b-kjj3if4hib], .rz-fileupload ~ .rz-form-field-label[b-kjj3if4hib], .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label[b-kjj3if4hib], .rz-form-field.rz-state-focused .rz-form-field-label[b-kjj3if4hib] {
    color: var(--rz-info-darker) !important;
}

.rz-form-field-content[b-kjj3if4hib] {
    box-shadow: 0px 0px 2px #00000038 !important
}

.case-ai-button[b-kjj3if4hib] {
    position: fixed;
    right: 24px;
    bottom: 112px;
    z-index: 1050;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.22);
}

.case-ai-panel[b-kjj3if4hib] {
    position: fixed;
    top: 96px;
    right: 24px;
    bottom: 176px;
    z-index: 1049;
    width: min(440px, calc(100% - 36px));
}

@media (max-width: 768px) {
    .case-ai-panel[b-kjj3if4hib] {
        top: 64px;
        right: 10px;
        bottom: 150px;
        width: calc(100% - 20px);
    }

    .case-ai-button[b-kjj3if4hib] {
        right: 18px;
        bottom: 104px;
    }
}

.case-editor-card[b-kjj3if4hib] {
    --case-editor-space-xs: 0.25rem;
    --case-editor-space-sm: 0.5rem;
    --case-editor-space-md: 0.75rem;
    position: relative;
    overflow: hidden;
}

.case-editor-header[b-kjj3if4hib] {
    padding: 0.85rem 1rem 0.65rem;
}

.case-editor-header h5[b-kjj3if4hib] {
    font-size: 1rem;
    line-height: 1.25;
}

.case-editor-divider[b-kjj3if4hib] {
    margin-block: 0;
}

.case-editor-body[b-kjj3if4hib] {
    padding: 0;
}

.case-editor-content[b-kjj3if4hib] {
    --bs-gutter-x: 0;
}

.case-editor-sidebar[b-kjj3if4hib] {
    padding-block: 0.5rem;
}

.case-editor-main[b-kjj3if4hib] {
    padding: 0.9rem 0.75rem 0.6rem;
}

.case-editor-charge-fields[b-kjj3if4hib] {
    margin-top: 0.5rem;
    padding-top: 0.65rem;
}

.case-editor-completed-state[b-kjj3if4hib] {
    min-height: 18rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
    color: var(--rz-text-secondary-color);
}

.case-editor-completed-icon[b-kjj3if4hib] {
    font-size: 2.75rem;
    color: var(--rz-success);
    margin-bottom: 0.75rem;
}

.case-editor-completed-title[b-kjj3if4hib] {
    margin: 0 0 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--rz-text-color);
}

.case-editor-completed-text[b-kjj3if4hib] {
    max-width: 34rem;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
}

.case-editor-footer[b-kjj3if4hib] {
    padding: 0.65rem 1rem 0.75rem;
    min-height: 4.2rem;
}

.case-editor-footer h4[b-kjj3if4hib] {
    font-size: 1.15rem;
    line-height: 1.1;
}

.case-editor-footer p[b-kjj3if4hib] {
    font-size: 0.85rem;
    line-height: 1.15;
}

.case-editor-card[b-kjj3if4hib]  .rz-form {
    padding-right: 0.35rem !important;
}

.case-editor-card[b-kjj3if4hib]  .rz-form > .row {
    --bs-gutter-x: 0.65rem;
    --bs-gutter-y: 0.55rem;
}

.case-editor-card[b-kjj3if4hib]  .rz-form-field {
    margin-bottom: 0 !important;
}

.case-editor-card[b-kjj3if4hib]  .rz-form-field-content {
    min-height: 38px;
}

.case-editor-card[b-kjj3if4hib]  .rz-inputtext,
.case-editor-card[b-kjj3if4hib]  .rz-dropdown,
.case-editor-card[b-kjj3if4hib]  .rz-numeric,
.case-editor-card[b-kjj3if4hib]  .rz-datepicker {
    min-height: 38px;
}

.case-editor-card[b-kjj3if4hib]  .rz-inputtext,
.case-editor-card[b-kjj3if4hib]  .rz-dropdown-label,
.case-editor-card[b-kjj3if4hib]  .rz-numeric-input {
    padding-block: 0.45rem;
}

.case-editor-card[b-kjj3if4hib]  .rz-form-field-label {
    line-height: 1;
}

.case-editor-card[b-kjj3if4hib]  .configuration-board-grid {
    gap: 0.45rem 0.75rem;
}

.case-editor-card[b-kjj3if4hib]  .configuration-board-option {
    min-height: 2.4rem;
    padding-block: 0.35rem;
}

.case-editor-card[b-kjj3if4hib]  .favourite-container .rz-card-body {
    padding: 0.85rem 0.75rem !important;
}

.case-editor-card[b-kjj3if4hib]  .favorite-fields-header {
    margin-top: 0;
    margin-bottom: 0.35rem !important;
    padding-inline: 0.25rem !important;
}

.case-editor-card[b-kjj3if4hib]  .favorite-fields-scroll {
    gap: 0.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.75rem !important;
}

.case-editor-card[b-kjj3if4hib]  .favorite-field-card {
    border-radius: 0.65rem !important;
    padding: 0.55rem 0.7rem !important;
}

.case-editor-card[b-kjj3if4hib]  .favorite-field-label {
    margin-bottom: 0.2rem !important;
}

.case-editor-card[b-kjj3if4hib]  .favorite-fields-empty-container {
    border-radius: 0.75rem !important;
    min-height: 8rem;
    padding: 1.25rem !important;
}

@media (max-width: 992px) {
    .case-editor-main[b-kjj3if4hib] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-inline: 0.65rem;
    }

    .case-editor-sidebar[b-kjj3if4hib] {
        display: none !important;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-workflow-cell[b-d0shrsca6l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    width: 100%;
    white-space: nowrap;
}

.home-workflow-name[b-d0shrsca6l] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-workflow-status[b-d0shrsca6l] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
    color: #f59e0b;
    font-weight: 700;
    line-height: 1;
}

.home-workflow-status-dot[b-d0shrsca6l] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: currentColor;
    display: inline-block;
}

.home-workflow-status-ellipsis[b-d0shrsca6l] {
    letter-spacing: 0.08em;
}
/* /Pages/Inbox/CaseFieldHistoryTab.razor.rz.scp.css */
.field-history-tab[b-uxf9bcucg3] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.field-history-body[b-uxf9bcucg3] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    padding: 0.75rem 0.5rem;
    overflow-y: auto;
}

.field-history-loading[b-uxf9bcucg3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
}

.field-history-timeline[b-uxf9bcucg3] {
    position: relative;
    padding-left: 0.25rem;
}

.field-history-entry[b-uxf9bcucg3] {
    position: relative;
    margin-bottom: 0.75rem;
}

@media (max-width: 576px) {
    .field-history-entry details[b-uxf9bcucg3] {
        border-left-width: 6px;
    }
}

.field-history-entry details[b-uxf9bcucg3] {
    background: var(--bs-white);
    border-radius: 8px;
    border: 1px solid var(--bs-gray-200);
    border-left: 4px solid var(--rz-primary);
    overflow: clip;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.field-history-entry summary[b-uxf9bcucg3] {
    list-style: none;
    cursor: pointer;
    padding: 0.75rem 0.85rem;
}

.field-history-entry summary[b-uxf9bcucg3]::-webkit-details-marker,
.field-history-entry summary[b-uxf9bcucg3]::marker {
    display: none;
}

.field-history-entry summary:focus-visible[b-uxf9bcucg3] {
    outline: 2px solid color-mix(in srgb, var(--rz-primary) 55%, transparent);
    outline-offset: 2px;
    border-radius: 8px;
}

.field-history-entry details:hover[b-uxf9bcucg3] {
    border-color: color-mix(in srgb, var(--rz-primary) 30%, var(--bs-gray-200));
    background: color-mix(in srgb, var(--rz-primary) 2%, white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.field-history-entry details[open][b-uxf9bcucg3] {
    border-color: color-mix(in srgb, var(--rz-primary) 40%, var(--bs-gray-200));
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.field-history-summary[b-uxf9bcucg3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.field-history-summary-left[b-uxf9bcucg3] {
    min-width: 0;
}

.field-history-summary-right[b-uxf9bcucg3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.field-history-badge[b-uxf9bcucg3] {
    border: 1px solid color-mix(in srgb, var(--bs-gray-400) 30%, transparent);
}

.field-history-chevron[b-uxf9bcucg3] {
    font-size: 1.35rem;
    color: var(--bs-secondary);
    opacity: 0.85;
    transition: transform 160ms ease, opacity 160ms ease, color 160ms ease;
}

.field-history-entry details[open] .field-history-chevron[b-uxf9bcucg3] {
    transform: rotate(180deg);
    opacity: 1;
    color: var(--rz-primary);
}

.field-history-entry summary:hover .field-history-chevron[b-uxf9bcucg3] {
    opacity: 1;
}

.field-history-content[b-uxf9bcucg3] {
    padding: 0.25rem 0.85rem 0.75rem 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--bs-gray-300) 35%, transparent);
    background: color-mix(in srgb, var(--bs-gray-100) 40%, transparent);
}

.field-history-entry table[b-uxf9bcucg3] {
    margin-bottom: 0;
}

.field-history-row + .field-history-row td[b-uxf9bcucg3] {
    border-top: 1px solid color-mix(in srgb, var(--bs-gray-300) 30%, transparent);
}

.field-history-label[b-uxf9bcucg3] {
    width: 35%;
    padding-left: 0;
}

.field-history-row td[b-uxf9bcucg3] {
    padding: 0.55rem 0.5rem;
    vertical-align: top;
}

.field-history-row td:last-child[b-uxf9bcucg3] {
    padding-right: 0;
}

.field-history-value[b-uxf9bcucg3] {
    word-break: break-word;
    white-space: pre-wrap;
}

.field-history-pager[b-uxf9bcucg3] {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: #f8fafc;
    flex-shrink: 0;
    min-height: 38px;
    gap: 16px;
}

.field-history-pager[b-uxf9bcucg3]  .rz-pager {
    border: 0;
    background: transparent;
    padding: 0;
}

.field-history-pager[b-uxf9bcucg3]  .rz-pager .rz-pager-numbers a {
    min-width: 28px;
    height: 28px;
    font-size: 0.78rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.field-history-pager[b-uxf9bcucg3]  .rz-pager .rz-pager-first,
.field-history-pager[b-uxf9bcucg3]  .rz-pager .rz-pager-prev,
.field-history-pager[b-uxf9bcucg3]  .rz-pager .rz-pager-next,
.field-history-pager[b-uxf9bcucg3]  .rz-pager .rz-pager-last {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 0.85rem;
}

.field-history-pager .pager-summary[b-uxf9bcucg3] {
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
    flex-shrink: 0;
}

.field-history-pager .pager-pagesize[b-uxf9bcucg3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #64748b;
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
}
/* /Pages/Inbox/CaseStatusHistoryDialog.razor.rz.scp.css */
.case-status-history-dialog[b-fmwbz5h5pf] {
    height: 100%;
    min-height: 0;
}

.case-status-history-dialog[b-fmwbz5h5pf]  .rz-tabview {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.case-status-history-dialog[b-fmwbz5h5pf]  .rz-tabview-nav {
    flex-shrink: 0;
}

.case-status-history-dialog[b-fmwbz5h5pf]  .rz-tabview-panels {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.case-status-history-dialog[b-fmwbz5h5pf]  .rz-tabview-panel {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
}

.case-status-history-panel[b-fmwbz5h5pf] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}
/* /Pages/Inbox/CaseStatusHistoryTab.razor.rz.scp.css */
.case-status-history-tab[b-bjdm75vbag] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}

.case-status-history-grid[b-bjdm75vbag] {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Pages/Inbox/CaseWorkflowDiagramDialog.razor.rz.scp.css */
.case-workflow-diagram-dialog[b-dj6dvh1tbn] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}
/* /Pages/Inbox/CaseWorkflowDiagramTab.razor.rz.scp.css */
.case-workflow-diagram-tab[b-qfqm41zqb4] {
    min-height: 0;
    height: 100%;
}

.case-workflow-diagram-legend[b-qfqm41zqb4] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    font-size: 0.875rem;
    color: #334155;
    width: 100%;
}

.case-workflow-legend-items[b-qfqm41zqb4] {
    flex: 1 1 auto;
    min-width: 0;
}

.case-workflow-legend-item[b-qfqm41zqb4] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.case-workflow-legend-swatch[b-qfqm41zqb4] {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 2px solid transparent;
}

.case-workflow-legend-swatch-current[b-qfqm41zqb4] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--rz-primary);
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rz-primary) 35%, transparent);
}

.case-workflow-legend-swatch-visited[b-qfqm41zqb4] {
    background: #dbeafe;
    border-color: #93c5fd;
}

.case-workflow-legend-swatch-pending[b-qfqm41zqb4] {
    background: #ffffff;
    border-color: #e2e8f0;
}

.case-workflow-legend-swatch-child[b-qfqm41zqb4] {
    background: #f5f3ff;
    border-color: #8b5cf6;
}

.case-workflow-legend-icon-source[b-qfqm41zqb4] {
    color: #14b8a6;
}

.case-workflow-diagram-wrapper[b-qfqm41zqb4] {
    min-height: 420px;
}

.case-workflow-playback-toolbar[b-qfqm41zqb4] {
    margin-left: auto;
    padding-left: 0.75rem;
    border-left: 1px solid #e2e8f0;
}

.case-workflow-playback-actions[b-qfqm41zqb4] {
    flex-shrink: 0;
}

.case-workflow-playback-btn[b-qfqm41zqb4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: #f1f5f9;
    color: #0f172a;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.case-workflow-playback-btn:hover:not(:disabled)[b-qfqm41zqb4] {
    background: #e2e8f0;
}

.case-workflow-playback-btn:disabled[b-qfqm41zqb4] {
    opacity: 0.45;
    cursor: not-allowed;
}

.case-workflow-playback-btn.is-active[b-qfqm41zqb4] {
    background: color-mix(in srgb, var(--rz-primary) 15%, white);
    color: var(--rz-primary);
}

.case-workflow-playback-btn .fa-solid[b-qfqm41zqb4] {
    font-size: 13px;
    line-height: 1;
}

.case-workflow-playback-counter[b-qfqm41zqb4] {
    font-size: 0.8125rem;
    white-space: nowrap;
    min-width: 2.75rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.case-workflow-playback-slider[b-qfqm41zqb4] {
    width: 120px;
    min-width: 80px;
    max-width: 180px;
    margin: 0;
    accent-color: var(--rz-primary);
    height: 0.35rem;
}

.case-workflow-playback-slider[b-qfqm41zqb4]::-webkit-slider-runnable-track {
    height: 0.35rem;
    border-radius: 999px;
    background: #e2e8f0;
}

.case-workflow-playback-slider[b-qfqm41zqb4]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: var(--rz-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rz-primary) 35%, transparent);
    cursor: pointer;
}

.case-workflow-playback-slider[b-qfqm41zqb4]::-moz-range-track {
    height: 0.35rem;
    border-radius: 999px;
    background: #e2e8f0;
}

.case-workflow-playback-slider[b-qfqm41zqb4]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: var(--rz-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rz-primary) 35%, transparent);
    cursor: pointer;
}

@media (max-width: 991px) {
    .case-workflow-playback-toolbar[b-qfqm41zqb4] {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid #e2e8f0;
        padding-top: 0.5rem;
        justify-content: flex-end;
    }
}
/* /Pages/Inbox/KanbanTab/KanbanTab.razor.rz.scp.css */
.kanban-toolbar[b-62ah9a5brk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.kanban-toolbar__actions[b-62ah9a5brk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.kanban-toolbar__search[b-62ah9a5brk] {
    flex: 1 1 220px;
    min-width: 0;
}


.kanban-filters-panel[b-62ah9a5brk] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem 1.1rem 0.95rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.12);
}

.kanban-filters-panel__header[b-62ah9a5brk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.kanban-filters-panel__title[b-62ah9a5brk] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--rz-text-color, #1e293b);
}

.kanban-filters-panel__status[b-62ah9a5brk] {
    align-self: center;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rz-primary, #1976d2);
    background: rgba(25, 118, 210, 0.1);
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    white-space: nowrap;
}

.kanban-filters-panel__profiles[b-62ah9a5brk] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.75rem;
    background: var(--rz-base-50, #f8fafc);
    border: 1px solid var(--rz-base-200, #e2e8f0);
}

.kanban-filters-panel__profiles[b-62ah9a5brk] (.query-profile-dropdown) {
    width: min(100%, 280px) !important;
}

.kanban-filters-panel__body[b-62ah9a5brk] {
    max-height: min(52vh, 420px);
    overflow: auto;
    padding-inline: 0.1rem;
}

.kanban-filters-panel__footer[b-62ah9a5brk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

/* DataFilter layout inside the kanban popup */
.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter) {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter > ul) {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter > ul > li) {
    margin: 0;
    padding: 0.7rem 0.8rem;
    border-radius: 0.75rem;
    background: var(--rz-base-50, #f8fafc);
    border: 1px solid var(--rz-base-200, #e2e8f0);
}

.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-item) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-logical-operator) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    margin-right: 0.15rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--rz-base-300, #cbd5e1);
    color: var(--rz-text-secondary-color, #475569);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-property),
.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-operator) {
    flex: 1 1 9.5rem;
    max-width: none;
    min-width: 8.5rem;
}

.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-item > .rz-dropdown:last-child),
.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-item > .rz-textbox),
.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-item > .rz-numeric),
.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-item > .rz-datepicker) {
    flex: 2 1 12rem;
    min-width: 10rem;
}

.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter .rz-button.rz-button-icon-only) {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 0.55rem;
}

.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-add),
.kanban-filters-panel__body[b-62ah9a5brk] (.rz-datafilter-group-add) {
    align-self: flex-start;
}
/* /Pages/Inbox/ListTab/ListTab.razor.rz.scp.css */
.inbox-list-layout[b-b5nice79bs] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.inbox-list-card[b-b5nice79bs] {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.inbox-list-card[b-b5nice79bs] (.rz-data-grid) {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.inbox-list-card[b-b5nice79bs] (.rz-datatable-scrollable),
.inbox-list-card[b-b5nice79bs] (.rz-datatable-scrollable-wrapper) {
    width: 100%;
}

/* Filters panel (mirrors the Kanban tab's filter popup styling) */
.inbox-list-filter-actions[b-b5nice79bs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-block: var(--rz-form-field-margin-block);
}

.inbox-list-filter-actions > .filter-button[b-b5nice79bs] {
    margin-block: 0;
}


.inbox-filters-panel[b-b5nice79bs] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem 1.1rem 0.95rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.12);
}

.inbox-filters-panel__header[b-b5nice79bs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.inbox-filters-panel__title[b-b5nice79bs] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--rz-text-color, #1e293b);
}

.inbox-filters-panel__status[b-b5nice79bs] {
    align-self: center;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rz-primary, #1976d2);
    background: rgba(25, 118, 210, 0.1);
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    white-space: nowrap;
}

.inbox-filters-panel__body[b-b5nice79bs] {
    max-height: min(52vh, 420px);
    overflow: auto;
    padding-inline: 0.1rem;
}

.inbox-filters-panel__footer[b-b5nice79bs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

/* DataFilter layout inside the popup */
.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter) {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter > ul) {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter > ul > li) {
    margin: 0;
    padding: 0.7rem 0.8rem;
    border-radius: 0.75rem;
    background: var(--rz-base-50, #f8fafc);
    border: 1px solid var(--rz-base-200, #e2e8f0);
}

.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-item) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-logical-operator) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    margin-right: 0.15rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--rz-base-300, #cbd5e1);
    color: var(--rz-text-secondary-color, #475569);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-property),
.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-operator) {
    flex: 1 1 9.5rem;
    max-width: none;
    min-width: 8.5rem;
}

.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-item > .rz-dropdown:last-child),
.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-item > .rz-textbox),
.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-item > .rz-numeric),
.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-item > .rz-datepicker) {
    flex: 2 1 12rem;
    min-width: 10rem;
}

.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter .rz-button.rz-button-icon-only) {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 0.55rem;
}

.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-add),
.inbox-filters-panel__body[b-b5nice79bs] (.rz-datafilter-group-add) {
    align-self: flex-start;
}
/* /Pages/Reports/ReportTabs.razor.rz.scp.css */
.report-tabs-host[b-d5gkfw8w70]  .rz-tabview-panel {
    padding: 0 !important;
}
/* /Pages/Reports/WorkflowDashboardView.razor.rz.scp.css */
/* /Pages/Settings/LicenseTab/TabLicense.razor.rz.scp.css */
.license-page[b-vekosdgm6l] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.25rem;
}

.license-header[b-vekosdgm6l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.25rem 0;
}

.license-header__identity[b-vekosdgm6l] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.license-header__icon[b-vekosdgm6l],
.license-file-picker__icon[b-vekosdgm6l] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 11%, transparent);
}

.license-header__icon[b-vekosdgm6l] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
}

[b-vekosdgm6l] .license-header__icon .rz-icon {
    font-size: 1.7rem;
}

[b-vekosdgm6l] .license-header__badge {
    flex: 0 0 auto;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    font-weight: 700;
}

.license-grid[b-vekosdgm6l] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 1rem;
}

.license-card[b-vekosdgm6l] {
    padding: 1.25rem;
    border: 1px solid var(--rz-border-color, #e2e8f0);
    border-radius: 1rem;
    background: var(--rz-base-background, #fff);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.055);
}

.license-card__title[b-vekosdgm6l] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
    color: var(--rz-text-color, #1f2937);
    font-size: 1rem;
    font-weight: 700;
}

.license-card__title[b-vekosdgm6l]  .rz-icon {
    color: var(--rz-primary);
}

.license-details[b-vekosdgm6l] {
    display: grid;
    gap: 0;
    margin: 0;
}

.license-details__row[b-vekosdgm6l] {
    display: grid;
    grid-template-columns: minmax(130px, 0.42fr) minmax(0, 0.58fr);
    align-items: baseline;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--rz-border-color, #e2e8f0) 70%, transparent);
}

.license-details__row:first-child[b-vekosdgm6l] {
    padding-top: 0;
}

.license-details__row:last-child[b-vekosdgm6l] {
    padding-bottom: 0;
    border-bottom: 0;
}

.license-details dt[b-vekosdgm6l] {
    color: var(--rz-text-secondary-color, #64748b);
    font-weight: 500;
}

.license-details dd[b-vekosdgm6l] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--rz-text-color, #1f2937);
    font-weight: 600;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.license-usage[b-vekosdgm6l] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.license-usage__metric[b-vekosdgm6l] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.85rem;
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--rz-primary) 6%, var(--rz-base-background, #fff));
}

.license-usage__metric > span[b-vekosdgm6l] {
    min-height: 2.5em;
    color: var(--rz-text-secondary-color, #64748b);
    font-size: 0.78rem;
    line-height: 1.25;
}

.license-usage__metric strong[b-vekosdgm6l] {
    color: var(--rz-text-color, #1f2937);
    font-size: 1.35rem;
}

.license-usage__metric .license-usage__value--exceeded[b-vekosdgm6l] {
    color: var(--rz-danger, #dc2626);
}
.license-usage__metric small[b-vekosdgm6l] {
    color: var(--rz-text-secondary-color, #64748b);
    font-size: 0.8rem;
    font-weight: 500;
}

.license-period[b-vekosdgm6l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rz-border-color, #e2e8f0);
    color: var(--rz-text-secondary-color, #64748b);
    font-size: 0.875rem;
}

.license-period strong[b-vekosdgm6l] {
    color: var(--rz-text-color, #1f2937);
    text-align: right;
}

.license-upload-card[b-vekosdgm6l] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.license-upload-card .license-card__title[b-vekosdgm6l] {
    margin-bottom: 0;
}

.license-file-picker[b-vekosdgm6l] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    width: 100%;
    margin-top: 0.25rem;
    padding: 1rem;
    border: 1px dashed color-mix(in srgb, var(--rz-primary) 55%, var(--rz-border-color, #e2e8f0));
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--rz-primary) 4%, transparent);
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.license-file-picker:hover[b-vekosdgm6l] {
    border-color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 8%, transparent);
    transform: translateY(-1px);
}

.license-file-picker:focus-within[b-vekosdgm6l] {
    outline: 3px solid color-mix(in srgb, var(--rz-primary) 22%, transparent);
    outline-offset: 2px;
}

.license-file-picker__icon[b-vekosdgm6l] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
}

.license-file-picker__content[b-vekosdgm6l] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    gap: 0.2rem;
}

.license-file-picker__content small[b-vekosdgm6l] {
    overflow: hidden;
    color: var(--rz-text-secondary-color, #64748b);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.license-file-picker[b-vekosdgm6l]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.license-upload-card__actions[b-vekosdgm6l] {
    display: flex;
    justify-content: flex-end;
}

[b-vekosdgm6l] .license-spin .rz-icon {
    animation: license-spin-b-vekosdgm6l 1s linear infinite;
}

.license-empty[b-vekosdgm6l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 16rem;
    color: var(--rz-text-secondary-color, #64748b);
}

.license-empty[b-vekosdgm6l]  .rz-icon {
    color: var(--rz-primary);
    font-size: 2.5rem;
}

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

@media (max-width: 900px) {
    .license-grid[b-vekosdgm6l] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .license-page[b-vekosdgm6l] {
        padding: 0.75rem;
    }

    .license-header[b-vekosdgm6l] {
        align-items: flex-start;
    }

    .license-header__icon[b-vekosdgm6l] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .license-details__row[b-vekosdgm6l] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .license-details dd[b-vekosdgm6l] {
        text-align: left;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .license-usage[b-vekosdgm6l] {
        grid-template-columns: 1fr;
    }

    .license-usage__metric > span[b-vekosdgm6l] {
        min-height: auto;
    }

    .license-period[b-vekosdgm6l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .license-period strong[b-vekosdgm6l] {
        text-align: left;
    }
}
/* /Pages/Settings/Workflow/WorkflowCharts/WorkflowCharts.razor.rz.scp.css */
.workflow-charts-toolbar[b-0a831gjl9r] {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 0.25rem 0 0.5rem;
}

    .workflow-charts-toolbar .content-filters[b-0a831gjl9r] {
        padding: 0.75rem 1rem !important;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
        backdrop-filter: blur(8px);
    }

    .workflow-charts-toolbar .rz-button[b-0a831gjl9r],
    .workflow-charts-toolbar .rz-button:hover[b-0a831gjl9r],
    .workflow-charts-toolbar .rz-button:focus[b-0a831gjl9r],
    .workflow-charts-toolbar .rz-button:active[b-0a831gjl9r],
    .workflow-charts-toolbar .compact-button[b-0a831gjl9r],
    .workflow-charts-toolbar .compact-button:hover[b-0a831gjl9r],
    .workflow-charts-toolbar .compact-button:focus[b-0a831gjl9r],
    .workflow-charts-toolbar .compact-button:active[b-0a831gjl9r] {
        text-decoration: none !important;
    }

.dashboard-charts-container[b-0a831gjl9r] {
    padding: 0.5rem;
    width: 100%;
}

.dashboard-charts-grid[b-0a831gjl9r] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    width: 100%;
    align-content: flex-start;
    align-items: stretch;
    gap: var(--dashboard-grid-gap, 24px);
    grid-auto-flow: row dense;
    grid-auto-rows: var(--dashboard-row-height, 200px);
}

.dashboard-chart-item[b-0a831gjl9r] {
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, opacity 0.2s ease;
    box-sizing: border-box;
    height: 100%;
    min-width: 0;
    align-self: stretch;
}

.dashboard-chart-editor-card[b-0a831gjl9r] {
    padding: 0 !important;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
    min-width: 0;
    overflow: hidden !important;
}

.dashboard-card-header[b-0a831gjl9r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #edf2f7;
    background: #f8fafc;
    border-radius: 12px 12px 0 0;
    gap: 0.5rem;
}

.header-content[b-0a831gjl9r] {
    display: flex;
    flex-direction: column;
}

.header-top[b-0a831gjl9r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.chart-type-icon[b-0a831gjl9r] {
    font-size: 1rem;
}

.chart-title[b-0a831gjl9r] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #1e293b;
}

.chart-extra-info[b-0a831gjl9r] {
    font-size: 0.65rem;
    color: #64748b;
    font-weight: 500;
}

.header-actions[b-0a831gjl9r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 0;
}

.mini-controls[b-0a831gjl9r] {
    background: #f1f5f9;
    padding: 2px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 100%;
}

.mini-width-btn[b-0a831gjl9r] {
    padding: 2px 4px;
    font-size: 0.6rem;
    font-weight: 700;
    border: none;
    background: transparent;
    color: #64748b;
    border-radius: 4px;
    cursor: pointer;
    line-height: 1.2;
}

    .mini-width-btn.active[b-0a831gjl9r] {
        background: var(--rz-primary);
        color: #fff;
    }

.mini-height-btn[b-0a831gjl9r] {
    padding: 2px 6px;
    font-size: 0.6rem;
    font-weight: 700;
    border: none;
    background: transparent;
    color: #64748b;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.2;
}

    .mini-height-btn.active[b-0a831gjl9r] {
        background: #0f172a;
        color: #fff;
    }

.mini-control-divider[b-0a831gjl9r] {
    width: 1px;
    height: 16px;
    background: #cbd5e1;
    margin: 0 2px;
    flex: 0 0 auto;
}

.dashboard-chart-item[b-0a831gjl9r] {
    container-type: inline-size;
}

@@container (max-width: 380px) {
    .dashboard-card-header[b-0a831gjl9r] {
        align-items: flex-start;
    }

    .header-actions[b-0a831gjl9r] {
        width: 100%;
    }

    .mini-controls[b-0a831gjl9r] {
        width: 100%;
    }

    .mini-width-btn[b-0a831gjl9r],
    .mini-height-btn[b-0a831gjl9r] {
        font-size: 0.55rem;
        padding: 2px 5px;
    }
}

@@container (max-width: 300px) {
    .dashboard-card-header[b-0a831gjl9r] {
        flex-direction: column;
    }

    .header-content[b-0a831gjl9r],
    .header-actions[b-0a831gjl9r],
    .mini-controls[b-0a831gjl9r] {
        width: 100%;
    }

    .header-actions[b-0a831gjl9r] {
        justify-content: stretch;
    }
}

.dashboard-card-inner-body[b-0a831gjl9r] {
    padding: 1.25rem;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.layout-split-btn[b-0a831gjl9r] {
    display: none !important;
}

@media (max-width: 768px) {
    .dashboard-charts-grid[b-0a831gjl9r] {
        grid-template-columns: 1fr;
    }

    .dashboard-chart-item[b-0a831gjl9r] {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
}
/* /Pages/Settings/Workflow/WorkflowStatus/WorkflowStatusTriggerAlertForm.razor.rz.scp.css */
.alert-form-layout[b-fszkb4bycg] {
    background: linear-gradient(180deg, rgba(24, 95, 72, 0.03) 0%, rgba(24, 95, 72, 0) 100%);
    border-radius: 12px;
    padding: 0.5rem;
}

.alert-card[b-fszkb4bycg] {
    border: 1px solid var(--rz-base-300);
    border-radius: 10px;
}

.alert-toggle-line[b-fszkb4bycg] {
    display: flex;
    align-items: center;
    padding: 0.35rem 0.25rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 8px;
    background: var(--rz-base-50);
}

.bulk-column-row[b-fszkb4bycg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.4rem 0.25rem;
    border: 1px dashed var(--rz-base-300);
    border-radius: 8px;
}

.bulk-style-grid[b-fszkb4bycg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 0.75rem;
}

.bulk-style-item[b-fszkb4bycg] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.bulk-switch-row[b-fszkb4bycg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 56px;
    padding: 0 0.15rem;
}

@media (max-width: 1000px) {
    .bulk-style-grid[b-fszkb4bycg] {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }
}

@media (max-width: 640px) {
    .bulk-style-grid[b-fszkb4bycg] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Settings/Workflow/WorkflowStatus/WorkflowStatusTriggerForm.razor.rz.scp.css */
.trigger-form-shell[b-fs3lntf7ar] {
    max-width: 1100px;
}

.trigger-form-content[b-fs3lntf7ar] {
    background: linear-gradient(180deg, rgba(18, 60, 92, 0.03) 0%, rgba(18, 60, 92, 0) 100%);
    border-radius: 12px;
    padding: 0.5rem;
}

.trigger-main-section[b-fs3lntf7ar] {
    border: 1px solid var(--rz-base-300);
    border-radius: 10px;
}

.trigger-empty-state[b-fs3lntf7ar] {
    border-style: dashed;
}

.trigger-actions[b-fs3lntf7ar] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--rz-base-300);
}
/* /Pages/Setup/Setup.razor.rz.scp.css */
/* Styled license file picker for the setup wizard: a real button wrapping a hidden native <input type=file>. */
.setup-upload[b-rislsapklb] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    cursor: pointer;
    max-width: 100%;
}

/* Hide the native file input (rendered by the InputFile component) but keep it clickable via the label. */
.setup-upload[b-rislsapklb]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.setup-upload__btn[b-rislsapklb] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1.1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--rz-primary, #2196f3);
    color: var(--rz-primary, #2196f3);
    background: transparent;
    font-weight: 600;
    line-height: 1.2;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.setup-upload:hover .setup-upload__btn[b-rislsapklb] {
    background: var(--rz-primary, #2196f3);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.setup-upload:focus-within .setup-upload__btn[b-rislsapklb] {
    box-shadow: 0 0 0 3px var(--rz-primary-light, rgba(33, 150, 243, .35));
}

.setup-upload__name[b-rislsapklb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--rz-text-secondary-color, #6c757d);
    font-size: 0.9rem;
    word-break: break-all;
}

/* Native scroll viewport: CSS isolation applies directly, independent of Radzen's rendered DOM. */
.setup-wizard-scroll[b-rislsapklb] {
    max-height: min(72vh, 720px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 0.5rem;
    scrollbar-color: color-mix(in srgb, var(--rz-primary) 45%, transparent) transparent;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}

.setup-wizard-scroll[b-rislsapklb]::-webkit-scrollbar {
    width: 0.55rem;
}

.setup-wizard-scroll[b-rislsapklb]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--rz-primary) 45%, transparent);
}

.setup-wizard-scroll[b-rislsapklb]::-webkit-scrollbar-track {
    background: transparent;
}

/* Step 4 settings are grouped into clear, scan-friendly sections. */
.setup-setting-section[b-rislsapklb] {
    position: relative;
    padding: 1rem 1.1rem 1.15rem;
    border: 1px solid var(--rz-border-color, #e2e8f0);
    border-radius: 0.8rem;
    background: color-mix(in srgb, var(--rz-base-background, #fff) 94%, var(--rz-primary) 6%);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.045);
}

.setup-setting-section + .setup-setting-section[b-rislsapklb] {
    margin-top: 0.35rem;
}

.setup-setting-section__header[b-rislsapklb] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.9rem;
    color: var(--rz-text-secondary-color, #64748b);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
}

.setup-setting-section__icon[b-rislsapklb] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.55rem;
    color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 11%, transparent);
}

.setup-setting-section__content[b-rislsapklb] {
    padding-left: 2.65rem;
}

@media (max-width: 576px) {
    .setup-setting-section[b-rislsapklb] {
        padding: 0.9rem;
    }

    .setup-setting-section__content[b-rislsapklb] {
        padding-left: 0;
    }
}
/* Sticky footer for step navigation buttons — ensure Back/Next are always visible during scroll. */
[b-rislsapklb] .setup-nav-buttons {
    position: sticky;
    bottom: 0;
    background: linear-gradient(to top, var(--rz-base-background, #fff), var(--rz-base-background, #fff));
    border-top: 1px solid var(--rz-border-color, #e0e0e0);
    padding: 1rem 0;
    margin-top: auto;
    z-index: 100;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
}

/* Company row in setup step 2. */
[b-rislsapklb] .setup-company-row {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--rz-border-color, #e0e0e0);
    border-radius: 0.4rem;
    background: var(--rz-base-background, #fff);
}

/* Spinning icon animation for loading state. */
[b-rislsapklb] .spin-icon .rz-icon {
    animation: spin-b-rislsapklb 1s linear infinite;
}

@keyframes spin-b-rislsapklb {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}