/* /Components/CustomRegisterSectionDesignComponent.razor.rz.scp.css */



/* /Components/FlightSummaryComponent.razor.rz.scp.css */
.grid-container[b-9qc7po1jly] {
	height: 100vh; 
	display: flex;
	flex-direction: column;
}
.k-grid[b-9qc7po1jly] {
	font-family: "Segoe UI", Arial, sans-serif;
	border-width: 0;
}

.k-grid-table[b-9qc7po1jly] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.k-header[b-9qc7po1jly] {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}

.k-detail-cell[b-9qc7po1jly] {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	text-align: center;
}

.k-alt[b-9qc7po1jly] {
	background-color: #f9f9f9;
}
.header-date[b-9qc7po1jly] {
	display: block
}
.k-grid[b-9qc7po1jly] {
	font-family: "Segoe UI", Arial, sans-serif;
	border-width: 0;
}

.k-grid-table[b-9qc7po1jly] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.k-header[b-9qc7po1jly] {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}

.k-detail-cell[b-9qc7po1jly] {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	text-align: center;
}

.k-alt[b-9qc7po1jly] {
	background-color: #f9f9f9;
}
.header-date[b-9qc7po1jly] {
	display: block;
	text-align: center;
}

.k-detail-cell div[b-9qc7po1jly] {
	margin: 2px 0;
	text-align: center;
}


.has-count[b-9qc7po1jly] {
	background-color: #e3f2fd; 
	position: relative;
}

	.has-count div[b-9qc7po1jly] {
		font-weight: bold;
		color: #0d47a1; 
	}


	.has-count[b-9qc7po1jly]:after {
		content: "";
		position: absolute;
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 2px;
		border: 1px solid #bbdefb; 
		border-radius: 3px;
	}


	.has-count:hover[b-9qc7po1jly] {
		background-color: #bbdefb; 
		transition: background-color 0.2s ease;
	}
.flight-number[b-9qc7po1jly] {
	background-color: #e3f2fd; 
	color: #0d47a1; 
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: bold;
	display: inline-block;
	margin-left: 4px;
}
.k-grid .header-row th[b-9qc7po1jly] {
	background-color: #000000 !important;
	color: #ffffff !important;
}
.header-weekday[b-9qc7po1jly] {
	font-size: 12px;
	color: #666;
}
/* /Components/HierarchyBuilderComponent.razor.rz.scp.css */
/* Header Controls */
.header-controls[b-ghvxj2so2i] {
    margin-bottom: 15px;
}
.template-controls[b-ghvxj2so2i] {
    display: flex;
    gap: 2px;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

    .template-controls label[b-ghvxj2so2i] {
        font-weight: bold;
        margin-right: 10px;
        white-space: nowrap;
    }

.template-info[b-ghvxj2so2i] {
    color: #28a745;
    font-style: italic;
}

/* Loading State */
.loading-overlay[b-ghvxj2so2i] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    border-radius: 4px;
}

    .loading-overlay p[b-ghvxj2so2i] {
        margin-top: 15px;
        font-weight: bold;
        color: #6c757d;
    }

/* Template Metadata */
.template-meta[b-ghvxj2so2i], .selected-node-info[b-ghvxj2so2i] {
    margin-bottom: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.form-group[b-ghvxj2so2i] {
    margin-bottom: 15px;
}

    .form-group label[b-ghvxj2so2i] {
        display: block;
        margin-bottom: 8px;
        font-weight: bold;
        color: #495057;
    }

.required[b-ghvxj2so2i] {
    color: #dc3545;
}

.form-control[b-ghvxj2so2i] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    .form-control:focus[b-ghvxj2so2i] {
        border-color: #007bff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        outline: none;
    }

    .form-control:disabled[b-ghvxj2so2i] {
        background-color: #e9ecef;
        opacity: 1;
    }

textarea.form-control[b-ghvxj2so2i] {
    min-height: 80px;
    resize: vertical;
}

/* Controls Section */
.controls[b-ghvxj2so2i] {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.entity-selection[b-ghvxj2so2i] {
    flex: 1;
    min-width: 200px;
}

    .entity-selection label[b-ghvxj2so2i] {
        display: block;
        margin-bottom: 8px;
        font-weight: bold;
        color: #495057;
    }

.action-buttons[b-ghvxj2so2i] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.save-section[b-ghvxj2so2i] {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;
}

.btn-large[b-ghvxj2so2i] {
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* Help Section */
.help-section[b-ghvxj2so2i] {
    margin-top: 0px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

    .help-section h3[b-ghvxj2so2i] {
        margin-top: 0;
        margin-bottom: 10px;
        color: #495057;
        font-size: 14px;
    }

.help-list[b-ghvxj2so2i] {
    margin: 0;
    padding-left: 20px;
    font-size: 12px;
    color: #6c757d;
}

    .help-list li[b-ghvxj2so2i] {
        margin-bottom: 5px;
    }

/* Workspace Empty State */
[b-ghvxj2so2i] .workspace-empty-state {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(248, 249, 250, 0.95);
    z-index: 1;
}

[b-ghvxj2so2i] .empty-content {
    text-align: center;
    color: #6c757d;
}

[b-ghvxj2so2i] .empty-icon {
    color: #ced4da;
    margin-bottom: 15px;
}

[b-ghvxj2so2i] .empty-content h3 {
    margin: 15px 0 10px 0;
    color: #495057;
    font-size: 1.2rem;
    border: none;
    padding: 0;
}

[b-ghvxj2so2i] .empty-content p {
    margin: 0;
    font-size: 14px;
}

/* Add Node Popup Styles */
[b-ghvxj2so2i] .add-node-popup {
    padding: 20px;
}

    [b-ghvxj2so2i] .add-node-popup .form-group {
        margin-bottom: 20px;
    }

        [b-ghvxj2so2i] .add-node-popup .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #495057;
        }

.full-width[b-ghvxj2so2i] {
    width: 100%;
}

[b-ghvxj2so2i] .entity-preview {
    margin-top: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

    [b-ghvxj2so2i] .entity-preview h4 {
        margin: 0 0 10px 0;
        color: #495057;
        font-size: 14px;
    }

[b-ghvxj2so2i] .entity-card {
    padding: 10px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    color: #28a745;
    font-size: 14px;
}

[b-ghvxj2so2i] .popup-footer {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

    [b-ghvxj2so2i] .popup-footer .btn {
        margin: 0;
        min-width: 100px;
    }

/* 性能优化 - 硬件加速 */
[b-ghvxj2so2i] .node {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 15px;
    margin: 8px;
    background-color: white;
    position: absolute;
    cursor: grab;
    width: 160px;
    z-index: 10;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    /* 硬件加速优化 */
    will-change: left, top;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* 防止拖拽时的文本选择 */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    [b-ghvxj2so2i] .node:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    [b-ghvxj2so2i] .node.parent-highlight {
        border-color: #6c757d;
        box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.3);
    }

    [b-ghvxj2so2i] .node.child-highlight {
        border-color: #28a745;
        box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.3);
    }

    /* 拖拽时的样式优化 */
    [b-ghvxj2so2i] .node:active,
    [b-ghvxj2so2i] .node.dragging {
        cursor: grabbing;
        z-index: 1000;
        box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    }

[b-ghvxj2so2i] .node-header {
    font-weight: bold;
    color: #495057;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 24px;
}

[b-ghvxj2so2i] .node-description {
    font-size: 12px;
    color: #6c757d;
    line-height: 1.3;
    margin-top: 5px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ghvxj2so2i] .node-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 15px;
}

    [b-ghvxj2so2i] .node-actions .btn {
        margin: 0;
        width: 100%;
        justify-content: center;
    }

[b-ghvxj2so2i] .selected-node-info {
    margin-bottom: 20px;
}

[b-ghvxj2so2i] .add-child-btn {
    color: #28a745;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 2px 6px;
    margin-left: 4px;
    font-weight: bold;
    border-radius: 3px;
    transition: all 0.2s;
}

    [b-ghvxj2so2i] .add-child-btn:hover {
        color: white;
        background-color: #28a745;
        transform: scale(1.1);
    }

select[b-ghvxj2so2i], input[b-ghvxj2so2i], textarea[b-ghvxj2so2i] {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    select:focus[b-ghvxj2so2i], input:focus[b-ghvxj2so2i], textarea:focus[b-ghvxj2so2i] {
        border-color: #007bff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        outline: none;
    }

table[b-ghvxj2so2i] {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
}

th[b-ghvxj2so2i], td[b-ghvxj2so2i] {
    text-align: left;
    padding: 2px 0;
    background: transparent;
}

th[b-ghvxj2so2i] {
    font-weight: 600;
    color: #495057;
}

hr[b-ghvxj2so2i] {
    border: 0;
    height: 1px;
    background-color: #e9ecef;
    margin: 20px 0;
}

[b-ghvxj2so2i]#workspace-container {
    position: relative;
    flex: 1;
    margin: 15px 0;
    overflow: auto;
    min-height: 400px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border: 2px dashed #ced4da;
}
    [b-ghvxj2so2i]#workspace-container.ws-editmode {
        border-color: #17a2b8;
    }

[b-ghvxj2so2i]#workspace {
    position: relative;
    padding: 20px;
    background-color: #f1f3f5;
    width: 100%;
    height: 100%;
    min-height: 500px;
    box-sizing: border-box;
}

[b-ghvxj2so2i] .connection-type label {
    display: block;
    padding: 8px 0;
    cursor: pointer;
    font-size: 14px;
    color: #495057;
}

[b-ghvxj2so2i] .connection-type input[type="radio"] {
    margin-right: 8px;
    vertical-align: middle;
}

[b-ghvxj2so2i] #delete-connection {
    margin-top: 15px;
    width: 100%;
    padding: 10px;
}

/* 连接线性能优化 */
[b-ghvxj2so2i] .connection {
    position: absolute;
    height: 2px;
    background-color: #495057;
    z-index: 1;
    pointer-events: none;
    transform-origin: left center;
    /* 硬件加速优化 */
    will-change: transform, width, left, top;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* 平滑过渡 */
    transition: opacity 0.2s ease;
    /* 确保连接线最小可见宽度 */
    min-width: 20px;
}

    [b-ghvxj2so2i] .connection:hover {
        background-color: #343a40;
        height: 3px;
        z-index: 2;
    }

    [b-ghvxj2so2i] .connection.highlight {
        background-color: #007bff;
        height: 3px;
        z-index: 3;
    }

/* 连接线圆点优化 */
[b-ghvxj2so2i] .connection-dot {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #495057;
    border-radius: 50%;
    z-index: 10;
    /* 硬件加速优化 */
    will-change: background-color, transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: background-color 0.2s ease, transform 0.2s ease;
    /* 确保圆点完全显示 */
    border: 1px solid white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

    [b-ghvxj2so2i] .connection-dot:hover {
        transform: scale(1.2);
        background-color: #343a40;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    }

/* 连接线箭头优化 */
[b-ghvxj2so2i] .connection-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 14px solid #495057 !important;
    z-index: 1000 !important;
    pointer-events: none;
    display: block !important;
    /* 硬件加速优化 */
    will-change: transform, border-top-color;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: border-top-color 0.2s ease;
}

/* Custom notification styles */
.custom-notification[b-ghvxj2so2i] {
    z-index: 10000;
}

.selected-node-info.node-active[b-ghvxj2so2i] {
    border-color: #28a745;
    background: #f8fff9;
}
/* /Components/HierarchyContainerComponent.razor.rz.scp.css */
.cs-hierarchy[b-24y0jnhia1] {
    z-index: 10;
    height: 100%;
    overflow: auto;
    transition: all linear 0.2s;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 300px;
    left: 0;
    z-index: 0;
}

[b-24y0jnhia1] td.k-table-td {
    display: flex;
    padding: 5px;
    align-items: center;
}

    [b-24y0jnhia1] td.k-table-td * {
        font-size: 12px;
        line-height: 1;
    }

    [b-24y0jnhia1] td.k-table-td .k-treelist-toggle {
        min-width: 15px;
    }

[b-24y0jnhia1] .cs-badge-hierarchy {
    transform: unset;
    position: relative;
    font-size: 10px !important;
    padding: 1px 2px;
}
.header-hierarchy[b-24y0jnhia1] {
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary,#000);
}
/* /Components/InspectionSkylineComponent.razor.rz.scp.css */
.inspection-skyline[b-izitvzy1ww] {
    overflow: auto;
}

.inspection-table[b-izitvzy1ww] {
    width: 100%;
    border-collapse: collapse;
    background: #f5f5f5;
    border: 1px solid #000;
}

.skyline-title[b-izitvzy1ww] {
    position: sticky;
    background: #262626;
    color: #fff;
    text-align: left;
    width: calc(100% - 10%);
    border-bottom: 6px solid #a1c2e7;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 0;
    outline: 1px solid #000;
    z-index: 1;
    padding-right: 207px;
}

.inspection-table th[b-izitvzy1ww],
.inspection-table td[b-izitvzy1ww] {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    background: #f5f5f5;
}

/* Only apply borders to header cells */
.inspection-table th[b-izitvzy1ww] {
    background: #000;
    color: white;
    border: 1px solid #808080;
    border-bottom: none;
    border-left: none;
    height: 23px;
}

.inspection-name[b-izitvzy1ww] {
    padding: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    font-size: 11px;
    width: 100px;
    min-width: 100px;
}

/* Update the number column width to match the title column width */
.number-column[b-izitvzy1ww] {
    width: 100px;
    min-width: 100px;
    box-sizing: border-box;
    text-align: center;
    background-color: #1825aa !important;
    color: white;
    position: sticky;
    left: 0;
    z-index: 1;
    border: 1px solid #000000;
}

.number-column:not(th)[b-izitvzy1ww] {
    font-weight: bold;
}

/* Make the header row sticky at the bottom */
.inspection-table tfoot th[b-izitvzy1ww] {
    position: sticky;
    bottom: 0;
    z-index: 2;
}

/* Ensure the corner cell (number column header) has highest z-index */
.inspection-table tfoot .number-column[b-izitvzy1ww] {
    z-index: 3;
}



/* Add the legend */
.legend-container[b-izitvzy1ww] {
    display: flex;
    align-items: center;
    color: white;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    gap: 8px;
}

.legend-container > *[b-izitvzy1ww] {
    font-size: 11px;
}

.legend-container span[b-izitvzy1ww] {
    margin-right: 1rem;
    flex-shrink: 0;
}

.legend-container small[b-izitvzy1ww] {
    color: white;
    text-align: center;
    padding: 5px 8px;
    flex-shrink: 0;
    white-space: nowrap;
}

td.item-late[b-izitvzy1ww], .legend-container .item-late[b-izitvzy1ww] {
    background: red;
    color: #fff;
}

td.item-incomplete[b-izitvzy1ww], .legend-container .item-incomplete[b-izitvzy1ww] {
    background: #f5800a;
    color: #fff;
}

td.item-not-started[b-izitvzy1ww], .legend-container .item-not-started[b-izitvzy1ww] {
    background: #c1c5c7;
    color: #000;
}

td.item-completed[b-izitvzy1ww], .legend-container .item-completed[b-izitvzy1ww] {
    background: #6CC04A;
    color: #fff;
}

td.item-not-started-behindschedule[b-izitvzy1ww], .legend-container .item-not-started-behindschedule[b-izitvzy1ww] {
    background: #f20202;
    color: #fff;
}

td.item-inprogress-behindschedule[b-izitvzy1ww], .legend-container .item-inprogress-behindschedule[b-izitvzy1ww] {
    background: #FFFB73;
    color: #000;
}


.inspection-table td:not(.number-column):empty[b-izitvzy1ww] {
    border: none;
}

.inspection-table td:not(.number-column)[b-izitvzy1ww] {
    cursor: pointer;
    transition: opacity 0.2s ease-in-out;
    border: 1px solid #000000;
}

.inspection-table td:not(.number-column):hover[b-izitvzy1ww] {
    opacity: 0.8;
    /* Optional: add a subtle box shadow or border to make it more prominent */
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
}

/* Add styles for the window content */
.window-content[b-izitvzy1ww] {
    padding: 1rem;
}

.window-content .detail-row[b-izitvzy1ww] {
    margin-bottom: 0.5rem;
}

.certification-container[b-izitvzy1ww] {
    margin-top: 1rem;
}

.cert-title[b-izitvzy1ww] {
    font-weight: bold;
    padding: 8px;
    background: #1825aa;
    color: white;
}

.title[b-izitvzy1ww] {
    width: 100px !important;
    min-width: 100px;
    box-sizing: border-box;
    padding: 8px;
    background: #1825aa;
    color: white;
    text-align: left;
    font-weight: normal;
}

.cert-data[b-izitvzy1ww] {
    width: 75px;
    padding: 8px;
    background: #f5f5f5;
    text-align: center;
    border: 1px solid #ddd;
    margin-bottom: 0;
}

.bg-darkcert-data[b-izitvzy1ww] {
    background: #e0e0e0;
}

.date-container[b-izitvzy1ww] {
    margin-bottom: 8px;
}

.date-container .date[b-izitvzy1ww] {
    width: 75px;
    text-align: center;
    font-weight: bold;
}

.statistics-table[b-izitvzy1ww] {
    border-collapse: collapse;
    background: #f5f5f5;
    border: 1px solid #000;
    margin-top: 0;
}

.statistics-table th[b-izitvzy1ww],
.statistics-table td[b-izitvzy1ww] {
    text-align: center;
    border: 1px solid #ddd;
    width: 75px;
}

.statistics-table .cert-title[b-izitvzy1ww] {
    font-weight: bold;
    padding: 8px;
    background: #1825aa;
    color: white;
    text-align: left;
}

.statistics-table .title[b-izitvzy1ww] {
    width: 100px !important;
    background: #1825aa;
    color: white;
    text-align: left;
    font-weight: normal;
}

.statistics-table .date[b-izitvzy1ww] {
    width: 75px;
    text-align: center;
    font-weight: bold;
    background: #f5f5f5;
    padding: 3px;
    height: 23px;
}

.statistics-table .cert-data[b-izitvzy1ww] {
    width: 75px;
    padding: 8px;
    background: #f5f5f5;
    text-align: center;
}

.statistics-table .bg-darkcert-data[b-izitvzy1ww] {
    background: #e0e0e0;
}

.table-spacer[b-izitvzy1ww] {
    height: 8px;
}

/* Update the cell width to be consistent */
.inspection-table th:not(.number-column)[b-izitvzy1ww],
.inspection-table td:not(.number-column)[b-izitvzy1ww],
.statistics-table th:not(.title)[b-izitvzy1ww],
.statistics-table td:not(.title)[b-izitvzy1ww] {
    width: 75px;
    min-width: 75px;
    box-sizing: border-box;
}

/* Ensure the date cells in both tables have the same width */
.inspection-table tfoot th:not(.number-column)[b-izitvzy1ww],
.statistics-table .date[b-izitvzy1ww] {
    width: 75px;
    min-width: 75px;
    box-sizing: border-box;
    text-align: center;
}

/* Update the title column width in statistics table to match number column */
.statistics-table .title[b-izitvzy1ww] {
    width: 100px !important;
    min-width: 100px;
    box-sizing: border-box;
    background: #1825aa;
    color: white;
    text-align: left;
    font-weight: normal;
    padding: 8px;
}

/* Then update our consistent width rules to be more specific and include all necessary properties */
.inspection-table th:not(.number-column)[b-izitvzy1ww],
.inspection-table td:not(.number-column)[b-izitvzy1ww],
.statistics-table th:not(.title):not(.cert-title)[b-izitvzy1ww],
.statistics-table td:not(.title)[b-izitvzy1ww],
.statistics-table .cert-data[b-izitvzy1ww],
.statistics-table .date[b-izitvzy1ww] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    box-sizing: border-box;
    padding: 8px;
}

/* Keep the first column consistent */
.number-column[b-izitvzy1ww],
.statistics-table .title[b-izitvzy1ww] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    box-sizing: border-box;
    padding: 8px;
}

/* Detailed view styles */
.inspection-name.detailed-view[b-izitvzy1ww] {
    padding: 8px;
    height: auto;
    min-height: 60px;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.inspection-description[b-izitvzy1ww] {
    display: block;
    font-size: 10px;
    margin-top: 4px;
    line-height: 1.2;
    white-space: normal;
    overflow: visible;
    word-wrap: break-word;
    text-align: center;
    width: 100%;
}

/* Update cell styles for detailed view */
.inspection-table td:not(.number-column)[b-izitvzy1ww] {
    height: auto;
    vertical-align: middle;
}

/* Ensure consistent widths while allowing height to grow */
.inspection-table td:not(.number-column)[b-izitvzy1ww],
.statistics-table td:not(.title)[b-izitvzy1ww],
.statistics-table .cert-data[b-izitvzy1ww],
.statistics-table .date[b-izitvzy1ww] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    box-sizing: border-box;
    padding: 8px;
    height: auto;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Update the container width to be more accommodating */
.legend-detail-container[b-izitvzy1ww] {
    min-width: fit-content;
}

/* Adjust the margin to be more responsive */
.flex.legend-container.legend-detail-container[b-izitvzy1ww] {
    margin-left: auto;
    margin-right: 20px;
}

/* /Components/PowerBIReportManagementComponent.razor.rz.scp.css */
.personnel-groups-editor[b-97q25n21zs] {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--bs-gray-300, #dee2e6);
    border-radius: 4px;
    padding: 8px;
}

.personnel-groups-editor .form-check[b-97q25n21zs] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    padding: 4px;
}

