@import '_content/AuralizeBlazor/AuralizeBlazor.tf5u2o3oxg.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.tkxqvq0zjw.bundle.scp.css';

/* _content/eSmartApp/Components/DroneInspection/DroneInspectionPage.razor.rz.scp.css */
.mud-paper[b-v69xgfb948] {
    background-color: #e8e8e8;
}

.mud-paper .floating-label[b-v69xgfb948] {
    background-color: #e8e8e8;
}

.theme-dark-mode .mud-paper[b-v69xgfb948] {
    background-color: #27272f;
}

.theme-dark-mode .mud-paper .floating-label[b-v69xgfb948] {
    background-color: #27272f;
}

.drone-page-wrapper[b-v69xgfb948] {
    display: flex;
    min-height: calc(100vh - 64px);
}

.help-diagram-panel[b-v69xgfb948] {
    width: 400px;
    min-width: 300px;
    padding: 8px;
    border-right: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
}

.help-diagram-image[b-v69xgfb948] {
    width: 100%;
    height: auto;
    display: block;
}

/* Workflow diagram SVG styles */
.workflow-diagram[b-v69xgfb948] {
    width: 100%;
    height: auto;
    display: block;
}

.workflow-diagram .node-terminal[b-v69xgfb948] {
    fill: var(--mud-palette-primary);
    stroke: var(--mud-palette-primary-darken);
    stroke-width: 1.5;
}

.workflow-diagram .node-process[b-v69xgfb948] {
    fill: var(--mud-palette-primary-lighten);
    stroke: var(--mud-palette-primary);
    stroke-width: 1.5;
}

.workflow-diagram .node-decision[b-v69xgfb948] {
    fill: var(--mud-palette-info-lighten);
    stroke: var(--mud-palette-info);
    stroke-width: 1.5;
}

.workflow-diagram .node-text[b-v69xgfb948] {
    fill: white;
    font-size: 11px;
    font-weight: 600;
    text-anchor: middle;
    dominant-baseline: middle;
}

.workflow-diagram .node-text-small[b-v69xgfb948] {
    fill: white;
    font-size: 9px;
    text-anchor: middle;
    dominant-baseline: middle;
}

.workflow-diagram .label-text[b-v69xgfb948] {
    fill: var(--mud-palette-text-secondary);
    font-size: 8px;
    text-anchor: middle;
}

.workflow-diagram .arrow-line[b-v69xgfb948] {
    stroke: var(--mud-palette-text-secondary);
    stroke-width: 1.5;
    fill: none;
}

.workflow-diagram .arrow-head[b-v69xgfb948] {
    fill: var(--mud-palette-text-secondary);
}

.drone-content-area[b-v69xgfb948] {
    flex: 1;
    min-width: 0;
    overflow-x: hidden;
}

.drone-inspection-layout[b-v69xgfb948] {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.video-container[b-v69xgfb948] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: white;
}

.video-wrapper-outer[b-v69xgfb948] {
    display: flex;
    justify-content: center;
}

.video-wrapper[b-v69xgfb948] {
    position: relative;
    width: 50%;
    padding-bottom: 28.125%; /* 16:9 aspect ratio at 50% width (56.25% / 2) */
    background: #000;
    border-radius: 4px;
    overflow: hidden;
}

.video-wrapper video[b-v69xgfb948] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.timeline-container[b-v69xgfb948] {
    display: flex;
    gap: 16px;
}

.timeline-rail[b-v69xgfb948] {
    width: 40px;
    min-height: 200px;
    background: linear-gradient(to bottom, var(--mud-palette-primary-lighten), var(--mud-palette-primary-darken));
    border-radius: 20px;
    position: relative;
    flex-shrink: 0;
}

.timeline-marker[b-v69xgfb948] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    transition: transform 0.2s;
}

.timeline-marker:hover[b-v69xgfb948] {
    transform: translateX(-50%) scale(1.3);
}

.timeline-marker.matched[b-v69xgfb948] {
    color: var(--mud-palette-success);
}

.timeline-marker.unmatched[b-v69xgfb948] {
    color: var(--mud-palette-warning);
}

.image-cards-container[b-v69xgfb948] {
    flex-grow: 1;
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 8px;
}

/* Scrollbar styling */
.image-cards-container[b-v69xgfb948]::-webkit-scrollbar {
    width: 8px;
}

.image-cards-container[b-v69xgfb948]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.image-cards-container[b-v69xgfb948]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-primary);
    border-radius: 4px;
}

.image-cards-container[b-v69xgfb948]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-primary-darken);
}

/* _content/eSmartApp/Components/DroneInspection/ImageInspectionCard.razor.rz.scp.css */
.image-inspection-card[b-pauz5o6rxr] {
    border-left: 4px solid var(--mud-palette-primary);
}

.image-inspection-card.severity-normal[b-pauz5o6rxr] {
    border-left: 4px solid #4CAF50;
}

.image-inspection-card.severity-abnormal[b-pauz5o6rxr] {
    border-left: 4px solid #FF9800;
}

.image-inspection-card.severity-needswork[b-pauz5o6rxr] {
    border-left: 4px solid #F44336;
}

.image-thumbnail-container[b-pauz5o6rxr] {
    flex-shrink: 0;
    text-align: center;
}

.cursor-pointer[b-pauz5o6rxr] {
    cursor: pointer;
}

.cursor-pointer:hover[b-pauz5o6rxr] {
    opacity: 0.9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.question-answer-container[b-pauz5o6rxr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.result-input[b-pauz5o6rxr] {
    min-width: 200px;
}
/* _content/eSmartApp/Components/DroneInspection/ImagePreviewDialog.razor.rz.scp.css */
[b-ujdmqci2oh] .mud-dialog {
    max-width: 95vw;
    max-height: 95vh;
}

[b-ujdmqci2oh] .mud-dialog-content {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preview-image[b-ujdmqci2oh] {
    max-width: 90vw;
    max-height: 85vh;
    object-fit: contain;
    display: block;
}
/* _content/eSmartApp/Components/Landing/LandingPage.razor.rz.scp.css */
/*placeholder for css styles*/