@import '_content/KailoMedical.Common.RCL.ImageReview/KailoMedical.Common.RCL.ImageReview.ca7mf9d82a.bundle.scp.css';

/* /Components/DrawingSurface/DrawingSurface.razor.rz.scp.css */
fieldset[b-jtxzeimtqz] {
    border-color: #ccc;
    border-width: 1px;
    border-radius: 4px;
    display: inline-block;
}

.drawing-options[b-jtxzeimtqz] {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
/* /Components/LogoutModal.razor.rz.scp.css */
.logout-modal-backdrop[b-f0td8cftsi] {
    position: relative;
    inset: 0;
    z-index: 9999;
}
.logout-modal[b-f0td8cftsi] {
    background: white;
    width: 200px;
    margin: 5% auto;
    border-radius: 8px;
    text-align: center;
}

.logout-actions button[b-f0td8cftsi] {
    margin: 0.5rem;
}
/* /Components/PwmlDesigner/DesignerControlPicker.razor.rz.scp.css */
.designer-picker[b-ssyrohl6cq] {
    width: 100%;
    max-width: calc(100vw - 24px);
    max-height: 520px;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.designer-empty-picker[b-ssyrohl6cq] {
    width: 260px;
}

.designer-picker-header[b-ssyrohl6cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: linear-gradient(to bottom, #f8f9fa, #f0f2f5);
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
    font-weight: 600;
    color: #333;
}

.designer-picker-close[b-ssyrohl6cq] {
    border: none;
    background: none;
    cursor: pointer;
    color: #999;
    font-size: 12px;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.designer-picker-close:hover[b-ssyrohl6cq] {
    color: #c00;
    background: rgba(204, 0, 0, 0.08);
}

.designer-picker-list[b-ssyrohl6cq] {
    overflow-y: auto;
    padding: 6px;
}

.designer-picker-category[b-ssyrohl6cq] {
    padding: 8px 8px 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0078d4;
    letter-spacing: 0.6px;
}

.designer-picker-category:not(:first-child)[b-ssyrohl6cq] {
    border-top: 1px solid #f0f0f0;
    margin-top: 4px;
    padding-top: 10px;
}

.designer-picker-item[b-ssyrohl6cq] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 7px 10px;
    border: none;
    border-radius: 6px;
    background: none;
    cursor: pointer;
    font-size: 12px;
    color: #333;
    text-align: left;
    transition: all 0.12s;
}

.designer-picker-item:hover[b-ssyrohl6cq],
.designer-picker-item:focus-visible[b-ssyrohl6cq] {
    background: #e8f0fe;
    color: #0078d4;
    outline: none;
}

.designer-picker-item i[b-ssyrohl6cq] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #888;
    background: #f5f5f5;
    border-radius: 4px;
    flex-shrink: 0;
}

.designer-picker-item:hover i[b-ssyrohl6cq],
.designer-picker-item:focus-visible i[b-ssyrohl6cq] {
    color: #0078d4;
    background: #d6e8fa;
}

:global([data-theme="dark"]) .designer-picker[b-ssyrohl6cq] {
    background: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

:global([data-theme="dark"]) .designer-picker-header[b-ssyrohl6cq] {
    background: linear-gradient(to bottom, #383838, #333);
    border-color: #444;
    color: #e0e0e0;
}

:global([data-theme="dark"]) .designer-picker-category[b-ssyrohl6cq] {
    color: #5db4e2;
}

:global([data-theme="dark"]) .designer-picker-item[b-ssyrohl6cq] {
    color: #ddd;
}

:global([data-theme="dark"]) .designer-picker-item:hover[b-ssyrohl6cq],
:global([data-theme="dark"]) .designer-picker-item:focus-visible[b-ssyrohl6cq] {
    background: #1f3a4d;
    color: #7dc7ef;
}
/* /Components/PwmlDesigner/PropertyInspectorSections/MultiPropertySection.razor.rz.scp.css */
.pi-template-picker[b-tnjbsntqrt] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pi-template-browse[b-tnjbsntqrt] {
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #0078d4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pi-template-browse:hover[b-tnjbsntqrt] {
        background: #e8f0fe;
        border-color: #0078d4;
    }

.pi-template-validation[b-tnjbsntqrt] {
    margin: 0 8px 6px;
    padding: 6px 8px;
    border-radius: 4px;
    background: #fff4f4;
    color: #b42318;
    font-size: 11px;
    border: 1px solid #f8d7da;
}

.pi-template-mode-toggle[b-tnjbsntqrt] {
    display: flex;
    gap: 6px;
    padding: 0 8px 8px;
}

.pi-mode-btn[b-tnjbsntqrt] {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    font-size: 12px;
    border-radius: 6px;
    padding: 6px 10px;
    cursor: pointer;
}

.pi-mode-active[b-tnjbsntqrt] {
    border-color: #0078d4;
    background: #e8f0fe;
    color: #005a9e;
    font-weight: 600;
}

.pi-template-popup-body[b-tnjbsntqrt] {
    max-height: 350px;
    overflow: hidden;
    padding: 0 8px 8px;
}

.pi-template-existing-layout[b-tnjbsntqrt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    min-height: 280px;
}

.pi-template-existing-list[b-tnjbsntqrt] {
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: 320px;
}

.pi-template-preview-pane[b-tnjbsntqrt] {
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    padding: 6px;
    overflow: auto;
    background: #fafafa;
}

.pi-template-loading[b-tnjbsntqrt] {
    text-align: center;
    color: #888;
    font-size: 12px;
    padding: 20px;
}

.pi-template-option[b-tnjbsntqrt] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: none;
    border-radius: 4px;
    background: none;
    text-align: left;
    padding: 7px 10px;
    cursor: pointer;
    font-size: 12px;
}

    .pi-template-option:hover[b-tnjbsntqrt] {
        background: #e8f0fe;
        color: #0078d4;
    }

.pi-template-selected[b-tnjbsntqrt] {
    background: #0078d4;
    color: #fff;
}

.pi-template-new-layout[b-tnjbsntqrt] {
    border: 1px dashed #d0d5dd;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 120px;
}

.pi-template-popup-footer[b-tnjbsntqrt] {
    padding: 8px;
    border-top: 1px solid #ececec;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
/* /Components/PwmlDesigner/PropertyInspectorSections/TemplatePropertySection.razor.rz.scp.css */
.pi-template-picker[b-7and6gautv] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pi-template-browse[b-7and6gautv] {
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #0078d4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pi-template-browse:hover[b-7and6gautv] {
    background: #e8f0fe;
    border-color: #0078d4;
}

.pi-template-validation[b-7and6gautv] {
    margin: 0 8px 6px;
    padding: 6px 8px;
    border-radius: 4px;
    background: #fff4f4;
    color: #b42318;
    font-size: 11px;
    border: 1px solid #f8d7da;
}

.pi-template-mode-toggle[b-7and6gautv] {
    display: flex;
    gap: 6px;
    padding: 0 8px 8px;
}

.pi-mode-btn[b-7and6gautv] {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    font-size: 12px;
    border-radius: 6px;
    padding: 6px 10px;
    cursor: pointer;
}

.pi-mode-active[b-7and6gautv] {
    border-color: #0078d4;
    background: #e8f0fe;
    color: #005a9e;
    font-weight: 600;
}

.pi-template-popup-body[b-7and6gautv] {
    max-height: 350px;
    overflow: hidden;
    padding: 0 8px 8px;
}

.pi-template-existing-layout[b-7and6gautv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    min-height: 280px;
}

.pi-template-existing-list[b-7and6gautv] {
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: 320px;
}

.pi-template-preview-pane[b-7and6gautv] {
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    padding: 6px;
    overflow: auto;
    background: #fafafa;
}

.pi-template-loading[b-7and6gautv] {
    text-align: center;
    color: #888;
    font-size: 12px;
    padding: 20px;
}

.pi-template-option[b-7and6gautv] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: none;
    border-radius: 4px;
    background: none;
    text-align: left;
    padding: 7px 10px;
    cursor: pointer;
    font-size: 12px;
}

.pi-template-option:hover[b-7and6gautv] {
    background: #e8f0fe;
    color: #0078d4;
}

.pi-template-selected[b-7and6gautv] {
    background: #0078d4;
    color: #fff;
}

.pi-template-new-layout[b-7and6gautv] {
    border: 1px dashed #d0d5dd;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 120px;
}

.pi-template-popup-footer[b-7and6gautv] {
    padding: 8px;
    border-top: 1px solid #ececec;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
/* /Components/PwmlDesigner/WorksheetConditionEditor.razor.rz.scp.css */
/* ======================================================
   Condition Editor - scoped styles
   ====================================================== */

.ce-root[b-jecawzkwja] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    font-size: 13px;
    color: #333;
}

/* -- Toolbar -- */
.ce-toolbar[b-jecawzkwja] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px 6px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 2px;
    flex-shrink: 0;
}

.ce-filter-btn[b-jecawzkwja] {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #666;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.15s;
}

.ce-filter-btn:hover[b-jecawzkwja] { border-color: #0078d4; color: #0078d4; }
.ce-filter-active[b-jecawzkwja] { background: #e8f0fe; border-color: #0078d4; color: #0078d4; }

.ce-empty[b-jecawzkwja] {
    font-size: 12px;
    color: #999;
    padding: 16px 8px;
    text-align: center;
}

/* -- Condition card -- */
.ce-card[b-jecawzkwja] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    flex-shrink: 0;
}

.ce-card-expanded[b-jecawzkwja] {
    border-color: #0078d4;
    box-shadow: 0 0 0 1px rgba(0, 120, 212, 0.12);
}

.ce-card-header[b-jecawzkwja] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    cursor: pointer;
    user-select: none;
    background: #fafbfc;
    border-bottom: 1px solid transparent;
}

.ce-card-expanded .ce-card-header[b-jecawzkwja] {
    border-bottom-color: #e0e0e0;
    background: #f0f6ff;
}

.ce-card-header:hover[b-jecawzkwja] { background: #f0f4f8; }

.ce-card-title[b-jecawzkwja] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    min-width: 0;
    overflow: hidden;
}

.ce-card-title span[b-jecawzkwja] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ce-card-icon[b-jecawzkwja] { color: #0078d4; font-size: 11px; flex-shrink: 0; }
.ce-card-actions[b-jecawzkwja] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.ce-chevron[b-jecawzkwja] { font-size: 10px; color: #999; margin-left: 4px; }

/* -- Card body -- */
.ce-card-body[b-jecawzkwja] {
    padding: 8px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* -- Property grid -- */
.ce-grid[b-jecawzkwja] {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 1px 8px;
    align-items: center;
}

.ce-grid-options[b-jecawzkwja] { padding: 4px 0; }

.ce-label[b-jecawzkwja] {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    padding: 4px 0;
}

.ce-grid[b-jecawzkwja]  .k-input { font-size: 12px; min-height: 28px; }
.ce-grid[b-jecawzkwja]  .k-input-inner { padding: 3px 6px; }

/* -- Section headers -- */
.ce-section-header[b-jecawzkwja] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    border-top: 1px solid #eaeaea;
    margin-top: 2px;
}

.ce-section-title[b-jecawzkwja] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ce-section-title i[b-jecawzkwja] { font-size: 10px; color: #0078d4; }

/* ======================================================
   Rule groups - card-based with AND/OR header
   ====================================================== */

.ce-group[b-jecawzkwja] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1.5px solid #d0d8e0;
    border-radius: 6px;
    padding: 0;
    background: #fafbfc;
    overflow: hidden;
}

.ce-group-and[b-jecawzkwja] { border-left: 3px solid #0078d4; }
.ce-group-or[b-jecawzkwja] { border-left: 3px solid #e67e22; }

.ce-group-nested[b-jecawzkwja] {
    margin: 4px 6px;
}

.ce-group-header[b-jecawzkwja] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 8px;
    background: #f0f2f5;
    border-bottom: 1px solid #e0e0e0;
    gap: 6px;
}

.ce-group-header-actions[b-jecawzkwja] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ce-group-logic-toggle[b-jecawzkwja] {
    display: flex;
    gap: 1px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.ce-logic-btn[b-jecawzkwja] {
    border: none;
    background: #fff;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    padding: 3px 12px;
    letter-spacing: 0.3px;
    transition: all 0.15s;
}

.ce-logic-btn:hover[b-jecawzkwja] { background: #f0f4f8; color: #555; }

.ce-group-and .ce-logic-active[b-jecawzkwja] { background: #0078d4; color: #fff; }
.ce-group-and .ce-logic-active:hover[b-jecawzkwja] { background: #005a9e; color: #fff; }
.ce-group-or .ce-logic-active[b-jecawzkwja] { background: #e67e22; color: #fff; }
.ce-group-or .ce-logic-active:hover[b-jecawzkwja] { background: #cf6d17; color: #fff; }

/* -- Clause row -- */
.ce-clause[b-jecawzkwja] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    padding: 4px 8px;
}

.ce-clause:last-child[b-jecawzkwja] { border-bottom: none; }

.ce-clause-control[b-jecawzkwja] { flex: 2; min-width: 0; }

.ce-clause-op[b-jecawzkwja] { flex-shrink: 0; }

.ce-clause-value[b-jecawzkwja] { flex: 1; min-width: 0; }

.ce-clause[b-jecawzkwja]  .k-input { font-size: 12px; min-height: 26px; }
.ce-clause[b-jecawzkwja]  .k-input-inner { padding: 2px 6px; }

.ce-clause-empty[b-jecawzkwja] {
    font-size: 11px;
    color: #aaa;
    padding: 6px 8px;
    text-align: center;
}

/* -- Control name field -- */
.ce-drop-field[b-jecawzkwja] {
    flex: 2;
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    border-radius: 4px;
}

.ce-drop-field[b-jecawzkwja]  .k-input { font-size: 12px; min-height: 26px; }
.ce-drop-field[b-jecawzkwja]  .k-input-inner { padding: 2px 6px; }

.ce-control-type[b-jecawzkwja] {
    min-width: 68px;
    padding: 0 6px;
    font-size: 10px;
    font-weight: 600;
    color: #667085;
    white-space: nowrap;
}

/* -- Pick from worksheet button -- */
.ce-pick-btn[b-jecawzkwja] {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #0078d4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: all 0.15s;
}

.ce-pick-btn:hover:not(:disabled)[b-jecawzkwja] { background: #e8f0fe; border-color: #0078d4; }
.ce-pick-btn:disabled[b-jecawzkwja] { color: #ccc; cursor: default; border-color: #eee; }

/* -- Raw expression -- */
.ce-raw-toggle[b-jecawzkwja] { display: flex; justify-content: flex-end; }

.ce-raw[b-jecawzkwja] { padding: 2px 0 4px; }
.ce-raw[b-jecawzkwja]  .k-input { font-size: 11px; min-height: 26px; font-family: monospace; }

/* -- Options collapsible -- */
.ce-options[b-jecawzkwja] { border-top: 1px solid #eaeaea; margin-top: 2px; }

.ce-options-summary[b-jecawzkwja] {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    cursor: pointer;
    padding: 4px 0;
    user-select: none;
    list-style: none;
}

.ce-options-summary[b-jecawzkwja]::-webkit-details-marker { display: none; }

.ce-options-summary[b-jecawzkwja]::before {
    content: "\f054";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 7px;
    margin-right: 6px;
    display: inline-block;
    transition: transform 0.15s;
    color: #aaa;
}

.ce-options[open] > .ce-options-summary[b-jecawzkwja]::before { transform: rotate(90deg); }

/* -- Modifier rows (horizontal, single-line) -- */
.ce-modifier-row[b-jecawzkwja] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f8f9fa;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 4px 6px;
    flex-wrap: nowrap;
}

.ce-modifier-keyword[b-jecawzkwja] {
    font-size: 11px;
    font-weight: 600;
    color: #0078d4;
    white-space: nowrap;
    flex-shrink: 0;
}

.ce-modifier-row[b-jecawzkwja]  .k-input { font-size: 12px; min-height: 26px; }
.ce-modifier-row[b-jecawzkwja]  .k-input-inner { padding: 2px 6px; }

/* -- Buttons -- */
.ce-btn-add[b-jecawzkwja] {
    border: none;
    background: none;
    color: #0078d4;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.ce-btn-add:hover[b-jecawzkwja] { background: #e8f0fe; }

.ce-btn-text[b-jecawzkwja] {
    border: none;
    background: none;
    color: #888;
    font-size: 10px;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.ce-btn-text:hover[b-jecawzkwja] { background: #eee; color: #333; }

.ce-btn-icon[b-jecawzkwja] {
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 3px;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #aaa;
    flex-shrink: 0;
}

.ce-btn-danger:hover[b-jecawzkwja] { background: #fee; color: #d32f2f; }

.ce-btn-add-condition[b-jecawzkwja] {
    border: 1px dashed #ccc;
    border-radius: 6px;
    background: none;
    color: #0078d4;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background 0.15s, border-color 0.15s;
}

.ce-btn-add-condition:hover[b-jecawzkwja] {
    background: #f0f6ff;
    border-color: #0078d4;
}

/* ?? Dark mode ?? */
:global([data-theme="dark"]) .ce-root[b-jecawzkwja] { color: #e0e0e0; }
:global([data-theme="dark"]) .ce-empty[b-jecawzkwja] { color: #888; }
:global([data-theme="dark"]) .ce-card[b-jecawzkwja] { background: #2d2d2d; border-color: #444; }
:global([data-theme="dark"]) .ce-card-header[b-jecawzkwja] { background: #333; border-color: #444; }
:global([data-theme="dark"]) .ce-card-title[b-jecawzkwja] { color: #e0e0e0; }
:global([data-theme="dark"]) .ce-card-icon[b-jecawzkwja] { color: #f0c040; }
:global([data-theme="dark"]) .ce-chevron[b-jecawzkwja] { color: #888; }
:global([data-theme="dark"]) .ce-card-body[b-jecawzkwja] { background: #2a2a2a; }
:global([data-theme="dark"]) .ce-label[b-jecawzkwja] { color: #999; }
:global([data-theme="dark"]) .ce-section-title[b-jecawzkwja] { color: #bbb; }
:global([data-theme="dark"]) .ce-section-title i[b-jecawzkwja] { color: #5db4e2; }
:global([data-theme="dark"]) .ce-group[b-jecawzkwja] { background: #333; border-color: #555; }
:global([data-theme="dark"]) .ce-group-header[b-jecawzkwja] { background: #383838; border-color: #555; }
:global([data-theme="dark"]) .ce-group-logic-toggle[b-jecawzkwja] { border-color: #555; }
:global([data-theme="dark"]) .ce-logic-btn[b-jecawzkwja] { background: #444; color: #888; }
:global([data-theme="dark"]) .ce-logic-btn:hover[b-jecawzkwja] { background: #555; color: #ccc; }
:global([data-theme="dark"]) .ce-clause[b-jecawzkwja] { background: #2d2d2d; border-color: #444; }
:global([data-theme="dark"]) .ce-clause-empty[b-jecawzkwja] { color: #666; }
:global([data-theme="dark"]) .ce-modifier-row[b-jecawzkwja] { border-color: #444; }
:global([data-theme="dark"]) .ce-modifier-keyword[b-jecawzkwja] { color: #888; }
:global([data-theme="dark"]) .ce-filter-btn[b-jecawzkwja] { border-color: #555; color: #ccc; background: #444; }
:global([data-theme="dark"]) .ce-filter-btn:hover[b-jecawzkwja] { background: #555; }
:global([data-theme="dark"]) .ce-filter-active[b-jecawzkwja] { background: #1c668e; border-color: #1c668e; }
:global([data-theme="dark"]) .ce-btn-add[b-jecawzkwja] { color: #5db4e2; }
:global([data-theme="dark"]) .ce-btn-add:hover[b-jecawzkwja] { background: #3a4a5a; }
:global([data-theme="dark"]) .ce-btn-text[b-jecawzkwja] { color: #888; }
:global([data-theme="dark"]) .ce-btn-text:hover[b-jecawzkwja] { background: #444; color: #ccc; }
:global([data-theme="dark"]) .ce-btn-icon[b-jecawzkwja] { color: #666; }
:global([data-theme="dark"]) .ce-btn-danger:hover[b-jecawzkwja] { background: #4a2020; color: #f44; }
:global([data-theme="dark"]) .ce-btn-add-condition[b-jecawzkwja] { border-color: #555; color: #5db4e2; }
:global([data-theme="dark"]) .ce-btn-add-condition:hover[b-jecawzkwja] { background: #3a4a5a; border-color: #5db4e2; }
:global([data-theme="dark"]) .ce-options-summary[b-jecawzkwja] { color: #999; }
/* /Components/PwmlDesigner/WorksheetDesigner.razor.rz.scp.css */
/* PWML Designer Main Layout */
.pwml-designer[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.pwml-designer-toolbar[b-jgzysoiyir] {
    display: flex;
    gap: 16px;
    padding: 8px 16px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    align-items: center;
}

.pwml-designer-status[b-jgzysoiyir] {
    margin: 8px 16px 0 16px;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
}

.pwml-designer-status.status-info[b-jgzysoiyir] {
    background: #e8f1fb;
    color: #1e4f8a;
}

.pwml-designer-status.status-success[b-jgzysoiyir] {
    background: #e8f7ef;
    color: #1f6b3b;
}

.pwml-designer-status.status-warning[b-jgzysoiyir] {
    background: #fff7e6;
    color: #7a5100;
}

.pwml-designer-status.status-error[b-jgzysoiyir] {
    background: #fdecec;
    color: #8a1f1f;
}

.pwml-designer-main[b-jgzysoiyir] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* Toolbox Panel */
.pwml-designer-toolbox[b-jgzysoiyir] {
    width: 220px;
    background: #fff;
    border-right: 1px solid #ddd;
    overflow-y: auto;
}

.pwml-toolbox[b-jgzysoiyir] {
    padding: 12px;
}

.pwml-toolbox h4[b-jgzysoiyir] {
    margin: 0 0 4px 0;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.pwml-toolbox-hint[b-jgzysoiyir] {
    margin: 0 0 12px 0;
    font-size: 11px;
    color: #888;
    font-style: italic;
}

.pwml-toolbox-category[b-jgzysoiyir] {
    margin-bottom: 16px;
}

.pwml-toolbox-category-header[b-jgzysoiyir] {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #eee;
}

.pwml-toolbox-items[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pwml-toolbox-item[b-jgzysoiyir] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    cursor: grab;
    transition: all 0.15s ease;
    font-size: 13px;
    user-select: none;
}

.pwml-toolbox-item:hover[b-jgzysoiyir] {
    background: #e9ecef;
    border-color: #0078d4;
    transform: translateX(2px);
}

.pwml-toolbox-item:active[b-jgzysoiyir],
.pwml-toolbox-item.dragging[b-jgzysoiyir] {
    cursor: grabbing;
    background: #d4e6f7;
    border-color: #0078d4;
    box-shadow: 0 2px 8px rgba(0, 120, 212, 0.3);
    transform: scale(1.02);
}

.pwml-toolbox-item i[b-jgzysoiyir] {
    color: #0078d4;
    width: 16px;
    text-align: center;
}

/* Canvas Area */
.pwml-designer-canvas-area[b-jgzysoiyir] {
    flex: 1;
    display: flex;
    gap: 8px;
    padding: 8px;
    overflow: hidden;
}

.pwml-designer-canvas[b-jgzysoiyir],
.pwml-designer-preview[b-jgzysoiyir],
.pwml-designer-xml-view[b-jgzysoiyir] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.pwml-designer-canvas h4[b-jgzysoiyir],
.pwml-designer-preview h4[b-jgzysoiyir],
.pwml-designer-xml-view h4[b-jgzysoiyir] {
    margin: 0;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 600;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.pwml-canvas-content[b-jgzysoiyir],
.pwml-preview-content[b-jgzysoiyir] {
    flex: 1;
    padding: 16px;
    overflow: auto;
}

/* XML View */
.pwml-xml-editor[b-jgzysoiyir] {
    flex: 1;
    margin: 12px;
    padding: 12px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: none;
}

.pwml-designer-xml-view .k-button[b-jgzysoiyir] {
    margin: 0 12px 12px 12px;
    align-self: flex-start;
}

/* Design Surface */
.pwml-design-surface[b-jgzysoiyir] {
    min-height: 100px;
    padding: 12px;
    border: 2px dashed #d0d0d0;
    border-radius: 6px;
    background: #fafafa;
    transition: all 0.2s ease;
}

.pwml-design-surface.root[b-jgzysoiyir] {
    border: 2px solid #e0e0e0;
    background: #fff;
    padding: 16px;
    min-height: 200px;
}

/* Enhanced drag state for canvas */
.pwml-canvas-content.is-dragging .pwml-design-surface[b-jgzysoiyir] {
    background: #f0f7ff;
    border-color: #90caf9;
}

.pwml-canvas-content.is-dragging .pwml-design-surface.root[b-jgzysoiyir] {
    background: #f0f7ff;
    border-color: #2196f3;
    box-shadow: inset 0 0 20px rgba(33, 150, 243, 0.1);
}

/* Drop Zones - Enhanced visibility */
.pwml-drop-zone[b-jgzysoiyir] {
    height: 8px;
    margin: 4px 0;
    border-radius: 4px;
    transition: all 0.2s ease;
    position: relative;
}

/* Show drop zones when dragging */
.pwml-canvas-content.is-dragging .pwml-drop-zone[b-jgzysoiyir] {
    height: 12px;
    background: #e3f2fd;
    border: 2px dashed #90caf9;
    margin: 8px 0;
}

.pwml-drop-zone.active[b-jgzysoiyir] {
    height: 40px !important;
    background: linear-gradient(135deg, #bbdefb 0%, #e3f2fd 100%) !important;
    border: 3px dashed #2196f3 !important;
    margin: 12px 0 !important;
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
}

.pwml-drop-zone.active[b-jgzysoiyir]::before {
    content: "Drop here";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #1976d2;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pwml-drop-zone-end[b-jgzysoiyir] {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pwml-canvas-content.is-dragging .pwml-drop-zone-end[b-jgzysoiyir] {
    min-height: 80px;
    background: #e8f5e9;
    border: 2px dashed #81c784;
}

.pwml-drop-zone-empty[b-jgzysoiyir] {
    min-height: 120px;
    border: 3px dashed #bdbdbd;
    border-radius: 8px;
    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pwml-canvas-content.is-dragging .pwml-drop-zone-empty[b-jgzysoiyir] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-color: #2196f3;
    animation: pulse-border-b-jgzysoiyir 1.5s ease-in-out infinite;
}

@keyframes pulse-border-b-jgzysoiyir {
    0%, 100% { border-color: #2196f3; }
    50% { border-color: #64b5f6; }
}

.pwml-drop-hint[b-jgzysoiyir] {
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.pwml-drop-hint[b-jgzysoiyir]::before {
    content: "?";
    font-size: 24px;
    opacity: 0.5;
}

/* Empty Container Add Button */
.pwml-empty-container-wrapper[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 8px;
}

.pwml-empty-add-btn[b-jgzysoiyir] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: #0078d4;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.pwml-empty-add-btn:hover[b-jgzysoiyir] {
    background: #106ebe;
    box-shadow: 0 2px 6px rgba(0, 120, 212, 0.3);
}

.pwml-empty-add-btn:active[b-jgzysoiyir] {
    background: #005a9e;
}

.pwml-empty-add-btn i[b-jgzysoiyir] {
    font-size: 11px;
}

/* Multi Template Picker */
.multi-template-picker[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 0;
}

.multi-template-picker-loading[b-jgzysoiyir] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px;
    justify-content: center;
    color: #666;
}

.multi-template-picker-section[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.multi-template-picker-actions[b-jgzysoiyir] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

/* Design Node */
.pwml-design-node[b-jgzysoiyir] {
    margin: 4px 0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fff;
    transition: all 0.15s ease;
}

.pwml-design-node:hover[b-jgzysoiyir] {
    border-color: #90caf9;
}

.pwml-design-node.selected[b-jgzysoiyir] {
    border-color: #2196f3;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);
}

.pwml-node-header[b-jgzysoiyir] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
    cursor: pointer;
}

.pwml-node-header i[b-jgzysoiyir] {
    color: #0078d4;
}

.pwml-node-type[b-jgzysoiyir] {
    font-weight: 600;
    color: #333;
}

.pwml-node-name[b-jgzysoiyir] {
    color: #666;
    font-size: 11px;
}

.pwml-node-actions[b-jgzysoiyir] {
    margin-left: auto;
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.pwml-design-node:hover .pwml-node-actions[b-jgzysoiyir] {
    opacity: 1;
}

.pwml-node-action[b-jgzysoiyir] {
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #666;
    border-radius: 3px;
}

.pwml-node-action:hover[b-jgzysoiyir] {
    background: #e0e0e0;
    color: #d32f2f;
}

.pwml-node-content[b-jgzysoiyir] {
    padding: 8px;
}

.pwml-node-container[b-jgzysoiyir] {
    min-height: 40px;
}

.pwml-node-container.horizontal[b-jgzysoiyir] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pwml-node-preview[b-jgzysoiyir] {
    color: #666;
    font-size: 13px;
}

.pwml-node-preview input[b-jgzysoiyir],
.pwml-node-preview select[b-jgzysoiyir] {
    font-size: 12px;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f9f9f9;
}

.pwml-expander-header[b-jgzysoiyir] {
    font-weight: 600;
    font-size: 13px;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
}

.pwml-node-generic[b-jgzysoiyir] {
    color: #999;
    font-style: italic;
    font-size: 12px;
}

/* Visibility Selector Design Node */
.pwml-node-visibilityselector > .pwml-node-header[b-jgzysoiyir] {
    background: #f3e5f5;
}

.pwml-visselector-header[b-jgzysoiyir] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #6a1b9a;
    background: #f3e5f5;
    border-bottom: 1px solid #e1bee7;
    border-radius: 3px 3px 0 0;
}

.pwml-visselector-header i[b-jgzysoiyir] {
    color: #8e24aa;
}

.pwml-visselector-section[b-jgzysoiyir] {
    margin: 6px 0;
    border: 1px solid #e1bee7;
    border-radius: 4px;
    overflow: hidden;
}

.pwml-visselector-label[b-jgzysoiyir] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #6a1b9a;
    background: #fce4ec;
    border-bottom: 1px solid #e1bee7;
}

.pwml-visselector-label i[b-jgzysoiyir] {
    color: #8e24aa;
    font-size: 10px;
}

/* Node Type Specific Styling */
.pwml-node-container > .pwml-node-header[b-jgzysoiyir] {
    background: #e3f2fd;
}

.pwml-node-expander > .pwml-node-header[b-jgzysoiyir] {
    background: #e8f5e9;
}

.pwml-node-label > .pwml-node-header[b-jgzysoiyir] {
    background: #fff3e0;
}

/* Property Inspector */
.pwml-designer-properties[b-jgzysoiyir] {
    width: 320px;
    background: #fff;
    border-left: 1px solid #ddd;
    overflow-y: auto;
}

.pwml-property-inspector[b-jgzysoiyir] {
    padding: 12px;
}

.pwml-property-inspector h4[b-jgzysoiyir] {
    margin: 0 0 12px 0;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.pwml-no-selection[b-jgzysoiyir] {
    text-align: center;
    padding: 40px 20px;
    color: #999;
}

.pwml-no-selection p[b-jgzysoiyir] {
    margin: 0;
    font-size: 13px;
}

.pwml-properties-content[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pwml-property-header[b-jgzysoiyir] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #f0f4f8;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
}

.pwml-property-header i[b-jgzysoiyir] {
    color: #0078d4;
}

.pwml-property-groups[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pwml-property-group[b-jgzysoiyir] {
    background: #f8f9fa;
    border-radius: 4px;
    padding: 12px;
}

.pwml-property-group-header[b-jgzysoiyir] {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e0e0e0;
}

.pwml-property-row[b-jgzysoiyir] {
    margin-bottom: 10px;
}

.pwml-property-row:last-child[b-jgzysoiyir] {
    margin-bottom: 0;
}

.pwml-property-row > label[b-jgzysoiyir] {
    display: block;
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
}

/* Options Editor */
.pwml-options-editor[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
}

.pwml-options-list[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pwml-option-item[b-jgzysoiyir] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.pwml-option-remove[b-jgzysoiyir] {
    background: none;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    color: #999;
}

.pwml-option-remove:hover[b-jgzysoiyir] {
    color: #d32f2f;
}

/* Dialogs */
.pwml-open-dialog[b-jgzysoiyir],
.pwml-save-dialog[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pwml-import-textarea[b-jgzysoiyir],
.pwml-export-textarea[b-jgzysoiyir] {
    width: 100%;
    height: 300px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: vertical;
}

.pwml-dialog-actions[b-jgzysoiyir] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

/* Preview Content Styles */
.pwml-preview-content .sonocontainer[b-jgzysoiyir] {
    padding: 8px;
}

/* ===== PWML Preview Component Styles ===== */
.pwml-preview-container[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pwml-preview-container.horizontal[b-jgzysoiyir] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.pwml-preview-empty[b-jgzysoiyir] {
    color: #999;
    font-style: italic;
    text-align: center;
    padding: 40px;
}

.pwml-preview-control[b-jgzysoiyir] {
    font-size: 14px;
}

.pwml-preview-field[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pwml-preview-field > label[b-jgzysoiyir] {
    font-size: 12px;
    font-weight: 500;
    color: #555;
}

.pwml-preview-textbox[b-jgzysoiyir],
.pwml-preview-combobox[b-jgzysoiyir],
.pwml-preview-datetime[b-jgzysoiyir],
.pwml-preview-textarea[b-jgzysoiyir] {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
}

.pwml-preview-textbox:focus[b-jgzysoiyir],
.pwml-preview-combobox:focus[b-jgzysoiyir],
.pwml-preview-textarea:focus[b-jgzysoiyir] {
    outline: none;
    border-color: #2196f3;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);
}

.pwml-preview-textarea[b-jgzysoiyir] {
    min-height: 80px;
    resize: vertical;
}

.pwml-preview-checkbox-field[b-jgzysoiyir],
.pwml-preview-radio-field[b-jgzysoiyir] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.pwml-preview-checkbox[b-jgzysoiyir],
.pwml-preview-radio[b-jgzysoiyir] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.pwml-preview-label[b-jgzysoiyir] {
    color: #333;
}

.pwml-preview-label.header[b-jgzysoiyir] {
    font-size: 18px;
    font-weight: 600;
}

.pwml-preview-label.subheader[b-jgzysoiyir] {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.pwml-preview-separator[b-jgzysoiyir] {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 8px 0;
}

.pwml-preview-expander[b-jgzysoiyir] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
}

.pwml-preview-expander-header[b-jgzysoiyir] {
    padding: 12px 16px;
    background: #f5f5f5;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.pwml-preview-expander-header:hover[b-jgzysoiyir] {
    background: #eeeeee;
}

.pwml-preview-expander-content[b-jgzysoiyir] {
    padding: 16px;
    border-top: 1px solid #e0e0e0;
}

.pwml-preview-table[b-jgzysoiyir] {
    width: 100%;
    border-collapse: collapse;
}

.pwml-preview-table td[b-jgzysoiyir] {
    padding: 8px;
    border: 1px solid #e0e0e0;
    vertical-align: top;
}

.pwml-preview-image-placeholder[b-jgzysoiyir] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px;
    background: #f5f5f5;
    border: 1px dashed #ccc;
    border-radius: 4px;
    color: #999;
}

.pwml-preview-image-placeholder i[b-jgzysoiyir] {
    font-size: 24px;
}

.pwml-preview-calc[b-jgzysoiyir] {
    opacity: 0.7;
}

.pwml-preview-unknown[b-jgzysoiyir] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #fff3e0;
    border: 1px solid #ffcc80;
    border-radius: 4px;
    color: #e65100;
    font-size: 12px;
}

.pwml-preview-units[b-jgzysoiyir] {
    font-size: 12px;
    color: #666;
    margin-left: 4px;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .pwml-designer-toolbox[b-jgzysoiyir] {
        width: 180px;
    }

    .pwml-designer-properties[b-jgzysoiyir] {
        width: 280px;
    }
}

@media (max-width: 1200px) {
    .pwml-designer-preview[b-jgzysoiyir] {
        display: none;
    }
}
/* /Components/PwmlDesigner/WorksheetPropertyInspector.razor.rz.scp.css */
/* ??????????????????????????????????????
   Property Inspector � scoped styles
   ?????????????????????????????????????? */

.pi-root[b-g85psizrxa] {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: 13px;
    color: #333;
    overflow-y: auto;
}

/* ?? Empty state ?? */
.pi-empty[b-g85psizrxa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 20px;
    color: #999;
    text-align: center;
    font-size: 13px;
}

.pi-empty-icon[b-g85psizrxa] {
    font-size: 28px;
    opacity: 0.35;
}

/* ?? Header bar ?? */
.pi-header[b-g85psizrxa] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: linear-gradient(135deg, #e8f0fe 0%, #f0f4f8 100%);
    border-bottom: 1px solid #d6e0eb;
}

.pi-header-icon[b-g85psizrxa] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #fff;
    color: #0078d4;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
}

.pi-header-info[b-g85psizrxa] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pi-header-type[b-g85psizrxa] {
    font-weight: 600;
    font-size: 13px;
    color: #1a1a1a;
}


/* ?? Scrollable body ?? */
.pi-body[b-g85psizrxa] {
    flex: 1;
    overflow-y: auto;
    padding: 6px 0;
}

.pi-body[b-g85psizrxa]  .pi-section {
    border-bottom: 1px solid #eaeaea;
}

.pi-body[b-g85psizrxa]  .pi-section[open] {
    padding-bottom: 4px;
}

.pi-body[b-g85psizrxa]  .pi-section-title {
    display: flex;
    align-items: center;
    padding: 7px 14px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #555;
    cursor: pointer;
    user-select: none;
    list-style: none;
}

.pi-body[b-g85psizrxa]  .pi-section-title::-webkit-details-marker {
    display: none;
}

.pi-body[b-g85psizrxa]  .pi-section-title::before {
    content: "\f054";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 8px;
    margin-right: 8px;
    transition: transform 0.15s;
    color: #999;
}

.pi-body[b-g85psizrxa]  .pi-section[open] > .pi-section-title::before {
    transform: rotate(90deg);
}

.pi-body[b-g85psizrxa]  .pi-section-title:hover {
    background: #f5f7fa;
}

.pi-body[b-g85psizrxa]  .pi-grid {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 1px 8px;
    align-items: center;
    padding: 4px 14px 8px;
}

.pi-body[b-g85psizrxa]  .pi-label {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 0;
}

.pi-body[b-g85psizrxa]  .pi-options-title {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    padding: 8px 14px 4px;
}

.pi-body[b-g85psizrxa]  .pi-options-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 14px 8px;
}

.pi-body[b-g85psizrxa]  .pi-option-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pi-body[b-g85psizrxa]  .pi-section-row {
    justify-content: space-between;
}

.pi-body[b-g85psizrxa]  .pi-option-count {
    width: 20%;
    text-align: right;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}

.pi-body[b-g85psizrxa]  .pi-options-empty {
    font-size: 11px;
    color: #999;
    padding: 4px 0 6px;
}

.pi-body[b-g85psizrxa]  .pi-option-remove {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 3px;
    background: none;
    color: #aaa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.pi-body[b-g85psizrxa]  .pi-option-remove:hover {
    background: #fee;
    color: #d32f2f;
}

/* ?? Collapsible section (<details>) ?? */
.pi-section[b-g85psizrxa] {
    border-bottom: 1px solid #eaeaea;
}

.pi-section[open][b-g85psizrxa] {
    padding-bottom: 4px;
}

.pi-section-title[b-g85psizrxa] {
    display: flex;
    align-items: center;
    padding: 7px 14px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #555;
    cursor: pointer;
    user-select: none;
    list-style: none;          /* hide default triangle */
}

.pi-section-title[b-g85psizrxa]::-webkit-details-marker {
    display: none;
}

.pi-section-title[b-g85psizrxa]::before {
    content: "\f054";           /* fa-chevron-right */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 8px;
    margin-right: 8px;
    transition: transform 0.15s;
    color: #999;
}

.pi-section[open] > .pi-section-title[b-g85psizrxa]::before {
    transform: rotate(90deg);
}

.pi-section-title:hover[b-g85psizrxa] {
    background: #f5f7fa;
}

/* ?? Two-column property grid ?? */
.pi-grid[b-g85psizrxa] {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 1px 8px;
    align-items: center;
    padding: 4px 14px 8px;
}

.pi-label[b-g85psizrxa] {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 0;
}

/* Tighten Telerik flat inputs inside the grid */
.pi-grid[b-g85psizrxa]  .k-input {
    font-size: 12px;
    min-height: 28px;
}

.pi-grid[b-g85psizrxa]  .k-input-inner {
    padding: 3px 6px;
}

/* ?? ComboBox options editor ?? */
.pi-options-title[b-g85psizrxa] {
    font-size: 11px;
    font-weight: 600;
    color: #666;
    padding: 8px 14px 4px;
}

.pi-options-list[b-g85psizrxa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 14px 8px;
}

.pi-option-row[b-g85psizrxa] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pi-section-row[b-g85psizrxa] {
    justify-content: space-between;
}

.pi-option-count[b-g85psizrxa] {
    width: 20%;
    text-align: right;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}

.pi-options-empty[b-g85psizrxa] {
    font-size: 11px;
    color: #999;
    padding: 4px 0 6px;
}

.pi-option-remove[b-g85psizrxa] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 3px;
    background: none;
    color: #aaa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.pi-option-remove:hover[b-g85psizrxa] {
    background: #fee;
    color: #d32f2f;
}

/* ?? Margin controls ?? */
.pi-margin-controls[b-g85psizrxa] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}

/* D-pad grid: 3x3 with buttons placed like a game controller */
.pi-dpad[b-g85psizrxa] {
    display: grid;
    grid-template-columns: 26px 26px 26px;
    grid-template-rows: 26px 26px 26px;
    gap: 3px;
    justify-content: start;
}

.pi-dpad-up[b-g85psizrxa]    { grid-column: 2; grid-row: 1; }
.pi-dpad-left[b-g85psizrxa]  { grid-column: 1; grid-row: 2; }
.pi-dpad-center[b-g85psizrxa]{ grid-column: 2; grid-row: 2; }
.pi-dpad-right[b-g85psizrxa] { grid-column: 3; grid-row: 2; }
.pi-dpad-down[b-g85psizrxa]  { grid-column: 2; grid-row: 3; }

.pi-nudge-btn[b-g85psizrxa] {
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    padding: 0;
    transition: all 0.12s;
}

.pi-nudge-btn:hover[b-g85psizrxa] {
    background: #e8f0fe;
    border-color: #0078d4;
    color: #0078d4;
}

.pi-nudge-clear[b-g85psizrxa] {
    color: #aaa;
}

.pi-nudge-clear:hover[b-g85psizrxa] {
    background: #fee;
    border-color: #c00;
    color: #c00;
}

.pi-margin-grid[b-g85psizrxa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

.pi-margin-grid-inline[b-g85psizrxa] {
    width: 170px;
}

.pi-margin-item[b-g85psizrxa] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.pi-margin-lbl[b-g85psizrxa] {
    font-size: 9px;
    font-weight: 700;
    color: #999;
    width: 12px;
    text-align: center;
    flex-shrink: 0;
}

.pi-margin-grid[b-g85psizrxa]  .k-input {
    font-size: 11px;
    min-height: 24px;
}

.pi-margin-grid[b-g85psizrxa]  .k-input-inner {
    padding: 2px 4px;
}

.pi-body[b-g85psizrxa]  .pi-template-picker {
    display: flex;
    align-items: center;
    gap: 2px;
}

.pi-body[b-g85psizrxa]  .pi-template-browse {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #0078d4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    transition: all 0.12s;
}

.pi-body[b-g85psizrxa]  .pi-template-browse:hover {
    background: #e8f0fe;
    border-color: #0078d4;
}
.pi-body[b-g85psizrxa]  .pi-template-popup-body {
    flex: 1;
    overflow-y: auto;
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pi-body[b-g85psizrxa]  .pi-template-loading {
    text-align: center;
    color: #999;
    font-size: 12px;
    padding: 20px;
}

.pi-body[b-g85psizrxa]  .pi-template-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: none;
    border-radius: 4px;
    background: none;
    cursor: pointer;
    font-size: 12px;
    color: #333;
    text-align: left;
    transition: all 0.12s;
}

.pi-body[b-g85psizrxa]  .pi-template-option:hover {
    background: #e8f0fe;
    color: #0078d4;
}

.pi-body[b-g85psizrxa]  .pi-template-option i {
    color: #888;
    font-size: 11px;
}

.pi-body[b-g85psizrxa]  .pi-template-selected {
    background: #0078d4;
    color: #fff;
}

.pi-body[b-g85psizrxa]  .pi-template-selected i { color: #fff; }

.pi-body[b-g85psizrxa]  .pi-template-popup-footer {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 10px;
}

/* ?? Dark mode ?? */
:global([data-theme="dark"]) .pi-root[b-g85psizrxa] { color: #e0e0e0; }
:global([data-theme="dark"]) .pi-empty[b-g85psizrxa] { color: #888; }
:global([data-theme="dark"]) .pi-header[b-g85psizrxa] { background: linear-gradient(135deg, #2a3a4a 0%, #333 100%); border-color: #444; }
:global([data-theme="dark"]) .pi-header-icon[b-g85psizrxa] { background: #444; color: #5db4e2; }
:global([data-theme="dark"]) .pi-header-type[b-g85psizrxa] { color: #e0e0e0; }
:global([data-theme="dark"]) .pi-section[b-g85psizrxa] { border-color: #444; }
:global([data-theme="dark"]) .pi-section-title[b-g85psizrxa] { color: #bbb; }
:global([data-theme="dark"]) .pi-section-title[b-g85psizrxa]::before { color: #666; }
:global([data-theme="dark"]) .pi-section-title:hover[b-g85psizrxa] { background: #383838; }
:global([data-theme="dark"]) .pi-label[b-g85psizrxa] { color: #999; }
:global([data-theme="dark"]) .pi-options-title[b-g85psizrxa] { color: #999; }
:global([data-theme="dark"]) .pi-option-remove[b-g85psizrxa] { color: #666; }
:global([data-theme="dark"]) .pi-option-remove:hover[b-g85psizrxa] { background: #4a2020; color: #f44; }
:global([data-theme="dark"]) .pi-option-count[b-g85psizrxa] { color: #999; }
:global([data-theme="dark"]) .pi-options-empty[b-g85psizrxa] { color: #888; }
:global([data-theme="dark"]) .pi-nudge-btn[b-g85psizrxa] { background: #444; border-color: #555; color: #999; }
:global([data-theme="dark"]) .pi-nudge-btn:hover[b-g85psizrxa] { background: #3a4a5a; border-color: #5db4e2; color: #5db4e2; }
:global([data-theme="dark"]) .pi-nudge-clear:hover[b-g85psizrxa] { background: #4a2020; border-color: #f44; color: #f44; }
:global([data-theme="dark"]) .pi-margin-lbl[b-g85psizrxa] { color: #666; }
:global([data-theme="dark"]) .pi-template-browse[b-g85psizrxa] { background: #444; border-color: #555; color: #999; }
:global([data-theme="dark"]) .pi-template-browse:hover[b-g85psizrxa] { background: #3a4a5a; border-color: #5db4e2; color: #5db4e2; }
:global([data-theme="dark"]) .pi-template-option[b-g85psizrxa] { color: #ccc; }
:global([data-theme="dark"]) .pi-template-option:hover[b-g85psizrxa] { background: #3a4a5a; }
:global([data-theme="dark"]) .pi-template-selected[b-g85psizrxa] { background: #1c668e; color: #fff; }

/* ?? Drop-field (ComboBox + pick button + type label, mirrors WorksheetConditionEditor) ?? */
.pi-body[b-g85psizrxa]  .pi-drop-field {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    border-radius: 4px;
}

.pi-body[b-g85psizrxa]  .pi-drop-field .k-input { font-size: 12px; min-height: 26px; }
.pi-body[b-g85psizrxa]  .pi-drop-field .k-input-inner { padding: 2px 6px; }

.pi-body[b-g85psizrxa]  .pi-control-type {
    min-width: 56px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 600;
    color: #667085;
    white-space: nowrap;
    text-align: right;
}

.pi-body[b-g85psizrxa]  .pi-pick-btn {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #0078d4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: all 0.15s;
}

.pi-body[b-g85psizrxa]  .pi-pick-btn:hover:not(:disabled) { background: #e8f0fe; border-color: #0078d4; }
.pi-body[b-g85psizrxa]  .pi-pick-btn:disabled { color: #ccc; cursor: default; border-color: #eee; }

/* Input chips list (for multi-value fields like Calc Inputs) */
.pi-body[b-g85psizrxa]  .pi-input-chips {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pi-body[b-g85psizrxa]  .pi-input-chip-row {
    display: flex;
    align-items: center;
    gap: 2px;
}

.pi-body[b-g85psizrxa]  .pi-input-chip-remove {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 3px;
    background: none;
    color: #aaa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.pi-body[b-g85psizrxa]  .pi-input-chip-remove:hover { background: #fee; color: #d32f2f; }

.pi-body[b-g85psizrxa]  .pi-input-add-row {
    display: flex;
    align-items: center;
    gap: 2px;
}

/* Dark mode drop-field */
:global([data-theme="dark"]) .pi-pick-btn[b-g85psizrxa] { background: #444; border-color: #555; color: #5db4e2; }
:global([data-theme="dark"]) .pi-pick-btn:hover:not(:disabled)[b-g85psizrxa] { background: #3a4a5a; border-color: #5db4e2; }
:global([data-theme="dark"]) .pi-pick-btn:disabled[b-g85psizrxa] { color: #555; border-color: #444; }
:global([data-theme="dark"]) .pi-control-type[b-g85psizrxa] { color: #888; }
:global([data-theme="dark"]) .pi-input-chip-remove[b-g85psizrxa] { color: #666; }
:global([data-theme="dark"]) .pi-input-chip-remove:hover[b-g85psizrxa] { background: #4a2020; color: #f44; }
/* /Components/PwmlDesigner/WorksheetStopsEditor.razor.rz.scp.css */
/* ======================================================
   Stops Editor - scoped styles
   ====================================================== */

.se-root[b-1wg8ypiwca] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    font-size: 13px;
    color: #333;
}

/* -- Toolbar -- */
.se-toolbar[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 2px 6px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 2px;
    flex-shrink: 0;
}

.se-empty[b-1wg8ypiwca] {
    font-size: 12px;
    color: #999;
    padding: 16px 8px;
    text-align: center;
}

/* -- Stop card -- */
.se-card[b-1wg8ypiwca] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    flex-shrink: 0;
}

.se-card-expanded[b-1wg8ypiwca] {
    border-color: #0078d4;
    box-shadow: 0 0 0 1px rgba(0, 120, 212, 0.12);
}

.se-card-header[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    cursor: pointer;
    user-select: none;
    background: #fafbfc;
    border-bottom: 1px solid transparent;
}

.se-card-expanded .se-card-header[b-1wg8ypiwca] {
    border-bottom-color: #e0e0e0;
    background: #f0f6ff;
}

.se-card-header:hover[b-1wg8ypiwca] { background: #f0f4f8; }

.se-card-title[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    min-width: 0;
    overflow: hidden;
}

.se-card-title span[b-1wg8ypiwca] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.se-card-icon[b-1wg8ypiwca] { color: #0078d4; font-size: 11px; flex-shrink: 0; }
.se-card-actions[b-1wg8ypiwca] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.se-chevron[b-1wg8ypiwca] { font-size: 10px; color: #999; margin-left: 4px; }

/* -- Type badge -- */
.se-type-badge[b-1wg8ypiwca] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1px 6px;
    border-radius: 3px;
    flex-shrink: 0;
}

.se-type-hard[b-1wg8ypiwca] {
    background: #fde8e8;
    color: #c00;
}

.se-type-soft[b-1wg8ypiwca] {
    background: #fff3cd;
    color: #856404;
}

/* -- Card body -- */
.se-card-body[b-1wg8ypiwca] {
    padding: 8px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* -- Property grid -- */
.se-grid[b-1wg8ypiwca] {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 1px 8px;
    align-items: center;
}

.se-label[b-1wg8ypiwca] {
    font-size: 11px;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* -- Condition field -- */
.se-condition-field[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* -- Section header -- */
.se-section-header[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    padding: 4px 0 2px;
    border-top: 1px solid #eaeaea;
}

.se-section-title[b-1wg8ypiwca] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* -- Controls add row -- */
.se-controls-add-row[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.se-controls-empty[b-1wg8ypiwca] {
    font-size: 11px;
    color: #999;
    padding: 6px 0;
    font-style: italic;
}

/* -- Control row -- */
.se-control-row[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 6px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fafbfc;
    font-size: 12px;
}

.se-control-name[b-1wg8ypiwca] {
    font-weight: 600;
    color: #333;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.se-control-qualifier[b-1wg8ypiwca] {
    font-size: 11px;
    color: #888;
    flex-shrink: 0;
}

/* -- Buttons -- */
.se-btn-add[b-1wg8ypiwca] {
    border: 1px solid #0078d4;
    border-radius: 4px;
    background: #fff;
    color: #0078d4;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.15s;
    white-space: nowrap;
}

.se-btn-add:hover:not(:disabled)[b-1wg8ypiwca] { background: #e8f0fe; }
.se-btn-add:disabled[b-1wg8ypiwca] { opacity: 0.5; cursor: default; }

.se-btn-icon[b-1wg8ypiwca] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 3px;
    line-height: 1;
    transition: background 0.12s;
}

.se-btn-icon:hover[b-1wg8ypiwca] { background: rgba(0, 0, 0, 0.06); }

.se-btn-danger[b-1wg8ypiwca] { color: #c44; }
.se-btn-danger:hover[b-1wg8ypiwca] { background: rgba(204, 68, 68, 0.1); }

/* -- Rule builder (condition) -- */
.se-group[b-1wg8ypiwca] {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 6px;
    margin: 2px 0;
    background: #fafbfc;
}

.se-group-nested[b-1wg8ypiwca] { margin-left: 12px; }
.se-group-or[b-1wg8ypiwca] { border-left: 3px solid #e8a838; }
.se-group-and[b-1wg8ypiwca] { border-left: 3px solid #0078d4; }

.se-group-header[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
    flex-wrap: wrap;
    gap: 4px;
}

.se-group-logic-toggle[b-1wg8ypiwca] { display: flex; gap: 2px; }

.se-logic-btn[b-1wg8ypiwca] {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    color: #888;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    padding: 2px 8px;
    transition: all 0.12s;
}

.se-logic-btn:hover[b-1wg8ypiwca] { border-color: #0078d4; color: #0078d4; }
.se-logic-active[b-1wg8ypiwca] { background: #0078d4; color: #fff; border-color: #0078d4; }

.se-group-header-actions[b-1wg8ypiwca] { display: flex; gap: 4px; }

.se-clause[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 4px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;
    margin: 2px 0;
}

.se-clause-control[b-1wg8ypiwca] { flex: 1; min-width: 0; }
.se-clause-op[b-1wg8ypiwca] { flex-shrink: 0; }
.se-clause-value[b-1wg8ypiwca] { flex: 1; min-width: 0; }
.se-clause-empty[b-1wg8ypiwca] { font-size: 11px; color: #999; padding: 4px 0; font-style: italic; }

.se-drop-field[b-1wg8ypiwca] {
    display: flex;
    align-items: center;
    gap: 3px;
}

.se-pick-btn[b-1wg8ypiwca] {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    color: #666;
    cursor: pointer;
    padding: 3px 6px;
    font-size: 11px;
    transition: all 0.12s;
    flex-shrink: 0;
}

.se-pick-btn:hover:not(:disabled)[b-1wg8ypiwca] { border-color: #0078d4; color: #0078d4; }
.se-pick-btn:disabled[b-1wg8ypiwca] { opacity: 0.4; cursor: default; }
/* /Components/RmlDesigner/RmlConditionEditor.razor.rz.scp.css */
/* ======================================================
   RML Condition Editor - scoped styles
   Matches WorksheetConditionEditor visual pattern
   ====================================================== */

.ce-root[b-4scdi5r9gt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    font-size: 13px;
    color: #333;
}

/* -- Toolbar -- */
.ce-toolbar[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px 6px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 2px;
    flex-shrink: 0;
}

.ce-toolbar-title[b-4scdi5r9gt] {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.ce-empty[b-4scdi5r9gt] {
    font-size: 12px;
    color: #999;
    padding: 16px 8px;
    text-align: center;
}

/* -- Condition card -- */
.ce-card[b-4scdi5r9gt] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    flex-shrink: 0;
}

.ce-card-expanded[b-4scdi5r9gt] {
    border-color: #0078d4;
    box-shadow: 0 0 0 1px rgba(0, 120, 212, 0.12);
}

.ce-card-header[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    cursor: pointer;
    user-select: none;
    background: #fafbfc;
    border-bottom: 1px solid transparent;
}

.ce-card-expanded .ce-card-header[b-4scdi5r9gt] {
    border-bottom-color: #e0e0e0;
    background: #f0f6ff;
}

.ce-card-header:hover[b-4scdi5r9gt] { background: #f0f4f8; }

.ce-card-title[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    min-width: 0;
    overflow: hidden;
}

.ce-card-title span[b-4scdi5r9gt] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ce-card-icon[b-4scdi5r9gt] { color: #0078d4; font-size: 11px; flex-shrink: 0; }
.ce-card-actions[b-4scdi5r9gt] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.ce-chevron[b-4scdi5r9gt] { font-size: 10px; color: #999; margin-left: 4px; }

/* -- Card summary (collapsed) -- */
.ce-card-summary[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 10px 6px;
    font-size: 11px;
    color: #888;
    gap: 8px;
}

.ce-card-summary-expr[b-4scdi5r9gt] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 10px;
}

.ce-card-summary-count[b-4scdi5r9gt] {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 600;
    color: #0078d4;
    background: #e8f0fe;
    padding: 1px 6px;
    border-radius: 8px;
}

/* -- Card body -- */
.ce-card-body[b-4scdi5r9gt] {
    padding: 8px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* -- Property grid -- */
.ce-grid[b-4scdi5r9gt] {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 1px 8px;
    align-items: center;
}

.ce-label[b-4scdi5r9gt] {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    padding: 4px 0;
}

.ce-grid[b-4scdi5r9gt]  .k-input { font-size: 12px; min-height: 28px; }
.ce-grid[b-4scdi5r9gt]  .k-input-inner { padding: 3px 6px; }

/* -- Section headers -- */
.ce-section-header[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    border-top: 1px solid #eaeaea;
    margin-top: 2px;
}

.ce-section-title[b-4scdi5r9gt] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ce-section-title i[b-4scdi5r9gt] { font-size: 10px; color: #0078d4; }

/* ======================================================
   Rule groups - card-based with AND/OR header
   ====================================================== */

.ce-group[b-4scdi5r9gt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1.5px solid #d0d8e0;
    border-radius: 6px;
    padding: 0;
    background: #fafbfc;
    overflow: hidden;
}

.ce-group-and[b-4scdi5r9gt] { border-left: 3px solid #0078d4; }
.ce-group-or[b-4scdi5r9gt] { border-left: 3px solid #e67e22; }

.ce-group-nested[b-4scdi5r9gt] {
    margin: 4px 6px;
}

.ce-group-header[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 8px;
    background: #f0f2f5;
    border-bottom: 1px solid #e0e0e0;
    gap: 6px;
}

.ce-group-header-actions[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ce-group-logic-toggle[b-4scdi5r9gt] {
    display: flex;
    gap: 1px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.ce-logic-btn[b-4scdi5r9gt] {
    border: none;
    background: #fff;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    padding: 3px 12px;
    letter-spacing: 0.3px;
    transition: all 0.15s;
}

.ce-logic-btn:hover[b-4scdi5r9gt] { background: #f0f4f8; color: #555; }

.ce-group-and .ce-logic-active[b-4scdi5r9gt] { background: #0078d4; color: #fff; }
.ce-group-and .ce-logic-active:hover[b-4scdi5r9gt] { background: #005a9e; color: #fff; }
.ce-group-or .ce-logic-active[b-4scdi5r9gt] { background: #e67e22; color: #fff; }
.ce-group-or .ce-logic-active:hover[b-4scdi5r9gt] { background: #cf6d17; color: #fff; }

/* -- Clause row -- */
.ce-clause[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    padding: 4px 8px;
}

.ce-clause:last-child[b-4scdi5r9gt] { border-bottom: none; }

.ce-clause-control[b-4scdi5r9gt] { flex: 2; min-width: 0; }

.ce-clause-op[b-4scdi5r9gt] { flex-shrink: 0; }

.ce-clause-value[b-4scdi5r9gt] { flex: 1; min-width: 0; }

.ce-clause[b-4scdi5r9gt]  .k-input { font-size: 12px; min-height: 26px; }
.ce-clause[b-4scdi5r9gt]  .k-input-inner { padding: 2px 6px; }

.ce-clause-empty[b-4scdi5r9gt] {
    font-size: 11px;
    color: #aaa;
    padding: 6px 8px;
    text-align: center;
}

/* -- Modifier rows (affected annotations) -- */
.ce-modifier-row[b-4scdi5r9gt] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f8f9fa;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 4px 6px;
    flex-wrap: nowrap;
}

.ce-modifier-keyword[b-4scdi5r9gt] {
    font-size: 11px;
    font-weight: 600;
    color: #0078d4;
    white-space: nowrap;
    flex-shrink: 0;
}

.ce-modifier-target[b-4scdi5r9gt] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* -- Buttons -- */
.ce-btn-add[b-4scdi5r9gt] {
    border: none;
    background: none;
    color: #0078d4;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.ce-btn-add:hover[b-4scdi5r9gt] { background: #e8f0fe; }

.ce-btn-icon[b-4scdi5r9gt] {
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 3px;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #aaa;
    flex-shrink: 0;
}

.ce-btn-danger:hover[b-4scdi5r9gt] { background: #fee; color: #d32f2f; }

.ce-btn-add-condition[b-4scdi5r9gt] {
    border: 1px dashed #ccc;
    border-radius: 6px;
    background: none;
    color: #0078d4;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background 0.15s, border-color 0.15s;
}

.ce-btn-add-condition:hover[b-4scdi5r9gt] {
    background: #f0f6ff;
    border-color: #0078d4;
}
/* /Components/RmlDesigner/RmlDesigner.razor.rz.scp.css */
/* RML Designer Main Layout */
.rml-designer[b-3lbs0uc4c5] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.rml-designer-toolbar[b-3lbs0uc4c5] {
    display: flex;
    gap: 16px;
    padding: 8px 16px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    align-items: center;
    flex-wrap: wrap;
}

.rml-toolbar-separator[b-3lbs0uc4c5] {
    width: 1px;
    height: 28px;
    background: #ddd;
}

.rml-report-section-selector[b-3lbs0uc4c5] {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

.rml-designer-status[b-3lbs0uc4c5] {
    margin: 8px 16px 0 16px;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
}

.rml-designer-status.status-info[b-3lbs0uc4c5] {
    background: #e8f1fb;
    color: #1e4f8a;
}

.rml-designer-status.status-success[b-3lbs0uc4c5] {
    background: #e8f7ef;
    color: #1f6b3b;
}

.rml-designer-status.status-warning[b-3lbs0uc4c5] {
    background: #fff7e6;
    color: #7a5100;
}

.rml-designer-status.status-error[b-3lbs0uc4c5] {
    background: #fdecec;
    color: #8a1f1f;
}

.rml-designer-tabs[b-3lbs0uc4c5] {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 0 16px;
}

.rml-designer-main[b-3lbs0uc4c5] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* Editor Area */
.rml-designer-editor-area[b-3lbs0uc4c5] {
    flex: 1;
    display: flex;
    gap: 8px;
    padding: 8px;
    overflow: hidden;
}

.rml-editor-container[b-3lbs0uc4c5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

[b-3lbs0uc4c5] .rml-wysiwyg-editor {
    height: 100% !important;
}

[b-3lbs0uc4c5] .rml-wysiwyg-editor .k-editor-content {
    flex: 1;
    overflow: auto;
}

/* XML View */
.rml-designer-xml-view[b-3lbs0uc4c5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.rml-designer-xml-view h4[b-3lbs0uc4c5] {
    margin: 0;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 600;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.rml-xml-editor[b-3lbs0uc4c5] {
    flex: 1;
    margin: 12px;
    padding: 12px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: none;
}

.rml-designer-xml-view .k-button[b-3lbs0uc4c5] {
    margin: 0 12px 12px 12px;
    align-self: flex-start;
}

/* Preview */
.rml-designer-preview[b-3lbs0uc4c5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.rml-designer-preview h4[b-3lbs0uc4c5] {
    margin: 0;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 600;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.rml-preview-content[b-3lbs0uc4c5] {
    flex: 1;
    padding: 16px;
    overflow: auto;
}

.rml-preview-empty[b-3lbs0uc4c5] {
    color: #888;
    font-style: italic;
    text-align: center;
    padding: 40px;
}

/* Window Toggle Buttons */
.rml-window-toggles[b-3lbs0uc4c5] {
    display: flex;
    gap: 6px;
    padding: 4px 16px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}

/* Sidebar removed � Properties & Conditions are now floating TelerikWindow panels */

/* Floating Window Overrides */
[b-3lbs0uc4c5] .rml-floating-window {
    z-index: 100;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    border-radius: 6px;
    overflow: hidden;
}

[b-3lbs0uc4c5] .rml-floating-window .k-window-content {
    padding: 0;
    overflow-y: auto;
}

.rml-property-inspector[b-3lbs0uc4c5] {
    padding: 0;
}

.rml-property-content[b-3lbs0uc4c5] {
    padding: 12px;
}

.rml-property-empty[b-3lbs0uc4c5] {
    color: #888;
    font-style: italic;
    text-align: center;
    padding: 20px;
    font-size: 13px;
}

.rml-property-section[b-3lbs0uc4c5] {
    margin-bottom: 16px;
}

.rml-property-section-header[b-3lbs0uc4c5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    padding-bottom: 4px;
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.rml-edit-button[b-3lbs0uc4c5] {
    background: none;
    border: 1px solid #0078d4;
    color: #0078d4;
    padding: 2px 8px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.rml-edit-button:hover[b-3lbs0uc4c5] {
    background: #0078d4;
    color: #fff;
}

/* Property Inspector Action Buttons */
.rml-property-actions[b-3lbs0uc4c5] {
    display: flex;
    gap: 6px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

.rml-action-button[b-3lbs0uc4c5] {
    background: none;
    border: 1px solid #999;
    color: #555;
    padding: 4px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.rml-action-button:hover[b-3lbs0uc4c5] {
    background: #f5f5f5;
    border-color: #666;
    color: #333;
}

.rml-action-remove[b-3lbs0uc4c5] {
    border-color: #e57373;
    color: #c62828;
}

.rml-action-remove:hover[b-3lbs0uc4c5] {
    background: #ffebee;
    border-color: #c62828;
    color: #b71c1c;
}

.rml-icon-button[b-3lbs0uc4c5] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    display: inline-flex;
    align-items: center;
}

.rml-property-readonly[b-3lbs0uc4c5] {
    display: flex;
    gap: 8px;
    padding: 4px 0;
    font-size: 12px;
    border-bottom: 1px solid #f5f5f5;
}

/* Qualifier Change Buttons */
.rml-qualifier-group[b-3lbs0uc4c5] {
    display: flex;
    gap: 8px;
    padding: 4px 0;
    font-size: 12px;
    align-items: flex-start;
}

.rml-qualifier-buttons[b-3lbs0uc4c5] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

.rml-qualifier-button[b-3lbs0uc4c5] {
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #555;
    padding: 1px 6px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 10px;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.rml-qualifier-button:hover[b-3lbs0uc4c5] {
    background: #e3f2fd;
    border-color: #1976d2;
    color: #1565c0;
}

/* List Item Preview Rows */
.rml-list-items[b-3lbs0uc4c5] {
    padding: 6px 0;
    font-size: 11px;
}

.rml-list-item-row[b-3lbs0uc4c5] {
    display: flex;
    gap: 6px;
    padding: 2px 0;
    align-items: baseline;
}

.rml-list-item-index[b-3lbs0uc4c5] {
    font-weight: 600;
    color: #999;
    min-width: 20px;
    flex-shrink: 0;
    text-align: right;
}

.rml-list-item-text[b-3lbs0uc4c5] {
    color: #333;
    word-break: break-word;
}

.rml-property-key[b-3lbs0uc4c5] {
    font-weight: 600;
    color: #666;
    min-width: 70px;
    flex-shrink: 0;
}

.rml-property-value[b-3lbs0uc4c5] {
    color: #333;
    word-break: break-word;
}

.rml-property-flags[b-3lbs0uc4c5] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px 0;
}

.rml-flag[b-3lbs0uc4c5] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    background: #e8f5e9;
    color: #2e7d32;
}

.rml-property-group[b-3lbs0uc4c5] {
    margin-bottom: 8px;
}

.rml-property-label[b-3lbs0uc4c5] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #666;
    margin-bottom: 3px;
}

.rml-property-input[b-3lbs0uc4c5],
.rml-property-textarea[b-3lbs0uc4c5] {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 12px;
    box-sizing: border-box;
}

.rml-property-textarea[b-3lbs0uc4c5] {
    min-height: 60px;
    resize: vertical;
    font-family: 'Consolas', 'Monaco', monospace;
}

.rml-property-input:focus[b-3lbs0uc4c5],
.rml-property-textarea:focus[b-3lbs0uc4c5] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.15);
}

.rml-property-condition[b-3lbs0uc4c5] {
    display: flex;
    flex-direction: column;
    padding: 6px 8px;
    margin-bottom: 4px;
    background: #f8f9fa;
    border-radius: 4px;
    font-size: 11px;
}

.rml-property-condition-id[b-3lbs0uc4c5] {
    font-weight: 600;
    color: #555;
    font-family: monospace;
}

.rml-property-condition-expr[b-3lbs0uc4c5] {
    color: #888;
    word-break: break-all;
}

/* Open/Import Dialog */
.rml-open-dialog[b-3lbs0uc4c5] {
    padding: 16px;
}

.rml-import-textarea[b-3lbs0uc4c5] {
    width: 100%;
    height: 200px;
    margin: 8px 0;
    padding: 12px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: vertical;
    box-sizing: border-box;
}

.rml-dialog-actions[b-3lbs0uc4c5] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
}

/* Annotation Dialog */
.rml-annotation-dialog[b-3lbs0uc4c5] {
    padding: 16px;
}

/* ========================================
   Annotation Styles in TelerikEditor
   These styles affect the inline annotation
   spans rendered inside the editor content.
   ======================================== */

[b-3lbs0uc4c5] .rml-annotation {
    display: inline-block;
    padding: 2px 6px;
    margin: 0 2px;
    border-radius: 3px;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    user-select: none;
    vertical-align: baseline;
    border: 1px solid transparent;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-3lbs0uc4c5] .rml-annotation:hover {
    border-color: rgba(0, 0, 0, 0.2);
}

[b-3lbs0uc4c5] .rml-annotation-selected {
    border-color: #1976d2 !important;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.3);
}

[b-3lbs0uc4c5] .rml-output-field {
    background: #e8f5e9;
    color: #2e7d32;
    font-weight: 600;
}

[b-3lbs0uc4c5] .rml-input-field {
    background: #fff3e0;
    color: #e65100;
    font-weight: 600;
}

[b-3lbs0uc4c5] .rml-list {
    background: #e3f2fd;
    color: #1565c0;
    font-weight: 600;
}

[b-3lbs0uc4c5] .rml-multi {
    background: #f3e5f5;
    color: #7b1fa2;
    font-weight: 600;
}

[b-3lbs0uc4c5] .rml-image {
    background: #fce4ec;
    color: #c62828;
    font-weight: 600;
}

[b-3lbs0uc4c5] .rml-template {
    background: #e0f2f1;
    color: #00695c;
    font-weight: 600;
}

/* Condition Wrap Overlay (green translucent, matching WPF SonoReportDesignerHighlightLayer) */
[b-3lbs0uc4c5] .rml-condition-wrap {
    background: rgba(0, 200, 0, 0.08);
    border-bottom: 2px solid rgba(0, 180, 0, 0.5);
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    transition: background 0.15s ease;
}

[b-3lbs0uc4c5] .rml-condition-wrap:hover {
    background: rgba(0, 200, 0, 0.16);
}

[b-3lbs0uc4c5] .rml-condition-wrap::after {
    content: attr(data-rml-condition-name);
    position: absolute;
    top: -18px;
    left: 0;
    font-size: 9px;
    color: #2e7d32;
    background: rgba(232, 245, 233, 0.95);
    padding: 1px 4px;
    border-radius: 2px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
}

[b-3lbs0uc4c5] .rml-condition-wrap:hover::after {
    opacity: 1;
}

/* Section Dividers (unified header/body/footer view) */
[b-3lbs0uc4c5] .rml-section {
    user-select: none;
    margin: 16px 0 8px 0;
    border-top: 2px dashed #ccc;
    padding: 6px 0 0 0;
    pointer-events: none;
}

[b-3lbs0uc4c5] .rml-section:first-child {
    margin-top: 0;
    border-top: none;
}

[b-3lbs0uc4c5] .rml-section-label {
    font-size: 10px;
    font-weight: 700;
    color: #999;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 2px 8px;
}

/* Condition Toolbar Dropdown */
.rml-condition-toolbar-group[b-3lbs0uc4c5] {
    position: relative;
    display: flex;
    gap: 2px;
    align-items: center;
}

.rml-condition-dropdown[b-3lbs0uc4c5] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 240px;
    max-height: 260px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    margin-top: 4px;
}

.rml-condition-dropdown-item[b-3lbs0uc4c5] {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.1s ease;
}

.rml-condition-dropdown-item:hover[b-3lbs0uc4c5] {
    background: #e8f5e9;
}

.rml-condition-dropdown-item:last-child[b-3lbs0uc4c5] {
    border-bottom: none;
}

.rml-condition-dropdown-name[b-3lbs0uc4c5] {
    font-size: 12px;
    font-weight: 600;
    color: #2e7d32;
}

.rml-condition-dropdown-expr[b-3lbs0uc4c5] {
    font-size: 10px;
    color: #888;
    font-family: 'Consolas', monospace;
    margin-top: 2px;
}

.rml-condition-dropdown-empty[b-3lbs0uc4c5] {
    padding: 12px;
    font-size: 11px;
    color: #888;
    font-style: italic;
    text-align: center;
}
/* /Components/Worklist/AboutModal.razor.rz.scp.css */
.about-main-area[b-6yvk9eu7aa] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.about-row[b-6yvk9eu7aa] {
    display: grid;
    grid-template-columns: 240px 1fr;
    column-gap: 12px;
    align-items: start;
}

.about-label[b-6yvk9eu7aa] {
    font-weight: 600;
}
/* /Components/Worklist/NotesReviewWindow.razor.rz.scp.css */

.button-holder[b-twe83e7sj4] {
    position: absolute;
    right: 0;
    margin-right: 15px;
    padding: 10px;
}
.new-note-area[b-twe83e7sj4] {
    background-color: #2e2e2e;
    border-radius: 2px;
    padding: 10px;
}
.small-text[b-twe83e7sj4] {
    position: absolute;
    right: 0;
    margin-right: 15px;
    font-size: 8px;
    color: #c7c9c9;
}
.note-details[b-twe83e7sj4] {
    color: #c7c9c9;
}
p[b-twe83e7sj4]{
    font-size:12px;
}
.notes-container[b-twe83e7sj4] {
    overflow-y: auto;
}
/* /Components/Worklist/PatientDobConfirmation.razor.rz.scp.css */
.dob-page[b-wr3ruuawac] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--kailo-background);
    background-image: url('/images/background.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 12px;
    box-sizing: border-box;
    text-align: center;
}

.dob-card[b-wr3ruuawac] {
    background: var(--kailo-app-background);
    border-radius: 8px;
    padding: 40px 36px;
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
}

.dob-badge[b-wr3ruuawac] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--kailo-primary);
    font-size: 1.75rem;
    color: white;
    align-self: center;
}

.dob-heading[b-wr3ruuawac] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--kailo-contrast);
    margin: 0;
    line-height: 1.3;
}

.dob-subtext[b-wr3ruuawac] {
    font-size: 1.05rem;
    color: var(--kailo-light-text-on-background);
    margin: 0;
}

.dob-picker-wrapper[b-wr3ruuawac] {
    width: 100%;
}

.dob-loading[b-wr3ruuawac] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    font-size: 1.5rem;
    color: var(--kailo-primary);
    opacity: 0.6;
}

.dob-segment-row[b-wr3ruuawac] {
    display: flex;
    gap: 6px;
    width: 100%;
}

.dob-segment[b-wr3ruuawac] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.dob-segment--month[b-wr3ruuawac] {
    flex: 1.8;
}

.dob-segment--year[b-wr3ruuawac] {
    flex: 1.3;
}

.dob-segment-label[b-wr3ruuawac] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--kailo-light-text-on-background);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: left;
}

.dob-select[b-wr3ruuawac] {
    width: 100%;
    min-height: 52px;
    font-size: 1.05rem;
    padding: 0 10px;
    border: 1px solid var(--kailo-primary);
    border-radius: 6px;
    background-color: var(--kailo-app-background);
    color: var(--kailo-contrast);
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    font-family: inherit;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235db4e2' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
}

.dob-select:hover[b-wr3ruuawac] {
    border-color: var(--kailo-primary-accent);
}

.dob-select:focus[b-wr3ruuawac] {
    outline: none;
    border-color: var(--kailo-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--kailo-primary) 25%, transparent);
}

.dob-error[b-wr3ruuawac] {
    color: var(--kailo-error);
    font-size: 0.95rem;
    margin: 0;
    background: color-mix(in srgb, var(--kailo-error) 10%, var(--kailo-background));
    border-radius: 4px;
    padding: 10px 14px;
}

.dob-confirm-button[b-wr3ruuawac] {
    width: 100%;
    min-height: 56px;
    background-color: var(--kailo-primary);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 1.15rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin-top: 4px;
}

.dob-confirm-button:hover[b-wr3ruuawac] {
    background-color: var(--kailo-hover-bg);
    outline: 3px solid var(--kailo-primary-accent);             
    outline-offset: 2px;
}

.dob-confirm-button:disabled[b-wr3ruuawac] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--kailo-primary);
    outline: none;
}

.dob-cancel-button[b-wr3ruuawac] {
    width: 100%;
    min-height: 44px;
    background-color: transparent;
    color: var(--kailo-primary);
    border: 1px solid var(--kailo-primary);
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.dob-cancel-button:hover[b-wr3ruuawac] {
    background-color: color-mix(in srgb, var(--kailo-primary) 10%, transparent);
}

.dob-cancel-button:disabled[b-wr3ruuawac] {
    opacity: 0.6;
    cursor: not-allowed;
}

[data-theme="dark"] .dob-page[b-wr3ruuawac] {
    background-image: url('/images/background-dark.png');
}
/* /Components/Worklist/PinEntry.razor.rz.scp.css */
.pin-entry-screen[b-md0o3naevh] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--kailo-background);
    background-image: url('/images/background.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 12px;
    box-sizing: border-box;
}

[data-theme="dark"] .pin-entry-screen[b-md0o3naevh] {
    background-image: url('/images/background-dark.png');
}

.worksheet-pin-card[b-md0o3naevh] {
    background: var(--kailo-background);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    width: min(100%, 480px);
    color: var(--kailo-contrast);
    padding: 32px 24px 24px;
    text-align: center;
}

.worksheet-pin-badge[b-md0o3naevh] {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--kailo-primary);
    color: white;
    font-size: 28px;
}

.worksheet-pin-title[b-md0o3naevh] {
    margin: 0 0 8px;
    font-size: 28px;
}

.worksheet-pin-subtitle[b-md0o3naevh] {
    margin: 0 0 24px;
    color: var(--kailo-light-text-on-background);
    font-size: 16px;
    line-height: 1.4;
}

.worksheet-pin-display[b-md0o3naevh] {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-bottom: 16px;
}

.worksheet-pin-digit[b-md0o3naevh] {
    flex: 1 1 0;
    min-width: 0;
    height: 64px;
    color: var(--kailo-contrast);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.worksheet-pin-message[b-md0o3naevh] {
    min-height: 24px;
    margin-bottom: 20px;
    color: var(--kailo-error);
    font-weight: 600;
}

.worksheet-pin-keypad[b-md0o3naevh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

    .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key.k-button {
        min-height: 72px;
        min-width: 44px;
        border-radius: 18px;
        font-size: 28px;
        font-weight: 700;
        border: 2px solid var(--kailo-border);
        color: var(--kailo-contrast);
        overflow: hidden;
        transition: transform 90ms ease, opacity 180ms ease;
        -webkit-tap-highlight-color: transparent;
        background-color: var(--kailo-background);
    }

        .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key.k-button:active,
        .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key.k-button.k-active {
            transform: scale(0.96);
        }

    .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key-delete.k-button {
        background: var(--kailo-moderate-contrast);
        border-color: var(--kailo-moderate-contrast);
    }

    .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key-submit.k-button {
        background: var(--kailo-primary);
        border-color: var(--kailo-primary);
        color: white;
    }

        .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key-submit.k-button.k-disabled {
            opacity: 0.2;
        }

@media (hover: none) and (pointer: coarse) {
    .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key.worksheet-pin-key-numeral.k-button {
        background: var(--kailo-background);
        border-color: var(--kailo-border);
    }

    .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key.worksheet-pin-key-delete.k-button {
        background: var(--kailo-moderate-contrast);
    }
}

@media (max-width: 640px) {
    .worksheet-pin-card[b-md0o3naevh] {
        padding: 24px 16px 16px;
    }

    .worksheet-pin-digit[b-md0o3naevh] {
        font-size: 28px;
        height: 56px;
    }

    .worksheet-pin-keypad[b-md0o3naevh]  .worksheet-pin-key.k-button {
        min-height: 64px;
        font-size: 24px;
    }
}
/* /Components/Worklist/UserAvatar.razor.rz.scp.css */
.user-profile[b-jw0hzvtv7s] {
    cursor: pointer;
}

.user-profile:hover[b-jw0hzvtv7s] {
    cursor: pointer;
}

.worklist-menu[b-jw0hzvtv7s] {
    position: absolute;
    z-index: 100;
    margin: 4px;
}
.user-detail-segment[b-jw0hzvtv7s]{
    padding-bottom:3px;
}
.worklist-sidepanel-icon[b-jw0hzvtv7s] {
    padding-right: 5px;
}
.user-menu[b-jw0hzvtv7s] {
    position: absolute;
    z-index: 1000;
    right: 50px;
    top: 50px;
    background: var(--kailo-background);
    border-color: var(--kailo-background-accent);
    border-radius: 5px;
    border-style: solid;
    border-width: 0.2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.09);
    padding: 10px 5px 10px 5px;
    width: 230px;
}

    .user-menu div:last-child[b-jw0hzvtv7s] {
        border-style: none;
    }

.user-menu-section[b-jw0hzvtv7s] {
    border-color: var(--kailo-background-accent);
    border-style: solid;
    border-width: 0px 0px 0.2px 0px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.user-details[b-jw0hzvtv7s] {
    display: flex;
    align-items: center;
}

.user-menu-selectable[b-jw0hzvtv7s] {
    padding: 5px;
}

    .user-menu-selectable:hover[b-jw0hzvtv7s] {
        color: var(--kailo-contrast);
        background: var(--kailo-primary);
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


/* /Components/Worksheet/PromptBox.razor.rz.scp.css */
.promptbox-button-container[b-56r84uw2xt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.promptbox-right-buttons[b-56r84uw2xt] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-left: auto;
}
.promptbox-left-buttons[b-56r84uw2xt] {
    margin-right: auto;
}
/* /Components/Worksheet/SonoControl.razor.rz.scp.css */
/* ?? Outer wrapper � padding creates the gutter, negative margin cancels layout shift ?? */
.designer-wrapper[b-lc6wow7g39] {
    position: relative;
    padding: 22px;
    margin: -22px;
    z-index: 500000;
    width: fit-content;
    overflow: visible;
    isolation: isolate;
    pointer-events: none;
}

.designer-wrapper > .designer-selected-inner[b-lc6wow7g39],
.designer-wrapper > .designer-insert-btn[b-lc6wow7g39],
.designer-wrapper > .designer-delete-btn[b-lc6wow7g39],
.designer-wrapper > .designer-parent-btn[b-lc6wow7g39] {
    pointer-events: auto;
}

/* ?? The actual control inside the wrapper ?? */
.designer-selected-inner[b-lc6wow7g39] {
    outline: 2px solid #0078d4 !important;
    outline-offset: 1px;
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.25);
    position: relative;
    z-index: 500001;
}

/* ?? Shared style for the circular + buttons ?? */
.designer-insert-btn[b-lc6wow7g39] {
    position: absolute;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background: #0078d4;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    padding: 0;
    z-index: 500010;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.15s, background 0.15s;
    opacity: 0.8;
    pointer-events: auto !important;
}

.designer-insert-btn:hover[b-lc6wow7g39] {
    background: #005a9e;
    opacity: 1;
}

/* Position each button in the padding gutter, centered on each edge */
.insert-above[b-lc6wow7g39] {
    top: 0;
    left: 50%;
    transform: translate(-50%, -25%);
}
.insert-above:hover[b-lc6wow7g39] {
    transform: translate(-50%, -25%) scale(1.2);
}

.insert-below[b-lc6wow7g39] {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 25%);
}
.insert-below:hover[b-lc6wow7g39] {
    transform: translate(-50%, 25%) scale(1.2);
}

.insert-left[b-lc6wow7g39] {
    left: 0;
    top: 50%;
    transform: translate(-25%, -50%);
}
.insert-left:hover[b-lc6wow7g39] {
    transform: translate(-25%, -50%) scale(1.2);
}

/* When the button would be clipped by the left edge, shift it to the inner control boundary */
.insert-left.clamped[b-lc6wow7g39] {
    left: 22px;
    transform: translateY(-50%);
}
.insert-left.clamped:hover[b-lc6wow7g39] {
    transform: translateY(-50%) scale(1.2);
}

.insert-right[b-lc6wow7g39] {
    right: 0;
    top: 50%;
    transform: translate(25%, -50%);
}
.insert-right:hover[b-lc6wow7g39] {
    transform: translate(25%, -50%) scale(1.2);
}

/* ?? Delete button � top-right corner ?? */
.designer-delete-btn[b-lc6wow7g39] {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background: #c00;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    padding: 0;
    z-index: 500010;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.15s, background 0.15s;
    opacity: 0.8;
    pointer-events: auto !important;
}

.designer-delete-btn:hover[b-lc6wow7g39] {
    background: #900;
    transform: scale(1.2);
    opacity: 1;
}

/* ?? Select parent button � top-left corner ?? */
.designer-parent-btn[b-lc6wow7g39] {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background: #6c757d;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    padding: 0;
    z-index: 500010;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.15s, background 0.15s;
    opacity: 0.8;
    pointer-events: auto !important;
}

.designer-parent-btn:hover[b-lc6wow7g39] {
    background: #495057;
    transform: scale(1.2);
    opacity: 1;
}

/* ?? Unselected design-mode control ?? */
.designer-unselected[b-lc6wow7g39] {
    position: relative;
    outline: 1px dashed transparent;
    outline-offset: 1px;
    transition: outline-color 0.15s;
    cursor: pointer;
    width: fit-content;
}

.designer-unselected:hover[b-lc6wow7g39] {
    outline-color: rgba(0, 120, 212, 0.4);
}

/* ?? Hidden controls visible in designer ?? */
.designer-hidden-control[b-lc6wow7g39] {
    opacity: 0.40;
    outline: none !important;
    position: relative;
}

/* ?? Condition highlight indicator ?? */
.designer-condition-highlight[b-lc6wow7g39] {
    position: relative;
}

.designer-condition-highlight[b-lc6wow7g39]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--highlight-color, rgba(230, 126, 34, 0.12));
    border-radius: 2px;
    pointer-events: none;
    z-index: 1;
}

/* ?? Delete confirmation popup ?? */
.designer-delete-confirm[b-lc6wow7g39] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.designer-confirm-header[b-lc6wow7g39] {
    padding: 8px 12px;
    background: #fff3cd;
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
    font-weight: 600;
    color: #856404;
    display: flex;
    align-items: center;
    gap: 6px;
}

.designer-confirm-body[b-lc6wow7g39] {
    padding: 8px 12px;
    font-size: 11px;
    color: #333;
}

.designer-confirm-body p[b-lc6wow7g39] {
    margin: 0 0 4px;
}

.designer-confirm-body ul[b-lc6wow7g39] {
    margin: 0 0 4px;
    padding-left: 18px;
    color: #c00;
    font-weight: 600;
}

.designer-confirm-actions[b-lc6wow7g39] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    padding: 6px 12px 10px;
}

.designer-confirm-cancel[b-lc6wow7g39],
.designer-confirm-delete[b-lc6wow7g39] {
    border: none;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

.designer-confirm-cancel[b-lc6wow7g39] {
    background: #eee;
    color: #333;
}

.designer-confirm-cancel:hover[b-lc6wow7g39] {
    background: #ddd;
}

.designer-confirm-delete[b-lc6wow7g39] {
    background: #c00;
    color: #fff;
}

.designer-confirm-delete:hover[b-lc6wow7g39] {
    background: #900;
}

:global([data-theme="dark"]) .designer-delete-confirm[b-lc6wow7g39] {
    background: #2d2d2d;
    border-color: #444;
}

:global([data-theme="dark"]) .designer-confirm-header[b-lc6wow7g39] {
    background: #4a3a1a;
    border-color: #555;
    color: #f0c040;
}

:global([data-theme="dark"]) .designer-confirm-body[b-lc6wow7g39] {
    color: #ccc;
}

:global([data-theme="dark"]) .designer-confirm-cancel[b-lc6wow7g39] {
    background: #444;
    color: #ccc;
}

:global([data-theme="dark"]) .designer-confirm-cancel:hover[b-lc6wow7g39] {
    background: #555;
}
/* /Components/Worksheet/SonoMulti.razor.rz.scp.css */
.designer-multi-shell[b-7dqmlrwd5k] {
    border: 1px solid rgba(59, 130, 206, 0.38);
    border-radius: 4px;
    padding: 10px 8px 8px;
    position: relative;
    background: rgba(59, 130, 206, 0.015);
}

.designer-multi-badge[b-7dqmlrwd5k] {
    position: absolute;
    top: -10px;
    left: 8px;
    background: rgba(59, 130, 206, 0.14);
    color: #1a4a7a;
    border: 1px solid rgba(59, 130, 206, 0.35);
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: calc(100% - 16px);
}

.designer-multi-badge span[b-7dqmlrwd5k] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Worksheet/SonoTemplate.razor.rz.scp.css */
.designer-template-shell[b-i3hzwrkzgj] {
    border: 1px solid rgba(208, 63, 63, 0.38);
    border-radius: 4px;
    padding: 10px 8px 8px;
    position: relative;
    background: rgba(208, 63, 63, 0.015);
}

.designer-template-badge[b-i3hzwrkzgj] {
    position: absolute;
    top: -10px;
    left: 8px;
    background: rgba(208, 63, 63, 0.14);
    color: #8a1f1f;
    border: 1px solid rgba(208, 63, 63, 0.35);
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: calc(100% - 16px);
}

.designer-template-badge span[b-i3hzwrkzgj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Login.razor.rz.scp.css */
#login-container[b-kr66bj81iw] {
    color: black;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('/images/background.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0;
}

[b-kr66bj81iw] .form {
    z-index: 1;
    margin-bottom: 10%;
    background: #f7f7f7;
    width: 400px;
    text-align: center;
    padding: 30px;
    border-radius: 5px;
    border: 1px #5db4e2 solid;
}

[b-kr66bj81iw] .form .kq-span {
    color: #636c72;
    font-size: 14px;
}

[b-kr66bj81iw] .form .k-input {
    text-align: left;
    text-indent: 0;
    padding: 0px;
}

[b-kr66bj81iw] .form input {
    outline: 0;
    background: #FFFFFF;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}

[b-kr66bj81iw] .form .k-combobox,
[b-kr66bj81iw] .form .k-dropdown {
    width: 100% !important;
    margin: 0px 0px 15px;
} 

[b-kr66bj81iw] .form .k-dropdown .k-dropdown-wrap {
    outline: 0;
    background: #FFFFFF;
    width: 100%;
    border: 0;
    padding: 15px;
    box-sizing: border-box;
}

[b-kr66bj81iw] .spinner-holder {
    margin-bottom: 15px;
}

.login-button[b-kr66bj81iw] {
    text-transform: uppercase;
    outline: 0;
    background: #56b4e7;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
}

.login-button:hover[b-kr66bj81iw], .login-button:active[b-kr66bj81iw], .login-button:focus[b-kr66bj81iw] {
    background: #3aaaef;
}

.form .message[b-kr66bj81iw] {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
    margin-bottom: -15px;
}

.form .error[b-kr66bj81iw] {
    margin: 15px 0 0;
    /*color: green;*/
    font-size: 16px;
    font-weight: bold;
}
/* /Pages/Worklist.razor.rz.scp.css */

.margin-bottom[b-omcldqm0vg]{
    margin-bottom: 20px;
}
.worklist-header-group[b-omcldqm0vg] {
    display: flex;
    flex-direction: column;
}

.worklist-header-label[b-omcldqm0vg] {
    margin-right: 10px;
}

.preferences-menu-selectable-filled[b-omcldqm0vg] {
    padding: 5px;
    background-color: var(--kailo-background-accent);
}

    .preferences-menu-selectable-filled:hover[b-omcldqm0vg] {
        color: var(--kailo-contrast);
        background: var(--kailo-primary);
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .worklist[b-omcldqm0vg] {
        height: calc(100% - 20px);
    }

    .worklist-container[b-omcldqm0vg] {
        box-sizing: border-box;
        height: calc(100% - 68px);
        width: 100vw;
        padding: 0px 20px 20px 0px;
        background: var(--kailo-background-accent);
    }
    .worklist-header[b-omcldqm0vg] {
        background-color: var(--kailo-background-accent);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        padding: 15px;
        display: flex;
        justify-content: start;
        padding-bottom: 20px;
        align-items: center;
    }
.header-toggles[b-omcldqm0vg] {
    margin-left: auto;
}
.header-toggles div[b-omcldqm0vg]{
    padding-right: 20px;
}
    .sidebar-panel[b-omcldqm0vg] {
        position: relative;
        height: calc(100% - 40px);
        float: left;
        background-color: var(--kailo-tabbed-background);
        border-radius: 0px 5px 5px 0px;
    }
    .sidebar-panel-open[b-omcldqm0vg] {
        width: 200px;
    }
    .sidebar-panel-closed[b-omcldqm0vg] {
        width: auto;
    }
    .selected[b-omcldqm0vg] {
        filter: brightness(95%);
    }
    .sidebar-panel-selectables[b-omcldqm0vg] {
        border-style: solid;
        background-color: var(--kailo-tabbed-background);
        border-color: var(--kailo-alternating-sections-a);
        border-width:0px 0px 0px 4px;
        width: 100%;
        padding: 20px;
        float: left;
    }
        .sidebar-panel-selectables:hover[b-omcldqm0vg] {
            filter: brightness(85%);
            cursor: pointer;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }


    .worklist-sidepanel-icon[b-omcldqm0vg] {
        margin-right:2px;
        color: var(--kailo-contrast);
    }

    .worklist-sidebar-button-list[b-omcldqm0vg] {
        margin-top: 24px;
        display: grid;
        align-items: flex-start;
    }

    .sidebar-user-section[b-omcldqm0vg] {
        display: grid;
        justify-content: left;
        padding-left:20px;
        padding-bottom : 10px;
        position:absolute;
        bottom:0;
        width:100%;
    }
    .worklist-footer[b-omcldqm0vg] {
        display: flex;
        justify-content: right;
        color: var(--kailo-light-text-on-background);
    }
    .worklist-footer span[b-omcldqm0vg] {
        padding-left: 5px;
    }
    
    .preferences-window[b-omcldqm0vg]{
        width:20vw;
        display:flex;
        justify-content:left;
    } 
    .preferences-navbar[b-omcldqm0vg] {
        width: 20%;
        background: var(--kailo-background);
    }
    .preferences-main-area[b-omcldqm0vg] {
        width: 80%;
    }
    .sidebar-panel-workflows[b-omcldqm0vg] {
        border-color: var(--kailo-alternating-sections-a);
        border-style: solid;
        border-width: 0px 0px 2px 0px;
        padding: 30px 0px 40px 0px;
    }
    .sidebar-panel-workflows-sublist[b-omcldqm0vg]{
        padding: 10px 0px 10px 0px
    }
        .sidebar-panel-workflows-sublist div:not(:first-child)[b-omcldqm0vg] {
            padding: 5px 5px 5px 10px;
        }
        .sidebar-panel-workflows-sublist div:first-child[b-omcldqm0vg] {
            font-weight: bold;
        }
    .selected-workflow-item[b-omcldqm0vg] {
        border-color: var(--kailo-selected-border) !important;
    }

    .sidebar-panel-workflow-item[b-omcldqm0vg] {
        border-style: solid;
        background-color: var(--kailo-alternating-sections-b);
        border-color: var(--kailo-alternating-sections-a);
        border-width: 0px 0px 0px 4px;
        width: 100%;
    }

        .sidebar-panel-workflow-item:hover[b-omcldqm0vg] {
            filter: brightness(85%);
            cursor: pointer;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
.date-dropdown[b-omcldqm0vg] {
    width: 10%;
    max-width: 150px;
}
.search-bar[b-omcldqm0vg] {
    width: 20%;
    max-width: 250px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-zi4tm5hxz9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-zi4tm5hxz9] {
    flex: 1;
}

.sidebar[b-zi4tm5hxz9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-zi4tm5hxz9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-zi4tm5hxz9]  a, .top-row .btn-link[b-zi4tm5hxz9] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-zi4tm5hxz9] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-zi4tm5hxz9] {
        display: none;
    }

    .top-row.auth[b-zi4tm5hxz9] {
        justify-content: space-between;
    }

    .top-row a[b-zi4tm5hxz9], .top-row .btn-link[b-zi4tm5hxz9] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-zi4tm5hxz9] {
        flex-direction: row;
    }

    .sidebar[b-zi4tm5hxz9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-zi4tm5hxz9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-zi4tm5hxz9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }  
}

.app-blocker[b-zi4tm5hxz9] {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.4);
    z-index: 9998;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-8ajotl1b5w] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-8ajotl1b5w] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-8ajotl1b5w] {
    font-size: 1.1rem;
}

.oi[b-8ajotl1b5w] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-8ajotl1b5w] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-8ajotl1b5w] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-8ajotl1b5w] {
        padding-bottom: 1rem;
    }

    .nav-item[b-8ajotl1b5w]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-8ajotl1b5w]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-8ajotl1b5w]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-8ajotl1b5w] {
        display: none;
    }

    .collapse[b-8ajotl1b5w] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}