.personnel-groups-editor .form-check:hover[b-97q25n21zs] {
    background-color: var(--bs-gray-100, #f8f9fa);
    border-radius: 4px;
}

.personnel-groups-editor .form-check-label[b-97q25n21zs] {
    margin: 0;
    cursor: pointer;
    user-select: none;
} 
/* /Components/SearchComponent.razor.rz.scp.css */
.search-container[b-elgahiu3ka] {
    position: relative;
    width: 100%;
    max-width: 450px;
}

.search-input-container[b-elgahiu3ka] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-wrapper[b-elgahiu3ka] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.search-prefix-icon[b-elgahiu3ka] {
    position: absolute;
    left: 12px;
    color: #6b7280;
    pointer-events: none;
    z-index: 1;
}

.search-textbox[b-elgahiu3ka] {
    width: 450px;
    padding-left: 40px;
    padding-right: 40px;
    border: 1px solid #000000;
    font-size: 12px;
    padding: 8px 12px 8px 30px;
    background-color: #f9fafb;
    transition: all 0.2s ease;
    height: 30px;
}

.search-textbox:focus[b-elgahiu3ka] {
    outline: none;
    border-color: #3b82f6;
    background-color: white;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.clear-button[b-elgahiu3ka] {
    position: absolute;
    right: 8px;
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.clear-button:hover[b-elgahiu3ka] {
    background-color: #f3f4f6;
    color: #374151;
}

.search-icon[b-elgahiu3ka] {
    position: absolute;
    right: 12px;
    color: #6b7280;
    pointer-events: none;
}

.search-results-overlay[b-elgahiu3ka] {
    position: absolute;
    top: 31px;
    right: 0;
    z-index: 10000;
    width: 100%;
}

.search-results-container[b-elgahiu3ka] {
    max-height: calc(100vh - 100px);
    background: white;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.search-section[b-elgahiu3ka] {
    border-bottom: 1px solid #f3f4f6;
}

.search-section:last-child[b-elgahiu3ka] {
    border-bottom: none;
}

.search-section-header[b-elgahiu3ka] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background-color: #f8fafc;
    font-weight: 600;
    font-size: 12px;
    color: var(--kendo-color-primary, #0d6efd);
    border-bottom: 1px solid #e5e7eb;
    gap: 10px;
}

.section-icon[b-elgahiu3ka] {
    margin-right: 8px;
    color: #6b7280;
}

.search-section-content[b-elgahiu3ka] {
    max-height: 300px;
    overflow-y: auto;
}

.search-result-item[b-elgahiu3ka] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border: none;
    border-bottom: 1px solid #f3f4f6;
    box-shadow: unset;
}

.search-result-item:hover[b-elgahiu3ka] {
    background-color: #f8fafc;
}

.search-result-item:last-child[b-elgahiu3ka] {
    border-bottom: none;
}

.result-icon[b-elgahiu3ka] {
    font-size: 12px;
    margin-right: 12px;
    min-width: 24px;
    text-align: center;
}

.result-content[b-elgahiu3ka] {
    flex: 1;
    min-width: 0;
}

.result-title[b-elgahiu3ka] {
    font-weight: 500;
    color: #111827;
    font-size: 12px;
    margin-bottom: 2px;
    word-break: break-word;
}

.result-category[b-elgahiu3ka] {
    color: #6b7280;
    font-size: 12px;
    font-weight: 400;
}

.search-more-results[b-elgahiu3ka] {
    padding: 8px 16px;
    color: #6b7280;
    font-size: 12px;
    font-style: italic;
    text-align: center;
    background-color: #f9fafb;
}

.search-no-results[b-elgahiu3ka] {
    padding: 40px 20px;
    text-align: center;
    color: #6b7280;
}

.no-results-icon[b-elgahiu3ka] {
    font-size: 48px;
    color: #d1d5db;
    margin-bottom: 12px;
}

.no-results-subtitle[b-elgahiu3ka] {
    font-size: 12px;
    margin-top: 4px;
    color: #9ca3af;
}
[b-elgahiu3ka] .input-wrapper .search-prefix-icon {
    position: absolute;
    left: 10px;
}
/* Responsive design */
@media (max-width: 768px) {
    .search-results-container[b-elgahiu3ka] {
        width: 95%;
        top: 50px;
        max-height: 80vh;
    }
    
    .search-textbox[b-elgahiu3ka] {
        font-size: 12px; /* Prevent zoom on iOS */
    }
    
    .result-title[b-elgahiu3ka] {
        font-size: 12px;
    }
    
    .result-category[b-elgahiu3ka] {
        font-size: 11px;
    }
}

@keyframes slideDown-b-elgahiu3ka {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Recent searches styles */
.recent-search-item[b-elgahiu3ka] {
    position: relative;
}

.recent-search-item .result-content[b-elgahiu3ka] {
    cursor: pointer;
}

.recent-search-remove[b-elgahiu3ka] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f3f4f6;
    cursor: pointer;
    transition: all 0.15s ease;
    opacity: 0;
    margin-left: 8px;
}

.recent-search-item:hover .recent-search-remove[b-elgahiu3ka] {
    opacity: 1;
}

.recent-search-remove:hover[b-elgahiu3ka] {
    background-color: #ef4444;
    color: white;
}

.remove-icon[b-elgahiu3ka] {
    font-size: 12px;
    color: #6b7280;
}

.recent-search-remove:hover .remove-icon[b-elgahiu3ka] {
    color: white;
}

/* Clear all recent searches styles */
.clear-all-item[b-elgahiu3ka] {
    color: #007bff;
    font-weight: normal;
    cursor: pointer;
}

.clear-all-item:hover[b-elgahiu3ka] {
    text-decoration: underline;
}

/* /Components/SheetAttachmentDetailComponent.razor.rz.scp.css */
.pdf-container[b-9add15hto8]{
    width: 49%;
    height: auto;
}

.other-attachment-container[b-9add15hto8] {
    width: 45%;
    height: auto;
}

.inspection-photos[b-9add15hto8] {
    height: 60% !important;
}

.sheet-attachments[b-9add15hto8] {
    margin: 50px 0 0 0;
    height: 30% !important;
}

.image-container[b-9add15hto8] {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to next line */
    gap: 0.5rem; /* Space between images */
    justify-content: flex-start;
}

.image-box[b-9add15hto8] {
    flex: 1 0 calc(33.33% - 0.5rem); /* 3 images per row */
    height: 200px;
    position: relative;
}

    .image-box img[b-9add15hto8] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0.5rem;
    }
/* /Components/SkylineComponent.razor.rz.scp.css */
label[b-f4dlhdfjop] {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
}

.yaxis-label[b-f4dlhdfjop] {
    background-color: var(--kendo-color-primary, #d682fc);
    margin-bottom: -1px;
    z-index: 1
}

.headerLbl[b-f4dlhdfjop] {
    color: #333;
    text-align: center;
}



[b-f4dlhdfjop].header-container .k-switch .k-switch-label-on {
    color: white;
}

.yaxis-label label[b-f4dlhdfjop] {
    left: 0;
    position: sticky;
    text-align: center;
    color: white;
}

    .yaxis-label label:last-child[b-f4dlhdfjop] {
        margin-bottom: 0px;
    }

.subsystem-table[b-f4dlhdfjop] {
    margin-left: 150px;
    background: #f5f5f5;
    border: 1px solid #000;
    border-right: unset;
    position: relative;
    border-left: 0px;
}

.cursor-pointer[b-f4dlhdfjop] {
    cursor: pointer !important;
}

.data-column .skyline-item[b-f4dlhdfjop] {
    margin: 0px;
    border: 1px solid #0000005e;
    border-bottom: none;
    text-align: center;
    width: 136px;
    white-space: nowrap;
    height:36px;
    margin-left: -1px;
    padding: 1px;
}

.skyline-item.item-incomplete[b-f4dlhdfjop] {
    background: #FF7F11;
}

.skyline-item.item-completed[b-f4dlhdfjop] {
    background: #6CC04A;
}

.skyline-item.item-late[b-f4dlhdfjop] {
    background: red;
}

.skyline-item.item-interim[b-f4dlhdfjop] {
    background: #5cbce9;
}
/*.data-column .skyline-item:hover {
    opacity: 0.9;
}*/
.skyline-item.item-inprogress-behindschedule .skylinetext-lbl[b-f4dlhdfjop], .skyline-item.item-mccomplete-withpuncha .skylinetext-lbl[b-f4dlhdfjop] {
    color: black !important;
}

.ytext-label[b-f4dlhdfjop] {
    height: 37px;
    line-height: 37px;
    margin-top: -1px;
    text-align: center;
    border: 1px solid #000;
    padding: 0 5px;
    width: 27px;
}

.data-column .skyline-item .skylinetext-lbl[b-f4dlhdfjop] {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin: 0px;
    line-height: 1;
    color: #fff;
    position: relative;
}

.data-column .skyline-item.skyline-item-mdac .skylinetext-lbl[b-f4dlhdfjop], .data-column .skyline-item.skyline-item-mdac .skylinetext-black[b-f4dlhdfjop] {
    display: flex;
    flex-direction: column;
    row-gap: 0;
    line-height: 1;
    overflow: visible;
    cursor: pointer;
}

.data-column .skyline-item .skylinetext-black[b-f4dlhdfjop] {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin: 0px;
    line-height: 2;
    color: #000000;
    font-size: 11px;
}

.skyline-item.item-notstart-behindschedule label.skylinetext-black[b-f4dlhdfjop], .skyline-item.item--mccomplete-nopuncha label.skylinetext-black[b-f4dlhdfjop] {
    color: #fff;
}

.data-column .skyline-item .skylinetext-lbl-test-pack[b-f4dlhdfjop] {
    font-size: 11px;
}

/*.data-container {
    margin-bottom: -8px;
}*/

.data-container .date[b-f4dlhdfjop] {
    background: #000;
    color: white;
    padding: 3px;
    border: 1px solid #808080;
    border-bottom: none;
    border-left: none;
    width: 135px;
    text-align: center;
    height: 36px;
    line-height: 30px;
}
.date.date-today[b-f4dlhdfjop] {
    border: 2px dashed #ffe500 !important;
}
.legend-container small[b-f4dlhdfjop] {
    color: white;
    text-align: center;
    padding: 5px;
}

    .legend-container small:nth-child(2)[b-f4dlhdfjop] {
        background: red;
    }

    .legend-container small:nth-child(3)[b-f4dlhdfjop] {
        background: #f5800a;
        color: #fff;
    }

    .legend-container small:last-child[b-f4dlhdfjop] {
        background: #6CC04A;
    }


.legend-detail-container small[b-f4dlhdfjop] {
    color: black;
    text-align: center;
    padding: 5px;
}

    .legend-detail-container small:nth-child(2)[b-f4dlhdfjop] {
        background: #c1c5c7;
    }

    .legend-detail-container small:nth-child(3)[b-f4dlhdfjop] {

        background: #f20202;
        color: #fff;
    }

    .legend-detail-container small:nth-child(4)[b-f4dlhdfjop] {
        background: #f5800a;
        color: #fff;
    }

    .legend-detail-container small:nth-child(5)[b-f4dlhdfjop] {
        background: #FFFB73;
    }

    .legend-detail-container small:nth-child(6)[b-f4dlhdfjop] {
        background: #9ADE7B;
    }

    .legend-detail-container small:nth-child(7)[b-f4dlhdfjop] {
        background: #508D69;
        color: #fff;
    }


.date-container[b-f4dlhdfjop] {
    margin-left: 175px;
}

.certification-container .cert-title[b-f4dlhdfjop],
.certification-container .title[b-f4dlhdfjop],
.punch-container .title[b-f4dlhdfjop],
.punch-container .punch-title[b-f4dlhdfjop] {
    width: 175px !important;
    min-width: 175px;
    margin: 0px;
    border-bottom: 1px solid #0000005e;
    padding: 3px;
}

.subsystem-table .yaxis-label[b-f4dlhdfjop],
.certification-container .cert-title[b-f4dlhdfjop],
.certification-container .title[b-f4dlhdfjop],
.punch-container .title[b-f4dlhdfjop],
.punch-container .punch-title[b-f4dlhdfjop] {
    left: 0;
    position: sticky;
}

.certification-container .date[b-f4dlhdfjop] {
    background: #595959;
    color: white;
    padding: 3px;
    border: 1px solid #b9b9b9;
    border-right: 0px;
    width: 135px;
    text-align: center;
    margin: 0px;
}

.certification-container .cert-data[b-f4dlhdfjop],
.punch-container .punch-data[b-f4dlhdfjop] {
    padding: 3px;
    border: 1px solid #0000005e;
    border-bottom: none;
    border-right: none;
    margin: 0px;
    text-align: center;
    width: 135px;
    background: #fff;
}

.certification-container .flex.flex-row:last-child .cert-data[b-f4dlhdfjop],
.punch-container .flex.flex-row:last-child .punch-data[b-f4dlhdfjop] {
    border-bottom: 1px solid #0000005e;
}

.certification-container .title[b-f4dlhdfjop],
.punch-container .punch-title[b-f4dlhdfjop] {
    background-color: var(--kendo-color-primary, #d682fc);
    color: var(--kendo-color-on-primary, #ffffff);
}

.certification-container .cert-title[b-f4dlhdfjop],
.punch-container .title[b-f4dlhdfjop] {
    background: #000;
    color: white;
}
/*
.certification-container .cert-data:hover,*/
.punch-container .punch-data:hover[b-f4dlhdfjop], .cert-data.cursor-pointer:hover[b-f4dlhdfjop] {
    background: #eee;
}

.skyline-title[b-f4dlhdfjop] {
    position: sticky;
    background: #262626;
    color: #fff;
    margin-left: 175px;
    text-align: left;
    width: calc(100% - 175px);
    border-bottom: 6px solid #a1c2e7;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 0;
    outline: 1px solid #000;
    z-index: 1;
    padding-right: 207px;
}

label.cert-data.bg-darkcert-data[b-f4dlhdfjop] {
    background: #46546a;
    color: #fff;
    border-color: #7e7e7e;
}

.certification-container .cert-data:last-child[b-f4dlhdfjop], .punch-container .punch-data:last-child[b-f4dlhdfjop] {
    border-right: 1px solid #0000005e;
}

.data-container:last-child .data-column .skyline-item[b-f4dlhdfjop] {
    border-right: 0px;
}

.legend-container[b-f4dlhdfjop] {
    position: absolute;
    right: 0;
    top: 3px;
    right: 4px;
}

    .legend-container > *[b-f4dlhdfjop] {
        color: #fff;
        font-size: 11px;
    }

.skyline-item.item-notstart[b-f4dlhdfjop] {
    background: #c1c5c7;
}

.skyline-item.item-inprogress[b-f4dlhdfjop] {
    background: #f5800a;
}

    .skyline-item.item-inprogress label[b-f4dlhdfjop] {
        color: #fff !important;
    }

.skyline-item.item-notstart-behindschedule[b-f4dlhdfjop] {
    background: #f20202;
}

.skyline-item.item-inprogress-behindschedule[b-f4dlhdfjop] {
    background: #FFFB73;
}

.skyline-item.item-mccomplete-withpuncha[b-f4dlhdfjop] {
    background: #9ADE7B;
}

.skyline-item.item--mccomplete-nopuncha[b-f4dlhdfjop] {
    background: #508D69;
}

.legend-detail-container > *[b-f4dlhdfjop] {
    font-size: 10px;
}

.dataItem-cert[b-f4dlhdfjop] {
    display: flex;
    column-gap: 0px;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 11px;
    margin-bottom: 3px;
}

.dataItem-cert > *[b-f4dlhdfjop] {
    font-size: 11px;
}

span.datacertItem[b-f4dlhdfjop] {
    background: #28a745;
    height: 15px;
    border: 1px solid #ffffff94;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    padding: 1px 4px;
    line-height: 11px;
}

span.datacertItem.datacertItem-incomplete[b-f4dlhdfjop] {
    background-color: #dc3545;
}

span.datacertItem.datacertItem-ready[b-f4dlhdfjop] {
    background-color: #ec8100;
}

.data-column .skyline-item.skyline-item-mdac[b-f4dlhdfjop] {
    height: 35px;
}

.skyline-mdac .ytext-label[b-f4dlhdfjop],
.skyline-mdac .data-container .date[b-f4dlhdfjop] {
    height: 37px;
}

.detailed-skyline .ytext-label[b-f4dlhdfjop],
.detailed-skyline .data-container .date[b-f4dlhdfjop] {
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detailed-skyline .data-column .skyline-item[b-f4dlhdfjop],
.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-f4dlhdfjop] {
    height: 75px;
}

.detailed-skyline.detailed-rfc .ytext-label[b-f4dlhdfjop],
.detailed-skyline.detailed-rfc .data-container .date[b-f4dlhdfjop] {
    height: 75px;
}

.detailed-skyline.detailed-rfc .data-column .skyline-item[b-f4dlhdfjop],
.detailed-skyline.detailed-rfc .data-column .skyline-item .skylinetext-lbl[b-f4dlhdfjop] {
    height: 74px;
}

.detailed-info *[b-f4dlhdfjop] {
    font-size: 10px;
    letter-spacing: -0.4px;
    font-weight: normal;
}

.detailed-info[b-f4dlhdfjop] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 1;
    flex-wrap: wrap;
    align-items: center;
}

.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-f4dlhdfjop],
.detailed-skyline .data-column .skyline-item > *[b-f4dlhdfjop] {
    padding: 5px !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    row-gap: 3px;
}

.detailed-progress[b-f4dlhdfjop] {
    height: 11px;
}

[b-f4dlhdfjop] .detailed-progress .k-progressbar-horizontal {
    height: 100%;
}

.detailed-progress .k-progressbar *[b-f4dlhdfjop] {
    font-size: 10px;
    line-height: 1
}

.dataItem-cert:empty[b-f4dlhdfjop] {
    display: none;
}

.legend-container small.legend-dac[b-f4dlhdfjop], .skyline-item.skyline-item-mdac.item-itr-completed[b-f4dlhdfjop] {
    background: #c6ff9e;
    color: #0b1a01;
}

    .skyline-item.skyline-item-mdac.item-itr-completed label[b-f4dlhdfjop] {
        color: #0b1a01;
    }
/* /Components/SystemHierarchyContentComponent.razor.rz.scp.css */
.progressbar-label[b-3m1a6khnyx] {
    width: 50px;
    text-align: left;
}

.cs-table td[b-3m1a6khnyx], .cs-table th[b-3m1a6khnyx] {
    padding: 0px 5px;
}
/* /Components/WorkLocationSummaryComponent.razor.rz.scp.css */
.grid-container[b-lrkklsytey] {
	height: 100vh; 
	display: flex;
	flex-direction: column;
}
.k-grid[b-lrkklsytey] {
	font-family: "Segoe UI", Arial, sans-serif;
	border-width: 0;
}

.k-grid-table[b-lrkklsytey] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.k-header[b-lrkklsytey] {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background-color: #000000 !important; 
	color: #ffffff !important;
}

.k-detail-cell[b-lrkklsytey] {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	text-align: center;
}

.k-alt[b-lrkklsytey] {
	background-color: #f9f9f9;
}
.header-date[b-lrkklsytey] {
	display: block
}
.k-grid[b-lrkklsytey] {
	font-family: "Segoe UI", Arial, sans-serif;
	border-width: 0;
}

.k-grid-table[b-lrkklsytey] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.k-header[b-lrkklsytey] {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}

.k-detail-cell[b-lrkklsytey] {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	text-align: center;
}

.k-alt[b-lrkklsytey] {
	background-color: #f9f9f9;
}
.header-date[b-lrkklsytey] {
	display: block;
	text-align: center;
}

.k-detail-cell div[b-lrkklsytey] {
	margin: 2px 0;
	text-align: center;
}
.header-weekday[b-lrkklsytey] {
	font-size: 12px;
	color: #666;
}
/* /Components/WorkpackHierarchyComponent.razor.rz.scp.css */

[b-kvr0yj22dv] td.k-table-td {
    display: flex;
    padding: 5px;
    align-items: center;
}

[b-kvr0yj22dv] td.k-table-td * {
    font-size: 12px;
    line-height: 1;
}
[b-kvr0yj22dv] td.k-table-td .k-treelist-toggle {
    min-width: 15px;
}
/*::deep td.k-table-td .k-column-title {
    width: 100%;
}
::deep .cs-hierarchy .k-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
::deep .cs-hierarchy .k-grid-filter-menu {
    position: relative !important;
}
::deep .treelist-collapse .k-grid-container {
    display: none;
}*/
.cs-hierarchy[b-kvr0yj22dv] {
    z-index: 10;
    height: 100%;
    overflow: auto;
    transition: all linear 0.2s;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 300px;
    left: 0;
    z-index: 0;
}
[b-kvr0yj22dv] .cs-badge-hierarchy {
    transform: unset;
    position: relative;
    font-size:10px !important;
    padding: 1px 2px;
}
[b-kvr0yj22dv].cs-hierarchy .k-toolbar-item {
    width: 100%;
}
/* /Layout/LoginDisplay.razor.rz.scp.css */
.top-bar-user[b-b2nrkj9b9i] {
    cursor: pointer;
    font-weight: bold;
}
.top-bar-user:hover[b-b2nrkj9b9i] {
    opacity:0.8;
}

.avatar-initials[b-b2nrkj9b9i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 12px;
    color: var(--kendo-color-on-primary, #fff);
    background-color: var(--kendo-color-primary, #0d6efd);
}
.avatar-initials.large[b-b2nrkj9b9i] { width: 40px; height: 40px; font-size: 16px; }
/* /Layout/MainLayout.razor.rz.scp.css */
img.logo[b-gpusi76z0c] {
    height: 20px;
    margin-right: 8px;
}

img.logo-ice[b-gpusi76z0c] {
    height: 30px;
    margin-left: 10px;
    border-left: 1px solid #dddddd45;
    padding-left: 10px;
}

.top-bar[b-gpusi76z0c] {
    color: #151515;
    min-height: 40px;
    height: 40px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 8px;
    gap: 12px;
}

.logo-link[b-gpusi76z0c] { margin-right: 16px; display: inline-flex; align-items: center; }

.top-actions[b-gpusi76z0c] { margin-left: auto; gap: 12px; }
.top-search[b-gpusi76z0c] {
    width: 340px;
    max-width: 40vw;
    height: 28px;
    line-height: 28px;
    padding: 2px 8px;
}
.icon-button[b-gpusi76z0c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
}
.icon-button:hover[b-gpusi76z0c] { background: rgba(0,0,0,0.06); }
.icon-button img[b-gpusi76z0c] { width: 18px; height: 18px; }

.page[b-gpusi76z0c] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-gpusi76z0c] {
    flex: 1;
    background: #fff;
}


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

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

        .top-row[b-gpusi76z0c]  a:hover, .top-row[b-gpusi76z0c]  .btn-link:hover {
            text-decoration: underline;
        }

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

@media (max-width: 640.98px) {
    .top-row[b-gpusi76z0c] {
        justify-content: space-between;
    }

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

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

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

        .top-row.auth[b-gpusi76z0c]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-gpusi76z0c], article[b-gpusi76z0c] {
        padding: 1rem;
    }
}

#blazor-error-ui[b-gpusi76z0c] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gpusi76z0c] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

[b-gpusi76z0c] .cs-navmenu-toggle { margin-left: 4px; }
[b-gpusi76z0c] .nav-hide .nav-container {
    margin-left: -250px;
}

[b-gpusi76z0c] .k-splitter {
    border: none;
    background: none;
}

[b-gpusi76z0c] .k-pane {
    background: none;
}

[b-gpusi76z0c] .k-splitbar {
    background-color: #e4e4e4;
    border: none;
}

[b-gpusi76z0c] .k-splitbar:hover {
    background-color: #d4d4d4;
}

[b-gpusi76z0c] .hierarchy-splitter .k-splitbar:hover {
    background-color: var(--kendo-color-primary-active, #151515);
}

[b-gpusi76z0c] .hierarchy-splitter .k-splitbar {
    background-color: var(--kendo-color-primary-emphasis, #151515);
    color: #fff;
}
[b-gpusi76z0c] .hierarchy-splitter .k-splitbar .k-svg-icon { width: 18px; }

.ai-pane[b-gpusi76z0c] { display: flex; flex-direction: column; height: 100%; }

/* /Layout/NavMenu.razor.rz.scp.css */
.nav-item-header[b-ra361ehcez] {
    display: flex;
    align-items: center;
    column-gap: 2px;
    text-align: right;
    white-space: nowrap;
}

.nav-item-content[b-ra361ehcez] {
    display: none;
}

nav[b-ra361ehcez] { align-items: center; justify-content: flex-start; }

.nav-container[b-ra361ehcez] { align-items: center; gap: 16px; column-gap: 16px; }
.nav-container > .nav-item[b-ra361ehcez] { flex: 0 0 auto; }

.nav-item:hover .nav-item-content[b-ra361ehcez] {
    display: block;
}

.nav-item[b-ra361ehcez] { height: 40px; display: flex; align-items: center; cursor: pointer; font-weight: 600; }
.nav-item:hover[b-ra361ehcez] {
    color: rgba(21, 21, 21, 1);
}

.nav-item-content[b-ra361ehcez] { background: #fff; position: absolute; top: 40px; height: auto; color: #151515; z-index: 10; padding: 10px 15px 15px 15px; border: 1px solid #e3e3e3; max-height: calc(100% - 65px); overflow: auto; }

    .nav-item-content a[b-ra361ehcez] {
        color: #fff;
    }

.nav-item-content-inner a[b-ra361ehcez] {
    color: #fff;
    padding: 9px;
    display: flex;
    column-gap: 2px;
}
.nav-item-content-inner > a[b-ra361ehcez] {
    width: calc(16.67% - 25px);
}
.nav-item-content-inner[b-ra361ehcez] {
    display: block;
    column-count: 2;
}

.nav-item:hover .nav-item-header[b-ra361ehcez] {
    color: var(--kendo-color-series-b, #151515);
}

[b-ra361ehcez] .nav-link { text-align: left; align-items: center; display: flex; margin: 0; opacity: 1; color: #151515; column-gap: 6px; padding: 8px 25px 8px 10px; }

    [b-ra361ehcez] .nav-link:hover {
        color: var(--kendo-color-series-b, #151515);
    }

    [b-ra361ehcez] .nav-link.nav-disabled {
        opacity: 0.4;
        pointer-events: none;
    }
.nav-item-header img[b-ra361ehcez] {
    width: 12px;
}
.nav-side .nav-item-header img[b-ra361ehcez] {
    filter: brightness(0) invert(1);
}
@media(max-width: 1500px) {
    .nav-container[b-ra361ehcez]{
        column-gap: 20px;
    }
}
@media(max-width: 1310px) {
        .nav-container.cs-show-menu.cs-small[b-ra361ehcez] {
            display: flex;
        }
        .nav-container[b-ra361ehcez] { display: none; width: 100% !important; left: 0; top: 40px; position: absolute; flex-wrap: wrap; z-index: 3; background: #fff; border-bottom: 1px solid #e3e3e3; }

        .nav-container > .nav-item[b-ra361ehcez] {
            width: calc(50% - 20px);
            display: flex;
            flex-direction: column;
            align-items: start;
            justify-content: start;
            height: auto;
            padding: 12px 5px;
        }

        .nav-item-content[b-ra361ehcez] {
            position: relative;
            top: 0;
            left: 0;
            border: unset;
            padding: 0 0 0 10px;
            width: 100%;
            border-radius: 5px;
            background: #f8f6f9;
        }

        .nav-item-content-inner[b-ra361ehcez]{
            column-count: 2;
        }

        [b-ra361ehcez] .nav-link {
            padding: 10px 0;
            font-weight: 500;
        }
    }
@media (max-width: 768px) {
    .nav-item-content-inner[b-ra361ehcez] {
        column-count: 1;
    }
    .nav-container > .nav-item[b-ra361ehcez]{
        width:100%;
    }
    .nav-container[b-ra361ehcez]{ max-height: calc(100% - 40px); overflow: auto; }
}

.nav-category[b-ra361ehcez] {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    padding: 8px 0;
    margin: 12px 0;
    width: 100%;
}

.nav-group[b-ra361ehcez] {
    display: flex;
    flex-direction: column;
    width: 45%;
    min-width: 300px;
}

.nav-link[b-ra361ehcez] {
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    color: #333;
}

.nav-link:hover[b-ra361ehcez] {
    background-color: #f4f4f4;
    border-radius: 5px;
}


/*sidemenu*/
[b-ra361ehcez].nav-side.nav-container {
    width: 250px;
    min-width: 250px;
    background-color: var(--kendo-color-sidenav-background, #d682fc);
    height: 100%;
    overflow: auto;
    justify-content: start;
    align-items: start;
    z-index: 1;
    transition: all linear 0.1s;
}
[b-ra361ehcez].nav-side .nav-item {
    width: 100%;
    height: auto;
    flex-direction: column;
}
[b-ra361ehcez].nav-side .nav-item-header {
    width: 100%;
    justify-content: space-between;
    min-height: 40px;
}
[b-ra361ehcez].nav-side .nav-item-content {
    position: relative;
    display: block;
    top: 0;
    width: 100%;
    background: unset;
    border: unset;
    padding: 0;
    overflow: visible;
}
[b-ra361ehcez].nav-side .nav-group {
    width: 100%;
    min-width: unset;
}
[b-ra361ehcez].nav-side .nav-category {
    border: unset;
    font-size: 1em;
    margin: 0;
    display: flex;
    column-gap: 5px;
    align-items: baseline;
}
[b-ra361ehcez].nav-side .nav-link {
    padding-left: 25px;
}
[b-ra361ehcez].nav-side .nav-group:last-child {
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
[b-ra361ehcez].nav-side, [b-ra361ehcez].nav-side .nav-category, [b-ra361ehcez].nav-side .nav-link {
    color: var(--kendo-color-sidenav-text, #000);
}
[b-ra361ehcez].nav-side .nav-item:hover .nav-item-header {
    color: var(--kendo-color-sidenav-text, #000);
}
[b-ra361ehcez].nav-side .nav-link:hover {
    opacity: 0.7;
}
/* /Pages/AuditLogPage.razor.rz.scp.css */
/* --- Timeline and compare-row styles only --- */
.tableBadge[b-9f93k8icsf] {
    display: inline-block;
    background-color: #0d6efd; /* Bootstrap primary blue */
    color: white;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    min-width: 40px;
    margin-left: 12px;
}

.audit-timeline[b-9f93k8icsf] {
    position: relative;
    padding-left: 120px;
    background: #f8f9fa;
    width: 100%;
    overflow: visible; 
    padding-bottom: 50px;
}
.timeline-item[b-9f93k8icsf], .timeline-date-header[b-9f93k8icsf] {
    position: relative;
    z-index: 1; 
}
    .audit-timeline[b-9f93k8icsf]::before {
        content: '';
        position: absolute;
        left: 60px;
        top: 0;
        height: 100%; 
        width: 3px;
        background: linear-gradient(to bottom, #007bff, #6c757d);
        border-radius: 2px;
        z-index: 0; 
    }

/* Date Header Styles */
.timeline-date-header[b-9f93k8icsf] {
    display: flex;
    align-items: center;
    margin: 32px 0 16px 0;
    position: relative;
    width:80%
}

.timeline-date-line[b-9f93k8icsf] {
    flex: 1;
    height: 2px;
    background: #e9ecef;
    border-radius: 1px;
}

.timeline-date-label[b-9f93k8icsf] {
    padding: 8px 20px;
    background: #fff;
    border-radius: 20px;
    border: 2px solid #e9ecef;
    font-weight: 600;
    font-size: 14px;
    color: #495057;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 0 16px;
    white-space: nowrap;
}

/* Timeline Item Styles */
.timeline-item[b-9f93k8icsf] {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 100%;
}

.timeline-item:last-child[b-9f93k8icsf] {
    margin-bottom: 0;
}

.timeline-marker[b-9f93k8icsf] {
    position: absolute;
    left: -45px;
    top: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
    z-index: 2;
    transition: transform 0.2s ease;
}

.timeline-marker:hover[b-9f93k8icsf] {
    transform: scale(1.15);
}

.timeline-marker-success[b-9f93k8icsf] { 
    background-color: #28a745; 
    color: white; 
}

.timeline-marker-warning[b-9f93k8icsf] { 
    background-color: #ffc107; 
    color: #212529; 
}

.timeline-marker-danger[b-9f93k8icsf] { 
    background-color: #dc3545; 
    color: white; 
}

.timeline-marker-secondary[b-9f93k8icsf] { 
    background-color: #6c757d; 
    color: white; 
}

.timeline-icon[b-9f93k8icsf] { 
    font-size: 12px; 
}

/* Timestamp Styles */
.timeline-timestamp[b-9f93k8icsf] {
    position: absolute;
    left: -110px;
    top: 4px;
    text-align: right;
    width: 50px;
    background: white;
    z-index: 3;
    padding: 4px 6px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
}

.timestamp-date[b-9f93k8icsf] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
    line-height: 1.2;
}

.timestamp-time[b-9f93k8icsf] {
    font-size: 10px;
    color: #6c757d;
    line-height: 1.2;
}

/* Content Styles */
.timeline-content[b-9f93k8icsf] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.2s ease;
    margin-left: 8px;
    width: 100%;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.timeline-content:hover[b-9f93k8icsf] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}

.timeline-summary[b-9f93k8icsf] { 
    font-size: 14px; 
    line-height: 1.5;
    margin-bottom: 8px;
}

.user-name[b-9f93k8icsf] {
    font-weight: 600;
    color: #212529;
}

.table-name[b-9f93k8icsf] {
    color: #6c757d;
    font-size: 12px;
    margin-left: 8px;
    font-style: italic;
}

/* Field Changes Styles */
.field-changes[b-9f93k8icsf] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f3f4;
}

.field-change-item[b-9f93k8icsf] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.4;
}

.field-name[b-9f93k8icsf] {
    font-weight: 600;
    color: #495057;
    margin-right: 8px;
    min-width: 80px;
}

.field-old-value[b-9f93k8icsf] {
    background: #ffeaea;
    color: #b30000;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #ffcccc;
}

.field-new-value[b-9f93k8icsf] {
    background: #eaffea;
    color: #006600;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #ccffcc;
}

.field-arrow[b-9f93k8icsf] {
    margin: 0 8px;
    color: #6c757d;
    font-size: 14px;
    font-weight: 600;
}

/* Expand Button Styles */
.expand-button[b-9f93k8icsf] {
    background: none;
    border: none;
    padding: 0;
    margin-top: 8px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.expand-text[b-9f93k8icsf] {
    color: #007bff;
    font-size: 13px;
    text-decoration: none;
}

.expand-button:hover .expand-text[b-9f93k8icsf] {
    color: #0056b3;
    text-decoration: underline;
}

/* Expanded Entries Styles */
.expanded-entries[b-9f93k8icsf] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f3f4;
}

.expanded-entry[b-9f93k8icsf] {
    margin-bottom: 12px;
    padding-left: 16px;
    border-left: 2px solid #e9ecef;
}

.expanded-entry:last-child[b-9f93k8icsf] {
    margin-bottom: 0;
}

/* Compare-row UI for field changes */
.popup-compare-table[b-9f93k8icsf] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin-bottom: 0.5rem;
}

.compare-row[b-9f93k8icsf] {
    display: flex;
    align-items: center;
    background: none;
    border-radius: 0;
    padding: 2px 0;
    font-size: 14px;
    font-weight: normal;
    transition: none;
    margin-bottom: 0;
}

.compare-row.changed[b-9f93k8icsf] {
    background: none;
    font-weight: normal;
}

.compare-label[b-9f93k8icsf] {
    flex: 0 0 120px;
    color: #495057;
    font-weight: 600;
    text-align: right;
    margin-right: 12px;
}

.compare-value[b-9f93k8icsf] {
    flex: 1 1 0;
    padding: 0 8px;
    border-radius: 0;
    background: none;
    color: #212529;
    text-align: left;
    min-width: 60px;
    word-break: break-all;
    border: none;
}

.compare-arrow[b-9f93k8icsf] {
    margin: 0 8px;
    color: #adb5bd;
    font-size: 16px;
}

/* Legacy diff styles (keeping for compatibility) */
.diff-label[b-9f93k8icsf] {
    font-weight: bold;
    margin-right: 4px;
}

.diff-old[b-9f93k8icsf] {
    background: #ffeaea;
    color: #b30000;
    padding: 0 3px;
    border-radius: 3px;
    font-weight: bold;
}

.diff-new[b-9f93k8icsf] {
    background: #eaffea;
    color: #006600;
    padding: 0 3px;
    border-radius: 3px;
    font-weight: bold;
}

.diff-arrow[b-9f93k8icsf] {
    margin: 0 6px;
    color: #888;
    font-size: 16px;
    font-weight: bold;
}

/* Responsive Design */
@media (max-width: 768px) {
    .audit-timeline[b-9f93k8icsf] { 
        padding-left: 80px; 
    }
    
    .audit-timeline[b-9f93k8icsf]::before { 
        left: 40px; 
    }
    
    .timeline-item[b-9f93k8icsf] { 
        padding-left: 12px; 
        margin-bottom: 20px; 
    }
    
    .timeline-marker[b-9f93k8icsf] { 
        left: -32px; 
        width: 20px; 
        height: 20px; 
    }
    
    .timeline-timestamp[b-9f93k8icsf] {
        left: -70px;
        width: 40px;
        font-size: 10px;
        text-align: center;
        line-height: 1.0;
        padding: 2px 4px;
    }
    
    .timeline-date-label[b-9f93k8icsf] {
        padding: 6px 12px;
        font-size: 12px;
        margin: 0 8px;
    }
    
    .field-change-item[b-9f93k8icsf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .field-name[b-9f93k8icsf] {
        min-width: auto;
    }
    
    .popup-compare-table[b-9f93k8icsf] { 
        padding: 8px; 
    }
    
    .compare-label[b-9f93k8icsf] { 
        flex: 0 0 80px; 
        margin-right: 6px; 
        font-size: 13px; 
    }
    
    .compare-row[b-9f93k8icsf] { 
        font-size: 13px; 
        padding: 6px 6px; 
    }
   
} 
/* /Pages/CertificateFormPage.razor.rz.scp.css */
.tab-content[b-vv467ryrsb] {
    width: 100%;
    height: 100%;
    overflow: auto;
}
[b-vv467ryrsb] td, [b-vv467ryrsb] th {
    border: 1px solid #000;
    padding: 8px;
}
[b-vv467ryrsb] th p:last-child, [b-vv467ryrsb] td p:last-child {
    margin-bottom: 0;
}
.certificate-table[b-vv467ryrsb], .confirmation-table[b-vv467ryrsb], .signature-table[b-vv467ryrsb] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.certificate-table th[b-vv467ryrsb], .certificate-table td[b-vv467ryrsb],
.confirmation-table th[b-vv467ryrsb], .confirmation-table td[b-vv467ryrsb],
.signature-table th[b-vv467ryrsb], .signature-table td[b-vv467ryrsb] {
    border: 1px solid black;
    padding: 5px;
    text-align: left;
}

.table-header[b-vv467ryrsb] {
    background-color: #d3d3d3;
    text-align: center;
    font-weight: bold;
}

.table-subheader[b-vv467ryrsb] {
    background-color: #f2f2f2;
    text-align: center;
    font-weight: bold;
}

.table-label[b-vv467ryrsb] {
    font-weight: bold;
    background-color: #f9f9f9;
    width: 25%;
}

.table-value[b-vv467ryrsb] {
    width: 25%;
}

.certificate-text[b-vv467ryrsb] {
    margin-bottom: 15px;
    font-size: 14px;
}

.checkbox-section[b-vv467ryrsb] {
    text-align: center;
    padding: 10px;
}

.signature-box[b-vv467ryrsb] {
    height: 50px;
    vertical-align: bottom;
}

.approval-section[b-vv467ryrsb] {
    margin-top: 15px;
}
span.cs-note[b-vv467ryrsb] {
    width: 7px;
    height: 7px;
    background: red;
    display: inline-block;
    border-radius: 50%;
}

.cs-note-container[b-vv467ryrsb] {
    margin-right: 50px;
}

span.cs-note.cs-register[b-vv467ryrsb] {
    background: #4CAF50;
}

span.cs-note.cs-index[b-vv467ryrsb] {
    background: #2196F3;
}
[b-vv467ryrsb] .cs-radio-h li.k-radio-list-item {
    min-width: 50px;
    justify-content: center;
}
td.cs-checkcolumn[b-vv467ryrsb]{
    padding: 0 !important;
}
[b-vv467ryrsb] .cs-radio-h .k-radio {
    width: 25px;
    height: 25px;
}
[b-vv467ryrsb] .cs-radio-h label.k-radio-label {
    display: none;
}
/* /Pages/CertificateInspectionFormPage.razor.rz.scp.css */
.tab-content[b-n2dexj9xps] {
    width: 100%;
    height: 100%;
    overflow: auto;
}
[b-n2dexj9xps] td, [b-n2dexj9xps] th {
    border: 1px solid #000;
    padding: 8px;
}
[b-n2dexj9xps] th p:last-child, [b-n2dexj9xps] td p:last-child {
    margin-bottom: 0;
}
.certificate-table[b-n2dexj9xps], .confirmation-table[b-n2dexj9xps], .signature-table[b-n2dexj9xps] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.certificate-table th[b-n2dexj9xps], .certificate-table td[b-n2dexj9xps],
.confirmation-table th[b-n2dexj9xps], .confirmation-table td[b-n2dexj9xps],
.signature-table th[b-n2dexj9xps], .signature-table td[b-n2dexj9xps] {
    border: 1px solid black;
    padding: 5px;
    text-align: left;
}

.table-header[b-n2dexj9xps] {
    background-color: #d3d3d3;
    text-align: center;
    font-weight: bold;
}

.table-subheader[b-n2dexj9xps] {
    background-color: #f2f2f2;
    text-align: center;
    font-weight: bold;
}

.table-label[b-n2dexj9xps] {
    font-weight: bold;
    background-color: #f9f9f9;
    width: 25%;
}

.table-value[b-n2dexj9xps] {
    width: 25%;
}

.certificate-text[b-n2dexj9xps] {
    margin-bottom: 15px;
    font-size: 14px;
}

.checkbox-section[b-n2dexj9xps] {
    text-align: center;
    padding: 10px;
}

.signature-box[b-n2dexj9xps] {
    height: 50px;
    vertical-align: bottom;
}

.approval-section[b-n2dexj9xps] {
    margin-top: 15px;
}
span.cs-note[b-n2dexj9xps] {
    width: 7px;
    height: 7px;
    background: red;
    display: inline-block;
    border-radius: 50%;
}

.cs-note-container[b-n2dexj9xps] {
    margin-right: 50px;
}

span.cs-note.cs-register[b-n2dexj9xps] {
    background: #4CAF50;
}

span.cs-note.cs-index[b-n2dexj9xps] {
    background: #2196F3;
}
[b-n2dexj9xps] .cs-radio-h li.k-radio-list-item {
    min-width: 50px;
    justify-content: center;
}
td.cs-checkcolumn[b-n2dexj9xps]{
    padding: 0 !important;
}
[b-n2dexj9xps] .cs-radio-h .k-radio {
    width: 25px;
    height: 25px;
}
[b-n2dexj9xps] .cs-radio-h label.k-radio-label {
    display: none;
}
/* /Pages/ClaimMatrixPage.razor.rz.scp.css */
/* ClaimMatrixPage.razor.css */

/* Vertical header: rotate the header text 90 degrees */
.vertical-header[b-x4mckb9c5f] {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    white-space: nowrap;
    display: inline-block; /* Use inline-block so it wraps just the text */
    padding: 2px 4px; /* Adjust padding as needed */
    margin: 0; /* Remove extra margins */
    line-height: normal; /* Use default line height */
}

/* Existing cell formatting */
.cell-matrix[b-x4mckb9c5f] {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2px;
    font-weight: bold;
}

.cell-correct[b-x4mckb9c5f] {
    background: rgb(114 220 91 / 70%);
    color: green;
}

.cell-incorrect[b-x4mckb9c5f] {
    background: rgb(255 21 0 / 70%);
    color: #b90e0e;
}

/* Reduce padding in grid header and content cells for skinny columns */
.telerik-grid .k-grid-header .k-header[b-x4mckb9c5f],
.telerik-grid .k-grid-content td[b-x4mckb9c5f] {
    padding: 0;
}
/* /Pages/CustomRegisterEntryFormPage.razor.rz.scp.css */
.custom-register-page[b-298t6ubz80] {
    padding: 24px 0;
    background-color: #f8f9fa;
    width: 80%;
    margin: 0 auto;
    position: relative;
    height: auto;
}

.full-page-container[b-298t6ubz80] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.section-container[b-298t6ubz80] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.section-title[b-298t6ubz80] {
    font-size: 1.5rem;
    color: #2c3e50;
    margin: 0;
    padding: 20px 24px;
    border-bottom: 1px solid #e9ecef;
}

.tab-section-container[b-298t6ubz80] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 24px;
    height: auto;
}

.custom-tabstrip[b-298t6ubz80] {
    --kendo-tabstrip-tab-padding-x: 24px;
    --kendo-tabstrip-tab-padding-y: 16px;
}

.custom-tab[b-298t6ubz80] {
    font-weight: 500;
}

:deep(.k-tabstrip-content)[b-298t6ubz80] {
    flex: 1;
    overflow: visible;
}

:deep(.k-tabstrip-items-wrapper)[b-298t6ubz80] {
    border-bottom: 2px solid #e9ecef;
}

:deep(.k-tabstrip-items .k-item)[b-298t6ubz80] {
    border: none;
    margin-right: 4px;
}

:deep(.k-tabstrip-items .k-item.k-active)[b-298t6ubz80] {
    border-bottom: 2px solid #007bff;
    margin-bottom: -2px;
}

:deep(.k-tabstrip-items .k-link)[b-298t6ubz80] {
    color: #6c757d;
    font-weight: 500;
}

:deep(.k-tabstrip-items .k-item.k-active .k-link)[b-298t6ubz80] {
    color: #007bff;
}
/* /Pages/DisciplineRunDownReportComponent.razor.rz.scp.css */
[b-l7dxgv97av] .k-tilelayout-item-header.k-card-header, [b-l7dxgv97av] .k-card-body {
    padding: 3px;
}
[b-l7dxgv97av] .k-card-body *{
    font-size:12px;
}
[b-l7dxgv97av] .k-tilelayout-item-header.k-card-header * {
    font-size: 12px;
}
/* /Pages/DocumentProgressNavigator.razor.rz.scp.css */
.navigator-left-panel[b-cumea88akn] {
    padding: 15px;
    height: 100%;
    overflow-y: auto;
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
}

.navigator-right-panel[b-cumea88akn] {
    height: 100%;
    overflow: hidden;
}

[b-cumea88akn] h6 {
    color: #495057;
}

.category-header-row[b-cumea88akn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .category-header-row h5[b-cumea88akn] {
        margin-bottom: 0;
        color: #495057;
    }

.document-list h5[b-cumea88akn] {
    margin-bottom: 15px;
    color: #495057;
}

.document-list-header[b-cumea88akn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
}

    .document-list-header h6[b-cumea88akn] {
        margin-bottom: 0;
        color: #495057;
        flex-grow: 1;
    }

    .document-list-header .k-button[b-cumea88akn] {
        flex-shrink: 0;
        margin-left: 10px;
        white-space: nowrap;
        min-width: 80px;
    }

.admin-controls .k-button[b-cumea88akn] {
    min-width: 80px;
}

.loading-documents[b-cumea88akn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    color: #6c757d;
}

.document-item[b-cumea88akn] {
    padding: 12px;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .document-item:hover[b-cumea88akn] {
        background-color: #e9ecef;
        border-color: #007bff;
    }

    .document-item.selected[b-cumea88akn] {
        background-color: #007bff;
        border-color: #007bff;
        color: white;
    }

        .document-item.selected .progress-count[b-cumea88akn] {
            color: #e9ecef;
        }

.document-number[b-cumea88akn] {
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 6px;
}

.doc-no-primary[b-cumea88akn] {
    color: var(--kendo-color-primary, #007bff);
    font-weight: 600;
}

.doc-revision[b-cumea88akn] {
    color: #6c757d;
    font-size: 12px;
}

.document-item.selected .doc-no-primary[b-cumea88akn] {
    color: white;
}

.document-item.selected .doc-revision[b-cumea88akn] {
    color: #e9ecef;
}

.document-title[b-cumea88akn] {
    font-weight: 600;
    font-size: 13px;
}

.progress-count[b-cumea88akn] {
    font-size: 11px;
    color: #6c757d;
    font-style: italic;
}

.no-documents[b-cumea88akn], .no-category-selected[b-cumea88akn], [b-cumea88akn] .drawing-status {
    color: #6c757d;
    font-style: italic;
}

.no-selection[b-cumea88akn] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #f8f9fa;
}

.no-selection-content[b-cumea88akn] {
    text-align: center;
    max-width: 400px;
    padding: 40px;
}

    .no-selection-content h4[b-cumea88akn] {
        color: #495057;
        margin-bottom: 20px;
    }

    .no-selection-content p[b-cumea88akn] {
        color: #6c757d;
        margin-bottom: 20px;
    }

    .no-selection-content ul[b-cumea88akn] {
        text-align: left;
        color: #6c757d;
    }

    .no-selection-content li[b-cumea88akn] {
        margin-bottom: 8px;
    }

.progress-summary[b-cumea88akn] {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.progress-type-group[b-cumea88akn] {
    border-left: 2px solid #dee2e6;
    padding-left: 6px;
}

.progress-type-header[b-cumea88akn] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 2px;
}

.progress-status-list[b-cumea88akn] {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.progress-status-row[b-cumea88akn] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.progress-status-indicator[b-cumea88akn] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.progress-status-label[b-cumea88akn] {
    font-size: 9px;
    font-weight: 400;
    color: #6c757d;
}

.document-item.selected .progress-type-header[b-cumea88akn] {
    color: #f8f9fa;
}

.document-item.selected .progress-status-label[b-cumea88akn] {
    color: #dee2e6;
}

.document-selection-grid[b-cumea88akn] {
    padding: 20px;
}

    .document-selection-grid p[b-cumea88akn] {
        color: #495057;
        font-size: 14px;
    }
/* /Pages/DocumentProgressPointPage.razor.rz.scp.css */
.pdf-container[b-g3ghkuiva2] {
    position: relative;
    height: 100%;
}

.right-panel[b-g3ghkuiva2] {
    padding: 10px;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.control-section[b-g3ghkuiva2] {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dee2e6;
}

.drawing-controls[b-g3ghkuiva2] {
    margin-bottom: 5px;
}

.status-info[b-g3ghkuiva2] {
    margin-bottom: 15px;
}
.filter-label[b-g3ghkuiva2] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #495057;
}

.progress-point-list[b-g3ghkuiva2] {
    margin-bottom: 15px;
}

    .progress-point-list h5[b-g3ghkuiva2] {
        margin-bottom: 10px;
    }

.progress-point-details[b-g3ghkuiva2] {
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    margin-top: 15px;
}

    .progress-point-details h6[b-g3ghkuiva2] {
        margin-bottom: 15px;
        color: #495057;
    }

.details-form label[b-g3ghkuiva2] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #495057;
}

.category-status-management[b-g3ghkuiva2] {
    padding: 10px;
    height: 100%;
}

    .category-status-management h5[b-g3ghkuiva2] {
        margin-bottom: 15px;
    }

.button-group[b-g3ghkuiva2] {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

/* Add visual feedback for point marking mode */
.point-marking-mode-active .k-pdf-viewer[b-g3ghkuiva2] {
    cursor: crosshair;
}

.unsaved-changes-indicator[b-g3ghkuiva2] {
    font-weight: bold;
    color: #ff6b35;
    display: block;
    margin-top: 5px;
}

.pdf-loading-container[b-g3ghkuiva2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.loading-content[b-g3ghkuiva2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.loading-text[b-g3ghkuiva2] {
    margin: 0;
    color: #6c757d;
    font-size: 16px;
    font-weight: 500;
}

.category-selection-section[b-g3ghkuiva2] {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.category-selector-header h6[b-g3ghkuiva2] {
    color: #495057;
    font-weight: 600;
}

.no-category-message[b-g3ghkuiva2] {
    text-align: center;
    padding: 20px;
}

    .no-category-message p[b-g3ghkuiva2] {
        margin: 0;
        font-size: 14px;
    }
/* /Pages/DocumentTagExtractionNavigator.razor.rz.scp.css */
.navigator-left-panel[b-r1rf0yy2nx] {
    padding: 15px;
    height: 100%;
    overflow-y: auto;
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
}

.navigator-right-panel[b-r1rf0yy2nx] {
    height: 100%;
    overflow: hidden;
}

.document-list-header[b-r1rf0yy2nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.document-list-header h6[b-r1rf0yy2nx] {
    margin-bottom: 0;
    color: #495057;
}

.loading-documents[b-r1rf0yy2nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    color: #6c757d;
}

.document-item[b-r1rf0yy2nx] {
    padding: 15px;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 10px;
}

.document-item:hover[b-r1rf0yy2nx] {
    background-color: #e9ecef;
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}

.document-item.selected[b-r1rf0yy2nx] {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);
}

.document-info[b-r1rf0yy2nx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.document-number[b-r1rf0yy2nx] {
    font-weight: 700;
    font-size: 14px;
    color: #495057;
}

.document-item.selected .document-number[b-r1rf0yy2nx] {
    color: white;
}

.document-title[b-r1rf0yy2nx] {
    font-size: 13px;
    line-height: 1.3;
    color: #6c757d;
}

.document-item.selected .document-title[b-r1rf0yy2nx] {
    color: #e9ecef;
}

.tag-summary[b-r1rf0yy2nx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.document-item.selected .tag-summary[b-r1rf0yy2nx] {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.summary-row[b-r1rf0yy2nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-label[b-r1rf0yy2nx] {
    font-size: 11px;
    font-weight: 500;
    color: #6c757d;
}

.document-item.selected .summary-label[b-r1rf0yy2nx] {
    color: #dee2e6;
}

.summary-value[b-r1rf0yy2nx] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
}

.document-item.selected .summary-value[b-r1rf0yy2nx] {
    color: white;
}

.document-actions[b-r1rf0yy2nx] {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}

.document-actions .k-button[b-r1rf0yy2nx] {
    font-size: 11px;
    padding: 4px 8px;
}

.no-documents[b-r1rf0yy2nx] {
    color: #6c757d;
    font-style: italic;
    text-align: center;
    padding: 40px 20px;
}

.no-selection[b-r1rf0yy2nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #f8f9fa;
}

.no-selection-content[b-r1rf0yy2nx] {
    text-align: center;
    max-width: 500px;
    padding: 40px;
}

.no-selection-content h4[b-r1rf0yy2nx] {
    color: #495057;
    margin-bottom: 20px;
}

.no-selection-content p[b-r1rf0yy2nx] {
    color: #6c757d;
    margin-bottom: 20px;
}

.no-selection-content ul[b-r1rf0yy2nx] {
    text-align: left;
    color: #6c757d;
    margin: 0 auto;
    display: inline-block;
}

.no-selection-content li[b-r1rf0yy2nx] {
    margin-bottom: 8px;
}

.document-listview[b-r1rf0yy2nx] {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navigator-left-panel[b-r1rf0yy2nx] {
        padding: 10px;
    }
    
    .document-item[b-r1rf0yy2nx] {
        padding: 12px;
    }
    
    .document-list-header[b-r1rf0yy2nx] {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    
    .summary-row[b-r1rf0yy2nx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
}

/* Animation for loading states */
@keyframes pulse-b-r1rf0yy2nx {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.loading-documents[b-r1rf0yy2nx] {
    animation: pulse-b-r1rf0yy2nx 2s infinite;
}

/* Scrollbar styling for left panel */
.navigator-left-panel[b-r1rf0yy2nx]::-webkit-scrollbar {
    width: 6px;
}

.navigator-left-panel[b-r1rf0yy2nx]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.navigator-left-panel[b-r1rf0yy2nx]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.navigator-left-panel[b-r1rf0yy2nx]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
} 
/* /Pages/DocumentTagExtractionPointPage.razor.rz.scp.css */
.pdf-container[b-li4keiom37] {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
    background: #f8f9fa;
    /* Ensure container can expand when overlays are visible */
    min-height: 100%;
    overflow: visible;
}

/* When overlays are visible, allow container to expand */
.pdf-container.overlays-visible[b-li4keiom37] {
    overflow: visible;
    padding-bottom: 20px;
}

/* Ensure PDF viewer pages can expand properly */
.k-pdf-viewer-pages[b-li4keiom37] {
    position: relative;
    overflow: visible;
}

.k-pdf-viewer-pages .k-page[b-li4keiom37] {
    position: relative;
    overflow: visible;
}

/* Ensure annotation layers don't cause overflow issues */
.annotation-layer[b-li4keiom37],
.temp-annotation-layer[b-li4keiom37] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    /* Prevent annotation layers from causing container overflow */
    max-width: 100%;
    max-height: 100%;
}

/* Ensure the right panel can expand when needed */
.navigator-right-panel[b-li4keiom37] {
    overflow: visible;
    min-height: 100%;
}

/* Ensure the main content area can expand */
#page-content[b-li4keiom37] {
    overflow: visible;
    min-height: 100%;
}

.pdf-loading-container[b-li4keiom37] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
}

.loading-content[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.loading-text[b-li4keiom37] {
    font-size: 1.1rem;
    color: #6c757d;
    margin: 0;
}

.right-panel[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #ffffff;
    border-left: 1px solid #e0e0e0;
    height: 100%;
    overflow-y: auto;
}

.control-section[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.extraction-controls[b-li4keiom37] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.status-info[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.extraction-status[b-li4keiom37] {
    font-size: 0.9rem;
    color: #495057;
    font-weight: 500;
}

.filter-section[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-label[b-li4keiom37] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.25rem;
}

.extracted-tags-list[b-li4keiom37],
.tag-locations-list[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.extracted-tags-list h6[b-li4keiom37],
.tag-locations-list h6[b-li4keiom37] {
    color: #495057;
    font-weight: 600;
    margin: 0;
}

.badge[b-li4keiom37] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

.badge-info[b-li4keiom37] {
    background-color: #17a2b8;
    color: white;
}

.badge-secondary[b-li4keiom37] {
    background-color: #6c757d;
    color: white;
}

/* Utility classes */
.flex[b-li4keiom37] {
    display: flex;
}

.column-gap[b-li4keiom37] {
    gap: 0.5rem;
}

.column-gap2[b-li4keiom37] {
    gap: 1rem;
}

.flex-wrap[b-li4keiom37] {
    flex-wrap: wrap;
}

.justify-content-between[b-li4keiom37] {
    justify-content: space-between;
}

.align-items-center[b-li4keiom37] {
    align-items: center;
}

.mb-2[b-li4keiom37] {
    margin-bottom: 0.5rem;
}

.mb-3[b-li4keiom37] {
    margin-bottom: 1rem;
}

.m-0[b-li4keiom37] {
    margin: 0;
}

.w-100[b-li4keiom37] {
    width: 100%;
}

/* Grid styling */
.k-grid[b-li4keiom37] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

.k-grid .k-grid-header[b-li4keiom37] {
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.k-grid .k-grid-header th[b-li4keiom37] {
    font-weight: 600;
    color: #495057;
}

.k-grid .k-grid-content[b-li4keiom37] {
    background: #ffffff;
}

.k-grid .k-grid-content tr:hover[b-li4keiom37] {
    background: #f0f0f0;
}

.k-grid .k-grid-content tr.k-state-selected[b-li4keiom37] {
    background: #e3f2fd;
}

/* Button styling */
.k-button[b-li4keiom37] {
    border-radius: 4px;
    font-weight: 500;
}

.k-button.k-button-sm[b-li4keiom37] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Responsive design */
@media (max-width: 768px) {
    .right-panel[b-li4keiom37] {
        padding: 0.5rem;
    }
    
    .control-section[b-li4keiom37] {
        padding: 0.5rem;
    }
    
    .extraction-controls[b-li4keiom37] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .extraction-controls .k-button[b-li4keiom37] {
        width: 100%;
    }
} 
/* /Pages/Home.razor.rz.scp.css */
.custom-section-header[b-dtus3cg7xb] {
    background: var(--bs-light, #f8f9fa);
    border: 1px solid var(--bs-gray-300, #dee2e6);
    border-radius: 8px;
    padding: 0.75rem;
}

.build-section-header[b-dtus3cg7xb],
.execute-section-header[b-dtus3cg7xb] {
    background: var(--bs-light, #f8f9fa);
    border: 1px solid var(--bs-gray-300, #dee2e6);
    border-radius: 8px;
    padding: 0.75rem;
}

.edit-controls[b-dtus3cg7xb] {
    margin: 0;
    padding: 0;
    margin-left: auto;
    column-gap: 10px;
    border-bottom: none;
}

.pbi-container[b-dtus3cg7xb] {
    width: 100%;
    height: 100%;
    position: relative;
}

.build-report-button[b-dtus3cg7xb],
.execute-report-button[b-dtus3cg7xb],
.custom-report-button[b-dtus3cg7xb] {
    background: var(--kendo-color-app-surface, #ffffff);
    border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));
    border-radius: 4px;
    padding: 4px 8px;
    min-width: 100px;
    max-width: 160px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    position: relative;
    overflow: hidden;
    font-size: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    line-height: 1;
    outline: none;
}

.build-report-button:hover[b-dtus3cg7xb],
.execute-report-button:hover[b-dtus3cg7xb],
.custom-report-button:hover[b-dtus3cg7xb] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 10%, transparent);
    border-color: var(--kendo-color-primary, #0d6efd);
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 5%, var(--kendo-color-app-surface, #ffffff));
}

.build-report-button.active[b-dtus3cg7xb],
.execute-report-button.active[b-dtus3cg7xb],
.custom-report-button.active[b-dtus3cg7xb] {
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 15%, var(--kendo-color-app-surface, #ffffff));
    border-color: var(--kendo-color-primary, #0d6efd);
    color: var(--kendo-color-primary, #0d6efd);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 15%, transparent);
    font-weight: 600;
    outline: none;
}

.build-report-button.active[b-dtus3cg7xb]::before,
.execute-report-button.active[b-dtus3cg7xb]::before,
.custom-report-button.active[b-dtus3cg7xb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--kendo-color-primary, #0d6efd);
}

.report-title[b-dtus3cg7xb] {
    font-weight: 600;
    font-size: 10px;
    margin-bottom: 1px;
    color: inherit;
    line-height: 1.1;
    display: block;
}

.report-description[b-dtus3cg7xb] {
    font-size: 8px;
    opacity: 0.8;
    line-height: 1.1;
    color: inherit;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.report-category[b-dtus3cg7xb] {
    font-size: 7px;
    background: color-mix(in srgb, var(--kendo-color-border, rgba(33, 37, 41, 0.13)) 30%, transparent);
    padding: 1px 4px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 2px;
    font-weight: 500;
    color: var(--kendo-color-subtle, #596169);
}

.build-report-button.active .report-category[b-dtus3cg7xb],
.execute-report-button.active .report-category[b-dtus3cg7xb],
.custom-report-button.active .report-category[b-dtus3cg7xb] {
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 20%, transparent);
    color: var(--kendo-color-primary, #0d6efd);
}

.edit-toggle[b-dtus3cg7xb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-section-header[b-dtus3cg7xb],
    .build-section-header[b-dtus3cg7xb],
    .execute-section-header[b-dtus3cg7xb] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    
    .custom-reports-navigation[b-dtus3cg7xb],
    .build-reports-navigation[b-dtus3cg7xb],
    .execute-reports-navigation[b-dtus3cg7xb] {
        width: 100%;
    }
    
    .edit-controls[b-dtus3cg7xb] {
        margin-left: 0 !important;
    }
    
    .build-report-button[b-dtus3cg7xb],
    .execute-report-button[b-dtus3cg7xb],
    .custom-report-button[b-dtus3cg7xb] {
        min-width: 80px;
        max-width: 120px;
        padding: 3px 6px;
    }
}

@media (max-width: 576px) {
    .custom-reports-navigation[b-dtus3cg7xb],
    .build-reports-navigation[b-dtus3cg7xb],
    .execute-reports-navigation[b-dtus3cg7xb] {
        flex-direction: column !important;
    }
    
    .build-report-button[b-dtus3cg7xb],
    .execute-report-button[b-dtus3cg7xb],
    .custom-report-button[b-dtus3cg7xb] {
        min-width: 100%;
        max-width: 100%;
    }
} 
/* /Pages/Identity/LoginPage.razor.rz.scp.css */
h4[b-f7zms4gx66] {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

p[b-f7zms4gx66] {
    color: #fff;
}

p a[b-f7zms4gx66] {
    color: #fff;
    text-decoration: underline;
}

.card[b-f7zms4gx66] {
    width: 400px;
}

.card button[b-f7zms4gx66] {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

img.imglogo[b-f7zms4gx66] {
    width: 140px;
}

.btn-primary[b-f7zms4gx66], [b-f7zms4gx66] .form-control {
    height: 36px;
}

[b-f7zms4gx66] ul.validation-errors {
    display: none;
}

[b-f7zms4gx66] .alert-danger {
    background: red;
    border: none;
    padding: 1px 5px;
}

[b-f7zms4gx66] .alert-danger p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
}

.btn-Microsoft[b-f7zms4gx66] {
    background: url(../images/microsoft.png) #fff;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 25%;
    height: auto;
    padding: 8px;
    margin: 0;
    width: 100%;
    border: 1px solid #0070ba;
    margin-top: 10px;
    color: #0070ba;
    font-weight: bold;
}

.btn-Microsoft:hover[b-f7zms4gx66] {
    background-color: #0070ba;
    color: #fff;
}

.login-container[b-f7zms4gx66] {
    background-color: rgb(255 255 255 / 85%);
    width: 450px;
}
.bg-login[b-f7zms4gx66] {
    background: url(images/Stegra-background.jpg) center bottom;
    background-size: cover;
}

.btn-Microsoft[b-f7zms4gx66] {
    background: url(images/Microsoft_box.png) #000000;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    font-weight: bold;
    color: #fff;
    border-color: transparent;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 15%;
    height: auto;
    padding: 8px;
    margin: 0;
}

    .btn-Microsoft:hover[b-f7zms4gx66] {
        background-color: #5A5A5A;
        color: #fff;
    }
/* /Pages/Identity/RequestAccess.razor.rz.scp.css */
.login-container[b-0z04piw7us] {
    background-color: rgb(255 255 255 / 85%);
    width: 100%;
    max-width: 500px;
    border-radius: 8px;
}

/* Ensure text is readable on the light background */
h3[b-0z04piw7us] {
    color: #000;
    font-weight: bold;
}

label[b-0z04piw7us] {
    color: #000;
    font-weight: 500;
}

.logo-spacing[b-0z04piw7us] {
    margin-bottom: 1rem !important; 
    margin-top: 1rem !important;
}
/* /Pages/MilestoneSummaryPage.razor.rz.scp.css */

.milestone-container[b-95tdeaqsf5] {
    margin: 0;
    width: 65%;
    overflow: auto;
}

.milestone-card[b-95tdeaqsf5] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    background: white;
}

.card-header .title[b-95tdeaqsf5] {
    font-size: 1rem;
    font-weight: bold;
    margin-right: 10px;
}

.card-header[b-95tdeaqsf5] {
    background: #f5f5f5;
    padding: 8px 12px;
    display: flex;
    align-items: center;
}

.progress-bar-container[b-95tdeaqsf5] {
    padding-left: 8px;
    padding-right: 8px;
    flex-wrap: wrap;
    width: 200px;
}



.card-content-container[b-95tdeaqsf5] {
    display: flex;
    padding: 12px;
    gap: 20px;
}

.table-section[b-95tdeaqsf5] {
    flex: 1 1 60%;
    padding-right: 12px;
}

.chart-section[b-95tdeaqsf5] {
    flex: 1 1 40%;
    min-width: 250px;
    padding: 25px 0 0;
}

.chart-container[b-95tdeaqsf5] {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.card-body[b-95tdeaqsf5] {
    padding: 0;
}

h5[b-95tdeaqsf5] {
    font-size: 0.9rem;
    font-weight: bold;
    margin: 10px 0 6px;
}

[b-95tdeaqsf5] .simple-table {
    width: 100%;
    border-collapse: collapse;
}

    [b-95tdeaqsf5] .simple-table th, [b-95tdeaqsf5] .simple-table td {
        border: 1px solid #e0e0e0;
        padding: 6px 8px;
        font-size: 0.85rem;
        text-align: left;
    }

    [b-95tdeaqsf5] .simple-table th {
        background: #3a3e54 !important;
        font-weight: bold;
        color: #fff;
    }

    [b-95tdeaqsf5] .simple-table td {
        background: white;
    }

    [b-95tdeaqsf5] .simple-table td.td-total {
        font-weight: bold;
        background: var(--kendo-color-primary-subtle, #e9ecef);
    }
[b-95tdeaqsf5] .simple-table th:nth-child(n+3), [b-95tdeaqsf5] .simple-table td:nth-child(n+3) {
    text-align: center;
}

[b-95tdeaqsf5] .simple-table th:last-child, [b-95tdeaqsf5] .simple-table td:last-child {
    width: 90px;
}
.badge-incomplete[b-95tdeaqsf5]::before {
    content: "✕ ";
}

.progress-bar-wrapper[b-95tdeaqsf5] {
    width: 100%;
    padding: 0 8px;
}

.full-width[b-95tdeaqsf5] {
    width: 100%;
}


[b-95tdeaqsf5] .k-chart-point > path {
    stroke: black !important;
    stroke-width: 2px !important;
}


[b-95tdeaqsf5] .improved-column-chart .k-chart-series rect {
    stroke: #000 !important;
    stroke-width: 2px !important;
    height: 100% !important;
    transform: translateY(0) scaleY(1) !important;
    transform-origin: bottom !important;
    vector-effect: non-scaling-stroke;
}


    [b-95tdeaqsf5] .improved-column-chart .k-chart-series rect[fill="#4e73df"],
    [b-95tdeaqsf5] .improved-column-chart .k-chart-series rect[fill="#1cc88a"] {
        height: var(--completion-percent) !important;
        transform: scaleY(1) translateY(calc(100% - var(--completion-percent))) !important;
    }


    [b-95tdeaqsf5] .improved-column-chart .k-chart-series rect[height="0%"] {
        height: 5px !important;
        transform: translateY(calc(100% - 5px)) !important;
    }

[b-95tdeaqsf5] .improved-column-chart .k-chart-label {
    font-size: 12px;
    font-weight: bold;
}

    [b-95tdeaqsf5] .improved-column-chart .k-chart-label[style*="translateY(0%)"] {
        transform: translateY(-15px) !important;
    }

.summary-table-section[b-95tdeaqsf5] {
    margin-top: 20px;
    width: 100%;
}

.text-muted[b-95tdeaqsf5] {
    color: #888;
}

.font-italic[b-95tdeaqsf5] {
    font-style: italic;
}

[b-95tdeaqsf5] .full-width {
    width: 100%;
}
.badge[b-95tdeaqsf5] {
    display: inline-block;
    padding: 2px 6px;
    margin-right: 6px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    border-radius: 12px;
    line-height: 1;
}

.badge-system[b-95tdeaqsf5] {
    background-color: #1976d2;
}

.badge-subsystem[b-95tdeaqsf5] {
    background-color: #388e3c;
}

.badge-tag[b-95tdeaqsf5] {
    background-color: #f57c00;
}

.tag-with-badge[b-95tdeaqsf5] {
    display: inline-flex !important;
    align-items: center;
    gap: 0 !important; 
}

    .tag-with-badge .color-dot[b-95tdeaqsf5] {
        margin-right: 2px !important; 
    }
.option-with-badge[b-95tdeaqsf5],
.tag-with-badge[b-95tdeaqsf5] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.color-dot[b-95tdeaqsf5] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

.dot-system[b-95tdeaqsf5] {
    background-color: #1976d2; 
}

.dot-subsystem[b-95tdeaqsf5] {
    background-color: #388e3c; 
}

.dot-tag[b-95tdeaqsf5] {
    background-color: #f57c00; 
}

.option-with-badge[b-95tdeaqsf5],
.tag-with-badge[b-95tdeaqsf5] {
    display: flex;
    align-items: center;
    gap: 6px;
}
[b-95tdeaqsf5] .color-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

[b-95tdeaqsf5] .dot-system {
    background-color: #1976d2;
}

[b-95tdeaqsf5] .dot-subsystem {
    background-color: #388e3c;
}

[b-95tdeaqsf5] .dot-tag {
    background-color: #f57c00;
}

/* Commenting out custom-multiselect styles to debug display issues
.custom-multiselect .k-chip-list {
    max-height: none !important;
    overflow-y: visible !important;
    flex-wrap: wrap !important;
    display: flex !important;
  
}
.custom-multiselect .k-input-values {
    max-height: none !important;
    overflow-y: visible !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    min-height: 38px !important;
    height: auto !important;
}

.custom-multiselect {
    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;
}

::deep .custom-multiselect .k-input {
    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;
}

::deep .custom-multiselect .k-multiselect-wrap {
    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;
    overflow: visible !important;
}

::deep .custom-multiselect .k-multiselect-wrap .k-input-values {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

::deep .custom-multiselect .k-chip {
    margin: 2px !important;
}

/* Force the dropdown popup to be visible */
[b-95tdeaqsf5] .custom-multiselect .k-list-container {
    max-height: 300px !important;
}

/* Ensure the input wrapper expands */
[b-95tdeaqsf5] .custom-multiselect .k-input-inner {
    min-height: 30px !important;
    height: auto !important;
}
*/[b-95tdeaqsf5]
/* /Pages/MOC/Forms/MocFormPage.razor.rz.scp.css */
[b-98d473wat5] .approval-btn {
    min-width: 150px;
    padding: 12px 24px;
    font-weight: 600;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

[b-98d473wat5] .approval-btn-approve {
    box-shadow: 0 4px 14px 0 rgba(0, 166, 81, 0.39);
}

.approval-btn-approve:hover[b-98d473wat5] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 166, 81, 0.23);
}
.mandatory-field[b-98d473wat5] {
    color: red !important;
}
[b-98d473wat5] .approval-btn-reject {
    border-width: 2px;
}

.approval-btn-reject:hover[b-98d473wat5] {
    background-color: #ffe6e6;
    transform: translateY(-1px);
}

[b-98d473wat5] .moc-actions-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-98d473wat5] .moc-action-item {
    background-color: #ebebeb;
    border-radius: 8px;
    padding: 16px;
    width: 100%;
    display: block;
}

[b-98d473wat5] .moc-add-action-container {
    background-color: #ebebeb;
    border-radius: 8px;
    padding: 16px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

[b-98d473wat5] .moc-action-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

[b-98d473wat5] .moc-action-number {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #28a745;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    flex-shrink: 0;
}

[b-98d473wat5] .cs-tabledetail {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    font-size: 13px;
}

[b-98d473wat5] .cs-tabledetail th {
    background-color: #5a6c7d;
    color: white;
    padding: 10px;
    text-align: left;
    font-weight: 600;
    border: 1px solid #ddd;
}

[b-98d473wat5] .cs-tabledetail td {
    padding: 10px;
    border: 1px solid #ddd;
}

[b-98d473wat5] .cs-tabledetail tbody tr:hover {
    background-color: #f9f9f9;
}

.column-gap20[b-98d473wat5] {
    gap: 20px;
}

[b-98d473wat5] .moc-action-item .flex.w-100,
[b-98d473wat5] .moc-action-item .flex.column-gap20 {
    flex-wrap: wrap;
    row-gap: 12px;
}

[b-98d473wat5] .moc-action-item .form-group {
    min-width: 220px;
    max-width: 360px;
}

[b-98d473wat5] .moc-action-item .form-group.flex-1 {
    flex: 0 0 auto;
}

[b-98d473wat5] .moc-action-item .form-group.moc-type-field {
    min-width: 160px;
    max-width: 220px;
}

[b-98d473wat5] .moc-action-item .form-group.moc-action-field {
    min-width: 220px;
    max-width: 280px;
}

[b-98d473wat5] .moc-title {
    white-space: nowrap;
}

[b-98d473wat5] .moc-signature-summary {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
}

[b-98d473wat5] .moc-signature-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

[b-98d473wat5] .moc-signature-item-title {
    font-size: 13px;
    font-weight: 600;
    color: #555;
}

[b-98d473wat5] .moc-approval-bar {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 16px;
    padding-bottom: 8px;
    margin-top: 8px;
    background-color: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

[b-98d473wat5] .form-headers {
    background-color: #f5f5f5;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

[b-98d473wat5] .header-approval {
    background-color: #5a6c7d;
    color: white;
}

[b-98d473wat5] .form-section {
    border: 1px solid #e0e0e0;
}

[b-98d473wat5] .cs-table {
    width: 100%;
    border-collapse: collapse;
}

[b-98d473wat5] .cs-table th,
[b-98d473wat5] .cs-table td {
    padding: 8px 12px;
    text-align: left;
    border: none;
}

[b-98d473wat5] .cs-table td:first-child {
    font-weight: 600;
    color: #666;
    width: 40%;
}

[b-98d473wat5] .approval-table tr:first-child th {
    border-bottom: none;
}

[b-98d473wat5] .badge {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

[b-98d473wat5] .badge-success {
    background-color: #84ca87;
    color: white;
}

[b-98d473wat5] .badge-secondary {
    background-color: #cfd0d1;
    color: #666;
}

[b-98d473wat5] .border-top-left-radius {
    border-top-left-radius: 8px;
}

[b-98d473wat5] .border-top-right-radius {
    border-top-right-radius: 8px;
}

[b-98d473wat5] .border-radius {
    border-radius: 8px;
}

[b-98d473wat5] .border-bottom {
    border-bottom: 1px solid #e0e0e0;
}

[b-98d473wat5] .import-preview-table .table-danger {
    background-color: #f8d7da !important;
}

[b-98d473wat5] .import-preview-table td {
    vertical-align: middle;
}

[b-98d473wat5] .import-preview-table .sticky-top {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #f8f9fa;
}

[b-98d473wat5] .error-cell {
    border-left: 3px solid #dc3545 !important;
}

[b-98d473wat5] .valid-cell {
    border-left: 3px solid #28a745 !important;
}
/* /Pages/MOC/MocPage.razor.rz.scp.css */
/* Status button styles */
[b-8kqv2h2cig] .state-draft .k-button {
    background-color: #ffe8e8 !important;
    color: #d9534f !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    border-color: #0000002b !important;
    box-shadow: none !important;
}

[b-8kqv2h2cig] .state-inprogress .k-button {
    background-color: #fff9e6 !important;
    border-color: #0000002b !important;
    color: #856404 !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    box-shadow: none !important;
}

[b-8kqv2h2cig] .state-completed {
    background-color: #d6ffd6 !important;
    border-color: #0000002b !important;
    color: #288f28 !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    box-shadow: none !important;
}

[b-8kqv2h2cig] .state-rejected {
    background-color: #ffe2b9 !important;
    border-color: #0000002b !important;
    color: #794700 !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    box-shadow: none !important;
}

[b-8kqv2h2cig] .state-cancelled {
    background-color: #e9ecef !important;
    border-color: #0000002b !important;
    color: #6c757d !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    box-shadow: none !important;
}

/* Selected states using .k-selected */
[b-8kqv2h2cig] .state-draft.k-selected {
    border: 1px solid #d9534f !important;
    background: #d9534f !important;
    color: #fff !important;
}

[b-8kqv2h2cig] .state-inprogress.k-selected {
    background: #ffc107 !important;
    color: #fff !important;
    border-color: #ffc107 !important;
}

[b-8kqv2h2cig] .state-completed.k-selected {
    border: #5cb85c !important;
    background: #5cb85c !important;
    color: #fff !important;
}

[b-8kqv2h2cig] .state-rejected.k-selected {
    border: #f0ad4e !important;
    background: #f0ad4e !important;
    color: #fff !important;
}

[b-8kqv2h2cig] .state-cancelled.k-selected {
    border: #6c757d !important;
    background: #6c757d !important;
    color: #fff !important;
}

[b-8kqv2h2cig] .state-draft:hover,
[b-8kqv2h2cig] .state-inprogress:hover,
[b-8kqv2h2cig] .state-completed:hover,
[b-8kqv2h2cig] .state-rejected:hover,
[b-8kqv2h2cig] .state-cancelled:hover {
    opacity: 0.7;
}

[b-8kqv2h2cig] .state-draft.k-selected:hover,
[b-8kqv2h2cig] .state-inprogress.k-selected:hover,
[b-8kqv2h2cig] .state-completed.k-selected:hover,
[b-8kqv2h2cig] .state-rejected.k-selected:hover,
[b-8kqv2h2cig] .state-cancelled.k-selected:hover {
    opacity: 0.9;
}
/* /Pages/NameMappingSettingPage.razor.rz.scp.css */
.p-3[b-y349rofpd8] {
    padding: 1rem;
}

.text-muted[b-y349rofpd8] {
    color: #6c757d;
}

.mb-3[b-y349rofpd8] {
    margin-bottom: 1rem;
}

.btn-save[b-y349rofpd8],
.btn-edit[b-y349rofpd8],
.btn-delete[b-y349rofpd8],
.btn-cancel[b-y349rofpd8] {
    padding: 0.5rem;
    margin: 0 0.25rem;
}

h3[b-y349rofpd8] {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
} 
/* /Pages/NCR/Forms/NCRExternalFormPage.razor.rz.scp.css */
h4[b-bxxm0gmwn7] {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

p[b-bxxm0gmwn7] {
    color: #fff;
}

    p a[b-bxxm0gmwn7] {
        color: #fff;
        text-decoration: underline;
    }

.card[b-bxxm0gmwn7] {
    width: 400px;
}

    .card button[b-bxxm0gmwn7] {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold;
        letter-spacing: 0.5px;
    }

img.imglogo[b-bxxm0gmwn7] {
    width: 140px;
}

.btn-primary[b-bxxm0gmwn7], [b-bxxm0gmwn7] .form-control {
    height: 36px;
}

[b-bxxm0gmwn7] ul.validation-errors {
    display: none;
}

[b-bxxm0gmwn7] .alert-danger {
    background: red;
    border: none;
    padding: 1px 5px;
}

    [b-bxxm0gmwn7] .alert-danger p {
        margin: 0;
        padding: 0;
        color: #fff;
        font-weight: bold;
    }

.btn-Microsoft[b-bxxm0gmwn7] {
    background: url(../images/microsoft.png) #fff;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 25%;
    height: auto;
    padding: 8px;
    margin: 0;
    width: 100%;
    border: 1px solid #0070ba;
    margin-top: 10px;
    color: #0070ba;
    font-weight: bold;
}

    .btn-Microsoft:hover[b-bxxm0gmwn7] {
        background-color: #0070ba;
        color: #fff;
    }

.login-container[b-bxxm0gmwn7] {
    background-color: rgb(255 255 255 / 85%);
    width: 450px;
}

.bg-login[b-bxxm0gmwn7] {
    background: url(images/Stegra-background.jpg) center bottom;
    background-size: cover;
}

/* /Pages/NCR/Forms/NCRForm/Components/_ImmediateActionTabComponent.razor.rz.scp.css */

/* /Pages/NCR/Forms/NCRForm/Components/_NcrAttachmentsComponent.razor.rz.scp.css */
.img-wrap-attachment[b-j0ttrb6nzj] {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 10px;
    border-top: 1px solid #d2dcf2;
    padding: 10px 0;
}
.form-img-preview[b-j0ttrb6nzj] {
	border-radius: 5px;
	padding: 2px;
	border: 1px solid #dedede;
	width: 45px;
	height: 45px;
	object-fit: cover;
}
[b-j0ttrb6nzj] .img-wrap-attachment button {
    height: unset;
    padding: 0;
    border: 0;
  }
/* /Pages/NCR/Forms/NCRForm/Components/_NcrStatusHistoryComponent.razor.rz.scp.css */

.timeline-label[b-n0pryl2v52] {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 100px;
}
.cs-milestone[b-n0pryl2v52] {
    display: flex;
    flex-direction: column;
}

.cs-milestone-point[b-n0pryl2v52] {
    display: flex;
    align-items: start;
    min-height: 80px;
    column-gap: 10px;
}

.cs-resource[b-n0pryl2v52] {
    width: calc(50% - 20px);
    word-break: break-word;
    text-align: right;
}

.cs-circle[b-n0pryl2v52] {
    width: 12px;
    height: 12px;
    border: 2px solid var(--kendo-color-on-primary, #d682fc);
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: relative;
}

.cs-activity[b-n0pryl2v52] {
    width: calc(50% - 20px);
}

.cs-divider[b-n0pryl2v52] {
    height: 100%;
    position: relative;
}

.cs-divider[b-n0pryl2v52]::before {
    content: "";
    background: #DFDFDF;
    position: absolute;
    top: 0;
    left: 5px;
    height: 100%;
    width: 2px;
    z-index: 0;
}
.cs-actionname[b-n0pryl2v52] {
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 500;
}
.cs-activitydate[b-n0pryl2v52] {
    font-size: 11px;
    color: #5C1C90;
    line-height: 1;
}
.cs-activityname[b-n0pryl2v52] {
    background: #f3d9ff;
    border-radius: 5px;
    padding: 4px;
    font-size: 11px;
}
.cs-milestone-point:last-child .cs-divider[b-n0pryl2v52]::before{
    display: none;
}
.cs-milestone-point:first-child .cs-circle[b-n0pryl2v52] {
    background: #b860ff;
    border-color: #b860ff;
}
.cs-milestone-point:first-child .cs-activityname[b-n0pryl2v52] {
    background: #b860ff;
    color: #fff;
}
/* /Pages/NCR/Forms/NCRForm/NCRFormPage.razor.rz.scp.css */
.text-red[b-91jtnbypxi] {
    color: red;
}

[b-91jtnbypxi] .btnAddRecipient {
    pointer-events: all;
    float: right;
}

[b-91jtnbypxi] .OriginatorForm .k-form-field {
    pointer-events: none;
}

[b-91jtnbypxi] .OriginatorForm .k-input,
[b-91jtnbypxi] .OriginatorForm .k-dropdownlist,
[b-91jtnbypxi] .OriginatorForm input,
[b-91jtnbypxi] .OriginatorForm .k-upload-button {
    background-color: #eee;
}

[b-91jtnbypxi] .verification-and-closeout-area .verification-and-closeout-field,
[b-91jtnbypxi] .verification-and-closeout-area .k-upload-button {
    pointer-events: none;
}

[b-91jtnbypxi] .verification-and-closeout-area input,
[b-91jtnbypxi] .verification-and-closeout-area .k-input {
    background-color: #eee;
}

/* Override to make the download button inside OriginatorForm clickable */
[b-91jtnbypxi] .OriginatorForm .btn-download-file {
    pointer-events: auto;
    background-color: initial; /* Add any additional styling here */
}

    /* Add hover styling for the download button */
    [b-91jtnbypxi] .OriginatorForm .btn-download-file:hover {
        background-color: #007bff; /* Example: Change background color on hover */
        color: white; /* Example: Change text color on hover */
        cursor: pointer; /* Change cursor to pointer */
        border: 1px solid #0056b3; /* Example: Add border on hover */
    }


/* Override to make the download button inside OriginatorForm clickable */
[b-91jtnbypxi] .verification-and-closeout-area .btn-download-file {
    pointer-events: auto;
    background-color: initial; /* Add any additional styling here */
}

    /* Add hover styling for the download button */
    [b-91jtnbypxi] .verification-and-closeout-area .btn-download-file:hover {
        background-color: #007bff; /* Example: Change background color on hover */
        color: white; /* Example: Change text color on hover */
        cursor: pointer; /* Change cursor to pointer */
        border: 1px solid #0056b3; /* Example: Add border on hover */
    }

[b-91jtnbypxi] .k-tabstrip-content {
    background-color: #ffffff !important;
}
/* /Pages/NCR/NcrMasterGridPage.razor.rz.scp.css */
.z-index-top[b-o2ktvxihpa] {
    z-index: 1000000;
}

.disabled-overlay[b-o2ktvxihpa] {
    position: relative;
}

    .disabled-overlay[b-o2ktvxihpa]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.1); /* Grayish overlay */
        pointer-events: none; /* Prevents interaction */
        z-index: 10;
    }

[b-o2ktvxihpa] .hideExpanderButton .k-hierarchy-cell .k-icon {
    display: none;
}

[b-o2ktvxihpa] .hideExpanderButton .k-hierarchy-cell {
    pointer-events: none;
}
/* /Pages/PermissionsDocumentationPage.razor.rz.scp.css */

.permissions-documentation-container[b-lrlnki2soi] {
    padding: 20px;
    max-width: 1600px;
    width: 1000px;
    margin: 0 auto;
}

.header-section[b-lrlnki2soi] {
    text-align: center;
    margin-bottom: 30px;
}

.sticky-header[b-lrlnki2soi] {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
    padding: 20px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.lead[b-lrlnki2soi] {
    font-size: 1.1em;
    color: #666;
    margin-top: 10px;
}

/* Search Styles */
.search-container[b-lrlnki2soi] {
    position: relative;
    max-width: 600px;
    margin: 20px auto;
}

.search-input[b-lrlnki2soi] {
    width: 100%;
    padding: 12px 45px 12px 20px;
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s;
}

    .search-input:focus[b-lrlnki2soi] {
        border-color: var(--kendo-color-primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--kendo-color-primary) 10%, transparent);
    }

.search-icon[b-lrlnki2soi] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #666;
}

.clear-search[b-lrlnki2soi] {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 18px;
    color: #666;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .clear-search:hover[b-lrlnki2soi] {
        background-color: #f0f0f0;
    }

/* Permission Selector Styles */
.permission-selector-container[b-lrlnki2soi] {
    max-width: 600px;
    margin: 15px auto;
}

.selector-wrapper[b-lrlnki2soi] {
    position: relative;
    display: flex;
    align-items: center;
}

.permission-selector[b-lrlnki2soi] {
    width: 100%;
    padding: 12px 45px 12px 20px;
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    background-color: white;
    appearance: none;
    cursor: pointer;
    transition: border-color 0.3s;
}

    .permission-selector:focus[b-lrlnki2soi] {
        border-color: #28a745;
        box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
    }

    .permission-selector:hover[b-lrlnki2soi] {
        border-color: #28a745;
    }

.selector-icon[b-lrlnki2soi] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #666;
    pointer-events: none;
}

.permission-selector optgroup[b-lrlnki2soi] {
    font-weight: bold;
    color: var(--kendo-color-primary);
    background-color: #f8f9fa;
    padding: 8px;
}

.permission-selector option[b-lrlnki2soi] {
    padding: 8px;
    color: #333;
    font-weight: normal;
}

.search-results-summary[b-lrlnki2soi] {
    margin-top: 10px;
    color: #666;
    font-style: italic;
}

/* Main Content Layout */
.main-content[b-lrlnki2soi] {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-top: 30px;
}

/* Navigation Sidebar */
.navigation-sidebar[b-lrlnki2soi] {
    position: sticky;
    top: 180px;
    width: 280px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    flex-shrink: 0;
}

.nav-header[b-lrlnki2soi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #dee2e6;
    background-color: #e9ecef;
    border-radius: 8px 8px 0 0;
}

    .nav-header h3[b-lrlnki2soi] {
        margin: 0;
        font-size: 1.1em;
    }

.nav-toggle[b-lrlnki2soi] {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    padding: 0;
    color: var(--kendo-color-primary);
}

.nav-content[b-lrlnki2soi] {
    padding: 10px 0;
}

.nav-item[b-lrlnki2soi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
}

    .nav-item:last-child[b-lrlnki2soi] {
        border-bottom: none;
    }

    .nav-item a[b-lrlnki2soi] {
        color: var(--kendo-color-primary);
        text-decoration: none;
        font-weight: 500;
        flex-grow: 1;
    }

        .nav-item a:hover[b-lrlnki2soi] {
            text-decoration: underline;
        }

.nav-count[b-lrlnki2soi] {
    color: #666;
    font-size: 0.9em;
}

/* Content Area */
.content-area[b-lrlnki2soi] {
    flex: 1;
    min-width: 0;
}

.permission-legend[b-lrlnki2soi] {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    scroll-margin-top: 200px;
}

.legend-grid[b-lrlnki2soi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.legend-item[b-lrlnki2soi] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.permission-badge[b-lrlnki2soi] {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

    .permission-badge.view[b-lrlnki2soi] {
        background-color: #28a745;
        color: white;
    }

    .permission-badge.add[b-lrlnki2soi] {
        background-color: var(--kendo-color-primary);
        color: white;
    }

    .permission-badge.edit[b-lrlnki2soi] {
        background-color: #ffc107;
        color: #333;
    }

    .permission-badge.delete[b-lrlnki2soi] {
        background-color: #dc3545;
        color: white;
    }

    .permission-badge.confirm[b-lrlnki2soi] {
        background-color: #6f42c1;
        color: white;
    }

/* Categories */
.permissions-grid[b-lrlnki2soi] {
    display: grid;
    gap: 30px;
}

.permission-category[b-lrlnki2soi] {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    scroll-margin-top: 200px;
}

.category-header[b-lrlnki2soi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.category-title[b-lrlnki2soi] {
    color: #333;
    font-size: 1.5em;
    border-bottom: 2px solid var(--kendo-color-primary);
    padding-bottom: 10px;
    margin: 0;
    flex-grow: 1;
}

.category-toggle[b-lrlnki2soi] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    color: var(--kendo-color-primary);
    margin-left: 15px;
}

.category-description[b-lrlnki2soi] {
    color: #666;
    margin-bottom: 20px;
    font-style: italic;
}

.permission-items[b-lrlnki2soi] {
    display: grid;
    gap: 20px;
}

.permission-item[b-lrlnki2soi] {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 6px;
    border-left: 4px solid var(--kendo-color-primary);
    scroll-margin-top: 200px;
}

.permission-header[b-lrlnki2soi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

    .permission-header h4[b-lrlnki2soi] {
        margin: 0;
        color: #333;
    }

.permission-key[b-lrlnki2soi] {
    background-color: #e9ecef;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #495057;
}

.permission-description[b-lrlnki2soi] {
    color: #666;
    margin-bottom: 15px;
}

.related-pages[b-lrlnki2soi] {
    margin-bottom: 15px;
}

    .related-pages ul[b-lrlnki2soi] {
        margin: 5px 0 0 20px;
        padding: 0;
    }

    .related-pages li[b-lrlnki2soi] {
        margin: 5px 0;
    }

    .related-pages a[b-lrlnki2soi] {
        color: var(--kendo-color-primary);
        text-decoration: none;
    }

        .related-pages a:hover[b-lrlnki2soi] {
            text-decoration: underline;
        }

.required-action[b-lrlnki2soi] {
    color: #666;
    font-size: 0.9em;
    font-style: italic;
}

.available-actions[b-lrlnki2soi] {
    margin-top: 10px;
}

.action-badges[b-lrlnki2soi] {
    display: flex;
    gap: 8px;
    margin-top: 5px;
    flex-wrap: wrap;
}

/* Search Results */
.search-results-container[b-lrlnki2soi] {
    display: grid;
    gap: 20px;
}

.search-result-item[b-lrlnki2soi] {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.search-result-category[b-lrlnki2soi] {
    color: var(--kendo-color-primary);
    font-weight: 600;
    font-size: 0.9em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.no-results[b-lrlnki2soi] {
    text-align: center;
    padding: 40px;
    color: #666;
}

    .no-results h4[b-lrlnki2soi] {
        margin-bottom: 10px;
        color: #333;
    }

.additional-info[b-lrlnki2soi] {
    margin-top: 40px;
    background-color: var(--kendo-color-primary-subtle, #fbf6ff);
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid var(--kendo-color-primary);
    scroll-margin-top: 200px;
}

    .additional-info h3[b-lrlnki2soi] {
        margin-top: 0;
        color: var(--kendo-color-primary-on-subtle, #333);
    }

    .additional-info ul[b-lrlnki2soi] {
        margin: 10px 0 0 20px;
        color: var(--kendo-color-primary-on-subtle, #333);
    }

    .additional-info li[b-lrlnki2soi] {
        margin: 8px 0;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .sticky-header[b-lrlnki2soi] {
        position: relative;
        top: auto;
        box-shadow: none;
        border-bottom: none;
    }

    .main-content[b-lrlnki2soi] {
        flex-direction: column;
        margin-top: 20px;
    }

    .navigation-sidebar[b-lrlnki2soi] {
        position: static;
        width: 100%;
        max-height: none;
        order: 2;
        margin-top: 20px;
    }

    .content-area[b-lrlnki2soi] {
        order: 1;
    }

    .legend-grid[b-lrlnki2soi] {
        grid-template-columns: 1fr;
    }

    .permission-header[b-lrlnki2soi] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .action-badges[b-lrlnki2soi] {
        flex-direction: column;
        align-items: flex-start;
    }

    .permission-selector[b-lrlnki2soi] {
        font-size: 14px;
    }

    .permission-legend[b-lrlnki2soi],
    .permission-category[b-lrlnki2soi],
    .permission-item[b-lrlnki2soi],
    .additional-info[b-lrlnki2soi] {
        scroll-margin-top: 20px;
    }
}
/* /Pages/PersonnelActiveSummaryPage.razor.rz.scp.css */

.personnel-container[b-7xqak3cq17] {
	padding: 20px;
}

.status-badge[b-7xqak3cq17] {
	padding: 3px 8px;
	border-radius: 12px;
	font-size: 0.8rem;
	font-weight: 500;
	text-transform: uppercase;
}

	.status-badge.active[b-7xqak3cq17] {
		background-color: #e6f7ee;
		color: #0d6832;
	}

	.status-badge.inactive[b-7xqak3cq17] {
		background-color: #fde8e8;
		color: #9e0b0f;
	}

.change-item[b-7xqak3cq17] {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}

	.change-item .name[b-7xqak3cq17] {
		font-weight: 500;
	}

	.change-item .change[b-7xqak3cq17] {
		font-size: 0.8rem;
		padding: 2px 6px;
		border-radius: 10px;
	}

		.change-item .change.activated[b-7xqak3cq17] {
			background-color: #e6f7ee;
			color: #0d6832;
		}

		.change-item .change.deactivated[b-7xqak3cq17] {
			background-color: #fde8e8;
			color: #9e0b0f;
		}

	.change-item .date[b-7xqak3cq17] {
		color: #666;
		font-size: 0.8rem;
	}

.summary-section[b-7xqak3cq17] {
	background-color: #f9f9f9;
	border-radius: 5px;
	padding: 15px;
}

.indicator[b-7xqak3cq17] {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #f44336;
	border-radius: 50%;
}

.non-d-status[b-7xqak3cq17] {
	background-color: #ffcdd2;
	color: white;
	padding: 2px 5px;
	border-radius: 3px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.k-grid td .non-d-status[b-7xqak3cq17] {
	margin: 2px;
	width: calc(100% - 10px);
}

.header-date-week[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
}

.header-day[b-7xqak3cq17] {
	font-weight: bold;
	font-size: 14px;
}

.header-weekday[b-7xqak3cq17] {
	font-size: 12px;
	color: #666;
}


.non-d-status[b-7xqak3cq17] {
	background-color: #ffcdd2;
	color: #d32f2f;
	width: 100%;
	text-align: center;
	border-radius: 3px;
	padding: 2px 0;
}

.table-scroll-container[b-7xqak3cq17] {
	overflow-x: auto;
	overflow-y: visible;
	width: 100%;
}

.grid-container[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
	min-height: 0; 
}


.full-height-grid[b-7xqak3cq17] {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.k-grid .k-grid-footer[b-7xqak3cq17] {
	margin-top: auto !important;
}

.k-grid-content[b-7xqak3cq17] {
	overflow-y: auto;
}

.status-badge[b-7xqak3cq17] {
	padding: 3px 8px;
	border-radius: 12px;
	font-size: 0.8rem;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	margin: 2px;
}

.flight-badge-incoming[b-7xqak3cq17] {
	background-color: #e3f2fd;
	color: #1976d2;
}

.flight-badge-outgoing[b-7xqak3cq17] {
	background-color: #fff8e1;
	color: #ff8f00;
}

.work-badge[b-7xqak3cq17] {
	background-color: #e8f5e9;
	color: #2e7d32;
}

.room-badge[b-7xqak3cq17] {
	background-color: #f3e5f5;
	color: #7b1fa2;
}
.Unallocated-badge[b-7xqak3cq17] {
	background-color: #ffebee;
	color: #7b1fa2;
}
.daytime-badge[b-7xqak3cq17] {
	background-color: #e1f5fe;
	color: #0277bd;
}


.cell-content[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.badge-group[b-7xqak3cq17] {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}


.flight-icon[b-7xqak3cq17] {
	margin-left: 4px;
	font-size: 0.9em;
}

.room-bed-container[b-7xqak3cq17] {
	background-color: #F5F5F5; 
	border-radius: 8px;
	padding: 4px;
	margin: 2px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.day-container[b-7xqak3cq17] {
	background-color: #E3F2FD; 
	border-radius: 8px;
	padding: 4px;
	margin-top: 4px;
	text-align: center;
}
.flight-info-item[b-7xqak3cq17] {
	display: block;
	width: 100%;
	text-align: center;
}
.flight-info-container[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px; 
}
.status-badge[b-7xqak3cq17] {
	font-size: 0.7rem; 
	padding: 2px 6px; 
}

.flight-info-item[b-7xqak3cq17] {
	font-size: 0.8rem; 
}

.room-bed-container[b-7xqak3cq17] {
	font-size: 0.75rem; 
}

.day-container[b-7xqak3cq17] {
	font-size: 0.75rem; 
}
.cell-content[b-7xqak3cq17] {
	max-width: 100%;
	word-wrap: break-word; 
}

.status-badge[b-7xqak3cq17] {
	max-width: 100%;
	white-space: normal;
}

.room-bed-container[b-7xqak3cq17] {
	max-width: 100%;
	word-wrap: break-word;
}
.k-grid .k-grid-content[b-7xqak3cq17] {
	overflow-y: auto; 
}

.k-grid td[b-7xqak3cq17] {
	max-width: 200px;
	text-overflow: ellipsis; 
	overflow: hidden; 
}

.flight-info-container[b-7xqak3cq17] {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 8px 12px; 
	border-radius: 12px; 
}

.flight-badge-incoming[b-7xqak3cq17], .flight-badge-outgoing[b-7xqak3cq17] {
	background-color: #e3f2fd;
	color: #1976d2;
	padding: 8px 12px;
	border-radius: 12px; 
	display: inline-block;
	text-align: center;
	width: auto;
}

.flight-badge-outgoing[b-7xqak3cq17] {
	background-color: #fff8e1;
	color: #ff8f00;
}
.flight-badge-incoming[b-7xqak3cq17], .flight-badge-outgoing[b-7xqak3cq17] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px; 
	border-radius: 12px;
}
.flight-info-container[b-7xqak3cq17] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 12px;
}
.status-badge[b-7xqak3cq17] {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.7rem; 
	padding: 2px 6px; 
	margin: 0; 
}

.cell-content[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.day-container[b-7xqak3cq17] {
	background-color: #E3F2FD; 
	border-radius: 8px;
	padding: 2px 6px; 
	margin-top: 2px; 
	text-align: center;
}
.status-badge[b-7xqak3cq17] {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.7rem;
	padding: 2px 6px; 
	margin: 0;
	width: 100%; 
	text-align: center; 
}

.cell-content[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center; 
	gap: 2px; 
	justify-content: center;
}

.day-container[b-7xqak3cq17] {
	background-color: #E3F2FD; 
	border-radius: 8px;
	padding: 2px 6px;
	margin-top: 2px;
	text-align: center;
	display: flex; 
	justify-content: center;
	align-items: center; 
	width: 100%; 
}
.button-section[b-7xqak3cq17] {
	display: flex;
	justify-content: flex-end;
	padding: 36px 0 0 0;
}

.window-container[b-7xqak3cq17] {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
}


.user-info[b-7xqak3cq17] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.user-icon[b-7xqak3cq17] {
	width: 24px;
	height: 24px;
}

.user-name[b-7xqak3cq17] {
	font-weight: bold;
	font-size: 1.1rem;
}


.date-picker-group[b-7xqak3cq17] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.date-picker-item[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}


.daytime-toggle[b-7xqak3cq17] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0;
}


.bed-selection[b-7xqak3cq17] {
	margin-top: 10px;
}

.button-container[b-7xqak3cq17] {
	margin-top: auto;
	display: flex;
	justify-content: flex-end;
	padding-top: 20px;
}

.save-button[b-7xqak3cq17] {
	min-width: 120px;
}

.k-label[b-7xqak3cq17] {
	font-weight: 500;
	margin-bottom: 4px;
}

.k-window-content[b-7xqak3cq17] {
	padding: 0 !important;
}
.nighttime-badge[b-7xqak3cq17] {
	background-color: #2c3e50; 
	color: #ecf0f1; 
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 0.8em;
	font-weight: bold;
}

.daytime-badge[b-7xqak3cq17] {
	background-color: #f39c12;
	color: #fff; 
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 0.8em;
	font-weight: bold;
}
.k-grid th[b-7xqak3cq17] {
	text-align: center;
}

.header-date-week[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	height: 100%;
}

.header-month[b-7xqak3cq17], .header-day[b-7xqak3cq17], .header-weekday[b-7xqak3cq17] {
	text-align: center;
	width: 100%;
}
 
/* /Pages/ProgressItemFormPage.razor.rz.scp.css */
.progress-container[b-hpyxbkbx1x] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
}
.form-container[b-hpyxbkbx1x] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.checklist-container[b-hpyxbkbx1x] {
    margin-top: 2rem;
}

.section-container[b-hpyxbkbx1x] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.section-header[b-hpyxbkbx1x] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.step-item[b-hpyxbkbx1x] {
    transition: background-color 0.2s;
}

    .step-item:hover[b-hpyxbkbx1x] {
        background-color: #f8f9fa;
    }

.signed-info[b-hpyxbkbx1x] {
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.main-wrapper[b-hpyxbkbx1x] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.sidebar[b-hpyxbkbx1x] {
    flex: 0 0 60%;
    max-width: 60%;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.progress-container[b-hpyxbkbx1x] {
    flex: 0 0 60%;
    max-width: 60%;
}

.main-wrapper[b-hpyxbkbx1x] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
}

/* /Pages/ProgressItemFormSummaryPage.razor.rz.scp.css */

.milestone-container[b-iane4qy3dr] {
    margin: 0;
    width: 65%;
    overflow: auto;
}

.milestone-card[b-iane4qy3dr] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    background: white;
}

.card-header .title[b-iane4qy3dr] {
    font-size: 1rem;
    font-weight: bold;
    margin-right: 10px;
}

.card-header[b-iane4qy3dr] {
    background: #f5f5f5;
    padding: 8px 12px;
    display: flex;
    align-items: center;
}

.progress-bar-container[b-iane4qy3dr] {
    padding-left: 8px;
    padding-right: 8px;
    flex-wrap: wrap;
    width: 200px;
}



.card-content-container[b-iane4qy3dr] {
    display: flex;
    flex-direction: column; 
    gap: 20px;
}

.table-section[b-iane4qy3dr] {
    flex: 1 1 60%;
    padding-right: 12px;
}

.chart-section[b-iane4qy3dr] {
    flex: 1 1 40%;
    min-width: 250px;
    padding: 25px 0 0;
}

.card-body[b-iane4qy3dr] {
    padding: 0;
}

h5[b-iane4qy3dr] {
    font-size: 0.9rem;
    font-weight: bold;
    margin: 10px 0 6px;
}

[b-iane4qy3dr] .simple-table {
    width: 100%;
    border-collapse: collapse;
}

    [b-iane4qy3dr] .simple-table th, [b-iane4qy3dr] .simple-table td {
        border: 1px solid #e0e0e0;
        padding: 6px 8px;
        font-size: 0.85rem;
        text-align: left;
    }

    [b-iane4qy3dr] .simple-table th {
        background: #3a3e54 !important;
        font-weight: bold;
        color: #fff;
    }

    [b-iane4qy3dr] .simple-table td {
        background: white;
    }

    [b-iane4qy3dr] .simple-table td.td-total {
        font-weight: bold;
        background: var(--kendo-color-primary-subtle, #e9ecef);
    }
[b-iane4qy3dr] .simple-table th:nth-child(n+3), [b-iane4qy3dr] .simple-table td:nth-child(n+3) {
    text-align: center;
}

[b-iane4qy3dr] .simple-table th:last-child, [b-iane4qy3dr] .simple-table td:last-child {
    width: 90px;
}
.badge-incomplete[b-iane4qy3dr]::before {
    content: "✕ ";
}

.progress-bar-wrapper[b-iane4qy3dr] {
    width: 100%;
    padding: 0 8px;
}

.full-width[b-iane4qy3dr] {
    width: 100%;
}


[b-iane4qy3dr] .k-chart-point > path {
    stroke: black !important;
    stroke-width: 2px !important;
}


[b-iane4qy3dr] .improved-column-chart .k-chart-series rect {
    stroke: #000 !important;
    stroke-width: 2px !important;
    height: 100% !important;
    transform: translateY(0) scaleY(1) !important;
    transform-origin: bottom !important;
    vector-effect: non-scaling-stroke;
}


    [b-iane4qy3dr] .improved-column-chart .k-chart-series rect[fill="#4e73df"],
    [b-iane4qy3dr] .improved-column-chart .k-chart-series rect[fill="#1cc88a"] {
        height: var(--completion-percent) !important;
        transform: scaleY(1) translateY(calc(100% - var(--completion-percent))) !important;
    }


    [b-iane4qy3dr] .improved-column-chart .k-chart-series rect[height="0%"] {
        height: 5px !important;
        transform: translateY(calc(100% - 5px)) !important;
    }

[b-iane4qy3dr] .improved-column-chart .k-chart-label {
    font-size: 12px;
    font-weight: bold;
}

    [b-iane4qy3dr] .improved-column-chart .k-chart-label[style*="translateY(0%)"] {
        transform: translateY(-15px) !important;
    }

.summary-table-section[b-iane4qy3dr] {
    margin-top: 20px;
    width: 100%;
}

.text-muted[b-iane4qy3dr] {
    color: #888;
}

.font-italic[b-iane4qy3dr] {
    font-style: italic;
}

[b-iane4qy3dr] .full-width {
    width: 100%;
}
/* /Pages/ProgressPointSummaryPage.razor.rz.scp.css */
[b-jilj18074w] body,
[b-jilj18074w] html {
    overflow-x: hidden !important;
}

.categories-container[b-jilj18074w] {
    height: calc(100vh - 200px);
    overflow-x: hidden !important;
    overflow-y: auto;
    width: 100%;
}

.category-section[b-jilj18074w] {
    margin-bottom: 1rem;
    overflow-x: hidden !important;
    width: 100%;
}

.category-section:not(:last-child)[b-jilj18074w] {
    border-bottom: 2px solid #dee2e6;
    padding-bottom: 1rem;
}

.category-splitter[b-jilj18074w] {
    height: 500px;
    overflow-x: hidden !important;
    width: 100%;
}

.pie-chart-container[b-jilj18074w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.pie-chart-container[b-jilj18074w]  .k-chart {
    height: 400px !important;
    width: 100% !important;
}

.grid-container[b-jilj18074w] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.grid-container[b-jilj18074w]  .k-grid {
    width: 100%;
    height: 100%;
}

.grid-container[b-jilj18074w]  .k-grid-content {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.grid-container[b-jilj18074w]  .k-grid-header-wrap {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

[b-jilj18074w] .custom-progressbar .k-progressbar-value {
    background-color: var(--progressbar-color, #0d6efd) !important;
}

/* /Pages/SemanticQuery.razor.rz.scp.css */
/* chart action button */
.message-actions[b-vi74k4wcmd] { margin-top: 6px; }
.chart-button[b-vi74k4wcmd] { padding: 2px 6px; }
.chart-button .k-svg-icon[b-vi74k4wcmd] { width: 16px; height: 16px; }

/* speech-to-text and send button styling */
.chat-input-buttons[b-vi74k4wcmd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Markdown table styling */
.markdown-body table[b-vi74k4wcmd] { border-collapse: collapse; width: 100%; margin: 8px 0; }
.markdown-body th[b-vi74k4wcmd], .markdown-body td[b-vi74k4wcmd] { border: 1px solid #e5e7eb; padding: 6px 8px; text-align: left; }
.markdown-body thead th[b-vi74k4wcmd] { background: #f9fafb; font-weight: 600; }
.markdown-body tr:nth-child(even)[b-vi74k4wcmd] { background: #fafafa; }

/* normalize markdown spacing */
.markdown-body > :last-child[b-vi74k4wcmd] { margin-bottom: 0 !important; }

/* existing styles */
.chat-input-wrapper[b-vi74k4wcmd] {
	position: relative;
}

.chat-input-textarea[b-vi74k4wcmd] {
	padding-right: 52px; /* ensure button space */
}

.chat-send-button[b-vi74k4wcmd] {
	position: absolute !important;
	right: 8px;
	bottom: 8px;
	width: 38px;
	height: 38px;
	min-width: 38px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.chat-widget[b-vi74k4wcmd] {
    position: fixed;
    top: 44px;
    right: 10px;
    width: 350px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}
.chat-widget.docked[b-vi74k4wcmd] {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-height: unset;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
}

.chat-widget.docked .chat-header[b-vi74k4wcmd] {
    border-radius: 0;
}

.chat-widget.docked .chat-body[b-vi74k4wcmd] {
    flex: 1;
}

.chat-widget.collapsed[b-vi74k4wcmd] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.chat-widget.collapsed .chat-header[b-vi74k4wcmd] {
    padding: 0;
    border-radius: 50%;
    justify-content: center;
    transition: border-radius 0.3s ease;
}

.chat-widget.collapsed[b-vi74k4wcmd]  .toggle-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
    transition: transform 0.3s ease;
}

.chat-header[b-vi74k4wcmd] {
    padding: 8px 15px;
    background-color: var(--kendo-color-primary, #0d6efd);
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-radius 0.3s ease;
}

.chat-body[b-vi74k4wcmd] { padding: 15px; overflow: hidden; flex: 1; transition: opacity 0.3s ease; display: flex; flex-direction: column; }

.chat-widget.collapsed .chat-body[b-vi74k4wcmd] {
    opacity: 0;
}

.chat-history[b-vi74k4wcmd] { 
    flex: 1 1 auto; 
    overflow-y: auto; 
    padding: 8px 0;
}

.chat-input-area[b-vi74k4wcmd] { margin-top: auto; padding-top: 8px; }

/* Message grouping */
.message-group[b-vi74k4wcmd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

/* User message bubble - ChatGPT style, right-aligned, primary color */
.user-message-bubble[b-vi74k4wcmd] {
    display: flex;
    justify-content: flex-end;
    margin-left: 20%;
}

.user-message-bubble .message-content[b-vi74k4wcmd] {
    background: var(--kendo-color-primary, #0d6efd);
    color: var(--kendo-color-on-primary, #ffffff);
    padding: 12px 16px;
    border-radius: 18px 18px 4px 18px;
    max-width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* AI message bubble - ChatGPT style, left-aligned, grey */
.ai-message-bubble[b-vi74k4wcmd] {
    display: flex;
    justify-content: flex-start;
    margin-right: 20%;
}

.ai-message-bubble .message-content[b-vi74k4wcmd] {
    background: #f1f3f4;
    color: #202124;
    padding: 12px 16px;
    border-radius: 18px 18px 18px 4px;
    max-width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e8eaed;
}

[b-vi74k4wcmd] .toggle-button {
    padding: 4px 8px;
    min-width: auto;
}

/* Charts pane styling for splitter */
.charts-pane[b-vi74k4wcmd] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.charts-pane-header[b-vi74k4wcmd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    border-bottom: 1px solid #eef0f4;
    background: #fafafa;
    border-radius: 6px 6px 0 0;
    height: 40px;
    flex-shrink: 0;
}

.charts-pane-actions[b-vi74k4wcmd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.charts-pane-body[b-vi74k4wcmd] {
    overflow: auto;
    padding: 8px 10px;
    flex: 1;
}

.charts-pane-collapsed[b-vi74k4wcmd] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
}

.charts-pane-collapsed .charts-pane-header[b-vi74k4wcmd] {
    padding: 6px 10px;
    background: #fafafa;
    border-radius: 6px;
}

/* Legacy styles - keep for backwards compatibility but hide */
.result-container[b-vi74k4wcmd] { display: none; }
.user-message[b-vi74k4wcmd] { display: none; }
.response-message[b-vi74k4wcmd] { display: none; }

.empty-state[b-vi74k4wcmd] { display: flex; align-items: center; justify-content: center; padding: 16px 0; }
.empty-card[b-vi74k4wcmd] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 32px; border: 1px dashed #d9d9d9; border-radius: 8px; color: #757575; background: #fafafa; max-width: 560px; width: 100%; }
.empty-icon[b-vi74k4wcmd] { pointer-events: none; }
.empty-emoji[b-vi74k4wcmd] { font-size: 28px; }
.empty-title[b-vi74k4wcmd] { font-size: 16px; font-weight: 600; color: #777; }
.empty-subtitle[b-vi74k4wcmd] { font-size: 12px; color: #9e9e9e; }

.suggestions[b-vi74k4wcmd] { margin-top: 16px; text-align: center; }
.suggestions-title[b-vi74k4wcmd] { font-size: 13px; font-weight: 600; color: #444; margin-bottom: 12px; }
.suggestions-list[b-vi74k4wcmd] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; justify-content: center; width: 100%; max-width: 560px; }
.suggestion-card[b-vi74k4wcmd] { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 8px; border: 1px solid #e5e7eb; background: #fff; cursor: pointer; text-align: left; transition: box-shadow .15s ease, transform .05s ease, border-color .15s ease; }
.suggestion-card:hover[b-vi74k4wcmd] { box-shadow: 0 2px 10px rgba(0,0,0,.06); border-color: #d8dce3; }
.suggestion-card:active[b-vi74k4wcmd] { transform: translateY(1px); }
.suggestion-icon[b-vi74k4wcmd] { color: var(--kendo-color-primary, #0d6efd); display:flex; align-items:center; }
.suggestion-text[b-vi74k4wcmd] { display:flex; flex-direction:column; line-height: 1.2; }
.suggestion-title[b-vi74k4wcmd] { font-size: 13px; font-weight: 600; color: #222; }
.suggestion-subtitle[b-vi74k4wcmd] { font-size: 12px; color: #666; }

.suggestions-more[b-vi74k4wcmd] { margin-top: 8px; text-align:center; }
.suggestions-more-btn[b-vi74k4wcmd] { font-size: 12px; }

.empty-state > .suggestions[b-vi74k4wcmd] { display: flex; flex-direction: column; align-items: center; }


/* /Pages/SheetFormPage.razor.rz.scp.css */
[b-908kpy0zqu] .cs-radio-h label.k-radio-label {
    display: none;
}
td.cs-checkcolumn[b-908kpy0zqu] {
    padding: 0 !important;
}
[b-908kpy0zqu] .cs-radio-h {
    gap: 0;
}
[b-908kpy0zqu] .cs-radio-h li.k-radio-list-item {
    min-width:59px;
    justify-content: center;
}
[b-908kpy0zqu] .cs-radio-h .k-radio {
    width: 25px;
    height: 25px;
}
.cs-table th[b-908kpy0zqu] {
    position: sticky;
    top: 0;
    z-index: 1;
}
.cs-table td[b-908kpy0zqu], .cs-table th[b-908kpy0zqu] {
    padding: 1px 10px;
}
[b-908kpy0zqu] .cs-table4 {
    min-width: 1200px;
}
[b-908kpy0zqu] .cs-table2 th {
    padding-top: 5px;
    padding-bottom: 5px;
}
[b-908kpy0zqu] textarea.k-input-inner{
    height: 30px
}

[b-908kpy0zqu] .cs-table4 th, [b-908kpy0zqu] .cs-table4 td {
    padding: 5px;
}
.cs-header-right[b-908kpy0zqu]{
    margin-left: auto;
}

.badge-primary[b-908kpy0zqu] {
    background-color: var(--kendo-color-kendo-color-primary-on-subtle, #007bff);
    color: white;
}

.badge-tertiary[b-908kpy0zqu] {
    background-color: var(--kendo-color-primary, #6f42c1);
    color: white;
}

@media(max-width:768px) {
    .cs-header-right[b-908kpy0zqu] {
        margin-left: 0;
    }
    .cs-backbtn[b-908kpy0zqu] {
        width: 25px;
        height: 25px;
    }

    h1[b-908kpy0zqu], h2[b-908kpy0zqu] {
        font-size: 13px;
    }

    h1:empty[b-908kpy0zqu] {
        display: none;
    }

    .cs-table2 tr td[b-908kpy0zqu] {
        border: unset;
        display: block;
        width: 100%;
        word-break: break-word;
        min-width: unset;
        padding: 0 10px;
    }

    .cs-table2 tr th[b-908kpy0zqu] {
        display: none;
    }

    [b-908kpy0zqu] .cs-table2 tr td .k-input {
        max-width: 100%;
        width: 100% !important;
    }

    .cs-table2 tr[b-908kpy0zqu] {
        display: block;
        width: 100%;
        border: 1px solid #ecf5ea;
        margin-top: -1px;
    }

    .cs-table2[b-908kpy0zqu] {
        display: block;
    }
    .item-no[b-908kpy0zqu] {
        background: #dbf1d5;
        width: 27px;
        min-width: 27px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        margin-right: 4px;
        border-radius: 50%;
        font-size: 15px;
        color: #3d3d3d;
    }
    .cs-table2 tr td:first-child[b-908kpy0zqu] {
        padding-top: 10px;
    }

    .cs-table2 tr td:last-child[b-908kpy0zqu] {
        padding-bottom: 10px;
    }

    [b-908kpy0zqu] td.cs-checkcolumn ul {
        text-align: center;
        margin: 0 auto;
        justify-content: center;
        padding: 5px 0;
    }
    [b-908kpy0zqu] .cs-table4 th, [b-908kpy0zqu] .cs-table4 td {
        font-size: 11px;
        padding: 1px 3px;
    }
    [b-908kpy0zqu] td.cs-checkcolumn ul li:first-child:after {
        content: "OK";
        display: block;
    }

    [b-908kpy0zqu] td.cs-checkcolumn ul li:nth-child(2):after {
        content: "NA";
        display: block;
    }

    [b-908kpy0zqu] td.cs-checkcolumn ul li:last-child:after {
        content: "PL";
        display: block;
    }
}
/* /Pages/SignatureMatrixPage.razor.rz.scp.css */
/* SignatureMatrixPage.razor.css */

/* Vertical header: rotate the header text 90 degrees */
.vertical-header[b-svn1wcti3z] {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    white-space: nowrap;
    display: inline-block; /* Use inline-block so it wraps just the text */
    padding: 2px 4px; /* Adjust padding as needed */
    margin: 0; /* Remove extra margins */
    line-height: normal; /* Use default line height */
}

/* Existing cell formatting */
.cell-matrix[b-svn1wcti3z] {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2px;
    font-weight: bold;
}

.cell-correct[b-svn1wcti3z] {
    background: rgb(114 220 91 / 70%);
    color: green;
}

.cell-incorrect[b-svn1wcti3z] {
    background: rgb(255 21 0 / 70%);
    color: red;
}

/* Reduce padding in grid header and content cells for skinny columns */
.telerik-grid .k-grid-header .k-header[b-svn1wcti3z],
.telerik-grid .k-grid-content td[b-svn1wcti3z] {
    padding: 0;
}
/* /Pages/SiteSettingPage.razor.rz.scp.css */
.k-form-hint[b-42xiibdwtf] {
	display: block;
	margin-top: 1em;
}

.demo-notification[b-42xiibdwtf] {
	position: absolute;
}

	.demo-notification .k-notification[b-42xiibdwtf] {
		width: 420px;
	}

#demo-runner[b-42xiibdwtf] {
	height: 400px;
}

.stock-info-message[b-42xiibdwtf] {
	font-size: 16px;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 5px;
	margin: 0;
}

.stock-info-time[b-42xiibdwtf] {
	padding-left: 6px;
	font-size: 13px;
	font-style: italic;
	text-align: right;
	margin: 3px;
}

.k-notification-container[b-42xiibdwtf] {
	margin: 6px 0;
}

.url-label[b-42xiibdwtf] {
	font-weight: 600;
	margin-bottom: 8px;
	display: block;
	color: #333;
}

.pretty-url-box[b-42xiibdwtf] {
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 12px 16px;
	font-size: 14px;
	word-break: break-all;
	color: #3a3a3a;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
	max-height: 80px;
	overflow-y: auto;
}

	.pretty-url-box:hover[b-42xiibdwtf] {
		border-color: #999;
		background-color: #f0f0f0;
	}
/* /Pages/SubSystemSummaryDetailPage.razor.rz.scp.css */
.value-space[b-co5lyufaja] {
    margin-right: 10px;
    min-width: 15px;
    display: inline-block;
}
.cs-table[b-co5lyufaja] {
    table-layout: fixed;
}
.cs-table-content-center th[b-co5lyufaja] {
    background: #d9d9d9;
    color: #000;
    border: 1px solid #eeeeee;
    font-weight: 500;
}
.cs-table-content-center td[b-co5lyufaja], .cs-table-content-center th[b-co5lyufaja] {
    text-align: center;
}
.cs-table th[b-co5lyufaja] {
    padding: 3px 10px;
}
th[b-co5lyufaja] {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
}
table[b-co5lyufaja] {
    text-indent: initial;
    border-spacing: 2px;
}
.cs-table td[b-co5lyufaja], .cs-table th[b-co5lyufaja] {
    padding: 0px 5px;
    border-color: rgba(33, 37, 41, .13);
    background: #fff;
}
.cs-table tr.cs-itrtr td:nth-child(n+2)[b-co5lyufaja] {
    background: var(--kendo-color-primary-subtle, #151515);
}
td.bg-incomplete[b-co5lyufaja] {
    background: var(--kendo-color-error, #151515) !important;
    color: #fff;
}
td.bg-complete[b-co5lyufaja] {
    background: var(--kendo-color-success, #151515) !important;
    color: #fff;
}
/* /Pages/SubSystemSummaryPage.razor.rz.scp.css */
.k-progressbar-horizontal[b-lq8naoelwy] {
    width: 60px !important;
    height: 16px;
    font-weight: bold;
    background-color: #e9ecef;
    border: 1px solid #bac1d7;
}
/* /Pages/TagTypeMatrixPage.razor.rz.scp.css */
/* TagTypeMatrixPage.razor.css */

/* Vertical header: rotate the header text 90 degrees */
.vertical-header[b-tfmufnq0dj] {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    white-space: nowrap;
    display: inline-block; /* Use inline-block so it wraps just the text */
    padding: 2px 4px; /* Adjust padding as needed */
    margin: 0; /* Remove extra margins */
    line-height: normal; /* Use default line height */
}

/* Existing cell formatting */
.cell-matrix[b-tfmufnq0dj] {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2px;
    font-weight: bold;
}

.fixed-filter[b-tfmufnq0dj] {
    flex: 1 1 0;
    min-width: 0;
}

.cell-correct[b-tfmufnq0dj] {
    background: rgb(114 220 91 / 70%);
    color: green;
}


.cell-incorrect[b-tfmufnq0dj] {
    background: rgb(255 21 0 / 70%);
    color: red;
}

/* Reduce padding in grid header and content cells for skinny columns */
.telerik-grid .k-grid-header .k-header[b-tfmufnq0dj],
.telerik-grid .k-grid-content td[b-tfmufnq0dj] {
    padding: 0;
}
.text-center[b-tfmufnq0dj] {
    text-align: center;
}
/* /Pages/TaskManagementPage.razor.rz.scp.css */

.full-width[b-jinatgihac] {
    width: 100%;
}

.pane-header[b-jinatgihac] {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
}

    .pane-header .title[b-jinatgihac] {
        font-size: 1rem;
        font-weight: bold;
        margin-right: 10px;
    }

.pane-title[b-jinatgihac] {
    font-size: 1.5rem;
    font-weight: bold;
    margin-right: 10px;
}
/* /Pages/UnifiedSearchPage.razor.rz.scp.css */
.ai-search-layout[b-lrf82mkii9] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    height: calc(100vh - 120px);
    padding: 16px;
}

/* ===== LEFT SIDEBAR ===== */
.search-sidebar[b-lrf82mkii9] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    overflow-y: auto;
    height: 100%;
}

.sidebar-header[b-lrf82mkii9] {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0e0e0;
}

.sidebar-title[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

/* Search Box Section */
.search-box-section[b-lrf82mkii9] {
    margin-bottom: 24px;
}

.search-label[b-lrf82mkii9] {
    display: block;
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    font-size: 14px;
}

.search-textarea[b-lrf82mkii9] {
    width: 100%;
    resize: vertical;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
    transition: border-color 0.3s;
}

.search-textarea:focus[b-lrf82mkii9] {
    border-color: #0078d4;
    outline: none;
}

.search-actions[b-lrf82mkii9] {
    margin-top: 12px;
}

/* Filters Section */
.filters-section[b-lrf82mkii9] {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 16px;
}

.filter-header[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #333;
    margin-bottom: 16px;
    font-size: 16px;
}

.filter-group[b-lrf82mkii9] {
    margin-bottom: 16px;
}

.filter-group:last-child[b-lrf82mkii9] {
    margin-bottom: 0;
}

.filter-label[b-lrf82mkii9] {
    display: block;
    font-weight: 500;
    color: #666;
    margin-bottom: 8px;
    font-size: 13px;
}

.results-input[b-lrf82mkii9] {
    width: 100%;
}

.filter-hint[b-lrf82mkii9] {
    font-size: 11px;
    color: #999;
    margin: 6px 0 0 0;
    font-style: italic;
}

.filter-checkbox-group[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.related-data-radio[b-lrf82mkii9] {
    margin-top: 8px;
}

.related-data-radio .k-radio-item[b-lrf82mkii9] {
    padding: 8px 0;
}

.filter-checkbox-row[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--kendo-color-base, #ffffff);
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));
}

.filter-checkbox-row:hover[b-lrf82mkii9] {
    border-color: var(--kendo-color-primary, #d682fc);
    box-shadow: 0 2px 4px color-mix(in srgb, var(--kendo-color-primary, #d682fc) 10%, transparent);
}

.filter-row-selected[b-lrf82mkii9] {
    background: var(--kendo-color-primary-subtle, #fbf6ff);
    border-color: var(--kendo-color-primary, #d682fc);
}

.filter-row-selected .filter-row-label[b-lrf82mkii9] {
    color: var(--kendo-color-primary, #d682fc);
    font-weight: 500;
}

.filter-row-content[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.filter-row-label-wrapper[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    flex: 1;
}

.filter-row-label[b-lrf82mkii9] {
    font-size: 14px;
    color: var(--kendo-color-on-app-surface, #212529);
    font-weight: 400;
}

.filter-count-badge[b-lrf82mkii9] {
    font-size: 14px;
    font-weight: 600;
    color: var(--kendo-color-subtle, #596169);
    min-width: 30px;
    text-align: right;
}

.filter-row-selected .filter-count-badge[b-lrf82mkii9] {
    color: var(--kendo-color-primary, #d682fc);
}

/* ===== RIGHT CONTENT ===== */
.search-content[b-lrf82mkii9] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 40px 20px;
    overflow-y: auto;
    height: 100%;
    display: block;
    width: 100%;
    min-width: 0;
}

/* Loading State */
.loading-state[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
}

.loading-text[b-lrf82mkii9] {
    font-size: 18px;
    color: #666;
    font-weight: 500;
}

/* Welcome State */
.welcome-state[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #999;
}

.welcome-state h3[b-lrf82mkii9] {
    margin-top: 24px;
    font-size: 28px;
    color: #333;
}

.welcome-state p[b-lrf82mkii9] {
    font-size: 16px;
    max-width: 500px;
}

/* Empty State */
.empty-state[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #999;
}

.empty-state h3[b-lrf82mkii9] {
    margin-top: 24px;
    font-size: 24px;
    color: #333;
}

.empty-state p[b-lrf82mkii9] {
    font-size: 16px;
}

/* Results Summary */
.results-summary[b-lrf82mkii9] {
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0e0e0;
}

.results-summary h3[b-lrf82mkii9] {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin: 0 0 8px 0;
}

.results-summary p[b-lrf82mkii9] {
    font-size: 16px;
    color: #666;
    margin: 0;
}

/* Results Section */
.results-section[b-lrf82mkii9] {
    margin-bottom: 48px;
}

.section-header[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e0e0e0;
}

.section-header h4[b-lrf82mkii9] {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

/* Image Grid */
.results-grid[b-lrf82mkii9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 18px;
    align-items: start;
    grid-auto-flow: dense; /* pack items tightly */
    width: 100%;
}

.result-card[b-lrf82mkii9] {
    position: relative;
    background: #fff;
    border-radius: 12px;
    overflow: visible;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;
}

.result-card:hover[b-lrf82mkii9] {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 12px 36px rgba(0,0,0,0.18);
    border-color: rgba(0,0,0,0.06);
}

/* Image Card */
.image-card .card-image[b-lrf82mkii9] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10; /* wider landscape tiles for gallery feel */
    overflow: visible;
    background: linear-gradient(180deg,#f5f5f5,#ececec);
    border-radius: 12px 12px 0 0;
}

.image-card .card-image img[b-lrf82mkii9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
    border-radius: 12px 12px 0 0;
}

.result-card:hover .card-image img[b-lrf82mkii9] {
    transform: scale(1.03);
}

/* Title overlay pinned to bottom of tile */
.card-content[b-lrf82mkii9] {
    padding: 12px 14px;
    margin-top: auto; /* ensure content sticks to bottom if image doesn't fill */
}

.card-title[b-lrf82mkii9] {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* confidence badge as small pill */
.card-overlay[b-lrf82mkii9] {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
}

.confidence-badge[b-lrf82mkii9] {
    background: rgba(0, 120, 212, 0.95);
    color: white;
    padding: 6px 10px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 700;
}

/* Document List */
.results-list[b-lrf82mkii9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
    width: 100%;
}

.doc-card[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    min-height: 120px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.doc-icon[b-lrf82mkii9] { color: #0078d4; }

/* Detail Dialog */
.detail-layout[b-lrf82mkii9] {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 24px;
    height: 100%;
}

.detail-preview[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: visible;
    position: relative;
    padding: 16px;
}

.preview-container[b-lrf82mkii9] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 200px;
}

.detail-preview img[b-lrf82mkii9] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.linked-item-badge[b-lrf82mkii9] {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    pointer-events: none;
    width: auto;
}

.file-icon-large[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: #999;
    width: 100%;
    height: 100%;
    position: relative;
}

.file-type-label[b-lrf82mkii9] {
    font-size: 20px;
    font-weight: 600;
    color: #666;
}

.detail-info[b-lrf82mkii9] {
    overflow-y: auto;
    padding-right: 8px;
}

.detail-info h2[b-lrf82mkii9] {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0 0 12px 0;
}

.detail-description[b-lrf82mkii9] {
    font-size: 16px;
    color: #666;
    margin-bottom: 24px;
}

.detail-metadata[b-lrf82mkii9] {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
}

.metadata-row[b-lrf82mkii9] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

.metadata-row:last-child[b-lrf82mkii9] {
    border-bottom: none;
}

.metadata-row strong[b-lrf82mkii9] {
    color: #555;
    font-weight: 600;
}

.metadata-row span[b-lrf82mkii9] {
    color: #333;
}

.related-section[b-lrf82mkii9] {
    background: #fff8e1;
    border-left: 4px solid #ffa726;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.related-section h4[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0 0 12px 0;
}

.related-item p[b-lrf82mkii9] {
    font-size: 14px;
    color: #555;
    margin: 6px 0;
}

.related-item strong[b-lrf82mkii9] {
    color: #333;
}

.detail-actions[b-lrf82mkii9] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

/* Embedded Grid */
.embedded-grid[b-lrf82mkii9] {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 16px;
    overflow: hidden;
}


/* Right content stretches to use available space */
.search-content[b-lrf82mkii9] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 40px 20px;
    overflow-y: auto;
    height: 100%;
    display: block;
}

/* Responsive */
@media (max-width: 1200px) {
    .ai-search-layout[b-lrf82mkii9] {
        grid-template-columns: 1fr; /* stack sidebar above content on narrow screens */
    }

    .search-content[b-lrf82mkii9] {
        padding: 16px;
    }

    .detail-layout[b-lrf82mkii9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .results-grid[b-lrf82mkii9] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 12px;
    }

    .image-card .card-image[b-lrf82mkii9] {
        aspect-ratio: 4 / 3;
    }
}

/* /Pages/UserNotificationPage.razor.rz.scp.css */
/* Notification Cards */
.notification-card[b-mf4jjorxsk] {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #e9ecef;
}

/* ===== Top summary row: full-width 4-column horizontal grid with hover effects ===== */
.row.mb-4[b-mf4jjorxsk] {
    display: flex;
    width: 100%;
    gap: 16px;
}

.row.mb-4 > [class*='col-'][b-mf4jjorxsk] {
    flex: 1;
    padding: 0;
    min-width: 0;
}
.pending-list[b-mf4jjorxsk] {
    max-height: 320px;  
    overflow-y: auto;  
    overflow-x: hidden;  
    padding-right: 6px;   
    margin-bottom: 10px;  
}

    .pending-list[b-mf4jjorxsk]::-webkit-scrollbar {
        width: 6px;
    }

    .pending-list[b-mf4jjorxsk]::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 3px;
    }
.row.mb-4 .notification-card[b-mf4jjorxsk] {
    width: 100%;
    padding: 24px;
    min-height: 140px;
    transition: all 0.3s ease;
    will-change: transform, box-shadow, filter;
}

.row.mb-4 .notification-card:hover[b-mf4jjorxsk] {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
    filter: brightness(1.05);
    z-index: 10;
}

/* Responsive behavior for summary row */
@media (max-width: 992px) {
    .row.mb-4[b-mf4jjorxsk] {
        flex-wrap: wrap;
    }
    
    .row.mb-4 > [class*='col-'][b-mf4jjorxsk] {
        flex: 0 0 calc(50% - 8px);
        margin-bottom: 16px;
    }
}

@media (max-width: 576px) {
    .row.mb-4[b-mf4jjorxsk] {
        flex-direction: column;
    }
    
    .row.mb-4 > [class*='col-'][b-mf4jjorxsk] {
        flex: 1;
        margin-bottom: 16px;
    }
    
    .row.mb-4 > [class*='col-']:last-child[b-mf4jjorxsk] {
        margin-bottom: 0;
    }
}

/* System activity in right sidebar - compact styling */
.system-activity-grid.compact[b-mf4jjorxsk] {
    font-size: 0.85rem;
}

.system-activity-grid.compact .k-grid-table td[b-mf4jjorxsk] {
    padding: 6px 4px;
}

.system-activity-grid.compact .k-grid-table th[b-mf4jjorxsk] {
    padding: 8px 4px;
    font-size: 0.8rem;
}

.system-activity-grid.compact .badge.small[b-mf4jjorxsk] {
    font-size: 0.65rem;
    padding: 2px 6px;
}

/* Compact modules in right column */
.compact-module[b-mf4jjorxsk] {
    padding: 12px;
    margin-bottom: 8px;
}

.sidebar-title.compact[b-mf4jjorxsk] {
    font-size: 0.85rem;
    margin-bottom: 8px;
    padding: 6px 0;
}

.activity-item.mini[b-mf4jjorxsk] {
    padding: 6px 8px;
    margin-bottom: 4px;
}

.activity-date.mini[b-mf4jjorxsk] {
    min-width: 40px;
    font-size: 0.7rem;
    padding-right: 6px;
}

.activity-content.mini[b-mf4jjorxsk] {
    padding: 0 6px;
}

.activity-title.mini[b-mf4jjorxsk] {
    font-size: 0.8rem;
    margin: 0;
}

.signatory-item.mini[b-mf4jjorxsk] {
    padding: 4px 8px;
}

.signatory-type.mini[b-mf4jjorxsk] {
    font-size: 0.8rem;
}

.badge.mini[b-mf4jjorxsk] {
    font-size: 0.6rem;
    padding: 2px 4px;
}

.quick-action-list.compact[b-mf4jjorxsk] {
    gap: 4px;
}

.no-items-message.mini[b-mf4jjorxsk] {
    padding: 8px;
    font-size: 0.8rem;
}

/* Responsive layout for compact modules */
@media (max-width: 768px) {
    .compact-module .row[b-mf4jjorxsk] {
        flex-direction: column;
    }
    
    .compact-module .col-4[b-mf4jjorxsk] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }
}

@media (max-width: 768px) {
    .col-lg-6.col-xl-6[b-mf4jjorxsk] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

.notification-card:hover[b-mf4jjorxsk] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.notification-card.priority-high[b-mf4jjorxsk] {
    border-left: 4px solid #e74c3c;
    background: #fdf2f2;
}

.notification-card.priority-medium[b-mf4jjorxsk] {
    border-left: 4px solid #f39c12;
    background: #fdf9f0;
}

.notification-card.priority-low[b-mf4jjorxsk] {
    border-left: 4px solid #27ae60;
    background: #f1f8f4;
}

.notification-card.priority-info[b-mf4jjorxsk] {
    border-left: 4px solid #3498db;
    background: #f0f7ff;
}

.notification-card .notification-icon[b-mf4jjorxsk] {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #2c3e50;
}

.notification-card .notification-content h3[b-mf4jjorxsk] {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #2c3e50;
}

.notification-card .notification-content p[b-mf4jjorxsk] {
    font-size: 0.9rem;
    margin: 0;
    color: #7f8c8d;
    font-weight: 500;
}

/* Notification Sections */
.notification-section[b-mf4jjorxsk] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Sidebar Sections */
.sidebar-section[b-mf4jjorxsk] {
    padding: 15px;
    margin-bottom: 15px;
}

.sidebar-section .sidebar-content[b-mf4jjorxsk] {
    padding: 0;
}

.notification-category[b-mf4jjorxsk] {
    margin-bottom: 30px;
}

.category-header[b-mf4jjorxsk] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ecf0f1;
    display: flex;
    align-items: center;
}

.category-header .k-svg-icon[b-mf4jjorxsk] {
    margin-right: 8px;
}

/* Section Title Styling */
.section-title[b-mf4jjorxsk] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
}

.section-title.clickable[b-mf4jjorxsk] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.section-title.clickable:hover[b-mf4jjorxsk] {
    background: #e9ecef;
}

/* Sidebar Title Styling */
.sidebar-title[b-mf4jjorxsk] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 15px;
    padding: 10px 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.section-title.priority-high-border[b-mf4jjorxsk],
.sidebar-title.priority-high-border[b-mf4jjorxsk] {
    border-left: 4px solid #e74c3c;
}

.section-title.priority-medium-border[b-mf4jjorxsk],
.sidebar-title.priority-medium-border[b-mf4jjorxsk] {
    border-left: 4px solid #f39c12;
}

.section-title.priority-low-border[b-mf4jjorxsk],
.sidebar-title.priority-low-border[b-mf4jjorxsk] {
    border-left: 4px solid #27ae60;
}

.section-title.priority-info-border[b-mf4jjorxsk],
.sidebar-title.priority-info-border[b-mf4jjorxsk] {
    border-left: 4px solid #3498db;
}

.section-title .k-svg-icon[b-mf4jjorxsk],
.sidebar-title .k-svg-icon[b-mf4jjorxsk] {
    margin-right: 8px;
}

/* Compact Grid Styling */
.compact-grid[b-mf4jjorxsk] {
    font-size: 0.9rem;
}

.compact-grid .k-grid-table td[b-mf4jjorxsk] {
    padding: 8px 6px;
}

.compact-grid .k-grid-table th[b-mf4jjorxsk] {
    padding: 10px 6px;
    font-size: 0.85rem;
}

/* System Activity Grid */
.system-activity-grid[b-mf4jjorxsk] {
    font-size: 0.9rem;
}

.system-activity-content[b-mf4jjorxsk] {
    margin-top: 15px;
}

/* No Items Message */
.no-items-message[b-mf4jjorxsk] {
    text-align: center;
    padding: 40px;
    color: #7f8c8d;
    font-style: italic;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #dee2e6;
}

.no-items-message.compact[b-mf4jjorxsk] {
    padding: 20px 15px;
    font-size: 0.9rem;
}

.no-items-message .k-svg-icon[b-mf4jjorxsk] {
    font-size: 1.5rem;
    color: #27ae60;
}

/* Badge Styling */
.badge[b-mf4jjorxsk] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-warning[b-mf4jjorxsk] {
    background-color: #f39c12;
    color: white;
}

.badge-danger[b-mf4jjorxsk] {
    background-color: #e74c3c;
    color: white;
}

.badge-info[b-mf4jjorxsk] {
    background-color: #3498db;
    color: white;
}

.badge-primary[b-mf4jjorxsk] {
    background-color: #2c3e50;
    color: white;
}

.badge-secondary[b-mf4jjorxsk] {
    background-color: #6c757d;
    color: white;
}

/* Quick Action List */
.quick-action-list[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.quick-action-item[b-mf4jjorxsk] {
    width: 100%;
}

/* Quick Action Cards (Legacy - kept for compatibility) */
.quick-action-card[b-mf4jjorxsk] {
    background: white;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid #ecf0f1;
}

.quick-action-card:hover[b-mf4jjorxsk] {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}

.quick-action-card .k-svg-icon[b-mf4jjorxsk] {
    color: #3498db;
    margin-bottom: 15px;
}

.quick-action-card h5[b-mf4jjorxsk] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 10px;
}

.quick-action-card p[b-mf4jjorxsk] {
    color: #7f8c8d;
    margin-bottom: 20px;
}

/* Signatory Summary */
.signatory-summary[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.signatory-item[b-mf4jjorxsk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #3498db;
}

.signatory-type[b-mf4jjorxsk] {
    font-weight: 500;
    color: #2c3e50;
    font-size: 0.9rem;
}

.signatory-count .badge[b-mf4jjorxsk] {
    font-size: 0.7rem;
}

/* Grid Styling */
.k-grid-table[b-mf4jjorxsk] {
    border-collapse: separate;
    border-spacing: 0;
}

.k-grid-table td[b-mf4jjorxsk] {
    border-bottom: 1px solid #ecf0f1;
    padding: 12px 8px;
}

.k-grid-table th[b-mf4jjorxsk] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    color: #2c3e50;
}

/* Timeline Styling */
.k-timeline[b-mf4jjorxsk] {
    background: transparent;
}

.k-timeline-event[b-mf4jjorxsk] {
    margin-bottom: 20px;
}

.k-timeline-event-content[b-mf4jjorxsk] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-left: 4px solid #3498db;
}

/* Activity Timeline Styling */
.activity-timeline[b-mf4jjorxsk] {
    background: transparent;
}

.activity-timeline.compact[b-mf4jjorxsk] {
    margin: 0;
}

.activity-item[b-mf4jjorxsk] {
    display: flex;
    align-items: flex-start;
    padding: 15px;
    margin-bottom: 15px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #3498db;
    transition: all 0.2s ease;
}

.activity-item.compact[b-mf4jjorxsk] {
    padding: 10px 12px;
    margin-bottom: 8px;
    border-left-width: 3px;
}

.activity-item:hover[b-mf4jjorxsk] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateX(5px);
}

.activity-item.system-wide[b-mf4jjorxsk] {
    border-left: 4px solid #9b59b6;
    background: #fdfbfe;
    position: relative;
}

.activity-date[b-mf4jjorxsk] {
    min-width: 120px;
    font-size: 0.85rem;
    color: #7f8c8d;
    font-weight: 500;
    padding-right: 15px;
    text-align: right;
}

.activity-date.compact[b-mf4jjorxsk] {
    min-width: 60px;
    font-size: 0.75rem;
    padding-right: 8px;
}

.activity-content[b-mf4jjorxsk] {
    flex: 1;
    padding: 0 15px;
}

.activity-content.compact[b-mf4jjorxsk] {
    padding: 0 8px;
}

.activity-title[b-mf4jjorxsk] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 5px 0;
}

.activity-title.compact[b-mf4jjorxsk] {
    font-size: 0.9rem;
    margin: 0 0 3px 0;
}

.activity-subtitle[b-mf4jjorxsk] {
    font-size: 0.9rem;
    color: #5a6c7d;
    margin: 0 0 5px 0;
    font-weight: 500;
}

.activity-subtitle.compact[b-mf4jjorxsk] {
    font-size: 0.8rem;
    margin: 0;
}

.activity-description[b-mf4jjorxsk] {
    font-size: 0.85rem;
    color: #7f8c8d;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.activity-performer[b-mf4jjorxsk] {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.activity-performer .k-svg-icon[b-mf4jjorxsk] {
    color: #9b59b6;
}

.activity-type-badge[b-mf4jjorxsk] {
    display: flex;
    align-items: flex-start;
    padding-left: 15px;
}

.activity-type-badge .badge[b-mf4jjorxsk] {
    display: flex;
    align-items: center;
    font-size: 0.7rem;
    padding: 5px 10px;
    border-radius: 15px;
    white-space: nowrap;
}

.activity-type-badge .badge .k-svg-icon[b-mf4jjorxsk] {
    margin-right: 4px;
}

/* System-wide activity specific styling */
.activity-item.system-wide[b-mf4jjorxsk]::before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #9b59b6, #8e44ad);
    border-radius: 2px;
}

/* Enhanced badge colors for activity types */
.badge-primary[b-mf4jjorxsk] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

.badge-warning[b-mf4jjorxsk] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: white;
}

.badge-info[b-mf4jjorxsk] {
    background: linear-gradient(135deg, #1abc9c, #16a085);
    color: white;
}

/* Loading States */
.k-loader-container[b-mf4jjorxsk] {
    background: rgba(255, 255, 255, 0.9);
}

/* Individual Pane Loading States */
.notification-loader[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 20px;
}

.section-loader[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.section-loader p[b-mf4jjorxsk] {
    margin: 0;
    font-size: 0.9rem;
    color: #6c757d;
}

.notification-loader p[b-mf4jjorxsk] {
    margin: 0;
    font-size: 0.8rem;
    color: #6c757d;
}

/* Loading state transitions */
.notification-card[b-mf4jjorxsk], 
.notification-section[b-mf4jjorxsk] {
    transition: all 0.3s ease-in-out;
}

/* Skeleton loading effect for summary cards */
.notification-loader[b-mf4jjorxsk]::before {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading-b-mf4jjorxsk 1.5s infinite;
    margin-bottom: 10px;
}

@keyframes loading-b-mf4jjorxsk {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Accessibility */
.notification-card:focus[b-mf4jjorxsk],
.quick-action-card:focus[b-mf4jjorxsk] {
    outline: 2px solid #3498db;
    outline-offset: 2px;
}

/* Animation */
@keyframes fadeInUp-b-mf4jjorxsk {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.notification-section[b-mf4jjorxsk] {
    animation: fadeInUp-b-mf4jjorxsk 0.5s ease-out;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .col-xl-9[b-mf4jjorxsk] {
        width: 100%;
    }
    
    .col-xl-3[b-mf4jjorxsk] {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 992px) {
    .col-lg-8[b-mf4jjorxsk] {
        width: 100%;
    }
    
    .col-lg-4[b-mf4jjorxsk] {
        width: 100%;
        margin-top: 20px;
    }
    
    .notification-section[b-mf4jjorxsk] {
        margin-bottom: 15px;
    }
    
    .sidebar-section[b-mf4jjorxsk] {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .notification-card[b-mf4jjorxsk] {
        margin-bottom: 15px;
        height: auto;
        min-height: 100px;
    }
    
    .notification-card .notification-content h3[b-mf4jjorxsk] {
        font-size: 1.5rem;
    }
    
    .category-header[b-mf4jjorxsk] {
        font-size: 1rem;
    }
    
    .quick-action-card[b-mf4jjorxsk] {
        margin-bottom: 20px;
    }
    
    .activity-item[b-mf4jjorxsk] {
        flex-direction: column;
        text-align: left;
    }
    
    .activity-item.compact[b-mf4jjorxsk] {
        flex-direction: row;
        text-align: left;
    }
    
    .activity-date[b-mf4jjorxsk] {
        min-width: auto;
        text-align: left;
        padding-right: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #ecf0f1;
        margin-bottom: 10px;
    }
    
    .activity-date.compact[b-mf4jjorxsk] {
        min-width: 50px;
        text-align: left;
        padding-right: 8px;
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0;
    }
    
    .activity-content[b-mf4jjorxsk] {
        padding: 0;
    }
    
    .activity-content.compact[b-mf4jjorxsk] {
        padding: 0 8px;
    }
    
    .activity-type-badge[b-mf4jjorxsk] {
        padding-left: 0;
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #ecf0f1;
    }
    
    .section-title[b-mf4jjorxsk] {
        font-size: 1.3rem;
        padding: 12px 15px;
    }
    
    .sidebar-title[b-mf4jjorxsk] {
        font-size: 0.95rem;
    }
    
    .notification-section[b-mf4jjorxsk] {
        padding: 15px;
    }
    
    .sidebar-section[b-mf4jjorxsk] {
        padding: 12px;
    }
    
    /* Compact grid mobile adjustments */
    .compact-grid[b-mf4jjorxsk] {
        font-size: 0.8rem;
    }
    
    .compact-grid .k-grid-table td[b-mf4jjorxsk] {
        padding: 6px 4px;
    }
}

@media (max-width: 576px) {
    .col-lg-3[b-mf4jjorxsk], .col-md-6[b-mf4jjorxsk] {
        margin-bottom: 15px;
    }
    
    .notification-card[b-mf4jjorxsk] {
        padding: 15px;
    }
    
    .notification-card .notification-content h3[b-mf4jjorxsk] {
        font-size: 1.3rem;
    }
    
    .section-title[b-mf4jjorxsk] {
        font-size: 1.2rem;
        padding: 10px 12px;
    }
    
    .sidebar-title[b-mf4jjorxsk] {
        font-size: 0.9rem;
    }
    
    .activity-item.compact[b-mf4jjorxsk] {
        flex-direction: column;
    }
    
    .activity-date.compact[b-mf4jjorxsk] {
        min-width: auto;
        text-align: left;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #ecf0f1;
    }
    
    .activity-content.compact[b-mf4jjorxsk] {
        padding: 0;
    }
}

/* Compact List Container */
.compact-list-container[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Compact Item Cards */
.compact-item-card[b-mf4jjorxsk] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.compact-item-card:hover[b-mf4jjorxsk] {
    border-color: #3498db;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.15);
    transform: translateY(-1px);
}

/* Item Header */
.item-header[b-mf4jjorxsk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
}

.item-id-type[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.item-id[b-mf4jjorxsk] {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 500;
}

.item-type[b-mf4jjorxsk] {
    font-size: 1rem;
    color: #2c3e50;
    font-weight: 600;
}

.item-urgency[b-mf4jjorxsk] {
    display: flex;
    align-items: center;
}

/* Urgency Badges */
.urgency-badge[b-mf4jjorxsk] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.urgency-badge.urgency-high[b-mf4jjorxsk] {
    background-color: #e74c3c;
    color: white;
}

.urgency-badge.urgency-medium[b-mf4jjorxsk] {
    background-color: #f39c12;
    color: white;
}

.urgency-badge.urgency-low[b-mf4jjorxsk] {
    background-color: #27ae60;
    color: white;
}

/* Item Body */
.item-body[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.item-awaiting[b-mf4jjorxsk],
.item-tag[b-mf4jjorxsk],
.item-sheet-info[b-mf4jjorxsk],
.item-comments[b-mf4jjorxsk],
.item-description[b-mf4jjorxsk],
.item-date[b-mf4jjorxsk] {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #5a6c7d;
}

.awaiting-level[b-mf4jjorxsk],
.tag-number[b-mf4jjorxsk],
.sheet-number[b-mf4jjorxsk] {
    font-weight: 600;
    color: #2c3e50;
    margin-left: 4px;
}

.item-comments[b-mf4jjorxsk],
.item-description[b-mf4jjorxsk] {
    font-style: italic;
    color: #7f8c8d;
}

.item-date[b-mf4jjorxsk] {
    font-size: 0.85rem;
    color: #95a5a6;
}

/* Item Action */
.item-action[b-mf4jjorxsk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    font-size: 0.9rem;
    color: #3498db;
    font-weight: 500;
}

/* Show More Container */
.show-more-container[b-mf4jjorxsk] {
    text-align: center;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px dashed #dee2e6;
}

.show-more-container p[b-mf4jjorxsk] {
    margin: 0;
    font-size: 0.9rem;
    color: #6c757d;
}

/* Responsive Design for Compact Cards */
@media (max-width: 768px) {
    .compact-item-card[b-mf4jjorxsk] {
        padding: 12px;
    }
    
    .item-header[b-mf4jjorxsk] {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    
    .item-urgency[b-mf4jjorxsk] {
        align-self: flex-end;
    }
    
    .item-body[b-mf4jjorxsk] {
        gap: 6px;
    }
    
    .item-awaiting[b-mf4jjorxsk],
    .item-tag[b-mf4jjorxsk],
    .item-sheet-info[b-mf4jjorxsk],
    .item-comments[b-mf4jjorxsk],
    .item-description[b-mf4jjorxsk],
    .item-date[b-mf4jjorxsk] {
        font-size: 0.85rem;
    }
    
    .item-type[b-mf4jjorxsk] {
        font-size: 0.95rem;
    }
    
    .urgency-badge[b-mf4jjorxsk] {
        font-size: 0.7rem;
        padding: 3px 8px;
    }
}

@media (max-width: 576px) {
    .compact-list-container[b-mf4jjorxsk] {
        gap: 8px;
    }
    
    .compact-item-card[b-mf4jjorxsk] {
        padding: 10px;
    }
    
    .item-header[b-mf4jjorxsk] {
        margin-bottom: 8px;
        padding-bottom: 6px;
    }
    
    .item-body[b-mf4jjorxsk] {
        margin-bottom: 8px;
        gap: 4px;
    }
    
    .item-action[b-mf4jjorxsk] {
        padding-top: 6px;
        font-size: 0.85rem;
    }
}
/* /Pages/Walkdown/Forms/WalkdownFormPage.razor.rz.scp.css */
.form-container[b-ckh9wv8spm] {
    padding: 1rem;
    gap: 1.5rem;
}
.text-red[b-ckh9wv8spm] {
    color: red;
}
.form-label[b-ckh9wv8spm] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #333;
}

.form-input[b-ckh9wv8spm] {
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.title-input[b-ckh9wv8spm] {
    width: 40%; 
}

.detail-input[b-ckh9wv8spm] {
    width: 80%; 
    height: 4rem;
}

.location-input[b-ckh9wv8spm] {
    width: 40%; 
}

.notification-switch[b-ckh9wv8spm] {
    margin-top: 0.5rem;
}