/* Ветерок КБ 15 — Admin Shell 2.0 */
body.vk-app.vk-admin .layout {
    display: flex !important;
    min-height: 100vh;
    background: transparent !important;
}

body.vk-app.vk-admin .content,
body.vk-app.vk-admin main:not(.content) {
    flex: 1;
    min-width: 0;
    width: auto;
    max-width: var(--vk-content-max);
    margin: 0 auto;
    padding: 30px 34px 56px !important;
    background: transparent !important;
    color: var(--vk-text) !important;
}

body.vk-app.vk-admin .top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

body.vk-app.vk-admin h1 {
    margin-top: 0;
    color: var(--vk-text) !important;
    letter-spacing: -.035em;
}

body.vk-app.vk-admin :is(.card,.stat,.section,.role-preview-card,.modal) {
    background: var(--vk-surface) !important;
    color: var(--vk-text) !important;
    border: 1px solid var(--vk-border) !important;
    box-shadow: var(--vk-shadow) !important;
}

body.vk-app.vk-admin :is(.card,.stat,.section,.role-preview-card) {
    border-radius: var(--vk-radius-md) !important;
}

body.vk-app.vk-admin :is(.card-title,.section-title,.role-preview-title,.stat-value,.name,.employee-name,.worker-name,.item-name) {
    color: var(--vk-text) !important;
}

body.vk-app.vk-admin :is(.stat-label,.stat-info,.section-subtitle,.role-preview-subtitle,.employee-role,.employee-position,.item-meta,.worker-time,.medical-stat-label) {
    color: var(--vk-text-muted) !important;
}

body.vk-app.vk-admin :is(input,select,textarea) {
    color: var(--vk-text) !important;
    background: var(--vk-input-bg) !important;
    border: 1px solid var(--vk-border-strong) !important;
    border-radius: var(--vk-radius-sm) !important;
    outline: none !important;
}

body.vk-app.vk-admin :is(input,select,textarea):focus {
    border-color: color-mix(in srgb, var(--vk-accent) 68%, transparent) !important;
    box-shadow: 0 0 0 3px var(--vk-accent-soft) !important;
}

body.vk-app.vk-admin option { background: var(--vk-surface); color: var(--vk-text); }

body.vk-app.vk-admin table {
    color: var(--vk-text) !important;
    background: var(--vk-surface) !important;
    border-color: var(--vk-border) !important;
}
body.vk-app.vk-admin th {
    color: var(--vk-text-muted) !important;
    background: var(--vk-surface-2) !important;
    border-color: var(--vk-border) !important;
}
body.vk-app.vk-admin td { color: var(--vk-text-soft) !important; border-color: var(--vk-border) !important; }
body.vk-app.vk-admin tbody tr:hover { background: var(--vk-surface-2) !important; }

body.vk-app.vk-admin :is(.shift-row,.task-row,.member-row,.worker-check,.list > *, .history-item) {
    background: var(--vk-surface-2) !important;
    border-color: var(--vk-border) !important;
    color: var(--vk-text) !important;
}

body.vk-app.vk-admin :is(.quick-action,.role-preview-link,.filter,.worker-filter,.creator-filter,.task-list-filter) {
    background: var(--vk-surface-2) !important;
    border-color: var(--vk-border) !important;
    color: var(--vk-text-soft) !important;
}

body.vk-app.vk-admin :is(.quick-action.primary,.send,.publish,.save) {
    background: linear-gradient(135deg, var(--vk-accent), var(--vk-accent-hover)) !important;
    color: #fff !important;
    border-color: transparent !important;
}

body.vk-app.vk-admin .status-active,
body.vk-app.vk-admin .status.good { color: var(--vk-success) !important; }
body.vk-app.vk-admin .status-blocked,
body.vk-app.vk-admin .status.bad { color: var(--vk-danger) !important; }

body.vk-app.vk-admin .modal-bg {
    background: var(--vk-overlay) !important;
    backdrop-filter: blur(7px);
}

body.vk-app.vk-admin .modal {
    border-radius: var(--vk-radius-lg) !important;
    background: var(--vk-surface) !important;
    color: var(--vk-text) !important;
}

