/* ===========================================
   КАСТОМНІ СТИЛІ
   =========================================== */

/* Кольори проекту */
:root {
    --primary-color: rgba(50, 114, 32, 1);
    --secondary-color: rgba(0, 95, 71, 1);
    --primary-text-color: rgba(18, 36, 53, 1) !important;
    --light-text-color: rgba(255, 255, 255, 1) !important;
    --light-green: #cff1e4;
    --accent-color: #4a90a4;
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --light-bg: #f8f9fa;
    --exam-black: #343A40;
    --grey: #74788D;
    --exam-grey-lighter: #D5D5D5;
    --exam-grey-light: #F3F5F7;
    --exam-grey-light2: #fafbfc;
    --exam-green: rgba(0, 95, 71, 1);
    --exam-green-light: #EBF9F4;
    --exam-green-bright: #34C38F;
    --exam-green-bright-light: rgba(52, 195, 143, .2);
    --exam-yellow: #CC8204;
    --exam-yellow-light: rgba(241, 180, 76, .2);
    --exam-red: #F46A6A;
    --exam-red-light: rgba(244, 106, 106, .2);
    --exam-blue: #5596E6;
    --exam-blue-light: rgba(85, 150, 230, .2);
    --exam-border: 1px solid #EBEFF2;
    --standart-border: 1px solid #e5e5e5;
}

body {
    color: var(--exam-black);
    font-size: 13px;
    font-family: Lato, sans-serif;
    font-weight: 300;
    line-height: 1.6;
}
h1,h2,h3,h4 {
    font-family: Raleway;
    color: unset;
}
header :is(h1, h2, h3, h4) {
    color: var(--light-text-color);
}
*{
    box-sizing: border-box !important;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
/* Загальні стилі */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--primary-text-color);
}

main{
    flex-grow: 1;
    padding: 24px 48px 48px;
    background-color: #F6F6F6;
}

@media (max-width: 1199px) {
    main {
        padding: 20px;
    }
}

footer{
    position: relative;
    color: rgba(134, 145, 162, 1);
    font-size: 14px;
    background-color: #F6F6F6;
}

/* Замінено archive-header-background на app-header-background */
.app-header-background{
    background: linear-gradient(-90deg, var(--primary-color), var(--secondary-color));
}

.public-layout .app-header-background:after{
    content: '';
    position: absolute;
    bottom: 0;
    background-size: 155%;
    right: 0;
    width: 40%;
    background-position: left bottom;
    height: 100%;
    background-image: url(./../img/background.png);
    pointer-events: none;
    background-repeat: no-repeat;
}

.login-container {
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    max-width: 460px;
    width: 100%;
    color: rgba(18, 36, 53, 1);
}
.login-container h1 {
    color: var(--primary-text-color);
}
.login-container p {
    color: var(--primary-text-color);
}
.login-container a{
    color: var(--light-text-color);
}
.login-container .google-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    width: 100%;
    background: white;
    border: 2px solid #dadce0;
    border-radius: 8px;
    color: #3c4043;
    text-decoration: none;
    transition: all 0.3s ease;
}
.login-container .google-btn:hover {
    background: #eeeeee;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 99, 99, 0.3);
}
.login-container .google-icon {
    width: 20px;
    height: 20px;
}
.login-container .alert-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}
.login-container .alert-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

/* Замінено archive-img-holder на app-img-holder */
.app-img-holder img{
    width: 100%;
}

.guest-header{
    min-height: 222px;
    color: var(--light-text-color) !important;
    position: relative;
}

header .logo-block .app-img-holder{
    width: 52px;
    height: 52px;
}

.guest-header .logo-block h2{
    color: var(--light-text-color);
}

.guest-header .logo-block h3{
    color: var(--light-text-color);
}

.guest-header .main-title h4{
    font-family: Inter, sans-serif !important;
}

@media (max-width: 639px) {
    .guest-header .main-title h1 {
        font-size: 24px;
    }

    .guest-header .main-title h4 {
        font-size: 16px;
    }
}

.fwk-navbar-nav > li > a {
    min-height: auto;
}

header .header-nav{
    margin-left: 128px;
}

