@media (prefers-color-scheme: dark) {

    html[data-theme="dark"],
    :root {
        --primary: #915000;
        --primary-fg: #f7f7f7;
        --secondary: #906741;
        --accent: #f5dd5d;


        --primary: #3d3832;
        --primary-fg: #f7f7f7;
        --secondary: #906741;
        --accent: #f5dd5d;

        --header-color: #ffc;
        --header-branding-color: var(--accent);
        --header-bg: var(--secondary);
        --header-link-color: var(--primary-fg);

        --body-fg: #eeeeee;
        --body-bg: #121212;
        --body-quiet-color: #e0e0e0;
        --body-loud-color: #ffffff;

        --breadcrumbs-link-fg: #e0e0e0;
        --breadcrumbs-bg: var(--primary);

        --link-fg: #fda04e;
        --link-hover-color: #ff7700;
        --link-selected-fg: #6f94c6;

        --hairline-color: #272727;
        --border-color: #353535;

        --error-fg: #e35f5f;
        --message-success-bg: #006b1b;
        --message-warning-bg: #583305;
        --message-error-bg: #570808;

        --darkened-bg: #212121;
        --selected-bg: #1b1b1b;
        --selected-row: #915000;

        --close-button-bg: #333333;
        --close-button-hover-bg: #666666;
    }
}



html[data-theme="light"],
:root {
    --primary: #915000;
    --secondary: #906741;
    --accent: #f5dd5d;
    --primary-fg: #fff;

    --body-fg: #333;
    --body-bg: #fff;
    --body-quiet-color: #666;
    --body-loud-color: #000;

    --header-color: #ffc;
    --header-branding-color: var(--accent);
    --header-bg: var(--secondary);
    --header-link-color: var(--primary-fg);

    --breadcrumbs-fg: var(--accent);
    --breadcrumbs-link-fg: var(--body-bg);
    --breadcrumbs-bg: var(--primary);

    --link-fg: #fda04e;
    --link-hover-color: #ff7700;
    --link-selected-fg: #6f94c6;

    --hairline-color: #e8e8e8;
    --border-color: #ccc;

    --error-fg: #ba2121;

    --message-success-bg: #dfd;
    --message-warning-bg: #ffc;
    --message-error-bg: #ffefef;

    --darkened-bg: #f8f8f8;
    /* A bit darker than --body-bg */
    --selected-bg: #e4e4e4;
    /* E.g. selected table cells */
    --selected-row: #ffc;

    --button-fg: #fff;
    --button-bg: var(--primary);
    --button-hover-bg: #f79e47;
    --default-button-bg: var(--secondary);
    --default-button-hover-bg: #da9f20;
    --close-button-bg: #747474;
    --close-button-hover-bg: #333;
    --delete-button-bg: #ba2121;
    --delete-button-hover-bg: #a41515;

    --object-tools-fg: var(--button-fg);
    --object-tools-bg: var(--close-button-bg);
    --object-tools-hover-bg: var(--close-button-hover-bg);

    --font-family-primary:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        system-ui,
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji";
    --font-family-monospace:
        ui-monospace,
        Menlo,
        Monaco,
        "Cascadia Mono",
        "Segoe UI Mono",
        "Roboto Mono",
        "Oxygen Mono",
        "Ubuntu Monospace",
        "Source Code Pro",
        "Fira Mono",
        "Droid Sans Mono",
        "Courier New",
        monospace,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji";
}

.main-logo {
    -webkit-filter: drop-shadow(1px 1px 5px rgba(255, 255, 255, 0.7));
    filter: drop-shadow(1px 1px 5px rgba(255, 255, 255, 0.7));
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

.main-logo:hover {
    -webkit-filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.8));
    filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.8));
    transform: scale(1.05) rotate(2deg);
}

.remote-links {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tariff-button {
    background: linear-gradient(135deg, #265d55, #2e6b63);
    color: white !important;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(38, 93, 85, 0.3);
    border: 1px solid #1e4f48;
    margin-right: 10px;
    display: inline-block;
}

.tariff-button:hover {
    background: linear-gradient(135deg, #906741, #906741);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(38, 93, 85, 0.4);
    color: white !important;
}

.tariff-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(38, 93, 85, 0.3);
}

.main-logo {
    -webkit-filter: drop-shadow(1px 1px 5px rgba(255, 255, 255, 0.7));
    filter: drop-shadow(1px 1px 5px rgba(255, 255, 255, 0.7));
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

.main-logo:hover {
    -webkit-filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.8));
    filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.8));
    transform: scale(1.05) rotate(2deg);
}

.remote-links {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tariff-button {
    background: linear-gradient(135deg, #265d55, #2e6b63);
    color: white !important;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(38, 93, 85, 0.3);
    border: 1px solid #1e4f48;
    margin-right: 10px;
    display: inline-block;
}

.tariff-button:hover {
    background: linear-gradient(135deg, #2e6b63, #367470);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(38, 93, 85, 0.4);
    color: white !important;
}

.tariff-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(38, 93, 85, 0.3);
}

.address-button {
    background: linear-gradient(135deg, #1D1D1D, #2a2a2a);
    color: white !important;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(29, 29, 29, 0.3);
    border: 1px solid #0f0f0f;
    margin-right: 10px;
    display: inline-block;
}

.address-button:hover {
    background: linear-gradient(135deg, #2a2a2a, #373737);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(29, 29, 29, 0.4);
    color: white !important;
}

.address-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(29, 29, 29, 0.3);
}


.cms-button {
    background: linear-gradient(135deg, #1D1D1D, #2a2a2a);
    color: white !important;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 4px rgba(29, 29, 29, 0.3);
    border: 1px solid #0f0f0f;
    margin-right: 10px;
    display: inline-block;
}

.cms-button:hover {
    background: linear-gradient(135deg, #2a2a2a, #373737);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(29, 29, 29, 0.4);
    color: white !important;
}

.cms-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(38, 93, 85, 0.3);
}

/* Стили для заблокированных актов */
tr[data-is-blocked="true"],
.changelist-blocked-row {
    background-color: #ffebee !important;
    border-left: 4px solid #f44336 !important;
}

tr[data-is-blocked="true"]:hover {
    background-color: #ffcdd2 !important;
}

.blocked-indicator {
    color: #f44336 !important;
    font-weight: bold;
}

.unblocked-indicator {
    color: #4caf50 !important;
    font-weight: bold;
}

/* Темная тема для заблокированных актов */
@media (prefers-color-scheme: dark) {

    tr[data-is-blocked="true"],
    .changelist-blocked-row {
        background-color: #2c1517 !important;
        border-left: 4px solid #f44336 !important;
    }

    tr[data-is-blocked="true"]:hover {
        background-color: #3a1d20 !important;
    }
}

/* Стили для форм редактирования заблокированных актов */
.blocked-form-warning {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 4px;
    padding: 12px;
    margin: 15px 0;
    color: #856404;
}

.blocked-form-warning h3 {
    margin: 0 0 8px 0;
    color: #f44336;
}

/* Темная тема для предупреждения */
@media (prefers-color-scheme: dark) {
    .blocked-form-warning {
        background-color: #2d2111;
        border-color: #4a3c1d;
        color: #d4b106;
    }
}