/* ValidationActionV2 Component Styling - Coop Profile */

/* Main container */
.validation-action-container {
    padding: 2rem;
}

/* Section spacing */
.validation-section {
    margin-bottom: 1.5rem;
}

/* Labels */
.validation-label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
    color: var(--coop-text-base);
}

/* Radio button list styling */
.validation-radio-list {
    margin-bottom: 1rem;
}

/* Info panels using Coop profile */
.coop-info-panel {
  background-color: var(--coop-digital-light-green);
    border-left: 4px solid var(--coop-primary-green);
    padding: 12px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
    border-radius: 4px;
}

.coop-info-panel-content {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.coop-info-panel-icon {
  color: var(--coop-dark-green);
    font-size: 1.2rem;
    margin-top: 2px;
}

.coop-info-panel-text-wrapper {
    flex: 1;
}

.coop-info-panel-title {
    margin: 0;
    color: var(--coop-dark-green);
    font-size: 0.9rem;
    font-weight: 600;
}

.coop-info-panel-description {
    margin: 5px 0 0 0;
    color: var(--coop-dark-green);
    font-size: 0.85rem;
    line-height: 1.4;
}

/* Warning panel using Coop profile */
.coop-warning-panel {
    background-color: var(--coop-digital-light-yellow);
    border-left: 4px solid var(--coop-warning-red);
    padding: 12px;
    margin-bottom: 1rem;
    border-radius: 4px;
width: 100%;
    max-width: 520px;
    box-sizing: border-box;
}

.coop-warning-panel-content {
 display: flex;
    align-items: flex-start;
    gap: 8px;
}

.coop-warning-panel-icon {
    color: var(--coop-warning-red);
    font-size: 1.2rem;
    margin-top: 2px;
}

.coop-warning-panel-text-wrapper {
    flex: 1;
}

.coop-warning-panel-title {
    margin: 0;
    color: var(--coop-text-base);
    font-size: 0.9rem;
    font-weight: 600;
}

.coop-warning-panel-description {
    margin: 5px 0 0 0;
  color: var(--coop-text-base);
    font-size: 0.85rem;
    line-height: 1.4;
}

/* Success panel using Coop profile */
.coop-success-panel {
    background-color: var(--coop-digital-light-green);
    border-left: 4px solid var(--coop-primary-green);
    padding: 12px;
    margin-bottom: 1rem;
    border-radius: 4px;
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
}

/* Blue info panel (for specific informational messages) */
.coop-blue-info-panel {
    background-color: #e3f2fd;
    border-left: 4px solid #1976d2;
    padding: 12px;
    margin-bottom: 1rem;
    border-radius: 4px;
  width: 100%;
    max-width: 520px;
box-sizing: border-box;
}

.coop-blue-info-panel-content {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.coop-blue-info-panel-icon {
    color: #1976d2;
    font-size: 1.2rem;
    margin-top: 2px;
}

.coop-blue-info-panel-text-wrapper {
    flex: 1;
}

.coop-blue-info-panel-title {
    margin: 0;
    color: #1565c0;
    font-size: 0.9rem;
    font-weight: 600;
}

.coop-blue-info-panel-description {
    margin: 5px 0 0 0;
    color: #0d47a1;
    font-size: 0.85rem;
    line-height: 1.4;
}

/* Dropdown styling */
.validation-dropdown {
    width: 100%;
    max-width: 520px;
    margin-bottom: 0.5rem;
}

/* Warning text for missing colleagues */
.validation-warning-text {
    color: var(--coop-warning-red);
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

/* Verification input container */
.validation-verification-container {
    margin-top: 1rem;
}

.validation-input-group {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    max-width: 520px;
}

.validation-input-textbox {
    flex: 1;
}

.validation-verify-button {
  min-width: 100px;
}

/* Validation result messages */
.validation-result-success {
margin-top: 0.5rem;
    color: var(--coop-primary-green);
    max-width: 520px;
}

.validation-result-error {
    margin-top: 0.5rem;
    color: var(--coop-warning-red);
    max-width: 520px;
}

/* Validation send result */
.validation-send-result-container {
    margin-top: 1rem;
    max-width: 520px;
}

.validation-send-result-textarea {
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
}

/* Message type selection info text */
.validation-message-info {
    color: var(--coop-warning-red);
    font-size: 0.85rem;
 margin-top: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .validation-action-container {
        padding: 1rem;
    }
    
    .coop-info-panel,
    .coop-warning-panel,
  .coop-success-panel,
  .coop-blue-info-panel,
    .validation-dropdown,
    .validation-input-group,
    .validation-result-success,
    .validation-result-error,
    .validation-send-result-container {
        max-width: 100%;
    }
}