header .header-nav li.active {
    border-bottom: 2px solid rgba(194, 178, 138, 1);
}

header .header-nav a {
    color: var(--light-text-color);
}
header .header-nav a:hover{
    color: rgba(194, 178, 138, 1);
}

/* Замінено archive-user-info на app-user-info */
header .app-user-info{
    position: relative;
}

header .app-user-info .app-img-holder{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--light-text-color);
}

header .app-user-info text{
    color: var(--light-text-color);
    margin: 0 8px 0 12px;
}

header .app-user-info text .mail{
    color: rgba(231, 233, 236, 1);
}
header .app-user-info .details{
    display: block;
    background: unset;
    border: none;
    cursor: pointer;
    width: 25px;
}
header .user-info .details img{
    width: 100%;
    pointer-events: none;
}

.fwk-checkbox{
    border: 2px solid var(--secondary-color);
    border-radius: 4px;
}

/* Замінено archive-page-actions на app-page-actions */
.app-page-actions .info_button {
    cursor: pointer;
    transition: background-color 0.3s ease;
    gap: 6px;
}

/* Text size */
.fwk-text-xsmall { font-size: 10px !important; }
.fwk-text-small { font-size: 12px !important; }
.fwk-text-default { font-size: 16px !important; }
.fwk-text-large { font-size: 24px !important; }
.fwk-text-xlarge { font-size: 48px !important; }
.fwk-text-13 { font-size: 13px !important; }
.fwk-text-14 { font-size: 14px !important; }
.fwk-text-15 { font-size: 15px !important; }
.fwk-text-17 { font-size: 17px !important; }
.fwk-text-18 { font-size: 18px !important; }
.fwk-text-20 { font-size: 20px !important; }

/* Text weight */
.fwk-text-light { font-weight: 300 !important; }
.fwk-text-normal { font-weight: 400 !important; }
.fwk-text-weight-500 { font-weight: 500 !important; }
.fwk-text-weight-600 { font-weight: 600 !important; }
.fwk-text-bold { font-weight: 700 !important; }

/* Paddings */
.fwk-padding-xsmall { padding: 8px !important; }
.fwk-padding-xsmall-top { padding-top: 8px !important; }
.fwk-padding-xsmall-bottom { padding-bottom: 8px !important; }
.fwk-padding-xsmall-right { padding-right: 8px !important; }
.fwk-padding-xsmall-left { padding-left: 8px !important; }
.fwk-padding-xsmall-vertical { padding-top: 8px !important; padding-bottom: 8px !important;}
.fwk-padding-xsmall-horizontal { padding-left: 8px !important; padding-right: 8px !important; }

.fwk-padding-small { padding: 12px !important; }
.fwk-padding-small-top { padding-top: 12px !important; }
.fwk-padding-small-bottom { padding-bottom: 12px !important; }
.fwk-padding-small-right { padding-right: 12px !important; }
.fwk-padding-small-left { padding-left: 12px !important; }
.fwk-padding-small-vertical { padding-top: 12px !important; padding-bottom: 12px !important;}
.fwk-padding-small-horizontal { padding-left: 12px !important; padding-right: 12px !important; }

.fwk-padding { padding: 16px !important; }
.fwk-padding-top { padding-top: 16px !important; }
.fwk-padding-bottom { padding-bottom: 16px !important; }
.fwk-padding-right { padding-right: 16px !important; }
.fwk-padding-left { padding-left: 16px !important; }
.fwk-padding-vertical { padding-top: 16px !important; padding-bottom: 16px !important;}
.fwk-padding-horizontal { padding-left: 16px !important; padding-right: 16px !important; }

.fwk-padding-large { padding: 24px !important; }
.fwk-padding-large-top { padding-top: 24px !important; }
.fwk-padding-large-bottom { padding-bottom: 24px !important; }
.fwk-padding-large-right { padding-right: 24px !important; }
.fwk-padding-large-left { padding-left: 24px !important; }
.fwk-padding-large-vertical { padding-top: 24px !important; padding-bottom: 24px !important;}
.fwk-padding-large-horizontal { padding-left: 24px !important; padding-right: 24px !important; }