body.vk-app.vk-admin .table-wrap,
body.vk-app.vk-admin .veterok-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 720px) {
    body.vk-app.vk-admin { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
    body.vk-app.vk-admin .layout { display: block !important; }
    body.vk-app.vk-admin .content,
    body.vk-app.vk-admin main:not(.content) {
        width: 100%;
        max-width: none;
        padding: 20px 14px 30px !important;
    }
    body.vk-app.vk-admin .top { gap: 12px; }
    body.vk-app.vk-admin h1 { font-size: 27px !important; }
    body.vk-app.vk-admin :is(input,select,textarea,button) { min-height: 44px; }
    body.vk-app.vk-admin table { min-width: max-content; }
}

/* =========================================================
   ADMIN POLISH 2.3
   ========================================================= */
body.vk-app.vk-admin {
    overflow-x: hidden;
}

body.vk-app.vk-admin .content,
body.vk-app.vk-admin main:not(.content) {
    min-height: 100vh;
}

body.vk-app.vk-admin .top h1 {
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.08;
}

body.vk-app.vk-admin .subtitle {
    line-height: 1.45;
}

body.vk-app.vk-admin :is(.card,.stat,.section,.role-preview-card) {
    overflow: clip;
}

body.vk-app.vk-admin :is(.quick-action,.role-preview-link,.filter,.worker-filter,.creator-filter,.task-list-filter) {
    transition: transform var(--vk-transition), border-color var(--vk-transition), background var(--vk-transition), color var(--vk-transition);
}
body.vk-app.vk-admin :is(.quick-action,.role-preview-link,.filter,.worker-filter,.creator-filter,.task-list-filter):hover {
    border-color: color-mix(in srgb, var(--vk-accent) 24%, var(--vk-border)) !important;
    background: color-mix(in srgb, var(--vk-accent) 7%, var(--vk-surface-2)) !important;
}

/* Employees */
body.vk-page-employees .toolbar,
body.vk-page-employees .filters {
    gap: 10px !important;
}
body.vk-page-employees table select {
    min-width: 138px;
}
body.vk-page-employees tbody td:first-child {
    color: var(--vk-text) !important;
    font-weight: 700;
}

/* Registrations */
body.vk-page-registrations .info {
    background: var(--vk-surface) !important;
    border: 1px solid var(--vk-border) !important;
    border-radius: var(--vk-radius-md) !important;
    box-shadow: var(--vk-shadow) !important;
    color: var(--vk-text-soft) !important;
}
body.vk-page-registrations .actions {
    gap: 8px !important;
}
body.vk-page-registrations :is(.approve,.reject) {
    border-radius: var(--vk-radius-sm) !important;
    min-height: 42px;
}

/* Work shift */
body.vk-page-work-shift .stats {
    gap: 12px !important;
}
body.vk-page-work-shift :is(.shift-list,.task-list) {
    gap: 9px !important;
}

/* Tasks */
body.vk-page-tasks :is(.worker-filters,.creator-filters,.task-list-filters) {
    gap: 7px !important;
}
body.vk-page-tasks :is(.worker-filter,.creator-filter,.task-list-filter).active {
    color: var(--vk-accent) !important;
    background: var(--vk-accent-soft) !important;
    border-color: color-mix(in srgb, var(--vk-accent) 24%, transparent) !important;
}
body.vk-page-tasks :is(.worker-check,.member-row,.progress-item) {
    border-radius: var(--vk-radius-sm) !important;
}

/* Schedule */
body.vk-page-schedule .section {
    border-radius: var(--vk-radius-lg) !important;
}
body.vk-page-schedule .table-wrap {
    scrollbar-width: thin;
}
body.vk-page-schedule :is(.work,.off) {
    border-radius: 9px !important;
}

/* Reports */
body.vk-page-reports .section {
    border-radius: var(--vk-radius-lg) !important;
    margin-bottom: 14px !important;
}
body.vk-page-reports :is(.employee-head,.employee-fields) {
    border-color: var(--vk-border) !important;
}
body.vk-page-reports .actions {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
body.vk-page-reports :is(.save,.publish) {
    border-radius: 13px !important;
    min-height: 46px;
}

/* Medical */
body.vk-page-medical-books .medical-stats {
    gap: 10px !important;
}
body.vk-page-medical-books .medical-stat {
    background: var(--vk-surface) !important;
    border: 1px solid var(--vk-border) !important;
    border-radius: var(--vk-radius-md) !important;
    box-shadow: var(--vk-shadow) !important;
}
body.vk-page-medical-books .medical-stat.selected {
    border-color: color-mix(in srgb, var(--vk-accent) 42%, var(--vk-border)) !important;
    box-shadow: 0 0 0 3px var(--vk-accent-soft) !important;
}

/* Settings */
body.vk-page-settings .setting-row {
    border-color: var(--vk-border) !important;
}
body.vk-page-settings .unit {
    color: var(--vk-text-muted) !important;
}

/* Reports history */
body.vk-page-reports-history :is(.history-item,.report-item,.row) {
    background: var(--vk-surface) !important;
    border: 1px solid var(--vk-border) !important;
    border-radius: var(--vk-radius-md) !important;
}

@media (max-width: 720px) {
    body.vk-app.vk-admin .top {
        align-items: center;
        margin-bottom: 18px;
    }
    body.vk-app.vk-admin .top h1 {
        font-size: 27px !important;
    }
    body.vk-app.vk-admin :is(.card,.stat,.section,.role-preview-card) {
        border-radius: 17px !important;
    }

    /* Table-heavy views remain usable without compressing columns */
    body.vk-page-employees table,
    body.vk-page-schedule table {
        font-size: 13px;
    }
    body.vk-page-employees th,
    body.vk-page-employees td,
    body.vk-page-schedule th,
    body.vk-page-schedule td {
        padding: 10px !important;
    }

    body.vk-page-tasks .grid,
    body.vk-page-reports .field-grid,
    body.vk-page-reports .revenue-grid {
        grid-template-columns: 1fr !important;
    }

    body.vk-page-medical-books .medical-stats {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

@media (max-width: 390px) {
    body.vk-page-medical-books .medical-stats {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   EMPLOYEES — THEME MIGRATION V1
   ========================================================= */

body.vk-app.vk-admin.vk-page-employees {

    --employee-surface:
        var(--vk-surface);

    --employee-surface-soft:
        var(--vk-surface-2);

    --employee-border:
        var(--vk-border);
}


/* -----------------------------------------
   DASHBOARD TITLES
   ----------------------------------------- */

body.vk-page-employees
.dashboard-title,

body.vk-page-employees
.dashboard-actions-title,

body.vk-page-employees
.dashboard-shift-title,

body.vk-page-employees
.report-control-title {

    color:
        var(--vk-text) !important;
}


/* -----------------------------------------
   DASHBOARD STAT CARDS
   ----------------------------------------- */

body.vk-page-employees
.dashboard-stat {

    position:
        relative;

    overflow:
        hidden;

    background:
        var(--employee-surface)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--employee-border)
        !important;

    border-radius:
        var(--vk-radius-md)
        !important;

    box-shadow:
        var(--vk-shadow)
        !important;
}


body.vk-page-employees
.dashboard-stat::after {

    content:
        "";

    position:
        absolute;

    width:
        90px;

    height:
        90px;

    right:
        -35px;

    top:
        -38px;

    border-radius:
        50%;

    background:
        var(--vk-accent-soft);

    pointer-events:
        none;
}


body.vk-page-employees
.dashboard-stat-label,

body.vk-page-employees
.dashboard-stat-info {

    position:
        relative;

    z-index:
        1;

    color:
        var(--vk-text-muted)
        !important;
}


body.vk-page-employees
.dashboard-stat-value {

    position:
        relative;

    z-index:
        1;

    color:
        var(--vk-text)
        !important;
}


/* -----------------------------------------
   STATUS BADGES
   ----------------------------------------- */

body.vk-page-employees
.dashboard-status.good,

body.vk-page-employees
.report-status.published {

    background:
        color-mix(
            in srgb,
            var(--vk-success) 13%,
            transparent
        )
        !important;

    color:
        var(--vk-success)
        !important;
}


body.vk-page-employees
.dashboard-status.bad,

body.vk-page-employees
.report-status.pending {

    background:
        color-mix(
            in srgb,
            var(--vk-danger) 13%,
            transparent
        )
        !important;

    color:
        var(--vk-danger)
        !important;
}


/* -----------------------------------------
   QUICK ACTIONS
   ----------------------------------------- */

body.vk-page-employees
.dashboard-actions {

    background:
        var(--employee-surface)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--employee-border)
        !important;

    border-radius:
        var(--vk-radius-md)
        !important;

    box-shadow:
        var(--vk-shadow)
        !important;
}


body.vk-page-employees
.dashboard-action {

    background:
        var(--employee-surface-soft)
        !important;

    color:
        var(--vk-text-soft)
        !important;

    border:
        1px solid
        var(--employee-border);

    transition:
        transform var(--vk-transition),
        background var(--vk-transition),
        border-color var(--vk-transition),
        color var(--vk-transition);
}


body.vk-page-employees
.dashboard-action:hover {

    opacity:
        1 !important;

    transform:
        translateY(-1px);

    color:
        var(--vk-text)
        !important;

    background:
        color-mix(
            in srgb,
            var(--vk-accent) 7%,
            var(--vk-surface-2)
        )
        !important;

    border-color:
        color-mix(
            in srgb,
            var(--vk-accent) 25%,
            var(--vk-border)
        );
}


body.vk-page-employees
.dashboard-action.primary {

    background:
        linear-gradient(
            135deg,
            var(--vk-accent),
            var(--vk-accent-hover)
        )
        !important;

    color:
        #ffffff
        !important;

    border-color:
        transparent;

    box-shadow:
        0 8px 22px
        color-mix(
            in srgb,
            var(--vk-accent) 18%,
            transparent
        );
}


/* -----------------------------------------
   TODAY SHIFT
   ----------------------------------------- */

body.vk-page-employees
.dashboard-shift {

    background:
        var(--employee-surface)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--employee-border)
        !important;

    border-radius:
        var(--vk-radius-md)
        !important;

    box-shadow:
        var(--vk-shadow)
        !important;
}


body.vk-page-employees
.dashboard-shift-row {

    background:
        var(--employee-surface-soft);

    border:
        1px solid
        var(--employee-border)
        !important;

    color:
        var(--vk-text);

    border-radius:
        var(--vk-radius-sm)
        !important;
}


body.vk-page-employees
.dashboard-shift-name {

    color:
        var(--vk-text)
        !important;
}


body.vk-page-employees
.dashboard-shift-meta {

    color:
        var(--vk-text-muted)
        !important;
}


body.vk-page-employees
.dashboard-shift-time {

    color:
        var(--vk-accent)
        !important;
}


body.vk-page-employees
.dashboard-empty {

    color:
        var(--vk-text-muted)
        !important;
}


/* Old inline link colour */

body.vk-page-employees
.dashboard-shift-head > a {

    color:
        var(--vk-accent)
        !important;

    text-decoration:
        none;
}


/* -----------------------------------------
   REPORT CONTROL
   ----------------------------------------- */

body.vk-page-employees
.report-control-card {

    background:
        var(--employee-surface)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--employee-border)
        !important;

    border-radius:
        var(--vk-radius-md)
        !important;

    box-shadow:
        var(--vk-shadow)
        !important;
}


body.vk-page-employees
.report-control-info {

    color:
        var(--vk-text-muted)
        !important;
}


body.vk-page-employees
.report-control-link {

    background:
        var(--employee-surface-soft)
        !important;

    color:
        var(--vk-accent)
        !important;

    border:
        1px solid
        var(--employee-border);

    transition:
        var(--vk-transition);
}


body.vk-page-employees
.report-control-link:hover {

    border-color:
        color-mix(
            in srgb,
            var(--vk-accent) 28%,
            var(--vk-border)
        );

    background:
        var(--vk-accent-soft)
        !important;
}


/* -----------------------------------------
   FILTERS
   ----------------------------------------- */

body.vk-page-employees
.filters input,

body.vk-page-employees
.filters select {

    background:
        var(--vk-input-bg)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border-strong)
        !important;
}


/* -----------------------------------------
   EMPLOYEE TABLE
   ----------------------------------------- */

body.vk-page-employees
#employees table {

    background:
        transparent
        !important;

    color:
        var(--vk-text);
}


body.vk-page-employees
#employees th {

    color:
        var(--vk-text-muted)
        !important;

    border-color:
        var(--vk-border)
        !important;
}


body.vk-page-employees
#employees td {

    color:
        var(--vk-text-soft)
        !important;

    border-color:
        var(--vk-border)
        !important;
}


body.vk-page-employees
#employees tbody tr:hover {

    background:
        var(--vk-surface-2)
        !important;
}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width: 720px) {

    body.vk-page-employees
    .dashboard-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            )
            !important;

        gap:
            10px;
    }


    body.vk-page-employees
    .dashboard-stat {

        padding:
            15px !important;
    }


    body.vk-page-employees
    .dashboard-actions-grid {

        display:
            grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap:
            8px;
    }


    body.vk-page-employees
    .dashboard-action {

        justify-content:
            center;

        min-height:
            46px;

        text-align:
            center;
    }


    body.vk-page-employees
    .dashboard-shift-row {

        align-items:
            center;
    }

}


@media (max-width: 420px) {

    body.vk-page-employees
    .dashboard-grid {

        grid-template-columns:
            1fr
            !important;
    }


    body.vk-page-employees
    .dashboard-actions-grid {

        grid-template-columns:
            1fr;
    }

}


/* =========================================================
   VETEROK KB15 — SCHEDULE V2.5
   ========================================================= */

