/* MgGridInfoPanel scoped styles - component-specific overrides only */
/* Base styles are in wwwroot/css/mg-grid-info-panel.css */

/* Shared edit mode background color configuration */
/* Grid row background: #fffbeb (see MgGridBase.cs OnCustomizeElement) */
/* InfoPanel background: #fffbeb (see below .edit-mode) */
/* Border color: #f59e0b */

/* Edit/View mode transitions and specific colors */
.mg-grid-info-panel {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.mg-grid-info-panel.view-mode {
    background-color: var(--DS-color-surface-neutral-subdued-rest, #f8f9fa) !important;
    border-left: 3px solid transparent !important;
}

/* Fallback styles for info-panel-form (not in global CSS) */
.info-panel-form {
    width: 100%;
}

.info-panel-form .fw-semibold {
    font-weight: 600;
    color: var(--DS-color-content-neutral-subdued-rest, #495057);
    font-size: 0.875rem;
}

.info-panel-form .fw-semibold.text-primary {
    color: var(--DS-color-content-primary-default-rest, #0d6efd);
}

/* Text overflow handling - show ellipsis and full text in tooltip */
.info-panel-text-wrapper {
    width: 100%;
}

.info-panel-text-wrapper input[readonly] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mg-info-panel-value-bool {
    /* Keep left aligned */
}