.fwk-padding-xlarge { padding: 48px !important; }
.fwk-padding-xlarge-top { padding-top: 48px !important; }
.fwk-padding-xlarge-bottom { padding-bottom: 48px !important; }
.fwk-padding-xlarge-right { padding-right: 48px !important; }
.fwk-padding-xlarge-left { padding-left: 48px !important; }
.fwk-padding-xlarge-vertical { padding-top: 48px !important; padding-bottom: 48px !important;}
.fwk-padding-xlarge-horizontal { padding-left: 48px !important; padding-right: 48px !important; }

/* Margins */
.fwk-margin-xsmall { margin: 8px !important; }
.fwk-margin-xsmall-top { margin-top: 8px !important; }
.fwk-margin-xsmall-bottom { margin-bottom: 8px !important; }
.fwk-margin-xsmall-right { margin-right: 8px !important; }
.fwk-margin-xsmall-left { margin-left: 8px !important; }
.fwk-margin-xsmall-vertical { margin-top: 8px !important; margin-bottom: 8px !important;}
.fwk-margin-xsmall-horizontal { margin-left: 8px !important; margin-right: 8px !important; }

.fwk-margin-10 { margin: 10px !important; }
.fwk-margin-top-10 { margin-top: 10px !important; }
.fwk-margin-bottom-10 { margin-bottom: 10px !important; }
.fwk-margin-right-10 { margin-right: 10px !important; }
.fwk-margin-left-10 { margin-left: 10px !important; }
.fwk-margin-vertical-10 { margin-top: 10px !important; margin-bottom: 10px !important;}
.fwk-margin-horizontal-10 { margin-left: 10px !important; margin-right: 10px !important; }

.fwk-margin-12 { margin: 12px !important; }
.fwk-margin-top-12 { margin-top: 12px !important; }
.fwk-margin-bottom-12 { margin-bottom: 12px !important; }
.fwk-margin-right-12 { margin-right: 12px !important; }
.fwk-margin-left-12 { margin-left: 12px !important; }
.fwk-margin-vertical-12 { margin-top: 12px !important; margin-bottom: 12px !important;}
.fwk-margin-horizontal-12 { margin-left: 12px !important; margin-right: 12px !important; }

.fwk-margin-small { margin: 16px !important; }
.fwk-margin-small-top { margin-top: 16px !important; }
.fwk-margin-small-bottom { margin-bottom: 16px !important; }
.fwk-margin-small-right { margin-right: 16px !important; }
.fwk-margin-small-left { margin-left: 16px !important; }
.fwk-margin-small-vertical { margin-top: 16px !important; margin-bottom: 16px !important;}
.fwk-margin-small-horizontal { margin-left: 16px !important; margin-right: 16px !important; }

.fwk-margin-20 { margin: 20px !important; }
.fwk-margin-top-20 { margin-top: 20px !important; }
.fwk-margin-bottom-20 { margin-bottom: 20px !important; }
.fwk-margin-right-20 { margin-right: 20px !important; }
.fwk-margin-left-20 { margin-left: 20px !important; }
.fwk-margin-vertical-20 { margin-top: 20px !important; margin-bottom: 20px !important;}
.fwk-margin-horizontal-20 { margin-left: 20px !important; margin-right: 20px !important; }

.fwk-margin { margin: 24px !important; }
.fwk-margin-top { margin-top: 24px !important; }
.fwk-margin-bottom { margin-bottom: 24px !important; }
.fwk-margin-right { margin-right: 24px !important; }
.fwk-margin-left { margin-left: 24px !important; }
.fwk-margin-vertical { margin-top: 24px !important; margin-bottom: 24px !important;}
.fwk-margin-horizontal { margin-left: 24px !important; margin-right: 24px !important; }

.fwk-margin-30 { margin: 30px !important; }
.fwk-margin-top-30 { margin-top: 30px !important; }
.fwk-margin-bottom-30 { margin-bottom: 30px !important; }
.fwk-margin-right-30 { margin-right: 30px !important; }
.fwk-margin-left-30 { margin-left: 30px !important; }
.fwk-margin-vertical-30 { margin-top: 30px !important; margin-bottom: 30px !important;}
.fwk-margin-horizontal-30 { margin-left: 30px !important; margin-right: 30px !important; }