body.vk-app.vk-admin.vk-page-schedule {
    background:
        radial-gradient(
            circle at 88% 0%,
            var(--vk-accent-soft),
            transparent 31rem
        ),
        var(--vk-bg) !important;
}


/* ---------- HEADER ---------- */

body.vk-page-schedule .subtitle {
    color: var(--vk-text-muted) !important;
}

body.vk-page-schedule .month-nav {
    display: flex;
    align-items: center;
    gap: 12px;
}

body.vk-page-schedule .month-name {
    min-width: 150px;
    color: var(--vk-text) !important;
    font-weight: 800;
    letter-spacing: -.01em;
}

body.vk-page-schedule .month-nav button {
    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    border:
        1px solid var(--vk-border) !important;

    border-radius: 13px !important;

    background:
        var(--vk-surface-2) !important;

    color:
        var(--vk-text) !important;

    box-shadow: none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

body.vk-page-schedule .month-nav button:hover {
    background:
        var(--vk-accent-soft) !important;

    border-color:
        color-mix(
            in srgb,
            var(--vk-accent) 35%,
            var(--vk-border)
        ) !important;

    color:
        var(--vk-accent) !important;

    transform: translateY(-1px);
}


/* ---------- LEGEND ---------- */

body.vk-page-schedule .legend {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    margin: 0 0 20px;

    color:
        var(--vk-text-muted) !important;
}

body.vk-page-schedule .legend span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.vk-page-schedule .legend span::before {
    margin: 0 !important;
}

body.vk-page-schedule .legend .work::before {
    background: #57d39b !important;
}

body.vk-page-schedule .legend .off::before {
    background:
        var(--vk-surface-3) !important;

    border:
        1px solid var(--vk-border);
}


/* ---------- SECTIONS ---------- */

body.vk-page-schedule .section {
    overflow: hidden;

    margin-bottom: 20px !important;
    padding: 20px !important;

    background:
        var(--vk-surface) !important;

    border:
        1px solid var(--vk-border) !important;

    border-radius:
        var(--vk-radius-lg) !important;

    box-shadow:
        var(--vk-shadow) !important;
}

body.vk-page-schedule .section-title {
    margin-bottom: 16px;

    color:
        var(--vk-text) !important;

    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.02em;
}


/* ---------- TABLE CONTAINER ---------- */

body.vk-page-schedule .table-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    border:
        1px solid var(--vk-border);

    border-radius: 14px;

    scrollbar-width: thin;
    scrollbar-color:
        var(--vk-border-strong)
        transparent;

    -webkit-overflow-scrolling: touch;
}

body.vk-page-schedule .table-wrap::-webkit-scrollbar {
    height: 7px;
}

body.vk-page-schedule .table-wrap::-webkit-scrollbar-track {
    background: transparent;
}

body.vk-page-schedule .table-wrap::-webkit-scrollbar-thumb {
    background:
        var(--vk-border-strong);

    border-radius: 999px;
}


/* ---------- TABLE ---------- */

body.vk-page-schedule table {
    width: max-content !important;
    min-width: 100% !important;

    border-collapse:
        separate !important;

    border-spacing:
        0 !important;

    background:
        var(--vk-surface) !important;
}

body.vk-page-schedule th,
body.vk-page-schedule td {
    min-width: 76px;

    padding: 8px !important;

    color:
        var(--vk-text-soft) !important;

    background:
        var(--vk-surface) !important;

    border-right:
        1px solid var(--vk-border) !important;

    border-bottom:
        1px solid var(--vk-border) !important;

    text-align: center;
}

body.vk-page-schedule th {
    height: 42px;

    color:
        var(--vk-text-muted) !important;

    background:
        var(--vk-surface-2) !important;

    font-size: 12px;
    font-weight: 800;
}

body.vk-page-schedule tr:last-child td {
    border-bottom: 0 !important;
}

body.vk-page-schedule th:last-child,
body.vk-page-schedule td:last-child {
    border-right: 0 !important;
}


/* ---------- STICKY EMPLOYEE COLUMN ---------- */

body.vk-page-schedule th:first-child,
body.vk-page-schedule td:first-child {
    position: sticky;
    left: 0;

    min-width: 200px !important;
    max-width: 200px;

    text-align: left;

    background:
        var(--vk-surface) !important;

    box-shadow:
        8px 0 18px
        color-mix(
            in srgb,
            var(--vk-bg) 55%,
            transparent
        );
}

body.vk-page-schedule td:first-child {
    z-index: 4;
}

body.vk-page-schedule th:first-child {
    z-index: 6;

    background:
        var(--vk-surface-2) !important;
}


/* ---------- EMPLOYEE ---------- */

body.vk-page-schedule .employee-name {
    color:
        var(--vk-text) !important;

    font-size: 13px;
    font-weight: 750;
    line-height: 1.25;
}

body.vk-page-schedule .employee-role {
    margin-top: 4px;

    color:
        var(--vk-text-muted) !important;

    font-size: 11px;
}


/* ---------- SHIFT CELLS ---------- */

body.vk-page-schedule .shift {
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 6px 5px;

    border:
        1px solid transparent;

    border-radius: 10px !important;

    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;

    transition:
        transform .15s ease,
        border-color .15s ease,
        background .15s ease;
}

body.vk-page-schedule .shift:hover {
    transform: translateY(-1px);
}


/* Working */

body.vk-page-schedule .shift.work {
    color:
        #38b986 !important;

    background:
        color-mix(
            in srgb,
            #38b986 13%,
            var(--vk-surface)
        ) !important;

    border-color:
        color-mix(
            in srgb,
            #38b986 22%,
            transparent
        ) !important;
}


/* Day off */

body.vk-page-schedule .shift.day-off {
    color:
        var(--vk-text-muted) !important;

    background:
        var(--vk-surface-2) !important;

    border-color:
        var(--vk-border) !important;
}


/* Empty */

body.vk-page-schedule .shift.empty {
    color:
        var(--vk-text-muted) !important;

    background:
        var(--vk-surface-2) !important;

    border:
        1px dashed
        var(--vk-border-strong) !important;
}


/* Today */

body.vk-page-schedule .today-head {
    color:
        var(--vk-accent) !important;

    background:
        var(--vk-accent-soft) !important;
}


/* ---------- MODAL ---------- */

body.vk-page-schedule .modal-bg {
    background:
        var(--vk-overlay) !important;

    backdrop-filter: blur(5px);
}

body.vk-page-schedule .modal {
    background:
        var(--vk-surface) !important;

    color:
        var(--vk-text) !important;

    border:
        1px solid var(--vk-border) !important;

    border-radius: 20px !important;

    box-shadow:
        var(--vk-shadow-lg) !important;
}

body.vk-page-schedule .modal h2 {
    color:
        var(--vk-text) !important;
}

body.vk-page-schedule .modal-info {
    color:
        var(--vk-text-muted) !important;
}

body.vk-page-schedule label {
    color:
        var(--vk-text-soft) !important;
}

body.vk-page-schedule .modal-actions .save {
    background:
        var(--vk-accent) !important;

    color: #fff !important;
}

body.vk-page-schedule .modal-actions .cancel {
    background:
        var(--vk-surface-2) !important;

    color:
        var(--vk-text) !important;

    border:
        1px solid var(--vk-border) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    body.vk-page-schedule .content {
        padding:
            18px 14px
            calc(92px + env(safe-area-inset-bottom))
            !important;
    }

    body.vk-page-schedule .top {
        display: block !important;
        margin-bottom: 18px !important;
    }

    body.vk-page-schedule .top h1 {
        font-size: 28px !important;
        line-height: 1.08;
    }

    body.vk-page-schedule .subtitle {
        margin-top: 6px;
        font-size: 13px;
    }

    body.vk-page-schedule .month-nav {
        width: 100%;
        margin-top: 18px;

        display: grid;
        grid-template-columns:
            44px minmax(0, 1fr) 44px;

        gap: 10px;
    }

    body.vk-page-schedule .month-name {
        min-width: 0;
        font-size: 15px;
    }

    body.vk-page-schedule .legend {
        gap: 12px;
        margin-bottom: 14px;
        font-size: 12px;
    }

    body.vk-page-schedule .section {
        margin-bottom: 14px !important;
        padding: 14px !important;
        border-radius: 17px !important;
    }

    body.vk-page-schedule .section-title {
        margin-bottom: 12px;
        font-size: 17px;
    }

    body.vk-page-schedule .table-wrap {
        margin: 0;
        border-radius: 12px;
    }

    body.vk-page-schedule th,
    body.vk-page-schedule td {
        min-width: 67px;
        padding: 6px !important;
    }

    body.vk-page-schedule th:first-child,
    body.vk-page-schedule td:first-child {
        min-width: 142px !important;
        max-width: 142px;
    }

    body.vk-page-schedule .employee-name {
        font-size: 11px;
    }

    body.vk-page-schedule .employee-role {
        font-size: 9px;
    }

    body.vk-page-schedule .shift {
        min-height: 46px;
        font-size: 10px;
    }

    body.vk-page-schedule .modal-bg {
        padding: 12px;
    }

    body.vk-page-schedule .modal {
        max-width: none;
        padding: 19px;
        border-radius: 19px !important;
    }
}


