/*!*******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./survey/assets/css/admin.css ***!
  \*******************************************************************************/
/* Admin-specific styles for survey app with ESCO branding */
/* Using Django's CSS variables for consistent theming */

:root {
    /* Override Django admin color scheme with ESCO colors */
    --primary: #0d3b2e;
    --secondary: #1a5c48;
    --accent: #d4af37;
    --primary-fg: #fff;
    
    /* Core colors */
    --body-fg: #333;
    --body-bg: #fff;
    --body-quiet-color: #666;
    --body-loud-color: #000;
    
    /* Headers - Using lighter green for better contrast */
    --header-color: #fff;
    --header-branding-color: var(--accent);
    --header-bg: var(--secondary);
    --header-link-color: #fff;
    --header-link-hover-color: var(--accent);
    
    /* Breadcrumbs */
    --breadcrumbs-fg: var(--primary);
    --breadcrumbs-link-fg: var(--primary);
    --breadcrumbs-bg: #f9faf8;
    
    /* Links */
    --link-fg: var(--primary);
    --link-hover-color: var(--secondary);
    --link-selected-fg: var(--primary);
    
    /* Borders */
    --border-color: #e5e5e5;
    --darkened-bg: #f8f9fa;
    --selected-bg: #e4e4e4;
    --selected-row: #fffacd;
    
    /* Buttons */
    --button-fg: #fff;
    --button-bg: var(--primary);
    --button-hover-bg: var(--secondary);
    --default-button-bg: var(--accent);
    --default-button-hover-bg: #b08d20;
    
    /* Delete/danger buttons */
    --delete-button-bg: #ba2121;
    --delete-button-hover-bg: #a41515;
    
    /* Object tools */
    --object-tools-fg: #fff;
    --object-tools-bg: var(--primary);
    --object-tools-hover-bg: var(--secondary);
}

/* Additional fixes for module headers to ensure white text */
.module h2,
.module caption,
.inline-group h2 {
    background: var(--primary) !important;
    color: #fff !important;
}

.module h2 a,
.module caption a,
.inline-group h2 a {
    color: #fff !important;
}

/* Questions table styling */
.questions-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid var(--border-color);
}

.questions-table th {
    border: 1px solid var(--border-color);
    padding: 6px;
    text-align: left;
    background: var(--darkened-bg);
    font-weight: bold;
}

.questions-table td {
    border: 1px solid var(--border-color);
    padding: 6px;
    vertical-align: top;
}

.questions-table .question-code {
    width: 25%;
}

.questions-table .question-type {
    width: 10%;
}

.questions-table .question-required {
    width: 8%;
    text-align: center;
}

.questions-table .question-condition {
    width: 18%;
}

.questions-table .question-options {
    width: 30%;
}

.questions-table .question-edit {
    width: 9%;
    text-align: center;
}

.question-code strong {
    display: block;
}

.question-code small {
    opacity: 0.7;
}

.question-type-badge {
    background: var(--button-bg);
    color: var(--button-fg);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
}

.condition-code {
    background: var(--darkened-bg);
    padding: 1px 3px;
    border-radius: 2px;
    font-size: 11px;
    border: 1px solid var(--border-color);
}

.condition-none {
    opacity: 0.6;
    font-size: 11px;
    font-style: italic;
}

.option-badge {
    background: var(--accent);
    color: var(--primary);
    padding: 1px 3px;
    margin: 1px;
    border-radius: 2px;
    font-size: 10px;
    display: inline-block;
}

.options-more {
    opacity: 0.6;
    font-size: 10px;
}

.options-none {
    opacity: 0.6;
    font-size: 11px;
    font-style: italic;
}

.add-question-link {
    margin-top: 8px;
    font-size: 11px;
}

.no-questions {
    opacity: 0.6;
}

/* YAML Export styling */
.yaml-export-container {
    margin-top: 10px;
}

.yaml-export-container h4 {
    margin-bottom: 10px;
    color: var(--body-fg);
}

.yaml-export-textarea {
    width: 100%;
    height: 400px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 12px;
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 10px;
    resize: vertical;
}

.yaml-export-help {
    font-size: 11px;
    color: #666;
    margin-top: 5px;
    font-style: italic;
}

/* YAML import page styles */
.yaml-example {
    background-color: #f9faf8;
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto;
    border: 1px solid var(--accent);
}

/* YAML export error and notice styles */
.yaml-export-error {
    color: var(--delete-button-bg);
    font-weight: bold;
    padding: 10px;
    background: #fee;
    border: 1px solid var(--delete-button-bg);
    border-radius: 4px;
    margin: 10px 0;
}

.yaml-export-notice {
    color: var(--body-quiet-color);
    font-style: italic;
    padding: 10px;
    background: var(--darkened-bg);
    border-radius: 4px;
    margin: 10px 0;
}