.fwk-margin-large { margin: 36px !important; }
.fwk-margin-large-top { margin-top: 36px !important; }
.fwk-margin-large-bottom { margin-bottom: 36px !important; }
.fwk-margin-large-right { margin-right: 36px !important; }
.fwk-margin-large-left { margin-left: 36px !important; }
.fwk-margin-large-vertical { margin-top: 36px !important; margin-bottom: 36px !important;}
.fwk-margin-large-horizontal { margin-left: 36px !important; margin-right: 36px !important; }

.fwk-margin-xlarge { margin: 48px !important; }
.fwk-margin-xlarge-top { margin-top: 48px !important; }
.fwk-margin-xlarge-bottom { margin-bottom: 48px !important; }
.fwk-margin-xlarge-right { margin-right: 48px !important; }
.fwk-margin-xlarge-left { margin-left: 48px !important; }
.fwk-margin-xlarge-vertical { margin-top: 48px !important; margin-bottom: 48px !important;}
.fwk-margin-xlarge-horizontal { margin-left: 48px !important; margin-right: 48px !important; }

/* Gap */
.fwk-gap-xsmall { gap: 6px; }
.fwk-gap-small { gap: 8px; }
.fwk-gap-medium { gap: 16px; }
.fwk-gap-large { gap: 24px; }
.fwk-gap-xlarge { gap: 32px; }

.fwk-gap-xsmall-horizontal { column-gap: 6px; }
.fwk-gap-small-horizontal { column-gap: 8px; }
.fwk-gap-medium-horizontal { column-gap: 16px; }
.fwk-gap-large-horizontal { column-gap: 32px; }

.fwk-gap-xsmall-vertical { row-gap: 6px; }
.fwk-gap-small-vertical { row-gap: 8px; }
.fwk-gap-medium-vertical { row-gap: 16px; }
.fwk-gap-large-vertical { row-gap: 32px; }

.fwk-cell-header {
    text-align: center !important;
    padding: 12px;
    border: var(--standart-border);
    font-weight: bold;
}

.fwk-table td {
    padding: 12px 8px;
    text-align: center;
    border: var(--standart-border);
}

.fwk-dropdown.bottom{
    left: 0;
    top: 100%;
}
.fwk-dropdown.top{
    left: 0;
    bottom: 100%;
}
.fwk-dropdown.left{
    right: 100%;
    top: 0;
}
.fwk-dropdown.right{
    left: 100%;
    top: 0;
}
.fwk-dropdown.opened {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@keyframes showDropdownDown {
    0%{
        display: block !important;
        max-height: 0;
    }
    100%{
        max-height: 500px;
    }
}
@keyframes hideDropdownDown {
    0%{
        max-height: 500px;
    }
    99.9%{
        max-height: 0;
    }
    100%{
        display: none;
        max-height: 0;
    }
}

.fwk-navbar-nav > li > a {
    min-height: auto;
}

.form-heading h1{
    font-family: 'Raleway', sans-serif;
    margin-top: 44px;
    letter-spacing: 0;
}

.fwk-form-card {
    padding: 24px;
    border-radius: 2px;
    height: 100%;
}

.fwk-form-card-header {
    gap: 10px;
}

.fwk-form-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    background-color: #FAF2DE;
    border-radius: 2px;
    position: relative !important;
}

.fwk-form-icon i {
    color: var(--secondary-color);
}

.fwk-form-subtitle {
    width: 100%;
    font-family: 'Inter', sans-serif;
    line-height: 22px;
    letter-spacing: 0.01em;
    flex-grow: 1;
}

.fwk-form-button {
    height: 48px;
    padding: 12px 24px;
    border-radius: 2px;
    background-color: var(--secondary-color);
    color: white;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.01em;
    line-height: 24px;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 2px solid var(--secondary-color);
}