/* =========================================================
   END SCHEDULE V2.5
   ========================================================= */


/* =========================================================
   VETEROK KB15 — REPORTS UI V2.6
   ========================================================= */


/* ---------------------------------------------------------
   PAGE
   --------------------------------------------------------- */

body.vk-app.vk-admin.vk-page-reports {
    background:
        radial-gradient(
            circle at 88% 0%,
            var(--vk-accent-soft),
            transparent 31rem
        ),
        var(--vk-bg)
        !important;
}


body.vk-page-reports .subtitle {
    color:
        var(--vk-text-muted)
        !important;
}


/* ---------------------------------------------------------
   TOP
   --------------------------------------------------------- */

body.vk-page-reports .top {
    align-items:
        flex-start;
}


body.vk-page-reports .report-date {
    display:
        inline-flex;

    align-items:
        center;

    min-height:
        42px;

    padding:
        0 14px;

    border:
        1px solid
        var(--vk-border);

    border-radius:
        12px;

    background:
        var(--vk-surface-2);

    color:
        var(--vk-text-soft)
        !important;

    font-size:
        13px;

    font-weight:
        700;
}


/* ---------------------------------------------------------
   SECTIONS
   --------------------------------------------------------- */

body.vk-page-reports .section {
    margin-bottom:
        18px !important;

    padding:
        21px !important;

    background:
        var(--vk-surface)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        var(--vk-radius-lg)
        !important;

    box-shadow:
        var(--vk-shadow)
        !important;
}


body.vk-page-reports .section-title {
    color:
        var(--vk-text)
        !important;

    font-size:
        19px;

    font-weight:
        820;

    letter-spacing:
        -.02em;
}


body.vk-page-reports .section-subtitle {
    margin-top:
        5px;

    color:
        var(--vk-text-muted)
        !important;

    font-size:
        13px;
}


/* ---------------------------------------------------------
   EMPLOYEE LISTS
   --------------------------------------------------------- */

body.vk-page-reports .employee-list {
    display:
        grid;

    gap:
        9px;

    margin-top:
        16px;
}


body.vk-page-reports .employee-head,
body.vk-page-reports .employee-fields {
    color:
        var(--vk-text)
        !important;
}


body.vk-page-reports .employee-head {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    min-height:
        58px;

    padding:
        12px 14px;

    background:
        var(--vk-surface-2)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        13px;
}


body.vk-page-reports .employee-name {
    color:
        var(--vk-text)
        !important;

    font-weight:
        750;
}


body.vk-page-reports .employee-position {
    color:
        var(--vk-text-muted)
        !important;

    font-size:
        12px;
}


/* ---------------------------------------------------------
   CHECK ROWS
   --------------------------------------------------------- */

body.vk-page-reports .go-check,
body.vk-page-reports .filling-check,
body.vk-page-reports .training-check {
    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    min-height:
        52px;

    padding:
        10px 13px;

    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text-soft)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        12px;

    transition:
        border-color .15s ease,
        background .15s ease,
        transform .15s ease;
}


body.vk-page-reports .go-check:hover,
body.vk-page-reports .filling-check:hover,
body.vk-page-reports .training-check:hover {
    border-color:
        color-mix(
            in srgb,
            var(--vk-accent) 28%,
            var(--vk-border)
        )
        !important;

    background:
        color-mix(
            in srgb,
            var(--vk-accent) 5%,
            var(--vk-surface-2)
        )
        !important;
}


/* ---------------------------------------------------------
   CHECKBOXES
   --------------------------------------------------------- */

body.vk-page-reports input[type="checkbox"] {
    width:
        20px;

    height:
        20px;

    min-height:
        20px;

    flex:
        0 0 20px;

    margin:
        0;

    accent-color:
        var(--vk-accent);

    cursor:
        pointer;
}


/* ---------------------------------------------------------
   GO LIST
   --------------------------------------------------------- */

body.vk-page-reports .go-percent {
    color:
        var(--vk-accent)
        !important;

    font-weight:
        800;
}


/* ---------------------------------------------------------
   FILLING VALUES
   --------------------------------------------------------- */

body.vk-page-reports .field-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap:
        12px;

    margin-top:
        12px;
}


body.vk-page-reports .food-value,
body.vk-page-reports .drinks-value {
    color:
        var(--vk-text)
        !important;
}


body.vk-page-reports .field-grid input {
    width:
        100%;

    min-height:
        44px;

    background:
        var(--vk-input-bg)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border-strong)
        !important;

    border-radius:
        11px
        !important;
}


/* ---------------------------------------------------------
   REVENUE
   --------------------------------------------------------- */

body.vk-page-reports .revenue-grid {
    display:
        grid;

    gap:
        12px;

    margin-top:
        14px;
}


body.vk-page-reports .star-select {
    width:
        min(
            100%,
            560px
        );

    min-height:
        46px;

    padding:
        0 13px;

    background:
        var(--vk-input-bg)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border-strong)
        !important;

    border-radius:
        11px
        !important;
}


/* ---------------------------------------------------------
   TRAINING
   --------------------------------------------------------- */

body.vk-page-reports .training-text {
    color:
        var(--vk-text-soft)
        !important;
}


body.vk-page-reports textarea {
    width:
        100%;

    background:
        var(--vk-input-bg)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border-strong)
        !important;

    border-radius:
        12px
        !important;

    resize:
        vertical;
}


/* ---------------------------------------------------------
   DIVIDERS
   --------------------------------------------------------- */

body.vk-page-reports .divider-text {
    color:
        var(--vk-text-muted)
        !important;
}


/* ---------------------------------------------------------
   EMPTY / MESSAGE
   --------------------------------------------------------- */

body.vk-page-reports .empty {
    padding:
        20px;

    color:
        var(--vk-text-muted)
        !important;

    text-align:
        center;
}


body.vk-page-reports .message {
    padding:
        12px 14px;

    border:
        1px solid
        var(--vk-border);

    border-radius:
        12px;

    background:
        var(--vk-surface-2);

    color:
        var(--vk-text-soft)
        !important;
}


/* ---------------------------------------------------------
   ACTION BAR
   --------------------------------------------------------- */

body.vk-page-reports .actions {
    position:
        sticky;

    bottom:
        0;

    z-index:
        20;

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-top:
        20px;

    padding:
        14px;

    background:
        color-mix(
            in srgb,
            var(--vk-surface) 94%,
            transparent
        )
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        16px;

    box-shadow:
        0 -10px 30px
        color-mix(
            in srgb,
            var(--vk-bg) 55%,
            transparent
        );

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);
}


body.vk-page-reports .actions button {
    min-height:
        44px;

    padding:
        0 16px;

    border-radius:
        11px;

    font-weight:
        750;

    cursor:
        pointer;
}


/* Save draft */

body.vk-page-reports .save {
    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;
}


/* Preview */

body.vk-page-reports
.actions button:not(.save):not(.publish) {
    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text-soft)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;
}


/* Publish */

body.vk-page-reports .publish {
    background:
        linear-gradient(
            135deg,
            #19a874,
            #13845d
        )
        !important;

    color:
        #ffffff
        !important;

    border:
        0
        !important;

    box-shadow:
        0 8px 22px
        rgba(25,168,116,.18);
}


body.vk-page-reports .save:hover,
body.vk-page-reports
.actions button:not(.save):not(.publish):hover {
    border-color:
        color-mix(
            in srgb,
            var(--vk-accent) 30%,
            var(--vk-border)
        )
        !important;

    color:
        var(--vk-accent)
        !important;
}


/* ---------------------------------------------------------
   PREVIEW MODAL
   --------------------------------------------------------- */

body.vk-page-reports .modal-bg {
    background:
        var(--vk-overlay)
        !important;

    backdrop-filter:
        blur(6px);

    -webkit-backdrop-filter:
        blur(6px);
}


body.vk-page-reports .modal,
body.vk-page-reports .preview {
    background:
        var(--vk-surface)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        20px
        !important;

    box-shadow:
        var(--vk-shadow-lg)
        !important;
}


body.vk-page-reports .preview-text {
    color:
        var(--vk-text-soft)
        !important;

    line-height:
        1.6;
}


body.vk-page-reports .close-preview {
    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    body.vk-page-reports .content {
        padding:
            18px 14px
            calc(
                100px
                + env(
                    safe-area-inset-bottom
                )
            )
            !important;
    }


    body.vk-page-reports .top {
        display:
            block
            !important;

        margin-bottom:
            18px;
    }


    body.vk-page-reports .top h1 {
        font-size:
            28px
            !important;

        line-height:
            1.08;
    }


    body.vk-page-reports .report-date {
        margin-top:
            14px;
    }


    body.vk-page-reports .section {
        padding:
            15px
            !important;

        margin-bottom:
            13px
            !important;

        border-radius:
            17px
            !important;
    }


    body.vk-page-reports .section-title {
        font-size:
            17px;
    }


    body.vk-page-reports .field-grid,
    body.vk-page-reports .revenue-grid {
        grid-template-columns:
            1fr
            !important;
    }


    body.vk-page-reports .employee-head {
        align-items:
            flex-start;
    }


    body.vk-page-reports .actions {
        position:
            static;

        display:
            grid;

        grid-template-columns:
            1fr;

        padding:
            0;

        background:
            transparent
            !important;

        border:
            0
            !important;

        box-shadow:
            none;

        backdrop-filter:
            none;
    }


    body.vk-page-reports .actions button {
        width:
            100%;

        min-height:
            48px;
    }


    body.vk-page-reports .modal-bg {
        padding:
            12px;
    }


    body.vk-page-reports .modal,
    body.vk-page-reports .preview {
        width:
            100%;

        max-width:
            none;

        padding:
            18px;

        border-radius:
            18px
            !important;
    }

}


/* =========================================================
   END REPORTS UI V2.6
   ========================================================= */


/* =========================================================
   CLEAN EMPLOYEE SELECTION V1
   Без рамок вокруг выбранного сотрудника
   ========================================================= */

body.vk-page-reports
:is(
    .go-check,
    .filling-check,
    .training-check
) {
    border:
        0 !important;

    box-shadow:
        none !important;
}


/* обычное состояние */

body.vk-page-reports
:is(
    .go-check,
    .filling-check,
    .training-check
) {
    background:
        var(--vk-surface-2)
        !important;
}


/* hover — только лёгкая подсветка */

body.vk-page-reports
:is(
    .go-check,
    .filling-check,
    .training-check
):hover {
    border:
        0 !important;

    background:
        color-mix(
            in srgb,
            var(--vk-accent) 5%,
            var(--vk-surface-2)
        )
        !important;

    box-shadow:
        none !important;

    transform:
        none !important;
}


/* выбранный сотрудник */

body.vk-page-reports
:is(
    .go-check,
    .filling-check,
    .training-check
):has(input:checked) {
    border:
        0 !important;

    background:
        color-mix(
            in srgb,
            var(--vk-accent) 11%,
            var(--vk-surface-2)
        )
        !important;

    box-shadow:
        none !important;
}


/* checkbox остаётся единственным явным индикатором */

body.vk-page-reports
input[type="checkbox"] {
    accent-color:
        var(--vk-accent);
}



/* =========================================================
   REPORTS — CLEAN EMPLOYEE CARDS FINAL
   Убираем рамки именно с контейнеров сотрудников
   ========================================================= */

body.vk-page-reports .employee-list {
    gap: 8px !important;
}

/* Главная строка сотрудника */
body.vk-page-reports .employee-head {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background:
        var(--vk-surface-2)
        !important;

    border-radius:
        12px
        !important;
}

/* Дополнительные поля сотрудника */
body.vk-page-reports .employee-fields {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background:
        transparent
        !important;
}