.fwk-form-button:hover {
    background-color: white;
    color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

.fwk-text-success{
    color: var(--success-color)!important;
}

.fwk-grid-small {
    margin-left: -16px;
    margin-top: -16px;
}

.fwk-grid-small > * {
    padding-left: 16px;
    margin-top: 16px !important;
}

.fwk-link-toggle:hover .fwk-link, .fwk-link:hover, a, a:hover { color: var(--exam-green); }
.fwk-text-muted { color: var(--grey); }
.fwk-text-green { color: var(--exam-green); }
.fwk-line-large { line-height: 2 !important; }
.fwk-line-normal { line-height: 1.6 !important; }
.fwk-line-small { line-height: 1.2 !important; }
.fwk-background-white { background: white; }
.fwk-background-success { color: var(--exam-green-bright); background: var(--exam-green-bright-light); }
.fwk-background-warning { color: var(--exam-yellow); background: var(--exam-yellow-light); }
.fwk-background-danger { color: var(--exam-red); background: var(--exam-red-light); }
.fwk-background-info { color: var(--exam-blue); background: var(--exam-blue-light); }

.fwk-font-header { font-family: Raleway; }

.fwk-checkbox:checked, .fwk-checkbox:indeterminate, .fwk-radio:checked {
    background-color: var(--exam-green) !important;
}

.fwk-input, .fwk-select, .fwk-textarea {
    border-radius: 4px;
}

.fwk-button {
    color: var(--exam-black);
    font-size: 14px;
    font-family: Raleway;
    font-weight: 500;
    text-transform: capitalize;
    border-color: var(--exam-grey-light);
}
.fwk-button-default {
    border-color: var(--primary-color);
}
.fwk-button-default:hover { border-color: var(--exam-green); }
.fwk-button-primary {
    color: white;
    background: var(--exam-green);
}
.fwk-button-primary:hover {
    color: var(--exam-green);
    background: white;
    border-color: var(--exam-green);
}

.fwk-button-muted {
    border-color: var(--exam-grey-light);
    background-color: #e7e9ec;
}

.fwk-card-default { color: var(--exam-black); }

table.fwk-table th {
    color: var(--exam-black);
    text-transform: capitalize;
    vertical-align: middle;
}
table.fwk-table tbody tr {
    border-top: 0 !important;
    border-bottom: var(--exam-border);
}
.fwk-table-striped tbody tr:nth-of-type(2n+1),
.fwk-table-striped > tr:nth-of-type(2n+1) {
    background: none;
    border-bottom: var(--exam-border);
}
.fwk-table-striped tbody tr:nth-of-type(2n),
.fwk-table-striped > tr:nth-of-type(2n) {
    background: var(--exam-grey-light2);
    border-bottom: var(--exam-border);
}

.fwk-tab > * {
    flex: 1;
    min-width: 1px;
    padding-left: 3px;
}
.fwk-tab::before { content: none; }
.fwk-subnav > * > :first-child {
    color: var(--exam-black);
    text-transform: capitalize;
    background: var(--exam-grey-light);
    border-radius: 4px;
}
.fwk-subnav > * > :first-child:hover {
    color: var(--exam-green);
}
.fwk-subnav-pill > .fwk-active > a {
    color: white !important;
    white-space: nowrap;
    background: var(--exam-green);
}

.fwk-alert {
    border-radius: 6px;
}
.fwk-label {
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 4px;
}
.fwk-alert-warning,
.fwk-label-warning {
    color: var(--exam-yellow);
    background: var(--exam-yellow-light);
}
.fwk-alert-danger,
.fwk-label-danger {
    color: var(--exam-red);
    background: var(--exam-red-light);
}
.fwk-alert-success,
.fwk-label-success {
    color: var(--exam-green);
    background: var(--exam-green-light);
}
.fwk-alert-info,
.fwk-label-info {
    color: var(--exam-blue);
    background: var(--exam-blue-light);
}

.fwk-modal-dialog {
    padding: 0;
    border-radius: 6px;
}
.fwk-modal-header {
    padding: 24px 24px 16px;
    border-radius: 6px 6px 0 0;
}
.fwk-modal-body {
    padding: 24px;
}

.fwk-button-link{
    transition: 0.3s;
    color: #53B29A;
}
.fwk-button-link:hover{
    color: var(--primary-color);
}

/* print reports */
@media print {
    body *:not(.printable, .printable *),
    button, button svg {
        display: none;
    }
    input {
        border: none!important;
        background-color: transparent!important;
    }
}

.fwk-form-title-text {
    font-family: 'Inter', sans-serif;
    line-height: 24px;
    letter-spacing: 0.01em;
}

.fwk-icon-warning{
    width: 17px;
    height: 15px;
}

.fwk-request-card {
    border-radius: 2px;
    padding: 24px;
    border: 1px solid #ccc;
    gap: 12px;
    box-shadow: none;
    transition: box-shadow 0.3s ease;
    width: 100%;
    min-height: 126px;
}

.fwk-request-card:hover {
    box-shadow: 0 2px 8px var(--exam-grey-lighter);
    cursor: pointer;
}

.fwk-request-card-header{
    flex-grow: 1;
}

.fwk-label-success {
    color: white;
    background-color: var(--secondary-color);
}

/* Всі інші класи з archive- замінено на відповідні функціональні назви */
/* Нові класи без посилання на "archive" */

.nnipo-number-col {
    width: 48px;
}

.nnipo-region-col {
    text-align: left !important;
    width: 200px;
}
/* Замінено archive-request-title на request-title */
.request-title {
    max-width: 100%;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
}

/* Замінено archive-example-download на example-download */
.example-download{
    color: var(--primary-color);
}
.example-download:hover{
    color: var(--grey);
}

/* Замінено archive-button-primary на button-primary */
.button-primary {
    border: 1px solid var(--secondary-color);
    border-radius: 2px;
}

/* Замінено archive-request-date на request-date */
.request-date {
    letter-spacing: 0.01em;
}

/* Замінено archive-request-subtitle на request-subtitle */
.request-subtitle {
    font-family: 'Inter', sans-serif;
    line-height: 22px;
    letter-spacing: 0.01em;
    font-size: 14px;
}

@media (max-width: 800px) {
    .request-title {
        max-width: 100%;
        height: auto;
    }

    .request-subtitle {
        max-width: 100%;
        height: auto;
    }
}

/* Замінено archive-arrow-container на arrow-container */
.arrow-container {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
}

/* Замінено archive-arrow-right на arrow-right */
.arrow-right {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 1;
    color: var(--exam-green);
}

/* Замінено table header class */
table.fwk-table tr.request-table-header > th {
    background-color: var(--light-green) !important;
    color: var(--exam-black);
}

/* Замінено archive-open-modal-row на open-modal-row */
tr.open-modal-row {
    transition: 0.3s ease !important;
}

.open-modal-row:hover {
    cursor: pointer;
    background-color: #f8f9fa;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Status items та маркери */
.status-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.status-item::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* Status markers */
.mark-new::before { background-color: #e57a11; }
.mark-clarifying::before { background-color: #292fe8; }
.mark-updated::before { background-color: #24a8c2; }
.mark-in-progress::before { background-color: #0d66d0; }
.mark-rejected::before { background-color: #e33636; }
.mark-issued::before { background-color: #8691a2; }
.mark-complete::before { background-color: #f6d957; }
.mark-accepted::before { background-color: #04bf0e; }

/* Status backgrounds */
.status-new { background-color: #e57a11; }
.status-clarifying { background-color: #292fe8; }
.status-updated { background-color: #24a8c2; }
.status-in-progress { background-color: #0d66d0; }
.status-rejected { background-color: #e33636; }
.status-issued { background-color: #8691a2; }
.status-complete { background-color: #f6d957; color: #41505d; }
.status-accepted{ background-color: #04bf0e; }
.status-default { background-color: gray; }

/* Замінено archive-list на generic-list */
.generic-list {}

.generic-list li {
    align-items: center;
    gap: 8px;
}

.generic-list li::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #005f47;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* Решта стилів з новими назвами класів замість archive- */
/* Все решта коду залишається таким же, з оновленими назвами класів */

/* Auth pages — platform colors */
.auth-card-platform {
    background: #fff;
    border-radius: 8px;
    box-shadow: var(--exam-border);
    overflow: hidden;
}
.auth-card-header-platform {
    background: var(--exam-green);
    color: #fff;
    padding: 1.5rem 1.75rem;
}
.auth-card-platform .auth-card-body {
    padding: 1.75rem;
}