/* Никакой рамки при hover */
body.vk-page-reports .employee-head:hover,
body.vk-page-reports .employee-fields:hover {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Никакой focus-рамки вокруг строки */
body.vk-page-reports .employee-head:focus,
body.vk-page-reports .employee-head:focus-within,
body.vk-page-reports .employee-fields:focus,
body.vk-page-reports .employee-fields:focus-within {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Сам checkbox оставляем нормальным */
body.vk-page-reports input.go-check,
body.vk-page-reports input.filling-check,
body.vk-page-reports input.training-check {
    box-shadow: none !important;
}

/* Safari focus */
body.vk-page-reports input.go-check:focus,
body.vk-page-reports input.filling-check:focus,
body.vk-page-reports input.training-check:focus {
    outline: 0 !important;
    box-shadow: none !important;
}



/* =========================================================
   REPORTS — BORDERLESS EMPLOYEE ROWS V1
   Убираем внешнюю рамку контейнера сотрудника
   ========================================================= */

body.vk-page-reports .employee-row {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;

    background:
        transparent
        !important;
}

/* Выбранный сотрудник — без появления внешней рамки */
body.vk-page-reports .employee-row.selected,
body.vk-page-reports .employee-row:hover,
body.vk-page-reports .employee-row:focus,
body.vk-page-reports .employee-row:focus-within {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Сама строка сотрудника остаётся аккуратной карточкой */
body.vk-page-reports .employee-row > .employee-head {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background:
        var(--vk-surface-2)
        !important;

    border-radius:
        12px
        !important;
}

/* Раскрываемые поля также не создают новую рамку */
body.vk-page-reports .employee-row > .employee-fields {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   REPORTS — HISTORY BUTTON V1
   ========================================================= */

body.vk-page-reports
.top a[href*="/admin/reports/history"] {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    min-height:
        40px;

    padding:
        0 13px;

    margin-top:
        8px;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        11px;

    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text-soft)
        !important;

    text-decoration:
        none
        !important;

    font-size:
        13px;

    font-weight:
        750;

    line-height:
        1;

    transition:
        background .16s ease,
        border-color .16s ease,
        color .16s ease,
        transform .16s ease;
}


body.vk-page-reports
.top a[href*="/admin/reports/history"]:hover {

    color:
        var(--vk-accent)
        !important;

    background:
        var(--vk-accent-soft)
        !important;

    border-color:
        color-mix(
            in srgb,
            var(--vk-accent) 32%,
            var(--vk-border)
        )
        !important;

    transform:
        translateY(-1px);
}


body.vk-page-reports
.top a[href*="/admin/reports/history"]:focus-visible {

    outline:
        2px solid
        var(--vk-accent);

    outline-offset:
        2px;
}


/* mobile */

@media (max-width: 720px) {

    body.vk-page-reports
    .top a[href*="/admin/reports/history"] {

        width:
            100%;

        margin-top:
            10px;

        min-height:
            44px;
    }

}



/* =========================================================
   VETEROK KB15 — MEDICAL BOOKS POLISH V2.7
   ========================================================= */


/* ---------------------------------------------------------
   EMPLOYEE ROW
   --------------------------------------------------------- */

body.vk-page-medical-books
.list > * {
    background:
        var(--vk-surface-2)
        !important;

    border:
        0
        !important;

    border-radius:
        15px
        !important;

    box-shadow:
        none
        !important;

    transition:
        background .16s ease,
        transform .16s ease;
}


body.vk-page-medical-books
.list > *:hover {
    background:
        color-mix(
            in srgb,
            var(--vk-accent) 3%,
            var(--vk-surface-2)
        )
        !important;
}


/* ---------------------------------------------------------
   MEDICAL STATUS INSIDE EMPLOYEE ROW
   --------------------------------------------------------- */

body.vk-page-medical-books
.status {
    width:
        auto
        !important;

    min-width:
        112px;

    min-height:
        38px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        7px 12px
        !important;

    border:
        0
        !important;

    border-radius:
        999px
        !important;

    box-shadow:
        none
        !important;

    font-size:
        12px;

    font-weight:
        750;

    line-height:
        1.15;
}


/* Не заполнена */

body.vk-page-medical-books
.status.empty {
    background:
        var(--vk-surface-3)
        !important;

    color:
        var(--vk-text-muted)
        !important;
}


/* Действует */

body.vk-page-medical-books
.status.active {
    background:
        color-mix(
            in srgb,
            var(--vk-success) 12%,
            var(--vk-surface-2)
        )
        !important;

    color:
        var(--vk-success)
        !important;
}


/* Скоро закончится */

body.vk-page-medical-books
.status.warning {
    background:
        color-mix(
            in srgb,
            var(--vk-warning) 13%,
            var(--vk-surface-2)
        )
        !important;

    color:
        var(--vk-warning)
        !important;
}


/* Просрочена */

body.vk-page-medical-books
.status.expired {
    background:
        color-mix(
            in srgb,
            var(--vk-danger) 12%,
            var(--vk-surface-2)
        )
        !important;

    color:
        var(--vk-danger)
        !important;
}


/* ---------------------------------------------------------
   ACTIONS
   --------------------------------------------------------- */

body.vk-page-medical-books
.row-actions {
    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        8px;
}


/* Уведомить сотрудника */

body.vk-page-medical-books
.notify-employee {
    min-height:
        38px;

    padding:
        0 13px
        !important;

    border:
        0
        !important;

    border-radius:
        10px
        !important;

    background:
        var(--vk-accent-soft)
        !important;

    color:
        var(--vk-accent)
        !important;

    box-shadow:
        none
        !important;

    font-size:
        12px;

    font-weight:
        750;

    transition:
        background .16s ease,
        color .16s ease,
        transform .16s ease;
}


body.vk-page-medical-books
.notify-employee:hover {
    background:
        color-mix(
            in srgb,
            var(--vk-accent) 16%,
            var(--vk-surface-2)
        )
        !important;

    color:
        var(--vk-accent-hover)
        !important;

    transform:
        translateY(-1px);
}


/* Редактировать */

body.vk-page-medical-books
.edit {
    min-height:
        38px;

    padding:
        0 13px
        !important;

    border:
        0
        !important;

    border-radius:
        10px
        !important;

    background:
        var(--vk-surface-3)
        !important;

    color:
        var(--vk-text-soft)
        !important;

    box-shadow:
        none
        !important;

    font-size:
        12px;

    font-weight:
        750;
}


body.vk-page-medical-books
.edit:hover {
    background:
        color-mix(
            in srgb,
            var(--vk-accent) 7%,
            var(--vk-surface-3)
        )
        !important;

    color:
        var(--vk-text)
        !important;
}


/* ---------------------------------------------------------
   STATS CARDS
   --------------------------------------------------------- */

body.vk-page-medical-books
.medical-stat {
    box-shadow:
        none
        !important;

    transition:
        background .16s ease,
        transform .16s ease;
}


body.vk-page-medical-books
.medical-stat.selected {
    border:
        1px solid
        color-mix(
            in srgb,
            var(--vk-accent) 30%,
            var(--vk-border)
        )
        !important;

    box-shadow:
        none
        !important;

    background:
        color-mix(
            in srgb,
            var(--vk-accent) 5%,
            var(--vk-surface)
        )
        !important;
}


/* ---------------------------------------------------------
   FILTERS
   --------------------------------------------------------- */

body.vk-page-medical-books
.filter {
    border:
        0
        !important;

    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text-muted)
        !important;

    box-shadow:
        none
        !important;
}


body.vk-page-medical-books
.filter.active {
    background:
        var(--vk-accent-soft)
        !important;

    color:
        var(--vk-accent)
        !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    body.vk-page-medical-books
    .list > * {
        padding:
            15px
            !important;
    }


    body.vk-page-medical-books
    .row-actions {
        width:
            100%;

        display:
            grid;

        grid-template-columns:
            1fr 1fr;

        margin-top:
            12px;
    }


    body.vk-page-medical-books
    .notify-employee,

    body.vk-page-medical-books
    .edit {
        width:
            100%;

        min-height:
            44px;
    }


    body.vk-page-medical-books
    .status {
        min-width:
            0;
    }

}


/* =========================================================
   END MEDICAL BOOKS POLISH V2.7
   ========================================================= */


/* =========================================================
   REPORTS — QUIET DIVIDER V1
   ========================================================= */

body.vk-page-reports .divider-text {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    margin:
        8px 0 14px;

    padding:
        0 !important;

    background:
        transparent
        !important;

    border:
        0
        !important;

    border-radius:
        0
        !important;

    box-shadow:
        none
        !important;

    color:
        var(--vk-text-muted)
        !important;

    font-size:
        12px;

    font-weight:
        600;

    text-align:
        center;
}


body.vk-page-reports .divider-text::before,
body.vk-page-reports .divider-text::after {
    content: "";

    flex:
        1;

    max-width:
        120px;

    height:
        1px;

    background:
        var(--vk-border);
}


@media (max-width: 720px) {

    body.vk-page-reports .divider-text {
        gap:
            10px;

        margin:
            6px 0 12px;

        font-size:
            11px;
    }


    body.vk-page-reports .divider-text::before,
    body.vk-page-reports .divider-text::after {
        max-width:
            42px;
    }

}



/* =========================================================
   VETEROK KB15 — REPORTS COMPACT V2.8
   ========================================================= */


/* ---------------------------------------------------------
   MAIN REPORT GRID
   --------------------------------------------------------- */

body.vk-page-reports .content {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    align-content:
        start;

    gap:
        14px 14px
        !important;
}


/* Header */

body.vk-page-reports .content > .top {
    grid-column:
        1 / -1;

    margin-bottom:
        4px !important;
}


/* Success/error message */

body.vk-page-reports .content > .message {
    grid-column:
        1 / -1;

    margin:
        0 !important;
}


/* All report sections */

body.vk-page-reports .content > .section {
    min-width:
        0;

    margin:
        0 !important;

    padding:
        16px !important;

    border-radius:
        16px !important;

    box-shadow:
        none !important;
}


/*
 * 1 — Итоги / Гоу лист
 * 2 — Наполняемость
 *
 * Они стоят рядом.
 */

body.vk-page-reports
.content > .section:nth-of-type(1),

body.vk-page-reports
.content > .section:nth-of-type(2) {
    grid-column:
        span 1;
}


/*
 * 3 — Выручка
 * 4 — Комментарий
 *
 * Вторая компактная строка.
 */

body.vk-page-reports
.content > .section:nth-of-type(3),

body.vk-page-reports
.content > .section:nth-of-type(4) {
    grid-column:
        span 1;
}


/*
 * Обучение и все следующие служебные блоки
 * оставляем полной ширины.
 */

body.vk-page-reports
.content > .section:nth-of-type(n+5) {
    grid-column:
        1 / -1;
}


/* Divider */

body.vk-page-reports
.content > .divider-text {
    grid-column:
        1 / -1;

    margin:
        -1px 0 0 !important;
}


/* Buttons */

body.vk-page-reports
.content > .actions {
    grid-column:
        1 / -1;

    margin-top:
        0 !important;
}


/* ---------------------------------------------------------
   TYPOGRAPHY
   --------------------------------------------------------- */

body.vk-page-reports .section-title {
    margin-bottom:
        3px !important;

    font-size:
        17px !important;
}


body.vk-page-reports .section-subtitle {
    margin:
        2px 0 11px
        !important;

    font-size:
        12px !important;

    line-height:
        1.4;
}


body.vk-page-reports .section h3 {
    margin:
        12px 0 9px;

    color:
        var(--vk-text);

    font-size:
        15px;

    font-weight:
        750;
}


/* ---------------------------------------------------------
   EMPLOYEE ROWS — COMPACT
   --------------------------------------------------------- */

body.vk-page-reports .employee-list {
    gap:
        6px !important;

    margin-top:
        8px !important;
}


body.vk-page-reports .employee-head {
    min-height:
        46px !important;

    padding:
        8px 10px
        !important;

    border-radius:
        10px
        !important;
}


body.vk-page-reports .employee-name {
    font-size:
        13px;
}


body.vk-page-reports .employee-position {
    font-size:
        11px;
}


body.vk-page-reports
input[type="checkbox"] {
    width:
        18px;

    height:
        18px;

    min-height:
        18px;

    flex-basis:
        18px;
}


/* Expanded employee data */

body.vk-page-reports .employee-fields {
    margin-top:
        7px !important;
}


body.vk-page-reports .field-grid {
    gap:
        8px !important;

    margin-top:
        6px !important;
}


/* ---------------------------------------------------------
   INPUTS
   --------------------------------------------------------- */

body.vk-page-reports
:is(
    input[type="text"],
    select
) {
    min-height:
        40px !important;

    padding:
        8px 10px
        !important;

    font-size:
        13px !important;

    border-radius:
        10px !important;
}


/* Manager comment should not take half a screen */

body.vk-page-reports textarea {
    min-height:
        68px !important;

    max-height:
        150px;

    padding:
        10px 11px
        !important;

    font-size:
        13px !important;
}


/* ---------------------------------------------------------
   STAR SELECT
   --------------------------------------------------------- */

body.vk-page-reports .star-select {
    display:
        grid;

    grid-template-columns:
        auto minmax(150px, 1fr);

    align-items:
        center;

    gap:
        10px;

    margin-top:
        10px !important;
}


body.vk-page-reports .star-select label {
    margin:
        0 !important;

    color:
        var(--vk-text-muted);

    font-size:
        12px;
}


body.vk-page-reports
.star-select select {
    width:
        100%;

    max-width:
        none !important;
}


/* ---------------------------------------------------------
   REVENUE
   --------------------------------------------------------- */

body.vk-page-reports .revenue-grid {
    grid-template-columns:
        1fr
        !important;

    gap:
        9px
        !important;

    margin-top:
        8px
        !important;
}


/* ---------------------------------------------------------
   TRAINING
   --------------------------------------------------------- */

body.vk-page-reports
.content > .section:nth-of-type(5)
.employee-list {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:
        7px;
}


/* ---------------------------------------------------------
   ACTION BAR — SMALLER
   --------------------------------------------------------- */

body.vk-page-reports .actions {
    padding:
        9px !important;

    gap:
        7px !important;

    border-radius:
        14px !important;
}


body.vk-page-reports
.actions button {
    min-height:
        40px !important;

    padding:
        0 14px !important;

    font-size:
        12px;
}


/* ---------------------------------------------------------
   DESKTOP LARGE
   --------------------------------------------------------- */

@media (min-width: 1250px) {

    body.vk-page-reports .content {
        max-width:
            1220px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (
    min-width: 721px
)
and (
    max-width: 1050px
) {

    body.vk-page-reports .content {
        grid-template-columns:
            1fr;
    }


    body.vk-page-reports
    .content > .section {
        grid-column:
            1 / -1
            !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    body.vk-page-reports .content {
        display:
            grid !important;

        grid-template-columns:
            1fr;

        gap:
            10px !important;
    }


    body.vk-page-reports
    .content > .section {
        grid-column:
            1 / -1
            !important;

        padding:
            13px !important;

        border-radius:
            14px !important;
    }


    body.vk-page-reports
    .section-title {
        font-size:
            16px !important;
    }


    body.vk-page-reports
    .employee-head {
        min-height:
            44px !important;
    }


    body.vk-page-reports
    .star-select {
        grid-template-columns:
            1fr;

        gap:
            5px;
    }


    body.vk-page-reports
    .content > .section:nth-of-type(5)
    .employee-list {
        grid-template-columns:
            1fr;
    }


    body.vk-page-reports
    textarea {
        min-height:
            62px !important;
    }

}


/* =========================================================
   END REPORTS COMPACT V2.8
   ========================================================= */


/* =========================================================
   REPORTS — TELEGRAM PUBLISH BUTTON
   ========================================================= */

body.vk-page-reports .publish {
    background:
        #16a36a
        !important;

    color:
        #ffffff
        !important;

    border:
        1px solid rgba(255,255,255,.08)
        !important;

    box-shadow:
        0 6px 18px rgba(22,163,106,.16)
        !important;

    font-weight:
        750;

    transition:
        background .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}


body.vk-page-reports .publish:hover {
    background:
        #138b5b
        !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 8px 22px rgba(22,163,106,.22)
        !important;
}


body.vk-page-reports .publish:active {
    transform:
        translateY(0);

    box-shadow:
        0 3px 10px rgba(22,163,106,.15)
        !important;
}


/* disabled */

body.vk-page-reports .publish:disabled {
    background:
        rgba(22,163,106,.28)
        !important;

    color:
        rgba(255,255,255,.55)
        !important;

    box-shadow:
        none
        !important;

    cursor:
        not-allowed;
}



/* =========================================================
   VETEROK KB15 — TASKS COMPACT V2.9
   ========================================================= */

body.vk-page-tasks .content {
    display:
        grid !important;

    grid-template-columns:
        minmax(320px, 0.92fr)
        minmax(0, 1.45fr);

    align-content:
        start;

    gap:
        14px !important;
}


/* Header */

body.vk-page-tasks .content > .top {
    grid-column:
        1 / -1;

    margin-bottom:
        4px !important;
}


/* Main columns */

body.vk-page-tasks .grid {
    grid-column:
        1 / -1;

    display:
        grid !important;

    grid-template-columns:
        minmax(320px, 0.92fr)
        minmax(0, 1.45fr)
        !important;

    gap:
        14px !important;
}


/* Cards */

body.vk-page-tasks .card {
    min-width:
        0;

    padding:
        16px !important;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        16px !important;

    background:
        var(--vk-surface)
        !important;

    box-shadow:
        none !important;
}


/* Titles */

body.vk-page-tasks .card h2,
body.vk-page-tasks .card h3 {
    margin-top:
        0;

    margin-bottom:
        12px;

    color:
        var(--vk-text);

    font-size:
        18px;

    letter-spacing:
        -.02em;
}


/* Filters */

body.vk-page-tasks
:is(
    .worker-filters,
    .creator-filters,
    .task-list-filters
) {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px !important;

    margin-bottom:
        10px !important;
}


body.vk-page-tasks
:is(
    .worker-filter,
    .creator-filter,
    .task-list-filter
) {
    min-height:
        34px !important;

    padding:
        0 11px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text-muted)
        !important;

    font-size:
        12px !important;

    font-weight:
        700;
}


body.vk-page-tasks
:is(
    .worker-filter,
    .creator-filter,
    .task-list-filter
).active {
    background:
        var(--vk-accent-soft)
        !important;

    color:
        var(--vk-accent)
        !important;
}


/* Employee rows */

body.vk-page-tasks .worker-list {
    display:
        grid;

    gap:
        7px !important;

    margin-bottom:
        10px;
}


body.vk-page-tasks .worker-check {
    min-height:
        58px !important;

    padding:
        9px 11px !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    background:
        var(--vk-surface-2)
        !important;

    box-shadow:
        none !important;
}


body.vk-page-tasks .worker-name {
    font-size:
        13px;

    font-weight:
        750;

    color:
        var(--vk-text)
        !important;
}


body.vk-page-tasks .worker-time {
    margin-top:
        2px;

    font-size:
        11px;

    color:
        var(--vk-text-muted)
        !important;
}


/* Select all row */

body.vk-page-tasks .toolbar {
    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    margin:
        8px 0 12px
        !important;
}


body.vk-page-tasks
:is(
    .select-all,
    .clear-all
) {
    min-height:
        34px !important;

    padding:
        0 10px !important;

    border:
        0 !important;

    border-radius:
        9px !important;

    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text-soft)
        !important;

    font-size:
        12px;
}


/* Fields */

body.vk-page-tasks .field {
    margin-bottom:
        11px !important;
}


body.vk-page-tasks .field label {
    display:
        block;

    margin-bottom:
        5px;

    font-size:
        12px;

    color:
        var(--vk-text-soft);
}


body.vk-page-tasks
:is(
    input,
    textarea
) {
    width:
        100%;

    background:
        var(--vk-input-bg)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border-strong)
        !important;

    border-radius:
        10px !important;
}


body.vk-page-tasks input {
    min-height:
        40px !important;

    padding:
        8px 10px !important;
}


body.vk-page-tasks textarea {
    min-height:
        70px !important;

    max-height:
        150px;

    padding:
        9px 10px !important;
}


/* Submit */

body.vk-page-tasks .send {
    width:
        100%;

    min-height:
        44px !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    background:
        linear-gradient(
            135deg,
            var(--vk-accent),
            var(--vk-accent-hover)
        )
        !important;

    color:
        #fff
        !important;

    font-weight:
        750;

    box-shadow:
        none !important;
}


/* Latest tasks area */

body.vk-page-tasks .task-progress {
    display:
        grid;

    gap:
        7px;
}


body.vk-page-tasks .progress-item {
    padding:
        10px 11px !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    background:
        var(--vk-surface-2)
        !important;
}


/* Empty state */

body.vk-page-tasks .empty {
    min-height:
        220px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    text-align:
        center;

    color:
        var(--vk-text-muted)
        !important;

    font-size:
        13px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (
    min-width: 721px
)
and (
    max-width: 1050px
) {

    body.vk-page-tasks .content {
        grid-template-columns:
            1fr;
    }

    body.vk-page-tasks .grid {
        grid-template-columns:
            1fr
            !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    body.vk-page-tasks .content {
        display:
            block
            !important;
    }


    body.vk-page-tasks .grid {
        display:
            grid
            !important;

        grid-template-columns:
            1fr
            !important;

        gap:
            10px !important;
    }


    body.vk-page-tasks .card {
        padding:
            13px !important;

        border-radius:
            14px !important;
    }


    body.vk-page-tasks .worker-check {
        min-height:
            52px !important;
    }


    body.vk-page-tasks .empty {
        min-height:
            150px;
    }

}


/* =========================================================
   END TASKS COMPACT V2.9
   ========================================================= */


/* =========================================================
   TASKS — EMPLOYEE ROW FIX V2.9.1
   Fix broken worker selection layout
   ========================================================= */

body.vk-page-tasks .worker-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}


/* Employee card */

body.vk-page-tasks .worker-check {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: auto !important;

    gap: 10px !important;
    padding: 10px 12px !important;

    overflow: hidden !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    border-radius: 12px !important;

    background:
        var(--vk-surface-2)
        !important;

    cursor: pointer;
}


/* Absolutely prevent checkbox stretching */

body.vk-page-tasks .worker-check input,
body.vk-page-tasks .worker-check input[type="checkbox"] {

    appearance: none !important;
    -webkit-appearance: none !important;

    display: block !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
        1.5px solid
        var(--vk-text-muted)
        !important;

    border-radius: 6px !important;

    background:
        transparent
        !important;

    box-shadow:
        none !important;

    cursor:
        pointer;
}


/* Checked */

body.vk-page-tasks
.worker-check
input[type="checkbox"]:checked {

    border-color:
        var(--vk-accent)
        !important;

    background:
        var(--vk-accent)
        !important;
}


/* Check mark */

body.vk-page-tasks
.worker-check
input[type="checkbox"]:checked::after {

    content: "✓";

    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    color: #fff;

    font-size: 12px;
    font-weight: 900;

    line-height: 1;
}


/* Employee information */

body.vk-page-tasks .worker-info {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    overflow: hidden !important;
}


body.vk-page-tasks .worker-name {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    color:
        var(--vk-text)
        !important;

    font-size:
        13px !important;

    font-weight:
        750 !important;

    line-height:
        1.3 !important;
}


body.vk-page-tasks .worker-time {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin-top:
        2px !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    color:
        var(--vk-text-muted)
        !important;

    font-size:
        11px !important;

    line-height:
        1.35 !important;
}


/* No ugly selection border */

body.vk-page-tasks .worker-check:hover {
    background:
        var(--vk-surface-3)
        !important;
}


body.vk-page-tasks .worker-check:focus,
body.vk-page-tasks .worker-check:focus-visible,
body.vk-page-tasks .worker-check:has(input:focus),
body.vk-page-tasks .worker-check:has(input:focus-visible) {

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}


/* Selected employee — subtle, like Reports */

body.vk-page-tasks
.worker-check:has(input[type="checkbox"]:checked) {

    background:
        var(--vk-accent-soft)
        !important;

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}


/* Don't allow global input rules to resize checkbox */

body.vk-page-tasks
.worker-check
input[type="checkbox"] {

    flex:
        0 0 18px !important;

    position:
        static !important;

    inset:
        auto !important;

    transform:
        none !important;
}


/* Mobile */

@media (max-width: 720px) {

    body.vk-page-tasks .worker-check {
        min-height:
            54px !important;

        padding:
            9px 10px !important;

        grid-template-columns:
            18px minmax(0, 1fr)
            !important;
    }

}


/* =========================================================
   END TASKS EMPLOYEE ROW FIX
   ========================================================= */


/* =========================================================
   VETEROK TASKS — EMPLOYEE SELECTOR FINAL FIX
   .worker       = employee row
   .worker-check = checkbox INPUT
   ========================================================= */

body.vk-page-tasks .worker-list {
    display: grid !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}


/* Employee row */

body.vk-page-tasks .worker {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;

    min-height: 54px !important;
    padding: 9px 11px !important;

    background: var(--vk-surface-2) !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    border-radius: 12px !important;

    cursor: pointer !important;

    transition:
        background .16s ease,
        transform .16s ease !important;
}


body.vk-page-tasks .worker:hover {
    background: var(--vk-surface-3) !important;
}


/* Absolutely remove focus/selection frame */

body.vk-page-tasks .worker:focus,
body.vk-page-tasks .worker:focus-visible,
body.vk-page-tasks .worker:focus-within,
body.vk-page-tasks .worker:has(.worker-check:checked) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* Selected employee */

body.vk-page-tasks .worker:has(.worker-check:checked) {
    background: var(--vk-accent-soft) !important;
}


/* =========================================================
   REAL CHECKBOX
   ========================================================= */

body.vk-page-tasks input.worker-check,
body.vk-page-tasks .worker input.worker-check,
body.vk-page-tasks input[type="checkbox"].worker-check {

    appearance: none !important;
    -webkit-appearance: none !important;

    display: block !important;

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    max-width: 18px !important;

    min-height: 18px !important;
    max-height: 18px !important;

    flex: 0 0 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1.5px solid var(--vk-text-muted) !important;
    border-radius: 6px !important;

    background: transparent !important;

    box-shadow: none !important;
    outline: none !important;

    position: relative !important;

    cursor: pointer !important;
}


/* Checkbox focus */

body.vk-page-tasks input.worker-check:focus,
body.vk-page-tasks input.worker-check:focus-visible {
    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    padding: 0 !important;

    outline: none !important;
    box-shadow: none !important;
}


/* Checked checkbox */

body.vk-page-tasks input.worker-check:checked {
    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    padding: 0 !important;

    background: var(--vk-accent) !important;
    border-color: var(--vk-accent) !important;
}


/* Check mark */

body.vk-page-tasks input.worker-check:checked::after {
    content: "✓" !important;

    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}


/* =========================================================
   EMPLOYEE TEXT
   ========================================================= */

body.vk-page-tasks .worker-info {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    overflow: visible !important;
}


body.vk-page-tasks .worker-name {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;

    color: var(--vk-text) !important;

    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}


body.vk-page-tasks .worker-time {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    margin-top: 2px !important;

    color: var(--vk-text-muted) !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}


/* Mobile */

@media (max-width: 720px) {

    body.vk-page-tasks .worker {
        grid-template-columns: 18px minmax(0, 1fr) !important;

        min-height: 50px !important;

        gap: 9px !important;
        padding: 8px 10px !important;

        border-radius: 11px !important;
    }

    body.vk-page-tasks input.worker-check,
    body.vk-page-tasks .worker input.worker-check {
        width: 17px !important;
        height: 17px !important;

        min-width: 17px !important;
        max-width: 17px !important;

        min-height: 17px !important;
        max-height: 17px !important;
    }

    body.vk-page-tasks .worker-name {
        font-size: 12.5px !important;
    }

    body.vk-page-tasks .worker-time {
        font-size: 10.5px !important;
    }
}



/* =========================================================
   VETEROK KB15 — REGISTRATIONS UI V3.0
   ========================================================= */


/* Основной контейнер заявки */

body.vk-page-registrations .info {
    background:
        var(--vk-surface)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        16px
        !important;

    box-shadow:
        none
        !important;

    padding:
        16px
        !important;

    margin-bottom:
        10px
        !important;
}


/* Вложенные строки / карточки */

body.vk-page-registrations
#registrations > *,

body.vk-page-registrations
#applications > *,

body.vk-page-registrations
.list > * {
    background:
        var(--vk-surface-2)
        !important;

    color:
        var(--vk-text)
        !important;

    border:
        0
        !important;

    outline:
        0
        !important;

    box-shadow:
        none
        !important;

    border-radius:
        13px
        !important;

    padding:
        14px
        !important;
}


/* ФИО */

body.vk-page-registrations .name {
    color:
        var(--vk-text)
        !important;

    font-weight:
        750
        !important;
}


/* Должность */

body.vk-page-registrations .position {
    color:
        var(--vk-text-muted)
        !important;

    font-size:
        12px
        !important;
}


/* Подтверждение Telegram / регистрации */

body.vk-page-registrations .verified {
    display:
        inline-flex;

    align-items:
        center;

    width:
        fit-content;

    min-height:
        28px;

    padding:
        0 9px
        !important;

    margin-top:
        6px;

    background:
        color-mix(
            in srgb,
            var(--vk-success) 11%,
            var(--vk-surface-2)
        )
        !important;

    color:
        var(--vk-success)
        !important;

    border:
        0
        !important;

    border-radius:
        999px
        !important;

    font-size:
        11px;

    font-weight:
        700;
}


/* Блок действий */

body.vk-page-registrations .actions {
    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    flex-wrap:
        wrap;

    gap:
        7px
        !important;

    margin-top:
        10px;
}


/* ПРИНЯТЬ */

body.vk-page-registrations .approve {
    min-height:
        38px;

    padding:
        0 13px
        !important;

    border:
        0
        !important;

    border-radius:
        10px
        !important;

    background:
        color-mix(
            in srgb,
            #17a36b 16%,
            var(--vk-surface-2)
        )
        !important;

    color:
        #43cf96
        !important;

    box-shadow:
        none
        !important;

    font-size:
        12px;

    font-weight:
        750;

    cursor:
        pointer;

    transition:
        background .16s ease,
        transform .16s ease;
}


body.vk-page-registrations .approve:hover {
    background:
        #159866
        !important;

    color:
        #ffffff
        !important;

    transform:
        translateY(-1px);
}


/* ОТКЛОНИТЬ */

body.vk-page-registrations .reject {
    min-height:
        38px;

    padding:
        0 13px
        !important;

    border:
        0
        !important;

    border-radius:
        10px
        !important;

    background:
        color-mix(
            in srgb,
            var(--vk-danger) 11%,
            var(--vk-surface-2)
        )
        !important;

    color:
        var(--vk-danger)
        !important;

    box-shadow:
        none
        !important;

    font-size:
        12px;

    font-weight:
        750;

    cursor:
        pointer;

    transition:
        background .16s ease,
        transform .16s ease;
}


body.vk-page-registrations .reject:hover {
    background:
        var(--vk-danger)
        !important;

    color:
        #ffffff
        !important;

    transform:
        translateY(-1px);
}


/* Empty state */

body.vk-page-registrations .empty {
    min-height:
        130px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px
        !important;

    background:
        var(--vk-surface)
        !important;

    color:
        var(--vk-text-muted)
        !important;

    border:
        1px solid
        var(--vk-border)
        !important;

    border-radius:
        16px
        !important;

    box-shadow:
        none
        !important;

    text-align:
        center;
}


/* Мобильная версия */

@media (max-width: 720px) {

    body.vk-page-registrations .info {
        padding:
            13px
            !important;

        border-radius:
            14px
            !important;
    }


    body.vk-page-registrations .actions {
        display:
            grid;

        grid-template-columns:
            1fr 1fr;
    }


    body.vk-page-registrations .approve,
    body.vk-page-registrations .reject {
        width:
            100%;

        min-height:
            44px;
    }

}


/* =========================================================
   END REGISTRATIONS UI V3.0
   ========================================================= */