:root {
    --bg: #f5f7f2;
    --card: #ffffff;
    --card-soft: #f8faf6;
    --border: #dde6dc;
    --text: #152018;
    --muted: #6b756d;

    --green-950: #06351f;
    --green-900: #0a4428;
    --green-800: #0f5c34;
    --green-700: #147a3d;
    --green-100: #e8f5ea;

    --yellow-100: #fff6dd;
    --yellow-700: #a86500;

    --red-100: #ffe8e8;
    --red-700: #b42318;

    --shadow: 0 10px 28px rgba(16, 48, 24, 0.07);
    --radius: 18px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
}

a {
    color: inherit;
    text-decoration: none;
}

.app-shell {
    display: flex;
    min-height: 100vh;
}

.sidebar {
    width: 270px;
    background: linear-gradient(180deg, var(--green-950), var(--green-900));
    color: #ffffff;
    padding: 24px 18px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
}

.sidebar-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 8px 28px;
}

.logo-mark {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
}

.logo-title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.1;
}

.logo-subtitle {
    font-size: 12px;
    margin-top: 4px;
    color: rgba(255,255,255,0.68);
}

.sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.nav-link {
    display: flex;
    align-items: center;
    padding: 13px 14px;
    border-radius: 14px;
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    font-weight: 700;
    transition: 0.15s ease;
}

.nav-link:hover,
.nav-link.active {
    background: rgba(255,255,255,0.13);
    color: #ffffff;
}

.nav-link.logout {
    margin-top: 22px;
    color: #ffd9d9;
}

.app-main {
    margin-left: 270px;
    width: calc(100% - 270px);
    min-height: 100vh;
}

.topbar {
    height: 78px;
    padding: 0 34px;
    background: rgba(245, 247, 242, 0.9);
    border-bottom: 1px solid rgba(221,230,220,0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(10px);
}

.topbar-title {
    font-size: 20px;
    font-weight: 800;
}

.topbar-subtitle {
    color: var(--muted);
    font-size: 13px;
    margin-top: 4px;
}

.userbar {
    display: flex;
    align-items: center;
    gap: 14px;
}

.notification-btn {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    color: var(--green-800);
}

.avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--green-800);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}

.user-name {
    font-weight: 800;
    font-size: 14px;
}

.user-role {
    color: var(--muted);
    font-size: 12px;
    margin-top: 3px;
}

.page-content {
    padding: 28px 34px 50px;
}

.card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.card-pad {
    padding: 22px;
}

.section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.section-head h2 {
    margin: 0;
    font-size: 20px;
}

.welcome-card {
    padding: 28px;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) 300px;
    gap: 20px;
    overflow: hidden;
    min-height: 190px;
}

.welcome-left {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}

.welcome-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 18px;
    background: var(--green-100);
    color: var(--green-800);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.welcome-card h1 {
    margin: 0 0 10px;
    font-size: 32px;
    line-height: 1.15;
}

.welcome-card p {
    margin: 0;
    max-width: 620px;
    color: var(--muted);
    line-height: 1.6;
}

.welcome-art {
    position: relative;
    min-height: 130px;
}

.art-circle {
    position: absolute;
    right: 25px;
    top: 10px;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background: var(--green-100);
}

.art-plant {
    position: absolute;
    right: 68px;
    top: 34px;
    font-size: 70px;
}

.manager-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.85fr);
    gap: 20px;
    margin-top: 22px;
}

.full-row {
    margin-top: 20px;
}

.search-form {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
}

.search-input {
    width: 100%;
    height: 46px;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 0 15px;
    outline: none;
    font-size: 14px;
    background: #ffffff;
}

.search-input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(20, 122, 61, 0.1);
}

.btn {
    border: 0;
    border-radius: 14px;
    padding: 0 18px;
    min-height: 46px;
    cursor: pointer;
    font-weight: 800;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

.btn-primary {
    background: var(--green-800);
    color: #ffffff;
}

.btn-light {
    background: var(--card-soft);
    color: var(--green-900);
    border: 1px solid var(--border);
}

.table-wrap {
    overflow-x: auto;
}

.table-clean {
    width: 100%;
    border-collapse: collapse;
}

.table-clean th {
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--muted);
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
}

.table-clean td {
    padding: 14px;
    border-bottom: 1px solid #edf1ec;
    font-size: 14px;
    vertical-align: middle;
}

.table-clean tr:hover td {
    background: #f8faf6;
}

.company-name {
    font-weight: 800;
}

.company-meta {
    color: var(--muted);
    font-size: 12px;
    margin-top: 4px;
}

.list-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.note-item,
.alert-item {
    padding: 15px;
    border-radius: 16px;
    background: var(--card-soft);
    border: 1px solid var(--border);
}

.item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.item-title {
    font-weight: 800;
    font-size: 14px;
}

.item-date {
    color: var(--muted);
    font-size: 12px;
    white-space: nowrap;
}

.item-text {
    color: var(--muted);
    line-height: 1.5;
    font-size: 13px;
}

.badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 800;
}

.badge-green {
    background: var(--green-100);
    color: var(--green-900);
}

.empty-state {
    padding: 28px;
    text-align: center;
    color: var(--muted);
}

@media (max-width: 1180px) {
    .welcome-card {
        grid-template-columns: 1fr;
    }

    .manager-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .app-shell {
        display: block;
    }

    .sidebar {
        position: static;
        width: 100%;
    }

    .app-main {
        margin-left: 0;
        width: 100%;
    }

    .topbar {
        padding: 0 18px;
    }

    .page-content {
        padding: 20px 18px 40px;
    }

    .search-form {
        flex-direction: column;
    }
}



/* === FARMER CARD PRO START === */

.page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.breadcrumb {
    color: var(--muted);
    font-size: 13px;
    margin-bottom: 8px;
}

.page-head h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
}

.page-actions {
    display: flex;
    gap: 10px;
}

.farmer-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.75fr);
    gap: 20px;
    align-items: start;
}

.farmer-main-card,
.farmer-side-card,
.farmer-notes-card {
    padding: 24px;
}

.farmer-summary {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 22px;
}

.farmer-icon {
    width: 62px;
    height: 62px;
    min-width: 62px;
    border-radius: 20px;
    background: var(--green-100);
    color: var(--green-800);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 24px;
}

.farmer-title-block h2 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 1.2;
}

.farmer-meta {
    color: var(--muted);
    font-size: 13px;
    margin-bottom: 7px;
}

.farmer-location {
    color: var(--green-900);
    font-weight: 700;
    font-size: 14px;
}

.farmer-main-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.info-col {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.info-item label,
.contact-title,
.side-label {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 5px;
}

.info-item div {
    font-weight: 750;
    line-height: 1.45;
}

.contact-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--card-soft);
    border: 1px solid var(--border);
    font-size: 14px;
    font-weight: 750;
}

.contact-type {
    font-size: 11px;
    font-weight: 800;
    color: var(--green-900);
    background: var(--green-100);
    padding: 5px 8px;
    border-radius: 999px;
    white-space: nowrap;
}

.farmer-side-card h2,
.farmer-notes-card h2 {
    margin: 0;
    font-size: 20px;
}

.side-block {
    padding: 16px 0;
    border-bottom: 1px solid var(--border);
}

.side-block:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.pill-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 7px 10px;
    background: var(--green-100);
    color: var(--green-900);
    font-size: 12px;
    font-weight: 800;
}

.side-value {
    line-height: 1.55;
    font-weight: 750;
}

.farmer-notes-card {
    margin-top: 20px;
}

.notes-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    margin-bottom: 18px;
}

.notes-input {
    min-height: 48px;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 13px 14px;
    font-size: 14px;
    resize: vertical;
    outline: none;
    font-family: Arial, sans-serif;
}

.notes-input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(20, 122, 61, 0.1);
}

.note-timeline {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.note-line {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 15px;
    border-radius: 16px;
    background: var(--card-soft);
    border: 1px solid var(--border);
}

.note-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--green-800);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 13px;
}

.note-meta {
    color: var(--muted);
    font-size: 12px;
    margin-bottom: 7px;
}

.note-text {
    line-height: 1.55;
    font-size: 14px;
}

@media (max-width: 1180px) {
    .farmer-layout {
        grid-template-columns: 1fr;
    }

    .farmer-main-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .page-head {
        display: block;
    }

    .page-actions {
        margin-top: 14px;
    }

    .farmer-summary {
        display: block;
    }

    .farmer-icon {
        margin-bottom: 14px;
    }

    .farmer-main-grid {
        grid-template-columns: 1fr;
    }

    .notes-form {
        grid-template-columns: 1fr;
    }
}

/* === FARMER CARD PRO END === */



/* === AGRO POLISH MANAGER START === */

.quick-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.stat-card {
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.stat-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 16px;
    background: var(--green-100);
    color: var(--green-900);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.stat-label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

.stat-value {
    margin-top: 4px;
    font-size: 24px;
    font-weight: 900;
}

.search-hint {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
    margin-top: -8px;
    margin-bottom: 16px;
}

.farmer-result {
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) minmax(180px, .8fr) minmax(170px, .7fr) minmax(180px, .8fr) auto;
    gap: 14px;
    align-items: center;
    padding: 15px;
    border: 1px solid var(--border);
    background: var(--card-soft);
    border-radius: 18px;
    margin-bottom: 10px;
}

.farmer-result:hover {
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(16, 48, 24, 0.07);
}

.result-label {
    color: var(--muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 800;
    margin-bottom: 4px;
}

.result-main {
    font-weight: 900;
    line-height: 1.35;
}

.result-muted {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
}

.result-phone {
    font-weight: 850;
}

.action-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-small {
    min-height: 38px;
    padding: 0 13px;
    border-radius: 12px;
    font-size: 13px;
}

.clean-link {
    color: var(--green-900);
    font-weight: 800;
}

.card-subtitle {
    color: var(--muted);
    font-size: 13px;
    margin-top: -8px;
    margin-bottom: 18px;
    line-height: 1.5;
}

.alert-item.important {
    background: #ffffff;
    border-color: rgba(20, 122, 61, 0.25);
}

.item-source {
    margin-top: 8px;
    color: var(--green-900);
    font-size: 12px;
    font-weight: 800;
}

.note-item {
    background: #ffffff;
}

.topbar-title,
.section-head h2,
.welcome-card h1,
.page-head h1,
.farmer-title-block h2 {
    letter-spacing: -0.02em;
}

@media (max-width: 1200px) {
    .quick-stats {
        grid-template-columns: 1fr;
    }

    .farmer-result {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .farmer-result {
        grid-template-columns: 1fr;
    }
}

/* === AGRO POLISH MANAGER END === */



/* === SEARCH ONLY CLEANUP START === */

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.search-panel {
    max-width: 100%;
}

.search-panel .section-head {
    margin-bottom: 18px;
}

.search-panel .card-subtitle {
    max-width: 780px;
}

.pro-table {
    margin-top: 8px;
}

@media (min-width: 1180px) {
    .search-panel {
        padding: 28px;
    }
}

/* === SEARCH ONLY CLEANUP END === */



/* === FARMER CARD FINAL POLISH START === */

.farmer-main-card,
.farmer-side-card,
.farmer-notes-card {
    border-radius: 24px;
}

.info-group-title {
    font-size: 14px;
    font-weight: 900;
    color: var(--green-900);
    margin-bottom: 2px;
}

.info-item {
    padding: 12px 0;
    border-bottom: 1px solid var(--border-soft);
}

.info-item:last-child {
    border-bottom: 0;
}

.info-item label {
    margin-bottom: 6px;
}

.contact-title {
    margin-bottom: 9px;
}

.contact-row {
    align-items: center;
    min-height: 58px;
}

.contact-value {
    font-weight: 900;
    color: var(--text);
    line-height: 1.3;
}

.contact-caption {
    color: var(--muted);
    font-size: 12px;
    margin-top: 3px;
}

.contact-action {
    min-height: 34px;
    padding: 0 11px;
    border-radius: 11px;
    background: var(--green-100);
    color: var(--green-900);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.contact-action:hover {
    background: var(--green-700);
    color: #fff;
}

.farmer-side-card {
    position: sticky;
    top: 104px;
}

.farmer-side-card .section-head {
    margin-bottom: 6px;
}

.side-block {
    padding: 18px 0;
}

.notes-form {
    align-items: stretch;
}

.notes-input {
    min-height: 74px;
}

.note-line {
    background: #fff;
}

.note-text {
    color: var(--text);
}

.note-meta {
    font-weight: 750;
}

@media (max-width: 1240px) {
    .farmer-side-card {
        position: static;
    }
}

/* === FARMER CARD FINAL POLISH END === */



/* === NOTES NOTIFICATIONS FINAL START === */

.notes-list-page,
.notifications-list-page {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.note-card-pro {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    padding: 18px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.note-card-pro:hover,
.notification-card-pro:hover {
    box-shadow: var(--shadow);
}

.note-card-left {
    display: flex;
    justify-content: center;
}

.note-card-body {
    min-width: 0;
}

.note-card-head,
.notification-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.note-card-title,
.notification-title {
    font-size: 15px;
    font-weight: 950;
    line-height: 1.35;
    color: var(--text);
}

.note-card-meta,
.notification-meta {
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.4;
}

.note-card-text,
.notification-text {
    color: var(--text);
    line-height: 1.6;
    font-size: 14px;
    white-space: pre-wrap;
}

.notification-card-pro {
    position: relative;
    display: grid;
    grid-template-columns: 6px 1fr;
    gap: 14px;
    padding: 18px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.notification-marker {
    width: 6px;
    border-radius: 999px;
    background: var(--green-700);
}

.notification-contact {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--green-50);
    color: var(--green-900);
    font-weight: 850;
    font-size: 13px;
}

@media (max-width: 760px) {
    .note-card-pro {
        grid-template-columns: 1fr;
    }

    .note-card-head,
    .notification-head {
        display: block;
    }

    .note-card-head .btn,
    .notification-head .badge {
        margin-top: 10px;
    }
}

/* === NOTES NOTIFICATIONS FINAL END === */



/* === LOCATION CLICK SEARCH UI START === */

.location-search-form {
    margin-top: 20px;
}

.location-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 14px;
}

.filter-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-field label {
    font-size: 13px;
    font-weight: 900;
    color: var(--green-900);
}

.filter-select {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #ffffff;
    color: var(--text);
    font-weight: 800;
    outline: none;
}

.filter-select:disabled {
    background: #f1f5f2;
    color: #8a978e;
    cursor: not-allowed;
}

.filter-select:focus,
.search-input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.12);
}

.manual-search-line {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 12px;
    align-items: center;
    margin-top: 14px;
}

.manual-search-line .btn {
    height: 48px;
}

.search-result-line {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--green-50);
    color: var(--green-900);
    font-weight: 800;
}

.search-result-line strong {
    font-weight: 950;
}

.search-panel .table-wrap {
    margin-top: 18px;
}

@media (max-width: 980px) {
    .location-filter-grid {
        grid-template-columns: 1fr;
    }

    .manual-search-line {
        grid-template-columns: 1fr;
    }

    .manual-search-line .btn {
        width: 100%;
    }
}

/* === LOCATION CLICK SEARCH UI END === */



/* === CLEAN LOCATION FILTERS START === */

.location-search-card {
    padding: 28px;
}

.location-filter-grid {
    margin-top: 20px;
}

.pro-table th {
    white-space: nowrap;
}

@media (max-width: 980px) {
    .location-search-card {
        padding: 20px;
    }
}

/* === CLEAN LOCATION FILTERS END === */



/* === BETTER LOCATION SELECTS START === */

.location-search-card {
    padding: 28px;
}

.location-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 14px;
    margin-top: 20px;
}

.filter-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-field label {
    font-size: 13px;
    font-weight: 900;
    color: var(--green-900);
}

.filter-select {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #ffffff;
    color: var(--text);
    font-weight: 800;
    outline: none;
}

.filter-select:disabled {
    background: #f1f5f2;
    color: #8a978e;
    cursor: not-allowed;
}

.filter-select:focus,
.search-input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.12);
}

.manual-search-line {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 12px;
    align-items: center;
    margin-top: 14px;
}

.manual-search-line .btn {
    height: 48px;
}

.search-result-line {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--green-50);
    color: var(--green-900);
    font-weight: 800;
}

.result-limit {
    margin-left: 8px;
    color: var(--muted);
    font-weight: 700;
}

.search-panel .table-wrap {
    margin-top: 18px;
}

.pro-table th {
    white-space: nowrap;
}

@media (max-width: 980px) {
    .location-search-card {
        padding: 20px;
    }

    .location-filter-grid {
        grid-template-columns: 1fr;
    }

    .manual-search-line {
        grid-template-columns: 1fr;
    }

    .manual-search-line .btn {
        width: 100%;
    }
}

/* === BETTER LOCATION SELECTS END === */



/* === CRM STATUS FAST UI START === */

.status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--green-50);
    color: var(--green-900);
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.callback-inline {
    margin-left: 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

.crm-work-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.crm-form-grid {
    display: grid;
    grid-template-columns: 280px 220px;
    gap: 14px;
}

.crm-work-form .notes-input {
    min-height: 90px;
}

@media (max-width: 780px) {
    .crm-form-grid {
        grid-template-columns: 1fr;
    }
}

/* === CRM STATUS FAST UI END === */



/* === STATUS FILTER SEARCH START === */

.status-filter-grid {
    grid-template-columns: repeat(4, minmax(190px, 1fr));
}

@media (max-width: 1180px) {
    .status-filter-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 720px) {
    .status-filter-grid {
        grid-template-columns: 1fr;
    }
}

/* === STATUS FILTER SEARCH END === */



/* === NOTES CALLBACKS BIG UI START === */

.callbacks-page {
    margin-bottom: 18px;
}

.callback-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.callback-column {
    min-width: 0;
}

.callback-column-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 950;
    margin-bottom: 12px;
}

.callback-column-head span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border-radius: 999px;
    background: #ffffff;
    font-size: 13px;
    font-weight: 950;
}

.callback-column-head.danger {
    background: #fff0f0;
    color: #9b1c1c;
}

.callback-column-head.today {
    background: var(--green-50);
    color: var(--green-900);
}

.callback-column-head.future {
    background: #eef4ff;
    color: #173b7a;
}

.callback-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.callback-card {
    padding: 15px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.callback-card.danger {
    border-color: rgba(155, 28, 28, 0.18);
}

.callback-card.today {
    border-color: rgba(35, 116, 82, 0.22);
}

.callback-card.future {
    border-color: rgba(23, 59, 122, 0.16);
}

.callback-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.callback-company {
    font-weight: 950;
    color: var(--text);
    line-height: 1.35;
}

.callback-meta {
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.callback-date {
    margin-top: 10px;
    font-weight: 900;
    color: var(--green-900);
    font-size: 13px;
}

.callback-phone {
    margin-top: 6px;
    color: var(--text);
    font-weight: 850;
    font-size: 13px;
}

.callback-card .btn {
    margin-top: 12px;
}

.notes-history-page {
    margin-top: 18px;
}

.notes-list-page {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.note-card-pro {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    padding: 18px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.note-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.note-card-title {
    font-size: 15px;
    font-weight: 950;
    color: var(--text);
}

.note-card-meta {
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
}

.note-card-text {
    color: var(--text);
    line-height: 1.6;
    font-size: 14px;
    white-space: pre-wrap;
}

@media (max-width: 1180px) {
    .callback-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .note-card-pro {
        grid-template-columns: 1fr;
    }

    .note-card-head {
        display: block;
    }

    .note-card-head .btn {
        margin-top: 10px;
    }
}

/* === NOTES CALLBACKS BIG UI END === */



/* === NOTIFICATIONS BIG UI START === */

.telegram-page {
    min-height: 520px;
}

.telegram-filters {
    display: grid;
    grid-template-columns: 1fr 260px auto auto;
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}

.telegram-filters .btn,
.telegram-filters .filter-select,
.telegram-filters .search-input {
    height: 48px;
}

.telegram-summary {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--green-50);
    color: var(--green-900);
    font-weight: 850;
}

.telegram-summary strong {
    font-weight: 950;
}

.telegram-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 18px;
}

.telegram-card {
    padding: 18px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.telegram-card:hover {
    box-shadow: var(--shadow);
}

.telegram-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.telegram-title {
    font-size: 15px;
    font-weight: 950;
    color: var(--text);
    line-height: 1.35;
}

.telegram-meta {
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}

.telegram-source-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--green-50);
    color: var(--green-900);
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.telegram-text {
    color: var(--text);
    line-height: 1.6;
    font-size: 14px;
    white-space: pre-wrap;
}

.telegram-phone-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
    padding: 12px;
    border-radius: 16px;
    background: var(--green-50);
}

.telegram-phone-label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.telegram-phone-value {
    margin-top: 3px;
    color: var(--green-900);
    font-size: 15px;
    font-weight: 950;
}

.telegram-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.no-phone-actions {
    margin-top: 14px;
}

@media (max-width: 1080px) {
    .telegram-filters {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .telegram-filters {
        grid-template-columns: 1fr;
    }

    .telegram-phone-line {
        display: block;
    }

    .telegram-actions {
        margin-top: 12px;
    }

    .telegram-card-head {
        display: block;
    }

    .telegram-source-badge {
        margin-top: 10px;
    }
}

/* === NOTIFICATIONS BIG UI END === */



/* === SUPPORT CHAT UI START === */

.support-chat-page {
    padding: 22px;
    min-height: calc(100vh - 130px);
}

.support-head {
    margin-bottom: 18px;
}

.support-status {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--green-50);
    color: var(--green-900);
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.support-layout {
    display: grid;
    grid-template-columns: 310px 1fr;
    gap: 18px;
    align-items: stretch;
}

.support-info-card {
    border-radius: 22px;
    background: var(--green-50);
    padding: 18px;
    border: 1px solid rgba(35, 116, 82, 0.12);
}

.support-info-title {
    font-size: 15px;
    font-weight: 950;
    color: var(--green-900);
    margin-bottom: 14px;
}

.support-info-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.support-info-list div {
    position: relative;
    padding-left: 18px;
    color: var(--text);
    font-size: 14px;
    line-height: 1.45;
    font-weight: 750;
}

.support-info-list div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--green-700);
}

.support-info-note {
    margin-top: 18px;
    padding: 12px;
    border-radius: 16px;
    background: #ffffff;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
}

.support-chat-box {
    display: flex;
    flex-direction: column;
    min-height: 580px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.support-messages {
    flex: 1;
    max-height: 560px;
    overflow-y: auto;
    padding: 18px;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.06), transparent 32%),
        #fbfdfb;
}

.support-message {
    display: flex;
    margin-bottom: 12px;
}

.support-message.mine {
    justify-content: flex-end;
}

.support-message.other {
    justify-content: flex-start;
}

.support-message-bubble {
    max-width: 72%;
    border-radius: 20px;
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.support-message.mine .support-message-bubble {
    background: var(--green-700);
    color: #ffffff;
    border-color: var(--green-700);
}

.support-message-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 7px;
    font-size: 11px;
    color: var(--muted);
    font-weight: 800;
}

.support-message.mine .support-message-meta {
    color: rgba(255,255,255,0.78);
}

.support-message-text {
    white-space: pre-wrap;
    line-height: 1.55;
    font-size: 14px;
    font-weight: 650;
}

.support-form {
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 12px;
    padding: 14px;
    border-top: 1px solid var(--border-soft);
    background: #ffffff;
}

.support-input {
    width: 100%;
    min-height: 74px;
    resize: vertical;
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 13px 14px;
    outline: none;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
    color: var(--text);
    background: #ffffff;
}

.support-input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.12);
}

.support-send {
    min-height: 74px;
}

.support-empty {
    margin-top: 120px;
}

@media (max-width: 1180px) {
    .support-layout {
        grid-template-columns: 1fr;
    }

    .support-info-card {
        order: 2;
    }

    .support-chat-box {
        order: 1;
    }
}

@media (max-width: 720px) {
    .support-chat-page {
        padding: 14px;
    }

    .support-message-bubble {
        max-width: 92%;
    }

    .support-form {
        grid-template-columns: 1fr;
    }

    .support-send {
        min-height: 52px;
    }
}

/* === SUPPORT CHAT UI END === */



/* === SUPPORT BADGES UI START === */

.nav-link-with-badge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.nav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: #d92d20;
    color: #ffffff;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
}

.top-help-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    text-decoration: none;
    background: var(--green-50);
    color: var(--green-900);
    font-size: 13px;
    font-weight: 950;
    white-space: nowrap;
}

.top-help-link span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #d92d20;
    color: #ffffff;
    font-size: 12px;
    font-weight: 950;
}

.top-help-link.has-unread {
    background: #fff0f0;
    color: #9b1c1c;
}

.support-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 18px 0;
}

.quick-support-btn {
    min-height: 38px;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 0 14px;
    background: #ffffff;
    color: var(--text);
    font-family: inherit;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    transition: 0.18s ease;
}

.quick-support-btn:hover {
    border-color: var(--green-700);
    background: var(--green-50);
    color: var(--green-900);
}

.support-info-note-strong {
    color: var(--green-900);
    font-weight: 900;
}

@media (max-width: 760px) {
    .top-help-link {
        display: none;
    }

    .support-quick-actions {
        flex-direction: column;
    }

    .quick-support-btn {
        width: 100%;
    }
}

/* === SUPPORT BADGES UI END === */



/* === TODAY PLAN UI START === */

.today-hero {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.13), transparent 36%),
        #ffffff;
}

.today-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--green-50);
    color: var(--green-900);
    font-size: 12px;
    font-weight: 950;
    margin-bottom: 10px;
}

.today-hero h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    color: var(--text);
    letter-spacing: -0.04em;
}

.today-hero p {
    margin: 10px 0 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    max-width: 680px;
    font-weight: 650;
}

.today-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.today-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.today-stat-card {
    padding: 18px;
    border-left: 5px solid var(--green-700);
}

.today-stat-card.danger {
    border-left-color: #d92d20;
}

.today-stat-card.success {
    border-left-color: var(--green-700);
}

.today-stat-card.info {
    border-left-color: #2563eb;
}

.today-stat-card.neutral {
    border-left-color: #667085;
}

.today-stat-label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
}

.today-stat-number {
    margin-top: 8px;
    font-size: 36px;
    line-height: 1;
    font-weight: 950;
    color: var(--text);
    letter-spacing: -0.05em;
}

.today-stat-text {
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

.today-main-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 18px;
}

.today-panel {
    padding: 22px;
}

.today-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.today-list-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 15px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.today-item-title {
    color: var(--text);
    font-size: 14px;
    font-weight: 950;
    line-height: 1.35;
}

.today-item-meta {
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 750;
}

.today-item-note {
    margin-top: 8px;
    color: var(--green-900);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
}

.today-item-text {
    margin-top: 8px;
    color: var(--text);
    font-size: 13px;
    line-height: 1.5;
    max-height: 42px;
    overflow: hidden;
}

.today-item-actions {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 10px;
    min-width: 120px;
}

.today-notes-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.today-note-card {
    padding: 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.today-note-text {
    margin: 10px 0 14px 0;
    color: var(--text);
    line-height: 1.55;
    font-size: 13px;
    max-height: 82px;
    overflow: hidden;
    white-space: pre-wrap;
}

@media (max-width: 1280px) {
    .today-stats-grid {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }

    .today-main-grid {
        grid-template-columns: 1fr;
    }

    .today-notes-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .today-hero {
        display: block;
    }

    .today-actions {
        justify-content: flex-start;
        margin-top: 16px;
    }

    .today-stats-grid {
        grid-template-columns: 1fr;
    }

    .today-list-item {
        display: block;
    }

    .today-item-actions {
        align-items: flex-start;
        margin-top: 12px;
    }
}

/* === TODAY PLAN UI END === */



/* === MOBILE RESPONSIVE PACK START === */

/* Загальна мобільна база */
* {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
}

.mobile-menu-button,
.mobile-menu-backdrop {
    display: none;
}

/* Зручний розмір для пальця */
.btn,
.nav-link,
.filter-select,
.search-input,
.support-input,
.notes-input,
.quick-support-btn,
.contact-action,
.top-help-link {
    touch-action: manipulation;
}

/* Планшети */
@media (max-width: 1180px) {

    .app-shell {
        display: block;
        min-height: 100vh;
    }

    .sidebar {
        position: fixed;
        left: -310px;
        top: 0;
        bottom: 0;
        width: 290px;
        z-index: 1000;
        transition: left 0.22s ease;
        box-shadow: 20px 0 50px rgba(15, 23, 42, 0.22);
    }

    body.mobile-menu-open .sidebar {
        left: 0;
    }

    .mobile-menu-backdrop {
        position: fixed;
        inset: 0;
        z-index: 900;
        background: rgba(15, 23, 42, 0.45);
        backdrop-filter: blur(2px);
    }

    body.mobile-menu-open .mobile-menu-backdrop {
        display: block;
    }

    .mobile-menu-button {
        display: inline-flex;
        position: fixed;
        left: 14px;
        top: 14px;
        z-index: 1100;
        width: 46px;
        height: 46px;
        border: 0;
        border-radius: 14px;
        background: var(--green-700);
        box-shadow: 0 14px 34px rgba(35, 116, 82, 0.28);
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        cursor: pointer;
    }

    .mobile-menu-button span {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: #ffffff;
    }

    .app-main {
        width: 100%;
        min-width: 0;
    }

    .topbar {
        padding-left: 76px;
        min-height: 74px;
        position: sticky;
        top: 0;
        z-index: 500;
        background: rgba(255,255,255,0.92);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--border-soft);
    }

    .page-content {
        padding: 16px;
    }

    .topbar-title {
        font-size: 20px;
    }

    .topbar-subtitle {
        font-size: 12px;
    }

    .userbar {
        gap: 8px;
    }

    .userbar .user-name,
    .userbar .user-role {
        display: none;
    }

    .avatar {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .notification-btn {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }
}

/* Телефон */
@media (max-width: 760px) {

    body {
        background: #f6f8f6;
    }

    .page-content {
        padding: 12px;
    }

    .card,
    .search-panel,
    .location-search-card,
    .today-hero,
    .today-panel,
    .support-chat-page,
    .telegram-page,
    .callbacks-page,
    .notes-history-page,
    .farmer-main-card,
    .farmer-side-card,
    .farmer-notes-card {
        border-radius: 18px !important;
    }

    .section-head,
    .page-head {
        display: block !important;
    }

    .section-head .btn,
    .page-actions {
        margin-top: 12px;
    }

    .page-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    h1 {
        font-size: 24px !important;
        line-height: 1.18 !important;
    }

    h2 {
        font-size: 19px !important;
        line-height: 1.2 !important;
    }

    .card-subtitle,
    .topbar-subtitle,
    .breadcrumb {
        line-height: 1.45;
    }

    .btn {
        min-height: 46px;
        padding-left: 14px;
        padding-right: 14px;
        border-radius: 14px;
        font-size: 14px;
        justify-content: center;
    }

    .btn-small {
        min-height: 42px;
        font-size: 13px;
    }

    .top-help-link {
        display: none !important;
    }

    .topbar {
        padding: 12px 12px 12px 72px;
    }

    .topbar-title {
        max-width: 190px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Меню */
    .sidebar {
        width: 286px;
        left: -306px;
        padding-bottom: 18px;
    }

    .sidebar-logo {
        margin-bottom: 18px;
    }

    .sidebar-nav {
        gap: 8px;
    }

    .nav-link {
        min-height: 46px;
        border-radius: 14px;
        font-size: 14px;
    }

    /* Пошук фермерів */
    .location-filter-grid,
    .status-filter-grid,
    .crm-form-grid,
    .telegram-filters {
        grid-template-columns: 1fr !important;
        gap: 12px;
    }

    .filter-field label {
        font-size: 13px;
    }

    .filter-select,
    .search-input,
    input[type="date"],
    input[type="text"],
    input[type="search"] {
        width: 100%;
        min-height: 50px;
        font-size: 16px;
        border-radius: 15px;
    }

    .manual-search-line {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .search-result-line {
        font-size: 13px;
        line-height: 1.45;
    }

    /* Таблиці перетворюємо в картки */
    .table-wrap {
        overflow: visible !important;
    }

    .pro-table {
        display: block;
        width: 100%;
        border-collapse: separate;
    }

    .pro-table thead {
        display: none;
    }

    .pro-table tbody {
        display: block;
        width: 100%;
    }

    .pro-table tr {
        display: block;
        width: 100%;
        margin-bottom: 12px;
        padding: 14px;
        border: 1px solid var(--border-soft);
        border-radius: 18px;
        background: #ffffff;
        box-shadow: var(--shadow-sm);
    }

    .pro-table td {
        display: grid;
        grid-template-columns: 110px 1fr;
        gap: 10px;
        width: 100%;
        padding: 8px 0 !important;
        border: 0 !important;
        vertical-align: top;
    }

    .pro-table td::before {
        color: var(--muted);
        font-size: 12px;
        font-weight: 900;
        line-height: 1.35;
    }

    .pro-table td:nth-child(1)::before {
        content: "Підприємство";
    }

    .pro-table td:nth-child(2)::before {
        content: "Директор";
    }

    .pro-table td:nth-child(3)::before {
        content: "Телефони";
    }

    .pro-table td:nth-child(4)::before {
        content: "Адреса";
    }

    .pro-table td:nth-child(5)::before {
        content: "Статус";
    }

    .pro-table td:nth-child(6)::before {
        content: "";
    }

    .pro-table td:last-child {
        grid-template-columns: 1fr;
    }

    .pro-table td:last-child .btn {
        width: 100%;
    }

    .company-name {
        font-size: 14px;
        line-height: 1.35;
    }

    .company-meta,
    .table-muted {
        font-size: 12px;
        line-height: 1.35;
    }

    /* Картка фермера */
    .farmer-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .farmer-summary {
        display: block !important;
        text-align: left;
    }

    .farmer-icon {
        margin-bottom: 12px;
    }

    .farmer-title-block h2 {
        font-size: 21px !important;
        line-height: 1.2;
    }

    .farmer-meta,
    .farmer-location {
        font-size: 13px;
        line-height: 1.45;
    }

    .farmer-main-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .info-col {
        padding: 14px;
        border-radius: 16px;
        background: #ffffff;
        border: 1px solid var(--border-soft);
    }

    .info-item {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 10px;
    }

    .info-item label {
        font-size: 12px;
    }

    .contact-row {
        display: block !important;
        padding: 13px;
    }

    .contact-action {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 10px;
        min-height: 42px;
    }

    .crm-work-form {
        gap: 12px;
    }

    .notes-input,
    .support-input {
        min-height: 120px;
        font-size: 16px;
        border-radius: 16px;
    }

    /* План на день */
    .today-hero {
        padding: 18px;
    }

    .today-hero h1 {
        font-size: 26px !important;
    }

    .today-hero p {
        font-size: 14px;
    }

    .today-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 10px;
    }

    .today-actions .btn {
        width: 100%;
    }

    .today-stats-grid,
    .today-main-grid,
    .today-notes-row {
        grid-template-columns: 1fr !important;
        gap: 12px;
    }

    .today-stat-card {
        padding: 16px;
    }

    .today-stat-number {
        font-size: 32px;
    }

    .today-list-item {
        display: block !important;
    }

    .today-item-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        align-items: stretch !important;
        margin-top: 12px;
        min-width: 0;
    }

    .today-item-actions .btn {
        width: 100%;
    }

    /* Нотатки і передзвони */
    .callback-grid {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .callback-card {
        padding: 14px;
    }

    .callback-top {
        display: block !important;
    }

    .callback-top .status-badge {
        margin-top: 10px;
    }

    .note-card-pro {
        grid-template-columns: 1fr !important;
        padding: 14px;
    }

    .note-card-head {
        display: block !important;
    }

    .note-card-head .btn {
        width: 100%;
        margin-top: 10px;
    }

    /* Сповіщення */
    .telegram-card {
        padding: 15px;
    }

    .telegram-card-head {
        display: block !important;
    }

    .telegram-source-badge {
        margin-top: 10px;
    }

    .telegram-phone-line {
        display: block !important;
    }

    .telegram-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 12px;
    }

    .telegram-actions .btn {
        width: 100%;
    }

    .telegram-text {
        font-size: 13px;
        line-height: 1.55;
    }

    /* Чат з адміном */
    .support-chat-page {
        padding: 14px;
    }

    .support-layout {
        grid-template-columns: 1fr !important;
        gap: 12px;
    }

    .support-info-card {
        order: 2;
        padding: 15px;
    }

    .support-chat-box {
        order: 1;
        min-height: 500px;
        border-radius: 18px;
    }

    .support-messages {
        max-height: 430px;
        padding: 14px;
    }

    .support-message-bubble {
        max-width: 94%;
        padding: 12px;
        border-radius: 18px;
    }

    .support-message-meta {
        display: block !important;
        line-height: 1.4;
    }

    .support-message-meta span {
        display: block;
    }

    .support-form {
        grid-template-columns: 1fr !important;
        gap: 10px;
        padding: 12px;
    }

    .support-send {
        min-height: 50px;
    }

    .support-quick-actions {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .quick-support-btn {
        width: 100%;
        min-height: 44px;
        text-align: left;
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* Дуже маленькі телефони */
@media (max-width: 420px) {

    .page-content {
        padding: 10px;
    }

    .topbar {
        min-height: 68px;
    }

    .topbar-title {
        font-size: 17px;
        max-width: 160px;
    }

    .notification-btn,
    .avatar {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .today-actions {
        grid-template-columns: 1fr !important;
    }

    .pro-table td {
        grid-template-columns: 92px 1fr;
        gap: 8px;
    }

    .info-item {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .status-badge {
        white-space: normal;
        text-align: center;
        justify-content: center;
    }

    .sidebar {
        width: 276px;
    }
}

/* Горизонтальний режим телефону */
@media (max-width: 940px) and (orientation: landscape) {

    .support-messages {
        max-height: 300px;
    }

    .sidebar {
        overflow-y: auto;
    }
}

/* === MOBILE RESPONSIVE PACK END === */



/* === MOBILE BOTTOM NAV AND PHONE ACTIONS START === */

.mobile-bottom-nav {
    display: none;
}

.phone-actions-row {
    margin-top: 8px;
}

.phone-actions-row .btn {
    min-height: 34px;
}

/* На телефоні робимо нижнє меню */
@media (max-width: 760px) {

    body {
        padding-bottom: 78px;
    }

    .mobile-bottom-nav {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 1200;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 4px;
        padding: 8px;
        border-radius: 24px;
        background: rgba(255,255,255,0.94);
        border: 1px solid var(--border-soft);
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.20);
        backdrop-filter: blur(18px);
    }

    .mobile-bottom-nav a {
        position: relative;
        min-width: 0;
        min-height: 54px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        text-decoration: none;
        color: var(--muted);
        font-size: 10px;
        line-height: 1;
        font-weight: 900;
    }

    .mobile-bottom-nav a.active {
        background: var(--green-700);
        color: #ffffff;
    }

    .mobile-nav-icon {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border-radius: 999px;
        background: var(--green-50);
        color: var(--green-900);
        font-size: 11px;
        font-weight: 950;
    }

    .mobile-bottom-nav a.active .mobile-nav-icon {
        background: rgba(255,255,255,0.22);
        color: #ffffff;
    }

    .mobile-nav-badge-wrap em {
        position: absolute;
        right: -8px;
        top: -7px;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 999px;
        background: #d92d20;
        color: #ffffff;
        font-size: 10px;
        font-style: normal;
        font-weight: 950;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 0 2px #ffffff;
    }

    .page-content {
        padding-bottom: 22px;
    }

    .phone-actions-row {
        display: grid;
        grid-template-columns: 1fr;
    }

    .phone-actions-row .btn {
        width: 100%;
        min-height: 42px;
    }

    .mobile-menu-button {
        bottom: 86px;
        top: auto;
    }

    .support-form {
        padding-bottom: 12px;
    }
}

/* Дуже маленький телефон */
@media (max-width: 420px) {
    .mobile-bottom-nav {
        left: 6px;
        right: 6px;
        bottom: 6px;
        border-radius: 20px;
    }

    .mobile-bottom-nav a {
        min-height: 50px;
        font-size: 9px;
        border-radius: 15px;
    }

    .mobile-nav-icon {
        width: 22px;
        height: 22px;
        font-size: 10px;
    }

    body {
        padding-bottom: 72px;
    }

    .mobile-menu-button {
        bottom: 80px;
    }
}

/* === MOBILE BOTTOM NAV AND PHONE ACTIONS END === */



/* === QUICK STATUS UI START === */

.quick-status-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    min-width: 170px;
}

.quick-status-current {
    line-height: 1;
}

.quick-status-select,
.quick-status-date {
    width: 100%;
    height: 38px;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0 10px;
    background: #ffffff;
    color: var(--text);
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    outline: none;
}

.quick-status-select:focus,
.quick-status-date:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 3px rgba(35, 116, 82, 0.12);
}

.quick-status-save {
    width: 100%;
}

@media (max-width: 760px) {
    .quick-status-form {
        min-width: 0;
        width: 100%;
        gap: 10px;
    }

    .quick-status-select,
    .quick-status-date {
        height: 46px;
        font-size: 15px;
        border-radius: 14px;
    }

    .quick-status-save {
        min-height: 44px;
    }
}

/* === QUICK STATUS UI END === */



/* === WORK QUEUE UI START === */

.work-badge {
    background: var(--green-700);
}

.inline-form {
    display: inline-flex;
    margin: 0;
}

.farmer-row-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    min-width: 116px;
}

.farmer-row-actions form {
    margin: 0;
}

.farmer-row-actions .btn {
    width: 100%;
}

.work-hero {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.13), transparent 36%),
        #ffffff;
}

.work-hero h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    color: var(--text);
    letter-spacing: -0.04em;
}

.work-hero p {
    margin: 10px 0 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    max-width: 760px;
    font-weight: 650;
}

.work-filter-card {
    padding: 18px;
    margin-top: 18px;
}

.work-filters {
    display: grid;
    grid-template-columns: 1fr 220px auto auto;
    gap: 12px;
    align-items: center;
}

.work-filters .btn,
.work-filters .filter-select,
.work-filters .search-input {
    min-height: 48px;
}

.work-list-section {
    margin-top: 18px;
}

.work-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.work-item-card {
    padding: 18px;
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 18px;
    border-left: 5px solid var(--green-700);
}

.work-item-card.priority-терміново {
    border-left-color: #d92d20;
}

.work-item-card.priority-високий {
    border-left-color: #f79009;
}

.work-item-card.priority-звичайний {
    border-left-color: var(--green-700);
}

.work-item-card.priority-низький {
    border-left-color: #667085;
}

.work-item-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.work-company {
    font-size: 17px;
    font-weight: 950;
    color: var(--text);
    line-height: 1.3;
}

.work-meta {
    margin-top: 5px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 750;
}

.work-badges {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.priority-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.work-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.work-label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
}

.work-value {
    color: var(--text);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.45;
}

.work-inline-actions {
    margin-top: 8px;
}

.work-comment {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 16px;
    background: var(--green-50);
    color: var(--green-900);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.55;
    white-space: pre-wrap;
}

.work-item-side {
    padding: 14px;
    border-radius: 18px;
    background: #fbfdfb;
    border: 1px solid var(--border-soft);
}

.work-update-form {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.work-update-form label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
}

.work-comment-input {
    width: 100%;
    min-height: 82px;
    resize: vertical;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 11px 12px;
    background: #ffffff;
    color: var(--text);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.45;
    outline: none;
}

.work-comment-input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 3px rgba(35, 116, 82, 0.12);
}

.work-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 12px;
}

.work-actions form {
    margin: 0;
}

.work-actions .btn {
    width: 100%;
}

.btn-danger {
    background: #fff0f0;
    color: #9b1c1c;
    border: 1px solid rgba(155, 28, 28, 0.18);
}

.btn-danger:hover {
    background: #ffe4e4;
    color: #7a1414;
}

.empty-work-card {
    padding: 24px;
    text-align: center;
}

.side-work-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.side-work-form .filter-select {
    min-height: 42px;
}

.side-work-form .work-comment-input {
    min-height: 74px;
}

/* мобільна версія робочої черги */
@media (max-width: 1180px) {
    .work-item-card {
        grid-template-columns: 1fr;
    }

    .work-info-grid {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .work-filters {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .mobile-bottom-nav {
        grid-template-columns: repeat(6, 1fr);
        left: 6px;
        right: 6px;
        gap: 3px;
        padding: 6px;
    }

    .mobile-bottom-nav a {
        min-height: 52px;
        font-size: 8.5px;
        border-radius: 15px;
    }

    .mobile-nav-icon {
        width: 22px;
        height: 22px;
        font-size: 10px;
    }

    .work-hero {
        display: block;
        padding: 18px;
    }

    .work-hero h1 {
        font-size: 26px;
    }

    .work-hero p {
        font-size: 14px;
    }

    .work-filter-card {
        padding: 14px;
    }

    .work-filters {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .work-filters .btn,
    .work-filters .filter-select,
    .work-filters .search-input {
        width: 100%;
        min-height: 48px;
    }

    .work-item-card {
        padding: 15px;
        border-radius: 18px;
        gap: 14px;
    }

    .work-item-title-row {
        display: block;
    }

    .work-badges {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .work-company {
        font-size: 15px;
    }

    .work-info-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 14px;
    }

    .work-item-side {
        padding: 12px;
    }

    .work-comment-input {
        min-height: 110px;
        font-size: 16px;
    }

    .farmer-row-actions {
        width: 100%;
    }

    .inline-form {
        display: flex;
        width: 100%;
    }

    .inline-form .btn {
        width: 100%;
    }

    .page-actions .inline-form {
        margin-top: 0;
    }

    .side-work-form .work-comment-input {
        min-height: 110px;
    }
}

@media (max-width: 420px) {
    .mobile-bottom-nav a {
        font-size: 8px;
    }

    .mobile-nav-icon {
        width: 20px;
        height: 20px;
    }
}

/* === WORK QUEUE UI END === */



/* === MANAGER NO EXPORT UI START === */

.admin-only-hint {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 12px;
    font-weight: 900;
}

/* === MANAGER NO EXPORT UI END === */



/* === ACTIVITY LOG UI START === */

.activity-hero {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.13), transparent 36%),
        #ffffff;
}

.activity-hero h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    color: var(--text);
    letter-spacing: -0.04em;
}

.activity-hero p {
    margin: 10px 0 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    max-width: 760px;
    font-weight: 650;
}

.activity-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.activity-stat {
    padding: 18px;
    border-left: 5px solid var(--green-700);
}

.activity-stat-label {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
}

.activity-stat-number {
    margin-top: 8px;
    color: var(--text);
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.activity-stat-text {
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

.activity-filter-card {
    padding: 18px;
    margin-top: 18px;
}

.activity-filters {
    display: grid;
    grid-template-columns: 1fr 220px 240px auto auto;
    gap: 12px;
    align-items: center;
}

.activity-filters .btn,
.activity-filters .filter-select,
.activity-filters .search-input {
    min-height: 48px;
}

.activity-table-card {
    padding: 22px;
    margin-top: 18px;
}

.activity-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.activity-row {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.activity-row-title {
    color: var(--text);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 950;
}

.activity-row-meta {
    margin-top: 5px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 800;
}

.activity-row-path {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 6px 9px;
    border-radius: 999px;
    background: var(--green-50);
    color: var(--green-900);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 900;
    word-break: break-all;
}

.activity-row-details {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #fbfdfb;
    border: 1px solid var(--border-soft);
    color: var(--text);
    font-size: 12px;
    line-height: 1.55;
    font-weight: 700;
    white-space: pre-wrap;
    word-break: break-word;
}

.activity-row-side {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 8px;
}

.activity-method,
.activity-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    white-space: nowrap;
}

.activity-method {
    background: #eef4ff;
    color: #173b7a;
}

.activity-code {
    background: var(--green-50);
    color: var(--green-900);
}

@media (max-width: 1180px) {
    .activity-hero {
        display: block;
    }

    .activity-hero .today-actions {
        margin-top: 16px;
        justify-content: flex-start;
    }

    .activity-stats-grid {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }

    .activity-filters {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .activity-hero {
        padding: 18px;
    }

    .activity-hero h1 {
        font-size: 26px;
    }

    .activity-hero p {
        font-size: 14px;
    }

    .activity-stats-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .activity-filter-card,
    .activity-table-card {
        padding: 14px;
    }

    .activity-filters {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .activity-filters .btn,
    .activity-filters .filter-select,
    .activity-filters .search-input {
        width: 100%;
        min-height: 48px;
    }

    .activity-row {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .activity-row-side {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .activity-row-path {
        display: flex;
        width: 100%;
        border-radius: 14px;
    }
}

/* === ACTIVITY LOG UI END === */



/* === USERS AUTH UI START === */

.login-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.22), transparent 35%),
        linear-gradient(135deg, #f4f8f4 0%, #e8f3ea 100%);
}

.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
}

.login-card {
    width: 100%;
    max-width: 460px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(35, 116, 82, 0.12);
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.18);
    padding: 28px;
}

.login-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
}

.login-logo {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: var(--green-700);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    letter-spacing: -0.08em;
    box-shadow: 0 14px 34px rgba(35, 116, 82, 0.28);
}

.login-title {
    color: var(--text);
    font-size: 20px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.login-subtitle {
    margin-top: 3px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 750;
}

.login-heading h1 {
    margin: 0;
    color: var(--text);
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -0.04em;
    font-weight: 950;
}

.login-heading p {
    margin: 8px 0 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.login-error,
.login-message {
    margin-top: 16px;
    padding: 13px 14px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 850;
}

.login-error {
    background: #fff0f0;
    color: #9b1c1c;
    border: 1px solid rgba(155, 28, 28, 0.14);
}

.login-message {
    background: var(--green-50);
    color: var(--green-900);
    border: 1px solid rgba(35, 116, 82, 0.14);
}

.login-form {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.login-form label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.login-form input {
    width: 100%;
    min-height: 52px;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 0 14px;
    background: #ffffff;
    color: var(--text);
    font-family: inherit;
    font-size: 16px;
    font-weight: 750;
    outline: none;
}

.login-form input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.12);
}

.login-submit {
    width: 100%;
    min-height: 52px;
    margin-top: 8px;
}

.login-note {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
}

.users-hero {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.13), transparent 36%),
        #ffffff;
}

.users-hero h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    color: var(--text);
    letter-spacing: -0.04em;
}

.users-hero p {
    margin: 10px 0 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    max-width: 760px;
    font-weight: 650;
}

.users-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.users-stat {
    padding: 18px;
    border-left: 5px solid var(--green-700);
}

.users-stat-label {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
}

.users-stat-number {
    margin-top: 8px;
    color: var(--text);
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.users-stat-text {
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

.create-user-card,
.users-table-card {
    padding: 22px;
    margin-top: 18px;
}

.create-user-form {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 180px auto;
    gap: 12px;
    align-items: end;
}

.create-user-form .btn,
.create-user-form .filter-select,
.create-user-form .search-input {
    min-height: 48px;
}

.users-alert {
    margin-top: 14px;
}

.users-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
}

.user-row-card {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 18px;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid var(--border-soft);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
}

.user-row-card.blocked {
    background: #fffafa;
    border-color: rgba(155, 28, 28, 0.15);
}

.user-row-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.user-row-name {
    color: var(--text);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 950;
}

.user-row-meta {
    margin-top: 5px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 750;
}

.user-badges {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.role-badge,
.active-badge,
.blocked-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.role-badge.admin {
    background: #eef4ff;
    color: #173b7a;
}

.role-badge.manager {
    background: var(--green-50);
    color: var(--green-900);
}

.active-badge {
    background: #ecfdf3;
    color: #027a48;
}

.blocked-badge {
    background: #fff0f0;
    color: #9b1c1c;
}

.user-row-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 18px;
}

.user-row-info div {
    padding: 12px;
    border-radius: 16px;
    background: #fbfdfb;
    border: 1px solid var(--border-soft);
}

.user-row-info span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
}

.user-row-info strong {
    display: block;
    color: var(--text);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 850;
}

.user-row-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.user-action-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0;
}

.user-action-form .search-input,
.user-action-form .filter-select {
    min-height: 42px;
    font-size: 14px;
}

.user-action-form .btn {
    width: 100%;
}

@media (max-width: 1280px) {
    .create-user-form {
        grid-template-columns: 1fr 1fr;
    }

    .user-row-card {
        grid-template-columns: 1fr;
    }

    .users-stats-grid {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
}

@media (max-width: 760px) {
    .login-card {
        padding: 22px;
        border-radius: 22px;
    }

    .login-heading h1 {
        font-size: 25px;
    }

    .users-hero {
        display: block;
        padding: 18px;
    }

    .users-hero h1 {
        font-size: 26px;
    }

    .users-hero p {
        font-size: 14px;
    }

    .users-stats-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .create-user-card,
    .users-table-card {
        padding: 14px;
    }

    .create-user-form {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .create-user-form .btn,
    .create-user-form .filter-select,
    .create-user-form .search-input {
        width: 100%;
        min-height: 48px;
    }

    .user-row-card {
        padding: 14px;
        border-radius: 18px;
    }

    .user-row-top {
        display: block;
    }

    .user-badges {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .user-row-info {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .user-action-form .search-input,
    .user-action-form .filter-select {
        min-height: 48px;
        font-size: 16px;
    }
}

/* === USERS AUTH UI END === */



/* === SAFE USERS UI START === */

.login-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.22), transparent 35%),
        linear-gradient(135deg, #f4f8f4 0%, #e8f3ea 100%);
}

.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
}

.login-card {
    width: 100%;
    max-width: 460px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(35, 116, 82, 0.12);
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.18);
    padding: 28px;
}

.login-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
}

.login-logo {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: var(--green-700);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    letter-spacing: -0.08em;
    box-shadow: 0 14px 34px rgba(35, 116, 82, 0.28);
}

.login-title {
    color: var(--text);
    font-size: 20px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.login-subtitle {
    margin-top: 3px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 750;
}

.login-heading h1 {
    margin: 0;
    color: var(--text);
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -0.04em;
    font-weight: 950;
}

.login-heading p {
    margin: 8px 0 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.login-error,
.login-message {
    margin-top: 16px;
    padding: 13px 14px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 850;
}

.login-error {
    background: #fff0f0;
    color: #9b1c1c;
    border: 1px solid rgba(155, 28, 28, 0.14);
}

.login-message {
    background: var(--green-50);
    color: var(--green-900);
    border: 1px solid rgba(35, 116, 82, 0.14);
}

.login-form {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.login-form label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.login-form input {
    width: 100%;
    min-height: 52px;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 0 14px;
    background: #ffffff;
    color: var(--text);
    font-family: inherit;
    font-size: 16px;
    font-weight: 750;
    outline: none;
}

.login-form input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.12);
}

.login-submit {
    width: 100%;
    min-height: 52px;
    margin-top: 8px;
}

.login-note {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
}

.users-hero {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.13), transparent 36%),
        #ffffff;
}

.users-hero h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    color: var(--text);
    letter-spacing: -0.04em;
}

.users-hero p {
    margin: 10px 0 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    max-width: 760px;
    font-weight: 650;
}

.users-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.users-stat {
    padding: 18px;
    border-left: 5px solid var(--green-700);
}

.users-stat-label {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
}

.users-stat-number {
    margin-top: 8px;
    color: var(--text);
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.users-stat-text {
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

.create-user-card,
.users-table-card {
    padding: 22px;
    margin-top: 18px;
}

.create-user-form {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 180px auto;
    gap: 12px;
    align-items: end;
}

.create-user-form .btn,
.create-user-form .filter-select,
.create-user-form .search-input {
    min-height: 48px;
}

.users-alert {
    margin-top: 14px;
}

.users-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
}

.user-row-card {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 18px;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid var(--border-soft);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
}

.user-row-card.blocked {
    background: #fffafa;
    border-color: rgba(155, 28, 28, 0.15);
}

.user-row-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.user-row-name {
    color: var(--text);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 950;
}

.user-row-meta {
    margin-top: 5px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 750;
}

.user-badges {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.role-badge,
.active-badge,
.blocked-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.role-badge.admin {
    background: #eef4ff;
    color: #173b7a;
}

.role-badge.manager {
    background: var(--green-50);
    color: var(--green-900);
}

.active-badge {
    background: #ecfdf3;
    color: #027a48;
}

.blocked-badge {
    background: #fff0f0;
    color: #9b1c1c;
}

.user-row-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 18px;
}

.user-row-info div {
    padding: 12px;
    border-radius: 16px;
    background: #fbfdfb;
    border: 1px solid var(--border-soft);
}

.user-row-info span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
}

.user-row-info strong {
    display: block;
    color: var(--text);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 850;
}

.user-row-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.user-action-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0;
}

.user-action-form .search-input,
.user-action-form .filter-select {
    min-height: 42px;
    font-size: 14px;
}

.user-action-form .btn {
    width: 100%;
}

@media (max-width: 1280px) {
    .create-user-form {
        grid-template-columns: 1fr 1fr;
    }

    .user-row-card {
        grid-template-columns: 1fr;
    }

    .users-stats-grid {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
}

@media (max-width: 760px) {
    .login-card {
        padding: 22px;
        border-radius: 22px;
    }

    .login-heading h1 {
        font-size: 25px;
    }

    .users-hero {
        display: block;
        padding: 18px;
    }

    .users-hero h1 {
        font-size: 26px;
    }

    .users-hero p {
        font-size: 14px;
    }

    .users-stats-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .create-user-card,
    .users-table-card {
        padding: 14px;
    }

    .create-user-form {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .create-user-form .btn,
    .create-user-form .filter-select,
    .create-user-form .search-input {
        width: 100%;
        min-height: 48px;
    }

    .user-row-card {
        padding: 14px;
        border-radius: 18px;
    }

    .user-row-top {
        display: block;
    }

    .user-badges {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .user-row-info {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .user-action-form .search-input,
    .user-action-form .filter-select {
        min-height: 48px;
        font-size: 16px;
    }
}

/* === SAFE USERS UI END === */



/* === PHASE 3 MANAGER ISOLATION UI START === */

.work-hero,
.notes-hero {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.13), transparent 36%),
        #ffffff;
}

.work-hero h1,
.notes-hero h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    color: var(--text);
    letter-spacing: -0.04em;
    font-weight: 950;
}

.work-hero p,
.notes-hero p {
    margin: 10px 0 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    max-width: 760px;
    font-weight: 650;
}

.work-filter-card,
.notes-filter-card {
    margin-top: 18px;
    padding: 18px;
}

.work-filter-form {
    display: grid;
    grid-template-columns: minmax(240px, 360px) auto auto;
    gap: 12px;
    align-items: end;
}

.work-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.work-stat {
    padding: 18px;
    border-left: 5px solid var(--green-700);
}

.work-stat-label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}

.work-stat-number {
    margin-top: 8px;
    color: var(--text);
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.05em;
}

.work-stat-number.danger {
    color: #b42318;
}

.work-stat-name {
    margin-top: 8px;
    color: var(--text);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 950;
}

.work-stat-text {
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

.work-list-card,
.latest-notes-card,
.callback-card {
    margin-top: 18px;
    padding: 22px;
}

.work-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
}

.work-item-card {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 18px;
    padding: 18px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
    border-left: 5px solid var(--green-700);
}

.work-item-card.priority-urgent {
    border-left-color: #b42318;
}

.work-item-card.priority-high {
    border-left-color: #f79009;
}

.work-item-card.priority-normal {
    border-left-color: var(--green-700);
}

.work-item-card.priority-low {
    border-left-color: #667085;
}

.work-item-top {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
}

.work-company {
    color: var(--text);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 950;
}

.work-meta,
.work-created {
    margin-top: 5px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    font-weight: 750;
}

.work-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.priority-badge,
.manager-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.priority-badge {
    background: var(--green-50);
    color: var(--green-900);
}

.manager-badge {
    background: #eef4ff;
    color: #173b7a;
}

.work-phones {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.phone-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 11px;
    border-radius: 999px;
    background: #f7faf7;
    color: var(--green-900);
    border: 1px solid var(--border-soft);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.work-comment {
    margin-top: 12px;
    padding: 12px;
    border-radius: 16px;
    background: #fbfdfb;
    border: 1px solid var(--border-soft);
    color: var(--text);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
}

.work-item-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.work-update-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.work-comment-input {
    width: 100%;
    min-height: 84px;
    resize: vertical;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
    outline: none;
}

.work-comment-input:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.10);
}

.work-item-actions .btn {
    width: 100%;
}

.notes-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.callback-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 14px;
}

.callback-list.wide {
    display: grid;
    grid-template-columns: repeat(2, minmax(240px, 1fr));
}

.callback-item {
    display: block;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid var(--border-soft);
    background: #ffffff;
    color: var(--text);
    text-decoration: none;
    box-shadow: var(--shadow-sm);
}

.callback-item.overdue {
    border-left: 5px solid #b42318;
}

.callback-item.today {
    border-left: 5px solid var(--green-700);
}

.callback-item.future {
    border-left: 5px solid #175cd3;
}

.callback-item strong {
    display: block;
    color: var(--text);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 950;
}

.callback-item span {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.callback-item em {
    display: block;
    margin-top: 5px;
    color: var(--green-900);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.latest-notes-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 14px;
}

.latest-note-item {
    padding: 16px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.latest-note-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.latest-note-top a {
    color: var(--green-900);
    text-decoration: none;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 950;
}

.latest-note-top span {
    color: var(--muted);
    font-size: 12px;
    white-space: nowrap;
    font-weight: 800;
}

.latest-note-text {
    margin-top: 10px;
    color: var(--text);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.latest-note-meta {
    margin-top: 10px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
}

.empty-state.small {
    padding: 14px;
    font-size: 13px;
}

@media (max-width: 1120px) {
    .work-item-card {
        grid-template-columns: 1fr;
    }

    .work-stats-grid {
        grid-template-columns: 1fr;
    }

    .notes-columns {
        grid-template-columns: 1fr;
    }

    .callback-list.wide {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .work-hero,
    .notes-hero {
        display: block;
        padding: 18px;
    }

    .work-hero h1,
    .notes-hero h1 {
        font-size: 26px;
    }

    .work-filter-form {
        grid-template-columns: 1fr;
    }

    .work-list-card,
    .latest-notes-card,
    .callback-card {
        padding: 14px;
    }

    .work-item-card {
        padding: 14px;
        border-radius: 18px;
    }

    .work-item-top {
        display: block;
    }

    .work-badges {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .latest-note-top {
        display: block;
    }

    .latest-note-top span {
        display: block;
        margin-top: 5px;
    }
}

/* === PHASE 3 MANAGER ISOLATION UI END === */



/* === PHASE 3.1 PRIVATE MANAGER UI START === */

.private-hero {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.13), transparent 36%),
        #ffffff;
}

.private-hero h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.15;
    color: var(--text);
    letter-spacing: -0.04em;
    font-weight: 950;
}

.private-hero p {
    margin: 10px 0 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    max-width: 820px;
    font-weight: 700;
}

.private-search-card,
.private-results-card,
.farmer-info-card,
.farmer-phone-card,
.private-status-card,
.private-note-card,
.private-work-card,
.admin-private-overview {
    padding: 22px;
    margin-top: 18px;
}

.private-search-form {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr)) minmax(220px, 1.2fr) auto auto;
    gap: 12px;
    align-items: end;
}

.private-farmer-list {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.private-farmer-card {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 18px;
    padding: 18px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
    border-left: 5px solid var(--green-700);
}

.private-farmer-title {
    color: var(--text);
    font-size: 17px;
    line-height: 1.35;
    font-weight: 950;
}

.private-farmer-meta,
.private-farmer-director {
    margin-top: 6px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 750;
}

.private-phone-line,
.private-phone-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.phone-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 11px;
    border-radius: 999px;
    background: #f7faf7;
    color: var(--green-900);
    border: 1px solid var(--border-soft);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.phone-chip.big {
    min-height: 42px;
    padding: 0 14px;
    font-size: 15px;
}

.private-status-line {
    margin-top: 12px;
    padding: 12px;
    border-radius: 16px;
    background: #fbfdfb;
    border: 1px solid var(--border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.private-status-line span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
}

.private-status-line strong {
    color: var(--green-900);
    font-size: 13px;
    font-weight: 950;
}

.private-status-line em {
    color: #175cd3;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.private-farmer-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.private-farmer-actions .btn,
.private-farmer-actions .filter-select,
.private-farmer-actions .search-input {
    width: 100%;
}

.quick-status-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.private-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.farmer-info-card h2,
.farmer-phone-card h2,
.private-status-card h2,
.private-note-card h2,
.private-work-card h2,
.admin-private-overview h2 {
    margin: 0 0 16px 0;
    color: var(--text);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 950;
}

.farmer-info-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.farmer-info-list div {
    padding: 12px;
    border-radius: 16px;
    background: #fbfdfb;
    border: 1px solid var(--border-soft);
}

.farmer-info-list span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
}

.farmer-info-list strong {
    color: var(--text);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
}

.private-info-box {
    margin-top: 14px;
    padding: 14px;
    border-radius: 16px;
    background: #fffdf7;
    border: 1px solid rgba(247, 144, 9, 0.18);
    color: var(--text);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.add-phone-form {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.private-help-text {
    margin-top: 12px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 750;
}

.private-status-form,
.private-note-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.private-grain-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.private-textarea {
    width: 100%;
    min-height: 110px;
    resize: vertical;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 12px 14px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    font-weight: 750;
    outline: none;
}

.private-textarea:focus {
    border-color: var(--green-700);
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.10);
}

.private-notes-list {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.private-note-item {
    padding: 14px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
}

.private-note-item div {
    color: var(--text);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 750;
}

.private-note-item span {
    display: block;
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
}

.private-actions-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.admin-private-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.admin-private-item {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid var(--border-soft);
    background: #ffffff;
    box-shadow: var(--shadow-sm);
}

.admin-private-item strong {
    display: block;
    color: var(--green-900);
    font-size: 14px;
    font-weight: 950;
}

.admin-private-item span {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
}

.admin-private-item p {
    margin: 10px 0 0 0;
    color: var(--text);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

@media (max-width: 1280px) {
    .private-search-form {
        grid-template-columns: 1fr 1fr;
    }

    .private-farmer-card {
        grid-template-columns: 1fr;
    }

    .private-card-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .private-hero {
        display: block;
        padding: 18px;
    }

    .private-hero h1 {
        font-size: 26px;
    }

    .private-search-card,
    .private-results-card,
    .farmer-info-card,
    .farmer-phone-card,
    .private-status-card,
    .private-note-card,
    .private-work-card,
    .admin-private-overview {
        padding: 14px;
    }

    .private-search-form {
        grid-template-columns: 1fr;
    }

    .private-farmer-card {
        padding: 14px;
        border-radius: 18px;
    }

    .farmer-info-list {
        grid-template-columns: 1fr;
    }

    .add-phone-form {
        grid-template-columns: 1fr;
    }

    .private-grain-grid {
        grid-template-columns: 1fr;
    }

    .private-actions-row {
        display: grid;
        grid-template-columns: 1fr;
    }

    .private-actions-row .btn {
        width: 100%;
    }
}

/* === PHASE 3.1 PRIVATE MANAGER UI END === */



/* === TRUE COMPACT WORK START === */

/* Сторінка "Моя робота" — компактний CRM-список */

.work-compact-head {
    padding: 14px 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 10px !important;
}

.work-compact-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
}

.work-compact-head p {
    margin: 4px 0 0 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: var(--muted) !important;
    font-weight: 700 !important;
}

.work-compact-top-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.work-compact-top-actions .btn {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
}

.work-compact-filter {
    padding: 12px !important;
    margin-bottom: 10px !important;
}

.work-compact-filter-form {
    display: grid !important;
    grid-template-columns: minmax(240px, 360px) auto auto !important;
    gap: 10px !important;
    align-items: end !important;
}

.work-compact-card {
    padding: 12px !important;
    margin-top: 10px !important;
}

.work-compact-title-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}

.work-compact-title-row h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.work-compact-title-row p {
    margin: 3px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.work-compact-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* Один фермер */
.work-compact-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 560px !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    border-left: 4px solid var(--green-700) !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
    min-height: auto !important;
    overflow: hidden !important;
}

.work-compact-row.priority-urgent {
    border-left-color: #b42318 !important;
}

.work-compact-row.priority-high {
    border-left-color: #f79009 !important;
}

.work-compact-row.priority-normal {
    border-left-color: var(--green-700) !important;
}

.work-compact-row.priority-low {
    border-left-color: #667085 !important;
}

.work-compact-info {
    min-width: 0 !important;
}

.work-compact-name-row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.work-compact-name {
    color: var(--text) !important;
    text-decoration: none !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.work-compact-meta {
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

.work-compact-badges {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
}

.work-compact-priority,
.work-compact-manager {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 23px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.work-compact-priority {
    background: var(--green-50) !important;
    color: var(--green-900) !important;
}

.work-compact-manager {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.work-compact-phones {
    display: flex !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    margin-top: 5px !important;
}

.work-compact-phones a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--green-900) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.work-compact-old-comment {
    margin-top: 5px !important;
    padding: 6px 8px !important;
    border-radius: 9px !important;
    background: #fbfdfb !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--text) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

/* Права частина — без налізання */
.work-compact-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px 92px !important;
    gap: 7px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
}

.work-compact-update {
    display: grid !important;
    grid-template-columns: 125px minmax(0, 1fr) 92px !important;
    gap: 7px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.work-compact-remove-form {
    margin: 0 !important;
    width: 100% !important;
}

.work-compact-update select,
.work-compact-update input,
.work-compact-update button,
.work-compact-open,
.work-compact-remove {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 36px !important;
    padding: 0 8px !important;
    margin: 0 !important;
}

.work-compact-update select,
.work-compact-update input {
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    outline: none !important;
}

.work-compact-update input {
    line-height: normal !important;
}

.work-compact-update button,
.work-compact-open,
.work-compact-remove {
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.work-compact-update button {
    background: #edf2ed !important;
    color: var(--green-900) !important;
}

.work-compact-open {
    background: var(--green-700) !important;
    color: #ffffff !important;
}

.work-compact-remove {
    background: #fff0f0 !important;
    color: #9b1c1c !important;
}

/* На менших екранах права частина йде нижче, але компактно */
@media (max-width: 1350px) {
    .work-compact-row {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .work-compact-actions {
        grid-template-columns: minmax(0, 1fr) 92px 92px !important;
    }
}

/* Планшет */
@media (max-width: 900px) {
    .work-compact-head {
        display: block !important;
    }

    .work-compact-top-actions {
        margin-top: 10px !important;
        justify-content: flex-start !important;
    }

    .work-compact-filter-form {
        grid-template-columns: 1fr !important;
    }

    .work-compact-actions {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .work-compact-update {
        grid-template-columns: 1fr 1fr 92px !important;
    }
}

/* Телефон */
@media (max-width: 650px) {
    .work-compact-head,
    .work-compact-card,
    .work-compact-filter {
        padding: 10px !important;
    }

    .work-compact-head h1 {
        font-size: 22px !important;
    }

    .work-compact-top-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .work-compact-top-actions .btn {
        width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
    }

    .work-compact-row {
        padding: 10px !important;
        border-radius: 13px !important;
    }

    .work-compact-name-row {
        display: block !important;
    }

    .work-compact-badges {
        justify-content: flex-start !important;
        margin-top: 6px !important;
    }

    .work-compact-update {
        grid-template-columns: 1fr !important;
    }

    .work-compact-update select,
    .work-compact-update input,
    .work-compact-update button,
    .work-compact-open,
    .work-compact-remove {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 14px !important;
        line-height: 44px !important;
    }

    .work-compact-update input {
        line-height: normal !important;
    }
}

/* === TRUE COMPACT WORK END === */



/* === PRIORITY SELECT CLEAN FIX START === */

/* Виправлення поля "Звичайний" у вкладці Моя робота */
.work-compact-update select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    display: block !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    padding: 0 34px 0 12px !important;
    margin: 0 !important;

    border: 1px solid #d8e2d8 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;

    color: #174b36 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: normal !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    box-sizing: border-box !important;
    cursor: pointer !important;

    background-image:
        linear-gradient(45deg, transparent 50%, #174b36 50%),
        linear-gradient(135deg, #174b36 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 16px,
        calc(100% - 12px) 16px;
    background-size:
        6px 6px,
        6px 6px;
    background-repeat: no-repeat;
}

/* Самі варіанти у випадаючому списку */
.work-compact-update select option {
    background: #ffffff !important;
    color: #174b36 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    padding: 8px 10px !important;
}

/* Щоб колонка пріоритету була нормальної ширини */
.work-compact-update {
    grid-template-columns: 150px minmax(0, 1fr) 94px !important;
}

/* Коментар не повинен налазити на пріоритет */
.work-compact-update input {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 10px !important;
    line-height: normal !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
}

/* Кнопки рівні */
.work-compact-update button,
.work-compact-open,
.work-compact-remove {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    line-height: 38px !important;
}

/* На телефоні все в одну колонку і без налізання */
@media (max-width: 650px) {
    .work-compact-update {
        grid-template-columns: 1fr !important;
    }

    .work-compact-update select,
    .work-compact-update input,
    .work-compact-update button,
    .work-compact-open,
    .work-compact-remove {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 14px !important;
    }

    .work-compact-update select {
        padding-left: 12px !important;
        padding-right: 38px !important;
        background-position:
            calc(100% - 21px) 19px,
            calc(100% - 15px) 19px;
    }
}

/* === PRIORITY SELECT CLEAN FIX END === */



/* === NO PRIORITY WORK FIX START === */

/* Прибрали "Звичайний". Залишили тільки коментар і кнопки. */

.work-compact-row.no-priority {
    grid-template-columns: minmax(0, 1fr) 560px !important;
    align-items: center !important;
}

.work-compact-actions.no-priority-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px 92px !important;
    gap: 7px !important;
    align-items: center !important;
    width: 100% !important;
}

.work-compact-update.no-priority-update {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 94px !important;
    gap: 7px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
}

.work-compact-update.no-priority-update input[type="text"] {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.work-compact-update.no-priority-update input[type="text"]:focus {
    border-color: var(--green-700) !important;
    box-shadow: 0 0 0 3px rgba(35, 116, 82, 0.10) !important;
}

.work-compact-update.no-priority-update button,
.work-compact-open,
.work-compact-remove {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 38px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* Приховуємо старі badge пріоритету, якщо десь залишились */
.work-compact-priority,
.priority-badge {
    display: none !important;
}

/* На менших екранах рядок стає у 2 поверхи */
@media (max-width: 1350px) {
    .work-compact-row.no-priority {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* Планшет */
@media (max-width: 900px) {
    .work-compact-actions.no-priority-actions {
        grid-template-columns: 1fr !important;
    }

    .work-compact-update.no-priority-update {
        grid-template-columns: 1fr 110px !important;
    }
}

/* Телефон */
@media (max-width: 650px) {
    .work-compact-actions.no-priority-actions {
        grid-template-columns: 1fr !important;
    }

    .work-compact-update.no-priority-update {
        grid-template-columns: 1fr !important;
    }

    .work-compact-update.no-priority-update input[type="text"],
    .work-compact-update.no-priority-update button,
    .work-compact-open,
    .work-compact-remove {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 14px !important;
        line-height: 44px !important;
    }
}

/* === NO PRIORITY WORK FIX END === */



/* === PHASE 3.3 ADD NEW FARMER UI START === */

.new-farmer-head {
    padding: 18px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.new-farmer-head h1 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.new-farmer-head p {
    margin: 6px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    max-width: 820px !important;
}

.new-farmer-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.new-farmer-card {
    padding: 20px !important;
    margin-top: 14px !important;
}

.new-farmer-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.new-farmer-section {
    padding: 16px !important;
    border-radius: 18px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.new-farmer-section h2 {
    margin: 0 0 14px 0 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    color: var(--text) !important;
}

.new-farmer-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
    gap: 12px !important;
}

.new-farmer-grid .full {
    grid-column: 1 / -1 !important;
}

.new-farmer-help,
.private-warning-box {
    margin-top: 12px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.private-warning-box {
    background: #fffdf7 !important;
    border-color: rgba(247, 144, 9, 0.20) !important;
    color: #7a3b00 !important;
}

.new-farmer-submit-row {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.new-farmer-submit-row .btn {
    min-height: 46px !important;
    border-radius: 14px !important;
}

@media (max-width: 1000px) {
    .new-farmer-head {
        display: block !important;
    }

    .new-farmer-actions {
        justify-content: flex-start !important;
        margin-top: 12px !important;
    }

    .new-farmer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 650px) {
    .new-farmer-head,
    .new-farmer-card {
        padding: 12px !important;
    }

    .new-farmer-head h1 {
        font-size: 23px !important;
    }

    .new-farmer-actions,
    .new-farmer-submit-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .new-farmer-actions .btn,
    .new-farmer-submit-row .btn {
        width: 100% !important;
        min-height: 44px !important;
    }

    .new-farmer-section {
        padding: 12px !important;
        border-radius: 15px !important;
    }

    .new-farmer-grid {
        grid-template-columns: 1fr !important;
    }
}

/* === PHASE 3.3 ADD NEW FARMER UI END === */



/* === FORCE NEW FARMER UI START === */

.new-farmer-head {
    padding: 18px 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 18px !important;
    align-items: center !important;
}

.new-farmer-head h1 {
    margin: 0 !important;
    font-size: 26px !important;
    font-weight: 950 !important;
}

.new-farmer-head p {
    margin: 6px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.new-farmer-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.new-farmer-card {
    padding: 20px !important;
    margin-top: 14px !important;
}

.new-farmer-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.new-farmer-section {
    padding: 16px !important;
    border-radius: 18px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.new-farmer-section h2 {
    margin: 0 0 14px 0 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.new-farmer-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
    gap: 12px !important;
}

.new-farmer-grid .full {
    grid-column: 1 / -1 !important;
}

.new-farmer-submit-row {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

@media (max-width: 900px) {
    .new-farmer-head {
        display: block !important;
    }

    .new-farmer-actions {
        margin-top: 12px !important;
        justify-content: flex-start !important;
    }

    .new-farmer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 650px) {
    .new-farmer-head,
    .new-farmer-card {
        padding: 12px !important;
    }

    .new-farmer-grid {
        grid-template-columns: 1fr !important;
    }

    .new-farmer-actions,
    .new-farmer-submit-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .new-farmer-actions .btn,
    .new-farmer-submit-row .btn {
        width: 100% !important;
        min-height: 44px !important;
    }
}

/* === FORCE NEW FARMER UI END === */



/* === PHASE 3.4 PHONE PANEL UI START === */

.farmer-phone-panel {
    padding: 16px !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.farmer-phone-head h2 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.farmer-phone-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.farmer-phone-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

.farmer-phone-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: var(--green-50) !important;
    border: 1px solid rgba(35, 116, 82, 0.16) !important;
    color: var(--green-900) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

.farmer-phone-add-form {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 170px !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 12px !important;
}

.farmer-phone-add-form input {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.farmer-phone-add-form .btn {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    width: 100% !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

@media (max-width: 700px) {
    .farmer-phone-panel {
        padding: 12px !important;
    }

    .farmer-phone-add-form {
        grid-template-columns: 1fr !important;
    }

    .farmer-phone-add-form input,
    .farmer-phone-add-form .btn {
        width: 100% !important;
        min-height: 46px !important;
        height: 46px !important;
    }

    .farmer-phone-chip {
        min-height: 36px !important;
        font-size: 13px !important;
    }
}

/* === PHASE 3.4 PHONE PANEL UI END === */



/* === FINAL FARMER CARD PHONE UI START === */

/* Блок телефонів у картці фермера */
.farmer-phone-panel-final {
    padding: 16px !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.farmer-phone-title h2 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.farmer-phone-title p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.farmer-phone-list-final {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

.farmer-phone-chip-final {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: var(--green-50) !important;
    border: 1px solid rgba(35, 116, 82, 0.16) !important;
    color: var(--green-900) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

.farmer-phone-form-final {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 170px !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 12px !important;
}

.farmer-phone-form-final input {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.farmer-phone-form-final button {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* У картці фермера прибираємо поле пріоритету "Звичайний" */
form[action*="/work-add"] select[name="priority"],
form[action*="/work_add"] select[name="priority"],
form[action*="work"] select[name="priority"] {
    display: none !important;
}

/* Робимо блок "Моя робота" в картці компактнішим */
form[action*="/work-add"],
form[action*="/work_add"] {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 150px !important;
    gap: 10px !important;
    align-items: center !important;
}

form[action*="/work-add"] input[name="comment"],
form[action*="/work_add"] input[name="comment"] {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
}

form[action*="/work-add"] button,
form[action*="/work_add"] button {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
}

/* Телефон */
@media (max-width: 700px) {
    .farmer-phone-panel-final {
        padding: 12px !important;
    }

    .farmer-phone-form-final {
        grid-template-columns: 1fr !important;
    }

    .farmer-phone-form-final input,
    .farmer-phone-form-final button {
        width: 100% !important;
        min-height: 46px !important;
        height: 46px !important;
        font-size: 14px !important;
    }

    .farmer-phone-chip-final {
        min-height: 36px !important;
        font-size: 13px !important;
    }

    form[action*="/work-add"],
    form[action*="/work_add"] {
        grid-template-columns: 1fr !important;
    }
}

/* === FINAL FARMER CARD PHONE UI END === */



/* === HARD REMOVE PRIORITY UI START === */

/* Фізично ховаємо всі старі поля пріоритету, якщо браузер підтягує старий шаблон */
select[name="priority"],
.priority-badge,
.work-compact-priority {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Моя робота: компактний рядок без Звичайний */
.work-compact-row.no-priority {
    grid-template-columns: minmax(0, 1fr) 560px !important;
    gap: 12px !important;
    align-items: center !important;
}

.work-compact-actions.no-priority-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px 92px !important;
    gap: 7px !important;
    align-items: center !important;
    width: 100% !important;
}

.work-compact-update.no-priority-update {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 94px !important;
    gap: 7px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
}

.work-compact-update.no-priority-update input[type="text"] {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.work-compact-update.no-priority-update button,
.work-compact-open,
.work-compact-remove {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 38px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

@media (max-width: 1350px) {
    .work-compact-row.no-priority {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    .work-compact-actions.no-priority-actions {
        grid-template-columns: 1fr !important;
    }

    .work-compact-update.no-priority-update {
        grid-template-columns: 1fr 110px !important;
    }
}

@media (max-width: 650px) {
    .work-compact-actions.no-priority-actions,
    .work-compact-update.no-priority-update {
        grid-template-columns: 1fr !important;
    }

    .work-compact-update.no-priority-update input[type="text"],
    .work-compact-update.no-priority-update button,
    .work-compact-open,
    .work-compact-remove {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 14px !important;
        line-height: 44px !important;
    }
}

/* === HARD REMOVE PRIORITY UI END === */



/* === HIDE FARMER INTERNAL CODES START === */

/* Приховуємо внутрішні технічні коди фермерів у менеджерському інтерфейсі */
.farmer-code,
.farmer-id,
.code-badge,
.internal-code,
.work-code,
.card-code,
[data-code],
[data-farmer-code] {
    display: none !important;
    visibility: hidden !important;
}

/* Мета-рядок без коду має виглядати акуратно */
.work-compact-meta {
    color: var(--muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

/* === HIDE FARMER INTERNAL CODES END === */



/* === CLEAN TODAY PAGE START === */

.today-clean-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.today-clean-head h1 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.today-clean-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.today-clean-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.today-clean-actions .btn {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    padding: 0 14px !important;
}

.today-clean-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.today-stat-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.today-stat-card div {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.today-stat-card strong {
    display: block !important;
    margin-top: 5px !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: var(--green-900) !important;
}

.today-stat-card span {
    display: block !important;
    margin-top: 5px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.today-stat-card.danger strong {
    color: #b42318 !important;
}

.today-stat-card.main {
    border-color: rgba(35, 116, 82, 0.25) !important;
}

.today-clean-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.today-list-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.today-future-card {
    margin-top: 12px !important;
}

.today-list-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.today-list-title p {
    margin: 4px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.today-callback-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.today-callback-list.wide {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.today-callback-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
    text-decoration: none !important;
    color: var(--text) !important;
    border-left: 4px solid var(--green-700) !important;
}

.today-callback-item.overdue {
    border-left-color: #b42318 !important;
}

.today-callback-item.today {
    border-left-color: var(--green-700) !important;
}

.today-callback-item.future {
    border-left-color: #667085 !important;
}

.today-callback-item strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    color: var(--text) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.today-callback-item span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

.today-callback-item em {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: var(--green-50) !important;
    color: var(--green-900) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    font-style: normal !important;
    white-space: nowrap !important;
}

@media (max-width: 1000px) {
    .today-clean-head {
        display: block !important;
    }

    .today-clean-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .today-clean-grid {
        grid-template-columns: 1fr !important;
    }

    .today-callback-list.wide {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 650px) {
    .today-clean-head,
    .today-list-card,
    .today-stat-card {
        padding: 12px !important;
    }

    .today-clean-head h1 {
        font-size: 23px !important;
    }

    .today-clean-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .today-clean-actions .btn {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    .today-clean-stats {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .today-stat-card strong {
        font-size: 26px !important;
    }

    .today-callback-item {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .today-callback-item em {
        justify-content: center !important;
        width: fit-content !important;
    }
}

/* === CLEAN TODAY PAGE END === */



/* === CLEAN FARMER CARD FINAL UI START === */

/* Приховуємо внутрішні коди фермерів */
.farmer-code,
.farmer-id,
.code-badge,
.internal-code,
.card-code,
.work-code,
[data-code],
[data-farmer-code] {
    display: none !important;
    visibility: hidden !important;
}

/* Блок додавання телефону */
.farmer-clean-phone-panel {
    padding: 16px !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.farmer-clean-phone-head h2 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.farmer-clean-phone-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.farmer-clean-phone-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

.farmer-clean-phone-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: var(--green-50) !important;
    border: 1px solid rgba(35, 116, 82, 0.16) !important;
    color: var(--green-900) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

.farmer-clean-phone-form {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 170px !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 12px !important;
}

.farmer-clean-phone-form input {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.farmer-clean-phone-form button {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* Прибираємо старі priority select */
select[name="priority"],
.priority-badge,
.work-compact-priority {
    display: none !important;
}

/* Телефонна адаптація */
@media (max-width: 700px) {
    .farmer-clean-phone-panel {
        padding: 12px !important;
    }

    .farmer-clean-phone-form {
        grid-template-columns: 1fr !important;
    }

    .farmer-clean-phone-form input,
    .farmer-clean-phone-form button {
        width: 100% !important;
        min-height: 46px !important;
        height: 46px !important;
        font-size: 14px !important;
    }

    .farmer-clean-phone-chip {
        min-height: 36px !important;
        font-size: 13px !important;
    }
}

/* === CLEAN FARMER CARD FINAL UI END === */



/* === SAVE FARMER WORK FORM UI START === */

.farmer-work-save-form {
    display: grid !important;
    grid-template-columns: 1fr 220px !important;
    gap: 12px !important;
    align-items: end !important;
}

.farmer-work-save-form select,
.farmer-work-save-form input,
.farmer-work-save-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.farmer-work-save-form select,
.farmer-work-save-form input {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
}

.farmer-work-save-form textarea {
    min-height: 110px !important;
    padding: 12px !important;
    resize: vertical !important;
    grid-column: 1 / -1 !important;
}

.farmer-work-save-form button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    border: 0 !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media (max-width: 700px) {
    .farmer-work-save-form {
        grid-template-columns: 1fr !important;
    }

    .farmer-work-save-form textarea,
    .farmer-work-save-form button {
        grid-column: auto !important;
    }

    .farmer-work-save-form select,
    .farmer-work-save-form input,
    .farmer-work-save-form button {
        min-height: 46px !important;
        height: 46px !important;
    }
}

/* === SAVE FARMER WORK FORM UI END === */



/* === FIX NOTES PAGE FINAL UI START === */

.notes-clean-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.notes-clean-head h1 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.notes-clean-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.notes-clean-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.notes-clean-actions .btn {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    padding: 0 14px !important;
}

.notes-clean-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.notes-stat-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.notes-stat-card div {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.notes-stat-card strong {
    display: block !important;
    margin-top: 5px !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: var(--green-900) !important;
}

.notes-stat-card span {
    display: block !important;
    margin-top: 5px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.notes-stat-card.danger strong {
    color: #b42318 !important;
}

.notes-clean-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.notes-callback-card,
.notes-latest-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.notes-future-card,
.notes-latest-card {
    margin-top: 12px !important;
}

.notes-section-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.notes-section-title p {
    margin: 4px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.notes-callback-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.notes-callback-list.wide {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.notes-callback-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    border-left: 4px solid var(--green-700) !important;
    background: #ffffff !important;
    text-decoration: none !important;
    color: var(--text) !important;
}

.notes-callback-item.overdue {
    border-left-color: #b42318 !important;
}

.notes-callback-item.future {
    border-left-color: #667085 !important;
}

.notes-callback-item strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

.notes-callback-item span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

.notes-callback-item em {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: var(--green-50) !important;
    color: var(--green-900) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    font-style: normal !important;
    white-space: nowrap !important;
}

.notes-latest-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.notes-latest-item {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.notes-latest-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    align-items: center !important;
}

.notes-latest-top a {
    color: var(--text) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.notes-latest-top span {
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.notes-latest-text {
    margin-top: 6px !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

@media (max-width: 1000px) {
    .notes-clean-head {
        display: block !important;
    }

    .notes-clean-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .notes-clean-grid {
        grid-template-columns: 1fr !important;
    }

    .notes-callback-list.wide {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 650px) {
    .notes-clean-head,
    .notes-callback-card,
    .notes-latest-card,
    .notes-stat-card {
        padding: 12px !important;
    }

    .notes-clean-head h1 {
        font-size: 23px !important;
    }

    .notes-clean-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .notes-clean-actions .btn {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    .notes-clean-stats {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .notes-stat-card strong {
        font-size: 26px !important;
    }

    .notes-callback-item {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .notes-latest-top {
        display: block !important;
    }

    .notes-latest-top span {
        display: block !important;
        margin-top: 4px !important;
    }
}

/* === FIX NOTES PAGE FINAL UI END === */



/* === CLEAN WORK WITH FARMER UI START === */

.clean-work-farmer-card {
    padding: 16px !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.clean-work-head h2 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.clean-work-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.clean-work-farmer-form {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) 220px !important;
    gap: 12px !important;
    margin-top: 14px !important;
    align-items: end !important;
}

.clean-work-farmer-form .full {
    grid-column: 1 / -1 !important;
}

.clean-work-farmer-form select,
.clean-work-farmer-form input,
.clean-work-farmer-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.clean-work-farmer-form select,
.clean-work-farmer-form input {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
}

.clean-work-farmer-form textarea {
    min-height: 110px !important;
    padding: 12px !important;
    resize: vertical !important;
}

.clean-work-farmer-form button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    border: 0 !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media (max-width: 700px) {
    .clean-work-farmer-card {
        padding: 12px !important;
    }

    .clean-work-farmer-form {
        grid-template-columns: 1fr !important;
    }

    .clean-work-farmer-form .full,
    .clean-work-farmer-form button {
        grid-column: auto !important;
    }

    .clean-work-farmer-form select,
    .clean-work-farmer-form input,
    .clean-work-farmer-form button {
        min-height: 46px !important;
        height: 46px !important;
    }
}

/* === CLEAN WORK WITH FARMER UI END === */



/* === NOTIFICATIONS FINAL UI START === */

.notify-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.notify-head h1 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.notify-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    max-width: 820px !important;
}

.notify-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.notify-actions .btn {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    padding: 0 14px !important;
}

.notify-filter-card {
    padding: 12px !important;
    margin-top: 12px !important;
}

.notify-filter-form {
    display: grid !important;
    grid-template-columns: minmax(240px, 1fr) minmax(180px, 260px) auto auto !important;
    gap: 10px !important;
    align-items: end !important;
}

.notify-list-card {
    padding: 12px !important;
    margin-top: 12px !important;
}

.notify-title-row h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.notify-title-row p {
    margin: 3px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.notify-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

.notify-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    border-left: 4px solid var(--green-700) !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.notify-main {
    min-width: 0 !important;
}

.notify-top-line {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.notify-source,
.notify-crop,
.notify-region {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.notify-source {
    background: var(--green-50) !important;
    color: var(--green-900) !important;
}

.notify-crop {
    background: #fff7ed !important;
    color: #9a3412 !important;
}

.notify-region {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.notify-text {
    margin-top: 7px !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    white-space: pre-wrap !important;
}

.notify-phone-line {
    margin-top: 7px !important;
}

.notify-phone-line a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--green-900) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

.notify-side {
    text-align: right !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 850 !important;
}

.notify-side a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 7px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media (max-width: 1000px) {
    .notify-head {
        display: block !important;
    }

    .notify-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .notify-filter-form {
        grid-template-columns: 1fr 1fr !important;
    }

    .notify-row {
        grid-template-columns: 1fr !important;
    }

    .notify-side {
        text-align: left !important;
    }
}

@media (max-width: 650px) {
    .notify-head,
    .notify-filter-card,
    .notify-list-card {
        padding: 10px !important;
    }

    .notify-head h1 {
        font-size: 23px !important;
    }

    .notify-actions,
    .notify-filter-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .notify-actions .btn,
    .notify-filter-form .btn {
        width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
    }

    .notify-row {
        padding: 10px !important;
        border-radius: 13px !important;
    }

    .notify-side a {
        width: 100% !important;
        min-height: 42px !important;
    }
}

/* === NOTIFICATIONS FINAL UI END === */



/* === COMPACT NOTIFICATIONS UI START === */

.notify-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.notify-head h1 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.notify-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    max-width: 850px !important;
}

.notify-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.notify-list-card {
    margin-top: 12px !important;
    padding: 12px !important;
}

.notify-title-row h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.notify-title-row p {
    margin: 3px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.notify-list.compact {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

.notify-row.compact {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 155px !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    border-left: 4px solid var(--green-700) !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.notify-main {
    min-width: 0 !important;
}

.notify-top-line {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.notify-source,
.notify-crop,
.notify-region {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.notify-source {
    background: var(--green-50) !important;
    color: var(--green-900) !important;
}

.notify-crop {
    background: #fff7ed !important;
    color: #9a3412 !important;
}

.notify-region {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.notify-preview {
    margin-top: 7px !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    white-space: pre-wrap !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.notify-details {
    margin-top: 6px !important;
}

.notify-details summary {
    width: fit-content !important;
    cursor: pointer !important;
    color: var(--green-900) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    list-style: none !important;
}

.notify-details summary::-webkit-details-marker {
    display: none !important;
}

.notify-details summary::after {
    content: " ↓" !important;
}

.notify-details[open] summary::after {
    content: " ↑" !important;
}

.notify-details[open] + .notify-phone-line {
    margin-top: 8px !important;
}

.notify-full-text {
    margin-top: 8px !important;
    padding: 10px !important;
    border-radius: 12px !important;
    background: #f8faf8 !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    white-space: pre-wrap !important;
}

.notify-phone-line {
    margin-top: 7px !important;
}

.notify-phone-line a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--green-900) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

.notify-side {
    text-align: right !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 850 !important;
}

.notify-date {
    word-break: break-word !important;
}

.notify-call-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 8px !important;
    min-height: 36px !important;
    width: 100% !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media (max-width: 900px) {
    .notify-head {
        display: block !important;
    }

    .notify-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .notify-row.compact {
        grid-template-columns: 1fr !important;
    }

    .notify-side {
        text-align: left !important;
    }

    .notify-call-btn {
        width: fit-content !important;
        min-width: 150px !important;
    }
}

@media (max-width: 650px) {
    .notify-head,
    .notify-list-card {
        padding: 10px !important;
    }

    .notify-head h1 {
        font-size: 23px !important;
    }

    .notify-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .notify-actions .btn {
        width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
    }

    .notify-row.compact {
        padding: 10px !important;
        border-radius: 13px !important;
    }

    .notify-preview {
        -webkit-line-clamp: 5 !important;
    }

    .notify-call-btn {
        width: 100% !important;
        min-height: 42px !important;
    }
}

/* === COMPACT NOTIFICATIONS UI END === */



/* === SUPPORT CHAT FINAL UI START === */

.support-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.support-head h1 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.support-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    max-width: 850px !important;
}

.support-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.support-chat-card {
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 18px !important;
}

.support-chat-title h2,
.support-users-card h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.support-chat-title p {
    margin: 4px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.support-messages {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
    max-height: 560px !important;
    overflow: auto !important;
    padding-right: 4px !important;
}

.support-message {
    width: fit-content !important;
    max-width: 78% !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.support-message.manager {
    align-self: flex-end !important;
    background: var(--green-50) !important;
    border-color: rgba(35, 116, 82, 0.18) !important;
}

.support-message.admin {
    align-self: flex-start !important;
    background: #f8fafc !important;
}

.support-message-top {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.support-message-top strong {
    color: var(--text) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.support-message-top span {
    color: var(--muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.support-message-text {
    margin-top: 5px !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    white-space: pre-wrap !important;
}

.support-send-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 10px !important;
    align-items: end !important;
    margin-top: 12px !important;
}

.support-send-form textarea {
    width: 100% !important;
    min-height: 86px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 12px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}

.support-send-form button {
    width: 100% !important;
    min-height: 86px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.support-admin-layout {
    display: grid !important;
    grid-template-columns: 320px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.support-users-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.support-user-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

.support-user-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 10px !important;
    border-radius: 13px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    text-decoration: none !important;
}

.support-user-item.active {
    border-color: rgba(35, 116, 82, 0.35) !important;
    background: var(--green-50) !important;
}

.support-user-item strong {
    display: block !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.support-user-item span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.support-user-item em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #b42318 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    font-style: normal !important;
}

@media (max-width: 1000px) {
    .support-head {
        display: block !important;
    }

    .support-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .support-admin-layout {
        grid-template-columns: 1fr !important;
    }

    .support-message {
        max-width: 92% !important;
    }
}

@media (max-width: 650px) {
    .support-head,
    .support-chat-card,
    .support-users-card {
        padding: 10px !important;
    }

    .support-head h1 {
        font-size: 23px !important;
    }

    .support-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .support-actions .btn {
        width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
    }

    .support-message {
        max-width: 100% !important;
        width: auto !important;
    }

    .support-send-form {
        grid-template-columns: 1fr !important;
    }

    .support-send-form button {
        min-height: 46px !important;
    }

    .support-message-top {
        display: block !important;
    }

    .support-message-top span {
        display: block !important;
        margin-top: 3px !important;
    }
}

/* === SUPPORT CHAT FINAL UI END === */



/* === PROFESSIONAL CRM LAYOUT RULES START === */

/*
   Нормальний стиль CRM:
   - не робимо тупу вузьку колонку по центру;
   - робоча зона лишається широкою;
   - картки не розтягуються без потреби;
   - списки, таблиці, пошук — широкі;
   - форми й чат — акуратні, але не “по центру як сайт-візитка”.
*/

.card {
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}

/* Верхні блоки сторінок — широкі, але акуратні */
.work-compact-head,
.today-clean-head,
.notes-clean-head,
.notify-head,
.support-head {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 16px 18px !important;
}

/* Основні списки мають бути широкими, бо це CRM */
.work-compact-card,
.notify-list-card,
.notes-latest-card,
.today-future-card {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Чат не має займати весь екран як простиня */
.support-chat-card {
    max-width: 1050px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Адмінський чат — нормальна сітка */
.support-admin-layout {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Форма роботи з фермером — не вузька і не розтягнута безглуздо */
.clean-work-farmer-card,
.farmer-clean-phone-panel {
    width: 100% !important;
    max-width: 1050px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Картка фермера: блоки вирівняні від лівого краю, не в центрі */
.farmer-card,
.farmer-page,
.farmer-profile,
.farmer-details,
.farmer-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Заголовки компактні, але не дрібні */
.work-compact-head h1,
.today-clean-head h1,
.notes-clean-head h1,
.notify-head h1,
.support-head h1 {
    font-size: 25px !important;
    line-height: 1.15 !important;
}

/* Списки компактні */
.work-compact-row,
.notify-row,
.notes-callback-item,
.today-callback-item,
.notes-latest-item {
    padding: 10px 12px !important;
    border-radius: 14px !important;
}

/* Сповіщення не повинні розтягувати сторінку вниз */
.notify-preview {
    max-height: 92px !important;
    overflow: hidden !important;
}

/* На телефоні все займає нормальну ширину */
@media (max-width: 700px) {
    .support-chat-card,
    .clean-work-farmer-card,
    .farmer-clean-phone-panel {
        max-width: none !important;
        width: 100% !important;
    }

    .work-compact-head,
    .today-clean-head,
    .notes-clean-head,
    .notify-head,
    .support-head {
        padding: 12px !important;
    }
}

/* === PROFESSIONAL CRM LAYOUT RULES END === */



/* === ADMIN BACKUP PAGE UI START === */

.backup-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.backup-head h1 {
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.backup-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    max-width: 820px !important;
}

.backup-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.backup-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 12px !important;
    margin-top: 12px !important;
    align-items: stretch !important;
}

.backup-create-card,
.backup-info-card,
.backup-list-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.backup-list-card {
    margin-top: 12px !important;
}

.backup-section-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.backup-section-title p {
    margin: 4px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.backup-create-form {
    margin-top: 14px !important;
}

.backup-create-form button {
    width: 100% !important;
    max-width: 360px !important;
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.backup-note {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: var(--green-50) !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    color: var(--green-900) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.backup-info-list {
    display: grid !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.backup-info-list div {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.backup-info-list strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.backup-info-list span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.backup-file-list {
    display: grid !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.backup-file-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.backup-file-row strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.backup-file-row span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.backup-file-row a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media (max-width: 1000px) {
    .backup-head {
        display: block !important;
    }

    .backup-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .backup-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 650px) {
    .backup-head,
    .backup-create-card,
    .backup-info-card,
    .backup-list-card {
        padding: 10px !important;
    }

    .backup-head h1 {
        font-size: 23px !important;
    }

    .backup-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .backup-actions .btn,
    .backup-create-form button {
        width: 100% !important;
        max-width: none !important;
        min-height: 44px !important;
    }

    .backup-file-row {
        grid-template-columns: 1fr !important;
    }

    .backup-file-row a {
        width: 100% !important;
        min-height: 42px !important;
    }
}

/* === ADMIN BACKUP PAGE UI END === */



/* === ADMIN SYSTEM STATUS UI START === */

.system-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.system-head h1 {
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.system-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    max-width: 820px !important;
}

.system-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.system-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(130px, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.system-stat-card {
    padding: 13px !important;
    border-radius: 18px !important;
}

.system-stat-card div {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.system-stat-card strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--green-900) !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.system-stat-card span {
    display: block !important;
    margin-top: 5px !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 750 !important;
}

.system-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.7fr) !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.system-info-card,
.system-table-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.system-table-card {
    margin-top: 12px !important;
}

.system-section-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.system-section-title p {
    margin: 4px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.system-info-list,
.system-privacy-list,
.system-table-list,
.system-backup-list {
    display: grid !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.system-info-list div,
.system-privacy-list div,
.system-table-row,
.system-backup-row {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.system-info-list strong,
.system-table-row strong,
.system-backup-row strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.system-info-list span,
.system-table-row span,
.system-backup-row span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.system-privacy-list .ok {
    color: var(--green-900) !important;
    background: var(--green-50) !important;
    border-color: rgba(35, 116, 82, 0.16) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 850 !important;
}

.system-table-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 12px !important;
    align-items: center !important;
}

.system-table-row span {
    text-align: right !important;
    margin-top: 0 !important;
}

.system-backup-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 12px !important;
    align-items: center !important;
}

.system-backup-row a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media (max-width: 1200px) {
    .system-stats-grid {
        grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .system-head {
        display: block !important;
    }

    .system-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .system-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 650px) {
    .system-head,
    .system-info-card,
    .system-table-card,
    .system-stat-card {
        padding: 10px !important;
    }

    .system-head h1 {
        font-size: 23px !important;
    }

    .system-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .system-actions .btn {
        width: 100% !important;
        min-height: 44px !important;
    }

    .system-stats-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    .system-stat-card strong {
        font-size: 25px !important;
    }

    .system-table-row,
    .system-backup-row {
        grid-template-columns: 1fr !important;
    }

    .system-table-row span {
        text-align: left !important;
    }

    .system-backup-row a {
        width: 100% !important;
        min-height: 42px !important;
    }
}

/* === ADMIN SYSTEM STATUS UI END === */



/* === ADMIN USERS CLEAN UI START === */

.users-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.users-head h1 {
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.users-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    max-width: 820px !important;
}

.users-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.users-layout {
    display: grid !important;
    grid-template-columns: 380px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin-top: 12px !important;
}

.users-create-card,
.users-list-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.users-section-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.users-section-title p {
    margin: 4px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.users-create-form {
    display: grid !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.users-create-form input,
.users-create-form select {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    border: 1px solid var(--border) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.users-create-form button {
    width: 100% !important;
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.users-note {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: var(--green-50) !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    color: var(--green-900) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.users-list {
    display: grid !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.users-row {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 110px 145px !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.users-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--green-50) !important;
    color: var(--green-900) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.users-info {
    min-width: 0 !important;
}

.users-info strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.users-info span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.users-role {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.users-role.admin {
    background: #fff7ed !important;
    color: #9a3412 !important;
}

.users-role.manager {
    background: var(--green-50) !important;
    color: var(--green-900) !important;
}

.users-date {
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    text-align: right !important;
}

@media (max-width: 1100px) {
    .users-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 800px) {
    .users-head {
        display: block !important;
    }

    .users-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .users-row {
        grid-template-columns: 42px minmax(0, 1fr) 100px !important;
    }

    .users-date {
        grid-column: 2 / -1 !important;
        text-align: left !important;
    }
}

@media (max-width: 650px) {
    .users-head,
    .users-create-card,
    .users-list-card {
        padding: 10px !important;
    }

    .users-head h1 {
        font-size: 23px !important;
    }

    .users-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .users-actions .btn {
        width: 100% !important;
        min-height: 44px !important;
    }

    .users-row {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    .users-role {
        grid-column: 2 / -1 !important;
        width: fit-content !important;
        margin-top: 3px !important;
    }

    .users-date {
        grid-column: 2 / -1 !important;
    }
}

/* === ADMIN USERS CLEAN UI END === */



/* === ADMIN USERS ACCESS UI START === */

.users-list.access {
    gap: 9px !important;
}

.users-row.access {
    grid-template-columns: 42px minmax(0, 1fr) 100px 105px minmax(280px, 420px) !important;
}

.users-row.disabled {
    opacity: 0.62 !important;
    background: #f8fafc !important;
}

.users-status {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.users-status.active {
    background: var(--green-50) !important;
    color: var(--green-900) !important;
}

.users-status.blocked {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.users-access-actions {
    display: grid !important;
    grid-template-columns: minmax(160px, 1fr) 100px !important;
    gap: 8px !important;
    align-items: center !important;
}

.users-password-form {
    display: grid !important;
    grid-template-columns: minmax(100px, 1fr) 82px !important;
    gap: 6px !important;
}

.users-password-form input {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 11px !important;
    border: 1px solid var(--border) !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.users-access-actions button,
.users-password-form button {
    width: 100% !important;
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.users-access-actions button.danger {
    background: #b42318 !important;
}

.users-access-actions button.success {
    background: var(--green-700) !important;
}

.users-admin-lock {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    background: #f2f4f7 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media (max-width: 1200px) {
    .users-row.access {
        grid-template-columns: 42px minmax(0, 1fr) 100px 105px !important;
    }

    .users-access-actions {
        grid-column: 2 / -1 !important;
        grid-template-columns: minmax(180px, 1fr) 110px !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 700px) {
    .users-row.access {
        grid-template-columns: 40px minmax(0, 1fr) !important;
    }

    .users-row.access .users-role,
    .users-row.access .users-status,
    .users-access-actions {
        grid-column: 2 / -1 !important;
    }

    .users-status {
        width: fit-content !important;
        margin-top: 4px !important;
    }

    .users-access-actions {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .users-password-form {
        grid-template-columns: 1fr !important;
    }

    .users-access-actions button,
    .users-password-form button,
    .users-password-form input {
        min-height: 42px !important;
        height: 42px !important;
    }
}

/* === ADMIN USERS ACCESS UI END === */



/* === CLEAN LOGIN PAGE UI START === */

.login-clean-body {
    margin: 0 !important;
    min-height: 100vh !important;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.20), transparent 34%),
        linear-gradient(135deg, #f5faf6 0%, #eef5ef 48%, #ffffff 100%) !important;
    color: #10231b !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.login-clean-page {
    min-height: 100vh !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 0.9fr) 430px !important;
    gap: 28px !important;
    align-items: center !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 34px !important;
    box-sizing: border-box !important;
}

.login-clean-brand {
    padding: 20px !important;
}

.login-clean-logo {
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 40px rgba(35, 116, 82, 0.25) !important;
}

.login-clean-brand h1 {
    margin: 18px 0 0 0 !important;
    font-size: 46px !important;
    line-height: 1 !important;
    letter-spacing: -0.055em !important;
    font-weight: 950 !important;
    color: #10231b !important;
}

.login-clean-brand p {
    margin: 14px 0 0 0 !important;
    max-width: 560px !important;
    color: #5d6f66 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 750 !important;
}

.login-clean-points {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 210px)) !important;
    gap: 10px !important;
    margin-top: 24px !important;
}

.login-clean-points div {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 13px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(35, 116, 82, 0.12) !important;
    color: #237452 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

.login-clean-card {
    width: 100% !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12) !important;
    backdrop-filter: blur(12px) !important;
    box-sizing: border-box !important;
}

.login-clean-title h2 {
    margin: 4px 0 0 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.035em !important;
    font-weight: 950 !important;
    color: #10231b !important;
}

.login-clean-title p {
    margin: 6px 0 0 0 !important;
    color: #66776e !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.login-clean-error {
    margin-top: 14px !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    background: #fee4e2 !important;
    border: 1px solid rgba(180, 35, 24, 0.18) !important;
    color: #b42318 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 900 !important;
}

.login-clean-form {
    display: grid !important;
    gap: 12px !important;
    margin-top: 16px !important;
}

.login-clean-form label {
    display: grid !important;
    gap: 6px !important;
}

.login-clean-form label span {
    color: #34483e !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.login-clean-form input {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: #10231b !important;
    padding: 0 13px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.login-clean-form input:focus {
    border-color: rgba(35, 116, 82, 0.55) !important;
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.10) !important;
}

.login-clean-form button {
    width: 100% !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 14px 30px rgba(35, 116, 82, 0.24) !important;
}

.login-clean-help {
    margin-top: 13px !important;
    color: #66776e !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    text-align: center !important;
}

@media (max-width: 900px) {
    .login-clean-page {
        grid-template-columns: 1fr !important;
        max-width: 520px !important;
        gap: 14px !important;
        padding: 18px !important;
    }

    .login-clean-brand {
        padding: 4px !important;
    }

    .login-clean-brand h1 {
        font-size: 34px !important;
    }

    .login-clean-brand p {
        font-size: 14px !important;
    }

    .login-clean-points {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 520px) {
    .login-clean-page {
        padding: 12px !important;
    }

    .login-clean-card {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .login-clean-points {
        grid-template-columns: 1fr !important;
    }
}

/* === CLEAN LOGIN PAGE UI END === */



/* === LOGIN REMOVE LEFT TEXT FIX START === */

.login-clean-brand p,
.login-clean-points {
    display: none !important;
}

.login-clean-brand {
    padding: 20px !important;
}

.login-clean-brand h1 {
    margin-top: 18px !important;
    font-size: 48px !important;
}

.login-clean-page {
    grid-template-columns: minmax(260px, 0.7fr) 430px !important;
}

@media (max-width: 900px) {
    .login-clean-page {
        grid-template-columns: 1fr !important;
        max-width: 480px !important;
    }

    .login-clean-brand {
        text-align: left !important;
    }

    .login-clean-brand h1 {
        font-size: 34px !important;
    }
}

/* === LOGIN REMOVE LEFT TEXT FIX END === */



/* === LOGIN HERO BIG BANNER START === */

.login-clean-body {
    margin: 0 !important;
    min-height: 100vh !important;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.22), transparent 34%),
        linear-gradient(135deg, #f4faf5 0%, #eef5ef 50%, #ffffff 100%) !important;
    color: #10231b !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.login-hero-page {
    min-height: 100vh !important;
    display: grid !important;
    grid-template-columns: minmax(420px, 1.15fr) 430px !important;
    gap: 28px !important;
    align-items: center !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 28px !important;
    box-sizing: border-box !important;
}

.login-hero-brand {
    min-height: 620px !important;
    border-radius: 30px !important;
    padding: 34px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.92) 100%),
        linear-gradient(135deg, #eff8f1 0%, #f8fbf8 100%) !important;
    border: 1px solid rgba(35, 116, 82, 0.12) !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.10) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

.login-hero-badge-wrap {
    display: flex !important;
    align-items: flex-start !important;
}

.login-hero-badge {
    width: 108px !important;
    height: 108px !important;
    border-radius: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #237452 0%, #1c5c41 100%) !important;
    color: #ffffff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
    box-shadow: 0 24px 50px rgba(35, 116, 82, 0.28) !important;
}

.login-hero-text {
    margin-top: 18px !important;
}

.login-hero-text h1 {
    margin: 10px 0 0 0 !important;
    font-size: 60px !important;
    line-height: 0.95 !important;
    letter-spacing: -0.06em !important;
    font-weight: 950 !important;
    color: #10231b !important;
}

.login-hero-text p {
    margin: 16px 0 0 0 !important;
    max-width: 620px !important;
    color: #5d6f66 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 760 !important;
}

.login-hero-stat-card {
    margin-top: 28px !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, #237452 0%, #1d6144 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 24px 55px rgba(35, 116, 82, 0.25) !important;
}

.login-hero-stat-label {
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    opacity: 0.92 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.login-hero-stat-value {
    margin-top: 10px !important;
    font-size: 54px !important;
    line-height: 1 !important;
    letter-spacing: -0.05em !important;
    font-weight: 950 !important;
}

.login-hero-stat-note {
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 760 !important;
    opacity: 0.95 !important;
}

.login-hero-form-card {
    max-width: 430px !important;
}

.login-clean-card {
    width: 100% !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12) !important;
    backdrop-filter: blur(12px) !important;
    box-sizing: border-box !important;
}

.login-clean-title h2 {
    margin: 4px 0 0 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.035em !important;
    font-weight: 950 !important;
    color: #10231b !important;
}

.login-clean-title p {
    margin: 6px 0 0 0 !important;
    color: #66776e !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.login-clean-error {
    margin-top: 14px !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    background: #fee4e2 !important;
    border: 1px solid rgba(180, 35, 24, 0.18) !important;
    color: #b42318 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 900 !important;
}

.login-clean-form {
    display: grid !important;
    gap: 12px !important;
    margin-top: 16px !important;
}

.login-clean-form label {
    display: grid !important;
    gap: 6px !important;
}

.login-clean-form label span {
    color: #34483e !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.login-clean-form input {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: #10231b !important;
    padding: 0 13px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.login-clean-form input:focus {
    border-color: rgba(35, 116, 82, 0.55) !important;
    box-shadow: 0 0 0 4px rgba(35, 116, 82, 0.10) !important;
}

.login-clean-form button {
    width: 100% !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 14px 30px rgba(35, 116, 82, 0.24) !important;
}

.login-clean-help {
    margin-top: 13px !important;
    color: #66776e !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    text-align: center !important;
}

@media (max-width: 980px) {
    .login-hero-page {
        grid-template-columns: 1fr !important;
        max-width: 560px !important;
        gap: 14px !important;
        padding: 18px !important;
    }

    .login-hero-brand {
        min-height: auto !important;
        padding: 22px !important;
    }

    .login-hero-text h1 {
        font-size: 42px !important;
    }

    .login-hero-text p {
        font-size: 15px !important;
    }

    .login-hero-stat-value {
        font-size: 40px !important;
    }

    .login-hero-form-card {
        max-width: none !important;
    }
}

@media (max-width: 520px) {
    .login-hero-page {
        padding: 12px !important;
    }

    .login-hero-brand,
    .login-clean-card {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .login-hero-badge {
        width: 82px !important;
        height: 82px !important;
        border-radius: 22px !important;
        font-size: 27px !important;
    }

    .login-hero-text h1 {
        font-size: 34px !important;
    }

    .login-hero-stat-value {
        font-size: 34px !important;
    }
}

/* === LOGIN HERO BIG BANNER END === */



/* === ACCESS REQUESTS UI START === */

.login-help-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-top: 10px !important;
}

.login-help-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    color: #237452 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.request-login-page {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

.request-login-card {
    width: 100% !important;
    max-width: 760px !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12) !important;
    box-sizing: border-box !important;
}

.request-login-card.sent {
    max-width: 520px !important;
    text-align: left !important;
}

.request-login-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.request-back-link {
    color: #237452 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.request-logo {
    width: 54px !important;
    height: 54px !important;
    border-radius: 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 30px rgba(35, 116, 82, 0.25) !important;
}

.request-title {
    margin-top: 18px !important;
}

.request-title h1 {
    margin: 5px 0 0 0 !important;
    font-size: 30px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
    font-weight: 950 !important;
    color: #10231b !important;
}

.request-title p {
    margin: 7px 0 0 0 !important;
    color: #66776e !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    max-width: 620px !important;
}

.request-form {
    display: grid !important;
    gap: 12px !important;
    margin-top: 18px !important;
}

.request-form-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

.request-form input,
.request-form select,
.request-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: #10231b !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.request-form input,
.request-form select {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
}

.request-form textarea {
    min-height: 105px !important;
    padding: 12px !important;
    resize: vertical !important;
}

.request-form button,
.request-main-button {
    width: 100% !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 14px 30px rgba(35, 116, 82, 0.24) !important;
}

.request-note {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.12) !important;
    color: #237452 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 850 !important;
}

.access-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.access-head h1 {
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.access-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    max-width: 820px !important;
}

.access-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.access-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(170px, 260px)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.access-stat-card,
.access-list-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.access-list-card {
    margin-top: 12px !important;
}

.access-stat-card div {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.access-stat-card strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--green-900) !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.access-stat-card.danger strong {
    color: #b42318 !important;
}

.access-stat-card span {
    display: block !important;
    margin-top: 5px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.access-section-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.access-section-title p {
    margin: 4px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.access-request-list {
    display: grid !important;
    gap: 9px !important;
    margin-top: 12px !important;
}

.access-request-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 130px !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.access-request-row.new {
    border-left: 4px solid #b42318 !important;
}

.access-request-row.done {
    opacity: 0.72 !important;
}

.access-request-top {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.access-request-top strong {
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.access-request-top span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 25px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.access-request-top .type {
    background: var(--green-50) !important;
    color: var(--green-900) !important;
}

.access-request-top .type.blocked {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.access-request-top .type.reg {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.access-request-top .status.new {
    background: #fff7ed !important;
    color: #9a3412 !important;
}

.access-request-top .status.done {
    background: #f2f4f7 !important;
    color: #667085 !important;
}

.access-request-meta {
    margin-top: 6px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.access-contact-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 9px !important;
}

.access-contact-grid a,
.access-contact-grid span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--green-900) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.access-message {
    margin-top: 9px !important;
    padding: 10px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    white-space: pre-wrap !important;
}

.access-request-actions {
    display: grid !important;
    gap: 8px !important;
}

.access-request-actions button,
.access-request-actions a {
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.access-request-actions button.light {
    background: #667085 !important;
}

@media (max-width: 850px) {
    .request-form-grid {
        grid-template-columns: 1fr !important;
    }

    .access-head {
        display: block !important;
    }

    .access-actions {
        margin-top: 10px !important;
        justify-content: flex-start !important;
    }

    .access-request-row {
        grid-template-columns: 1fr !important;
    }

    .access-request-actions {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 600px) {
    .request-login-card,
    .access-head,
    .access-stat-card,
    .access-list-card {
        padding: 10px !important;
    }

    .request-title h1,
    .access-head h1 {
        font-size: 23px !important;
    }

    .access-actions,
    .access-stats-grid,
    .access-request-actions {
        grid-template-columns: 1fr !important;
        display: grid !important;
    }

    .access-actions .btn {
        width: 100% !important;
        min-height: 44px !important;
    }
}

/* === ACCESS REQUESTS UI END === */



/* === ACCESS REQUESTS FORCE UI START === */

.access-requests-nav {
    position: relative !important;
}

.nav-badge {
    margin-left: auto !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: #d92d20 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.login-help-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-top: 10px !important;
}

.login-help-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    color: #237452 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.request-login-page {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

.request-login-card {
    width: 100% !important;
    max-width: 760px !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12) !important;
    box-sizing: border-box !important;
}

.request-login-card.sent {
    max-width: 520px !important;
}

.request-login-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.request-back-link {
    color: #237452 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.request-logo {
    width: 54px !important;
    height: 54px !important;
    border-radius: 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 30px rgba(35, 116, 82, 0.25) !important;
}

.request-title {
    margin-top: 18px !important;
}

.request-title h1 {
    margin: 5px 0 0 0 !important;
    font-size: 30px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
    font-weight: 950 !important;
    color: #10231b !important;
}

.request-title p {
    margin: 7px 0 0 0 !important;
    color: #66776e !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    max-width: 620px !important;
}

.request-form {
    display: grid !important;
    gap: 12px !important;
    margin-top: 18px !important;
}

.request-form-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

.request-form input,
.request-form select,
.request-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: #10231b !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.request-form input,
.request-form select {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
}

.request-form textarea {
    min-height: 105px !important;
    padding: 12px !important;
    resize: vertical !important;
}

.request-form button,
.request-main-button {
    width: 100% !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 14px 30px rgba(35, 116, 82, 0.24) !important;
}

.request-note {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.12) !important;
    color: #237452 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 850 !important;
}

.access-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.access-head h1 {
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.access-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    max-width: 820px !important;
}

.access-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.access-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(170px, 260px)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.access-stat-card,
.access-list-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.access-list-card {
    margin-top: 12px !important;
}

.access-stat-card div {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.access-stat-card strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--green-900) !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.access-stat-card.danger strong {
    color: #b42318 !important;
}

.access-stat-card span {
    display: block !important;
    margin-top: 5px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.access-section-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.access-section-title p {
    margin: 4px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.access-request-list {
    display: grid !important;
    gap: 9px !important;
    margin-top: 12px !important;
}

.access-request-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 130px !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.access-request-row.new {
    border-left: 4px solid #b42318 !important;
}

.access-request-row.done {
    opacity: 0.72 !important;
}

.access-request-top {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.access-request-top strong {
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.access-request-top span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 25px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.access-request-top .type {
    background: var(--green-50) !important;
    color: var(--green-900) !important;
}

.access-request-top .type.blocked {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.access-request-top .type.reg {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.access-request-top .status.new {
    background: #fff7ed !important;
    color: #9a3412 !important;
}

.access-request-top .status.done {
    background: #f2f4f7 !important;
    color: #667085 !important;
}

.access-request-meta {
    margin-top: 6px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.access-contact-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 9px !important;
}

.access-contact-grid a,
.access-contact-grid span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--green-900) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.access-message {
    margin-top: 9px !important;
    padding: 10px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    white-space: pre-wrap !important;
}

.access-request-actions {
    display: grid !important;
    gap: 8px !important;
}

.access-request-actions button,
.access-request-actions a {
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.access-request-actions button.light {
    background: #667085 !important;
}

@media (max-width: 850px) {
    .request-form-grid {
        grid-template-columns: 1fr !important;
    }

    .access-head {
        display: block !important;
    }

    .access-actions {
        margin-top: 10px !important;
        justify-content: flex-start !important;
    }

    .access-request-row {
        grid-template-columns: 1fr !important;
    }

    .access-request-actions {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 600px) {
    .request-login-card,
    .access-head,
    .access-stat-card,
    .access-list-card {
        padding: 10px !important;
    }

    .request-title h1,
    .access-head h1 {
        font-size: 23px !important;
    }

    .access-actions,
    .access-stats-grid,
    .access-request-actions {
        grid-template-columns: 1fr !important;
        display: grid !important;
    }

    .access-actions .btn {
        width: 100% !important;
        min-height: 44px !important;
    }
}

/* === ACCESS REQUESTS FORCE UI END === */



/* === ACCESS REQUESTS ACTIONS UI START === */

.access-request-row.pro {
    grid-template-columns: minmax(0, 1fr) 130px !important;
}

.access-inline-form {
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 15px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.16) !important;
}

.access-inline-title {
    margin-bottom: 10px !important;
    color: var(--green-900) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.access-inline-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
    gap: 8px !important;
}

.access-inline-grid.reset {
    grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
}

.access-inline-grid label {
    display: grid !important;
    gap: 5px !important;
}

.access-inline-grid label span {
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.access-inline-grid input,
.access-inline-grid select {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102, 119, 110, 0.24) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.access-inline-form button {
    margin-top: 10px !important;
    width: 100% !important;
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media (max-width: 1100px) {
    .access-inline-grid {
        grid-template-columns: repeat(2, minmax(140px, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .access-inline-grid,
    .access-inline-grid.reset {
        grid-template-columns: 1fr !important;
    }

    .access-request-row.pro {
        grid-template-columns: 1fr !important;
    }
}

/* === ACCESS REQUESTS ACTIONS UI END === */



/* === ACCESS REQUEST DELETE UI START === */

.access-request-actions button.delete {
    background: #b42318 !important;
    color: #ffffff !important;
}

.access-request-actions form {
    margin: 0 !important;
}

/* === ACCESS REQUEST DELETE UI END === */



/* === NORMAL SUPPORT CHAT UI START === */

.nav-badge {
    margin-left: auto !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: #d92d20 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.chat-pro-page,
.chat-admin-page {
    display: grid !important;
    gap: 12px !important;
}

.chat-pro-header {
    padding: 16px 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    align-items: center !important;
}

.chat-pro-header h1 {
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.chat-pro-header p {
    margin: 5px 0 0 0 !important;
    max-width: 820px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.chat-pro-header-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
}

.chat-pro-shell {
    max-width: 980px !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

.chat-pro-top {
    min-height: 68px !important;
    padding: 13px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    border-bottom: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.chat-pro-admin-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    flex: 0 0 auto !important;
}

.chat-pro-admin-avatar.manager {
    background: #344054 !important;
}

.chat-pro-top strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.chat-pro-top span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.chat-pro-messages {
    height: 520px !important;
    overflow-y: auto !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background:
        radial-gradient(circle at top left, rgba(35, 116, 82, 0.06), transparent 35%),
        #f8fafc !important;
}

.chat-pro-messages.admin-view {
    height: 540px !important;
}

.chat-pro-message {
    display: flex !important;
    width: 100% !important;
}

.chat-pro-message.mine {
    justify-content: flex-end !important;
}

.chat-pro-message.admin {
    justify-content: flex-start !important;
}

.chat-pro-bubble {
    max-width: min(680px, 78%) !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    border: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

.chat-pro-message.mine .chat-pro-bubble {
    background: var(--green-700) !important;
    color: #ffffff !important;
    border-color: rgba(35, 116, 82, 0.18) !important;
    border-bottom-right-radius: 6px !important;
}

.chat-pro-message.admin .chat-pro-bubble {
    border-bottom-left-radius: 6px !important;
}

.chat-pro-meta {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    margin-bottom: 5px !important;
}

.chat-pro-meta strong {
    font-size: 12px !important;
    font-weight: 950 !important;
    color: var(--text) !important;
}

.chat-pro-meta span {
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.chat-pro-message.mine .chat-pro-meta strong,
.chat-pro-message.mine .chat-pro-meta span {
    color: rgba(255,255,255,0.92) !important;
}

.chat-pro-text {
    white-space: pre-wrap !important;
    word-break: break-word !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 760 !important;
}

.chat-pro-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 132px !important;
    gap: 10px !important;
    padding: 12px !important;
    border-top: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.chat-pro-form textarea {
    width: 100% !important;
    min-height: 48px !important;
    max-height: 160px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    padding: 12px !important;
    resize: vertical !important;
    color: var(--text) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.chat-pro-form button {
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.chat-pro-empty {
    margin: auto !important;
    padding: 18px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 850 !important;
    text-align: center !important;
}

.chat-pro-empty.small {
    margin: 12px !important;
}

.chat-admin-layout {
    display: grid !important;
    grid-template-columns: 340px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

.chat-admin-list,
.chat-admin-thread {
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

.chat-admin-list-title {
    padding: 14px !important;
    border-bottom: 1px solid var(--border-soft) !important;
    background: #ffffff !important;
}

.chat-admin-list-title strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.chat-admin-list-title span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.chat-admin-users {
    max-height: 660px !important;
    overflow-y: auto !important;
    padding: 8px !important;
    display: grid !important;
    gap: 6px !important;
    background: #f8fafc !important;
}

.chat-admin-user {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
    padding: 9px !important;
    border-radius: 14px !important;
    color: inherit !important;
    text-decoration: none !important;
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
}

.chat-admin-user.active {
    border-color: rgba(35, 116, 82, 0.35) !important;
    background: var(--green-50) !important;
}

.chat-admin-user-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.chat-admin-user-info {
    min-width: 0 !important;
}

.chat-admin-user-info strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.chat-admin-user-info span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.chat-admin-user b {
    min-width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: #d92d20 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.chat-admin-no-selected {
    min-height: 540px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    text-align: center !important;
    background: #f8fafc !important;
}

.chat-admin-no-selected h2 {
    margin: 12px 0 0 0 !important;
    color: var(--text) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.chat-admin-no-selected p {
    margin: 7px 0 0 0 !important;
    max-width: 360px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
}

@media (max-width: 1050px) {
    .chat-admin-layout {
        grid-template-columns: 1fr !important;
    }

    .chat-admin-users {
        max-height: 300px !important;
    }
}

@media (max-width: 800px) {
    .chat-pro-header {
        display: block !important;
    }

    .chat-pro-header-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .chat-pro-messages,
    .chat-pro-messages.admin-view {
        height: 460px !important;
    }

    .chat-pro-bubble {
        max-width: 88% !important;
    }

    .chat-pro-form {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 600px) {
    .chat-pro-header,
    .chat-pro-top,
    .chat-pro-form {
        padding: 10px !important;
    }

    .chat-pro-header h1 {
        font-size: 23px !important;
    }

    .chat-pro-header-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .chat-pro-header-actions .btn {
        width: 100% !important;
        min-height: 42px !important;
    }

    .chat-pro-messages,
    .chat-pro-messages.admin-view {
        height: 430px !important;
        padding: 10px !important;
    }

    .chat-pro-bubble {
        max-width: 94% !important;
    }
}

/* === NORMAL SUPPORT CHAT UI END === */



/* === ADMIN SUPPORT SELECT FIX UI START === */

.chat-admin-user.active {
    border-color: rgba(35, 116, 82, 0.45) !important;
    background: #ecfdf3 !important;
    box-shadow: 0 8px 20px rgba(35, 116, 82, 0.10) !important;
}

.chat-admin-thread {
    min-height: 620px !important;
}

/* === ADMIN SUPPORT SELECT FIX UI END === */



/* === SUPPORT CHAT OPEN BUTTON FIX START === */

.chat-admin-user-card {
    display: grid !important;
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
}

.chat-admin-user-card.active {
    border-color: rgba(35, 116, 82, 0.45) !important;
    background: #ecfdf3 !important;
    box-shadow: 0 8px 20px rgba(35, 116, 82, 0.10) !important;
}

.chat-admin-user-main {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
    color: inherit !important;
    text-decoration: none !important;
}

.chat-open-btn,
.chat-force-open {
    width: 100% !important;
    min-height: 34px !important;
    border-radius: 11px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.chat-force-open {
    margin-top: 12px !important;
    max-width: 240px !important;
}

/* === SUPPORT CHAT OPEN BUTTON FIX END === */



/* === SUPPORT ADMIN HIDE ONLY UI START === */

.chat-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
}

.chat-card-actions form {
    margin: 0 !important;
}

.chat-card-actions button {
    width: 100% !important;
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #667085 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.chat-pro-top-actions {
    justify-content: space-between !important;
}

.chat-pro-user-title {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
}

.chat-hide-current {
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #667085 !important;
    color: #ffffff !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.chat-hidden-hint {
    margin: 10px !important;
    padding: 10px !important;
    border-radius: 13px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    color: var(--green-900) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 850 !important;
}

.hidden-chat-card {
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 18px !important;
}

.hidden-chat-list {
    display: grid !important;
    gap: 9px !important;
    margin-top: 12px !important;
}

.hidden-chat-row {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 220px !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
}

.hidden-chat-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.hidden-chat-info {
    min-width: 0 !important;
}

.hidden-chat-info strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.hidden-chat-info span {
    display: block !important;
    margin-top: 4px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.hidden-chat-info small {
    display: block !important;
    margin-top: 4px !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

.hidden-chat-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
}

.hidden-chat-actions form {
    margin: 0 !important;
}

.hidden-chat-actions button,
.hidden-chat-actions a {
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.hidden-chat-actions a {
    background: #667085 !important;
}

@media (max-width: 800px) {
    .hidden-chat-row {
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }

    .hidden-chat-actions {
        grid-column: 2 / -1 !important;
    }
}

@media (max-width: 600px) {
    .chat-card-actions,
    .hidden-chat-actions {
        grid-template-columns: 1fr !important;
    }

    .chat-pro-top-actions {
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .chat-hide-current {
        width: 100% !important;
    }
}

/* === SUPPORT ADMIN HIDE ONLY UI END === */



/* === DELETE HIDDEN SUPPORT ADMIN UI START === */

.hidden-chat-actions.three {
    grid-template-columns: 1fr 1fr 1.2fr !important;
}

.hidden-chat-actions button.delete {
    background: #b42318 !important;
    color: #ffffff !important;
}

@media (max-width: 950px) {
    .hidden-chat-actions.three {
        grid-template-columns: 1fr !important;
    }
}

/* === DELETE HIDDEN SUPPORT ADMIN UI END === */



/* === SUPPORT UNREAD BADGE FIX UI START === */

.chat-current-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.chat-current-actions form {
    margin: 0 !important;
}

.chat-read-current,
.chat-hide-current {
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    color: #ffffff !important;
}

.chat-read-current {
    background: var(--green-700) !important;
}

.chat-hide-current {
    background: #667085 !important;
}

@media (max-width: 600px) {
    .chat-current-actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .chat-current-actions button {
        width: 100% !important;
    }
}

/* === SUPPORT UNREAD BADGE FIX UI END === */



/* === PROFILE PASSWORD UI START === */

.profile-page {
    display: grid !important;
    gap: 12px !important;
}

.profile-head {
    padding: 16px 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    align-items: center !important;
}

.profile-head h1 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.profile-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.profile-head-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.profile-layout {
    display: grid !important;
    grid-template-columns: 360px minmax(0, 560px) !important;
    gap: 12px !important;
    align-items: start !important;
}

.profile-card,
.profile-password-card {
    padding: 16px !important;
    border-radius: 20px !important;
}

.profile-user-box {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--border-soft) !important;
}

.profile-avatar {
    width: 58px !important;
    height: 58px !important;
    border-radius: 19px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 28px rgba(35, 116, 82, 0.20) !important;
}

.profile-user-box strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

.profile-user-box span {
    display: block !important;
    margin-top: 4px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.profile-info-grid {
    display: grid !important;
    gap: 9px !important;
    margin-top: 14px !important;
}

.profile-info-grid div {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.12) !important;
}

.profile-info-grid span {
    display: block !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.profile-info-grid strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.profile-section-title h2 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.profile-section-title p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.profile-form {
    display: grid !important;
    gap: 11px !important;
    margin-top: 14px !important;
}

.profile-form label {
    display: grid !important;
    gap: 6px !important;
}

.profile-form label span {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.profile-form input {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.profile-form button {
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 12px 24px rgba(35, 116, 82, 0.18) !important;
}

.profile-alert {
    margin-top: 12px !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 900 !important;
}

.profile-alert.success {
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6, 118, 71, 0.18) !important;
}

.profile-alert.error {
    background: #fee4e2 !important;
    color: #b42318 !important;
    border: 1px solid rgba(180, 35, 24, 0.18) !important;
}

@media (max-width: 950px) {
    .profile-layout {
        grid-template-columns: 1fr !important;
    }

    .profile-password-card {
        max-width: 620px !important;
    }
}

@media (max-width: 700px) {
    .profile-head {
        display: block !important;
    }

    .profile-head-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .profile-head-actions .btn {
        width: 100% !important;
    }

    .profile-card,
    .profile-password-card,
    .profile-head {
        padding: 12px !important;
    }
}

/* === PROFILE PASSWORD UI END === */



/* === ADMIN MANAGER CARD UI START === */

.manager-card-page {
    display: grid !important;
    gap: 12px !important;
}

.manager-card-head {
    padding: 16px 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    align-items: center !important;
}

.manager-card-head h1 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.manager-card-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.manager-card-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.manager-card-layout {
    display: grid !important;
    grid-template-columns: 360px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

.manager-profile-box {
    padding: 16px !important;
    border-radius: 20px !important;
}

.manager-avatar-big {
    width: 72px !important;
    height: 72px !important;
    border-radius: 24px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 30px rgba(35, 116, 82, 0.22) !important;
}

.manager-profile-info {
    margin-top: 14px !important;
}

.manager-profile-info h2 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.manager-profile-info p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

.manager-badges span {
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.manager-badges .role.manager {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.manager-badges .role.admin {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.manager-badges .status.active {
    background: #f7faf7 !important;
    color: var(--green-900) !important;
}

.manager-badges .status.blocked {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.manager-info-list {
    display: grid !important;
    gap: 8px !important;
    margin-top: 15px !important;
}

.manager-info-list div {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.12) !important;
}

.manager-info-list span {
    display: block !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.manager-info-list strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.manager-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(140px, 1fr)) !important;
    gap: 10px !important;
}

.manager-stat {
    padding: 14px !important;
    border-radius: 18px !important;
}

.manager-stat span {
    display: block !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.manager-stat strong {
    display: block !important;
    margin-top: 8px !important;
    color: var(--green-900) !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.manager-edit-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 620px) minmax(320px, 420px) !important;
    gap: 12px !important;
    align-items: start !important;
}

.manager-edit-card,
.manager-password-card {
    padding: 16px !important;
    border-radius: 20px !important;
}

.manager-section-title h2 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.manager-section-title p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.manager-edit-form {
    display: grid !important;
    gap: 11px !important;
    margin-top: 14px !important;
}

.manager-edit-form label {
    display: grid !important;
    gap: 6px !important;
}

.manager-edit-form label span {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.manager-edit-form input,
.manager-edit-form select {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.manager-edit-form button {
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.manager-warning {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #fff7ed !important;
    border: 1px solid rgba(194, 65, 12, 0.18) !important;
    color: #9a3412 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 850 !important;
}

.mini-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-users-hint {
    margin-bottom: 12px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    color: var(--green-900) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

@media (max-width: 1100px) {
    .manager-card-layout,
    .manager-edit-layout {
        grid-template-columns: 1fr !important;
    }

    .manager-stats-grid {
        grid-template-columns: repeat(2, minmax(140px, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .manager-card-head {
        display: block !important;
    }

    .manager-card-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .manager-card-actions .btn {
        width: 100% !important;
    }

    .manager-stats-grid {
        grid-template-columns: 1fr !important;
    }

    .manager-profile-box,
    .manager-edit-card,
    .manager-password-card,
    .manager-card-head {
        padding: 12px !important;
    }
}

/* === ADMIN MANAGER CARD UI END === */



/* === TODAY REMINDERS UI START === */

.today-page {
    display: grid !important;
    gap: 12px !important;
}

.today-head {
    padding: 16px 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    align-items: center !important;
}

.today-head h1 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.today-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.today-head-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
}

.today-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(140px, 1fr)) !important;
    gap: 10px !important;
}

.today-stat {
    padding: 14px !important;
    border-radius: 18px !important;
}

.today-stat span {
    display: block !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.today-stat strong {
    display: block !important;
    margin-top: 7px !important;
    color: var(--green-900) !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.today-stat.danger strong {
    color: #b42318 !important;
}

.today-layout {
    display: grid !important;
    grid-template-columns: 370px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

.today-create-card,
.today-list-card,
.today-callbacks-card {
    padding: 16px !important;
    border-radius: 20px !important;
}

.today-section-title h2 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.today-section-title p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.today-form {
    display: grid !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.today-form-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.today-form label {
    display: grid !important;
    gap: 6px !important;
}

.today-form label span {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.today-form input,
.today-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.today-form input {
    height: 43px !important;
    min-height: 43px !important;
}

.today-form textarea {
    min-height: 96px !important;
    padding: 12px !important;
    resize: vertical !important;
}

.today-form button {
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.today-reminder-list {
    display: grid !important;
    gap: 9px !important;
    margin-top: 14px !important;
}

.today-reminder-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 130px !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
}

.today-reminder-row.overdue {
    border-left: 4px solid #b42318 !important;
}

.today-reminder-row.today {
    border-left: 4px solid var(--green-700) !important;
}

.today-reminder-top {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.today-reminder-top strong {
    color: var(--text) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

.today-reminder-top .badge {
    min-height: 25px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.today-reminder-top .badge.danger {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.today-reminder-top .badge.today {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.today-reminder-top .badge.future {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.today-reminder-meta {
    margin-top: 6px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.today-reminder-note {
    margin-top: 8px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 760 !important;
    white-space: pre-wrap !important;
}

.today-farmer-link {
    margin-top: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    color: var(--green-900) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.today-reminder-actions {
    display: grid !important;
    gap: 7px !important;
}

.today-reminder-actions form {
    margin: 0 !important;
}

.today-reminder-actions button {
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.today-reminder-actions button.delete {
    background: #b42318 !important;
}

.today-callbacks-card {
    margin-top: 0 !important;
}

.today-callback-list {
    display: grid !important;
    gap: 8px !important;
    margin-top: 14px !important;
}

.today-callback-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 110px !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 11px 12px !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
}

.today-callback-row strong {
    display: block !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.today-callback-row span {
    display: block !important;
    margin-top: 4px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.today-callback-row a {
    min-height: 36px !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media (max-width: 1100px) {
    .today-layout {
        grid-template-columns: 1fr !important;
    }

    .today-stats-grid {
        grid-template-columns: repeat(2, minmax(140px, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .today-head {
        display: block !important;
    }

    .today-head-actions {
        margin-top: 10px !important;
        justify-content: flex-start !important;
    }

    .today-head-actions .btn {
        width: 100% !important;
    }

    .today-form-grid,
    .today-reminder-row,
    .today-callback-row {
        grid-template-columns: 1fr !important;
    }

    .today-stats-grid {
        grid-template-columns: 1fr !important;
    }

    .today-create-card,
    .today-list-card,
    .today-callbacks-card,
    .today-head {
        padding: 12px !important;
    }
}

/* === TODAY REMINDERS UI END === */



/* === WORK PRO UI START === */

.work-pro-page {
    display: grid !important;
    gap: 12px !important;
}

.work-pro-head {
    padding: 16px 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    align-items: center !important;
}

.work-pro-head h1 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.work-pro-head p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

.work-pro-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.work-pro-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(140px, 1fr)) !important;
    gap: 10px !important;
}

.work-stat {
    padding: 14px !important;
    border-radius: 18px !important;
}

.work-stat span {
    display: block !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.work-stat strong {
    display: block !important;
    margin-top: 7px !important;
    color: var(--green-900) !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.work-pro-layout {
    display: grid !important;
    grid-template-columns: 340px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

.work-add-card,
.work-list-card {
    padding: 16px !important;
    border-radius: 20px !important;
}

.work-section-title h2 {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.work-section-title p {
    margin: 5px 0 0 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.work-add-form {
    display: grid !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.work-add-form label {
    display: grid !important;
    gap: 6px !important;
}

.work-add-form label span {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.work-add-form input {
    width: 100% !important;
    height: 44px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.work-add-form button {
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.work-help-box {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    color: var(--green-900) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 850 !important;
}

.work-list-top {
    display: grid !important;
    gap: 12px !important;
}

.work-filter-form {
    display: grid !important;
    grid-template-columns: 180px minmax(200px, 1fr) 110px !important;
    gap: 8px !important;
    align-items: center !important;
}

.work-filter-form select,
.work-filter-form input {
    width: 100% !important;
    height: 42px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    padding: 0 11px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.work-filter-form button {
    height: 42px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.work-farmer-list {
    display: grid !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.work-farmer-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 270px !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 12px !important;
    border-radius: 17px !important;
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
}

.work-farmer-title {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.work-farmer-title strong {
    color: var(--text) !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

.work-farmer-title span {
    min-height: 25px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.work-farmer-title span.gray {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.work-farmer-title span.blue {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.work-farmer-title span.green {
    background: #dcfae6 !important;
    color: #067647 !important;
}

.work-farmer-title span.red {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.work-farmer-meta {
    margin-top: 6px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.work-farmer-phones {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 8px !important;
}

.work-farmer-phones a {
    min-height: 31px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, 0.14) !important;
    color: var(--green-900) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.work-farmer-director {
    margin-top: 8px !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.work-callback-pill {
    margin-top: 9px !important;
    display: inline-flex !important;
    min-height: 31px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    align-items: center !important;
    background: #fff7ed !important;
    color: #9a3412 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.work-comment {
    margin-top: 9px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: var(--text) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 760 !important;
    white-space: pre-wrap !important;
}

.work-status-form {
    display: grid !important;
    gap: 8px !important;
}

.work-status-form select,
.work-status-form input,
.work-status-form textarea {
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102, 119, 110, 0.25) !important;
    background: #ffffff !important;
    color: var(--text) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.work-status-form select,
.work-status-form input {
    height: 38px !important;
    padding: 0 9px !important;
}

.work-status-form textarea {
    min-height: 76px !important;
    padding: 9px !important;
    resize: vertical !important;
}

.work-status-form button,
.work-row-buttons a,
.work-row-buttons button {
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--green-700) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.work-row-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin-top: 8px !important;
}

.work-row-buttons form {
    margin: 0 !important;
}

.work-row-buttons button {
    background: #667085 !important;
}

@media (max-width: 1200px) {
    .work-pro-layout {
        grid-template-columns: 1fr !important;
    }

    .work-add-card {
        max-width: 520px !important;
    }
}

@media (max-width: 900px) {
    .work-farmer-row {
        grid-template-columns: 1fr !important;
    }

    .work-filter-form {
        grid-template-columns: 1fr !important;
    }

    .work-pro-stats {
        grid-template-columns: repeat(2, minmax(140px, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .work-pro-head {
        display: block !important;
    }

    .work-pro-actions {
        margin-top: 10px !important;
        justify-content: flex-start !important;
    }

    .work-pro-actions .btn {
        width: 100% !important;
    }

    .work-pro-stats {
        grid-template-columns: 1fr !important;
    }

    .work-row-buttons {
        grid-template-columns: 1fr !important;
    }

    .work-add-card,
    .work-list-card,
    .work-pro-head {
        padding: 12px !important;
    }
}

/* === WORK PRO UI END === */



/* === SIMPLE MANAGER UI START === */

:root {
    --simple-green: #237452;
    --simple-green-dark: #124734;
    --simple-bg: #f4f8f5;
    --simple-card: #ffffff;
    --simple-text: #17231d;
    --simple-muted: #667085;
    --simple-border: rgba(35, 116, 82, 0.14);
}

.agro-simple-body {
    margin: 0 !important;
    background: var(--simple-bg) !important;
    color: var(--simple-text) !important;
    font-family: Arial, sans-serif !important;
}

.agro-shell-simple {
    min-height: 100vh !important;
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
}

.agro-sidebar-simple {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    background: #ffffff !important;
    border-right: 1px solid var(--simple-border) !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
}

.agro-brand-simple {
    display: flex !important;
    gap: 11px !important;
    align-items: center !important;
    padding: 10px !important;
    border-radius: 18px !important;
    text-decoration: none !important;
    color: var(--simple-text) !important;
    background: #f7faf7 !important;
    border: 1px solid var(--simple-border) !important;
}

.agro-logo-simple {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    background: var(--simple-green) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
}

.agro-brand-simple strong {
    display: block !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

.agro-brand-simple span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--simple-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.agro-menu-title {
    margin: 16px 8px 7px !important;
    color: var(--simple-muted) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.agro-menu-simple,
.agro-sidebar-bottom-simple {
    display: grid !important;
    gap: 6px !important;
}

.agro-sidebar-bottom-simple {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--simple-border) !important;
}

.agro-menu-simple a,
.agro-sidebar-bottom-simple a {
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    color: var(--simple-text) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    border: 1px solid transparent !important;
}

.agro-menu-simple a:hover,
.agro-sidebar-bottom-simple a:hover {
    background: #f7faf7 !important;
    border-color: var(--simple-border) !important;
}

.agro-menu-simple a.active,
.agro-sidebar-bottom-simple a.active {
    background: var(--simple-green) !important;
    color: #ffffff !important;
}

.agro-menu-simple a b {
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #d92d20 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.agro-sidebar-bottom-simple a.logout {
    color: #b42318 !important;
}

.agro-main-simple {
    min-width: 0 !important;
}

.agro-topbar-simple {
    min-height: 70px !important;
    padding: 12px 18px !important;
    background: rgba(255,255,255,.92) !important;
    border-bottom: 1px solid var(--simple-border) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    backdrop-filter: blur(8px) !important;
}

.agro-topbar-simple strong {
    display: block !important;
    color: var(--simple-text) !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.agro-topbar-simple span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--simple-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.agro-user-simple {
    text-align: right !important;
}

.agro-user-simple b {
    display: block !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.agro-user-simple span {
    font-size: 11px !important;
}

.agro-content-simple {
    padding: 16px !important;
}

.agro-mobile-menu-btn {
    display: none !important;
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green) !important;
    color: #fff !important;
    font-weight: 950 !important;
    padding: 0 12px !important;
}

.manager-simple-page {
    display: grid !important;
    gap: 12px !important;
}

.simple-head {
    padding: 16px 18px !important;
    border-radius: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
}

.simple-head h1 {
    margin: 0 !important;
    font-size: 25px !important;
    font-weight: 950 !important;
}

.simple-head p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.simple-head-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.simple-work-grid {
    display: grid !important;
    grid-template-columns: 320px 320px !important;
    gap: 12px !important;
}

.simple-add-card,
.simple-filter-card,
.simple-list-card {
    padding: 16px !important;
    border-radius: 20px !important;
}

.simple-add-card h2,
.simple-filter-card h2,
.simple-list-card h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.simple-add-card p,
.simple-filter-card p,
.simple-list-card p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.simple-form {
    margin-top: 12px !important;
    display: grid !important;
    gap: 9px !important;
}

.simple-form label {
    display: grid !important;
    gap: 5px !important;
}

.simple-form span {
    color: var(--simple-muted) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.simple-form input,
.simple-form select,
.simple-form textarea,
.simple-farmer-actions select,
.simple-farmer-actions input,
.simple-farmer-actions textarea {
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    background: #fff !important;
    color: var(--simple-text) !important;
    box-sizing: border-box !important;
    font-weight: 850 !important;
}

.simple-form input,
.simple-form select,
.simple-farmer-actions select,
.simple-farmer-actions input {
    height: 41px !important;
    padding: 0 10px !important;
}

.simple-form textarea,
.simple-farmer-actions textarea {
    min-height: 74px !important;
    padding: 10px !important;
}

.simple-form button,
.simple-farmer-actions button,
.simple-farmer-actions a {
    min-height: 41px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.simple-farmer-list {
    margin-top: 14px !important;
    display: grid !important;
    gap: 10px !important;
}

.simple-farmer-card {
    padding: 12px !important;
    border-radius: 17px !important;
    background: #fff !important;
    border: 1px solid var(--simple-border) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 250px !important;
    gap: 12px !important;
}

.simple-farmer-name {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.simple-farmer-name strong {
    font-size: 15px !important;
    font-weight: 950 !important;
}

.simple-farmer-name span {
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.simple-farmer-name span.gray {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.simple-farmer-name span.blue {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.simple-farmer-name span.green {
    background: #dcfae6 !important;
    color: #067647 !important;
}

.simple-farmer-name span.red {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.simple-farmer-meta {
    margin-top: 6px !important;
    color: var(--simple-muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.simple-phone-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 8px !important;
}

.simple-phone-row a {
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid var(--simple-border) !important;
    color: var(--simple-green-dark) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.simple-callback {
    margin-top: 8px !important;
    color: #9a3412 !important;
    background: #fff7ed !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.simple-comment {
    margin-top: 8px !important;
    background: #f8fafc !important;
    border-radius: 12px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: pre-wrap !important;
}

.simple-farmer-actions {
    display: grid !important;
    gap: 7px !important;
}

.simple-farmer-actions form {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
}

.simple-farmer-actions button.secondary {
    background: #667085 !important;
}

@media (max-width: 1050px) {
    .agro-shell-simple {
        grid-template-columns: 1fr !important;
    }

    .agro-sidebar-simple {
        position: fixed !important;
        left: -280px !important;
        top: 0 !important;
        width: 260px !important;
        z-index: 100 !important;
        transition: .2s ease !important;
        box-shadow: 20px 0 40px rgba(0,0,0,.12) !important;
    }

    body.menu-open .agro-sidebar-simple {
        left: 0 !important;
    }

    .agro-mobile-menu-btn {
        display: inline-flex !important;
        align-items: center !important;
    }

    .agro-user-simple {
        display: none !important;
    }
}

@media (max-width: 850px) {
    .simple-work-grid,
    .simple-farmer-card {
        grid-template-columns: 1fr !important;
    }

    .simple-head {
        display: block !important;
    }

    .simple-head-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .simple-head-actions .btn {
        width: 100% !important;
    }
}

/* === SIMPLE MANAGER UI END === */



/* === SIMPLE FARMER CARD UI START === */

.farmer-simple-page {
    display: grid !important;
    gap: 12px !important;
}

.farmer-simple-head {
    padding: 16px 18px !important;
    border-radius: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
}

.farmer-simple-head h1 {
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    color: var(--simple-text, #17231d) !important;
}

.farmer-simple-head p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.farmer-simple-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.farmer-simple-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 380px !important;
    gap: 12px !important;
    align-items: start !important;
}

.farmer-main-card,
.farmer-status-card,
.farmer-notes-card {
    padding: 16px !important;
    border-radius: 20px !important;
}

.farmer-main-card h2,
.farmer-status-card h2,
.farmer-notes-card h2 {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    color: var(--simple-text, #17231d) !important;
}

.farmer-main-card p,
.farmer-status-card p,
.farmer-notes-card p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
}

.farmer-info-list {
    margin-top: 13px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
    gap: 8px !important;
}

.farmer-info-list div {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35, 116, 82, .12) !important;
}

.farmer-info-list span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.farmer-info-list strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.farmer-phone-box {
    margin-top: 15px !important;
}

.farmer-phone-box h3 {
    margin: 0 0 9px !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

.farmer-phone-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.farmer-phone-list a {
    min-height: 38px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(35, 116, 82, .18) !important;
    color: #124734 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.farmer-work-add-form {
    margin-top: 15px !important;
}

.farmer-work-add-form button {
    width: 100% !important;
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.farmer-simple-form,
.farmer-note-form {
    display: grid !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.farmer-simple-form label {
    display: grid !important;
    gap: 6px !important;
}

.farmer-simple-form label span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.farmer-simple-form select,
.farmer-simple-form input,
.farmer-simple-form textarea,
.farmer-note-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    background: #fff !important;
    color: var(--simple-text, #17231d) !important;
    box-sizing: border-box !important;
    font-weight: 850 !important;
}

.farmer-simple-form select,
.farmer-simple-form input {
    height: 43px !important;
    padding: 0 11px !important;
}

.farmer-simple-form textarea,
.farmer-note-form textarea {
    min-height: 92px !important;
    padding: 11px !important;
    resize: vertical !important;
}

.farmer-simple-form button,
.farmer-note-form button {
    min-height: 45px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.farmer-notes-head {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.farmer-note-list {
    margin-top: 14px !important;
    display: grid !important;
    gap: 8px !important;
}

.farmer-note-item {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.farmer-note-item span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.farmer-note-item p {
    margin: 5px 0 0 !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    white-space: pre-wrap !important;
}

@media (max-width: 950px) {
    .farmer-simple-grid {
        grid-template-columns: 1fr !important;
    }

    .farmer-simple-head {
        display: block !important;
    }

    .farmer-simple-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .farmer-simple-actions .btn {
        width: 100% !important;
    }
}

@media (max-width: 650px) {
    .farmer-info-list {
        grid-template-columns: 1fr !important;
    }

    .farmer-main-card,
    .farmer-status-card,
    .farmer-notes-card,
    .farmer-simple-head {
        padding: 12px !important;
    }
}

/* === SIMPLE FARMER CARD UI END === */



/* === SIMPLE MANAGER SEARCH UI START === */

.manager-search-simple {
    display: grid !important;
    gap: 12px !important;
}

.manager-search-head {
    padding: 16px 18px !important;
    border-radius: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
}

.manager-search-head h1 {
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    color: var(--simple-text, #17231d) !important;
}

.manager-search-head p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.manager-search-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.manager-search-filter-card,
.manager-search-results-card {
    padding: 16px !important;
    border-radius: 20px !important;
}

.manager-search-form {
    display: grid !important;
    grid-template-columns: 1.1fr 1.1fr 1.4fr 1fr 120px !important;
    gap: 9px !important;
    align-items: end !important;
}

.manager-search-form label {
    display: grid !important;
    gap: 6px !important;
}

.manager-search-form span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.manager-search-form input,
.manager-search-form select {
    width: 100% !important;
    height: 43px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    background: #fff !important;
    color: var(--simple-text, #17231d) !important;
    box-sizing: border-box !important;
    padding: 0 11px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-search-form button {
    height: 43px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.manager-results-title h2 {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.manager-results-title p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.manager-farmer-list-simple {
    margin-top: 14px !important;
    display: grid !important;
    gap: 9px !important;
}

.manager-farmer-card-simple {
    padding: 12px !important;
    border-radius: 17px !important;
    background: #fff !important;
    border: 1px solid rgba(35, 116, 82, .14) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    gap: 12px !important;
    align-items: center !important;
}

.manager-farmer-name-simple strong {
    color: var(--simple-text, #17231d) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.manager-farmer-meta-simple {
    margin-top: 6px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.manager-farmer-director-simple {
    margin-top: 7px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-farmer-phones-simple {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 8px !important;
}

.manager-farmer-phones-simple a {
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(35,116,82,.18) !important;
    color: #124734 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.manager-farmer-buttons-simple {
    display: grid !important;
    gap: 7px !important;
}

.manager-farmer-buttons-simple a,
.manager-farmer-buttons-simple button {
    width: 100% !important;
    min-height: 39px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.manager-farmer-buttons-simple form {
    margin: 0 !important;
}

.manager-farmer-buttons-simple button {
    background: #344054 !important;
}

/* Не 100% захист, але прибирає просте масове виділення списків мишкою */
.manager-farmer-list-simple,
.simple-farmer-list,
.farmer-phone-list,
.manager-farmer-phones-simple {
    -webkit-user-select: none !important;
    user-select: none !important;
}

@media (max-width: 1150px) {
    .manager-search-form {
        grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    }

    .manager-search-form button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 750px) {
    .manager-search-head {
        display: block !important;
    }

    .manager-search-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .manager-search-actions .btn {
        width: 100% !important;
    }

    .manager-search-form,
    .manager-farmer-card-simple {
        grid-template-columns: 1fr !important;
    }

    .manager-search-filter-card,
    .manager-search-results-card,
    .manager-search-head {
        padding: 12px !important;
    }
}

/* === SIMPLE MANAGER SEARCH UI END === */



/* === CLICKABLE FARMER SEARCH CARD START === */

.clickable-farmer-card {
    cursor: pointer !important;
    transition: .14s ease !important;
}

.clickable-farmer-card:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(35, 116, 82, .35) !important;
    box-shadow: 0 10px 24px rgba(18, 71, 52, .08) !important;
    background: #fbfdfb !important;
}

.manager-found-count {
    font-size: 14px !important;
    color: var(--simple-muted, #667085) !important;
    font-weight: 850 !important;
}

.manager-found-count strong {
    color: var(--simple-green-dark, #124734) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.open-hint {
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: #173b7a !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.manager-farmer-buttons-simple {
    align-self: center !important;
}

.manager-farmer-buttons-simple button {
    background: #344054 !important;
}

@media (max-width: 750px) {
    .open-hint {
        display: none !important;
    }
}

/* === CLICKABLE FARMER SEARCH CARD END === */



/* === TAKE TO WORK BUTTON FIX START === */

.manager-farmer-card-simple {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
}

.manager-farmer-bottom-action {
    margin-top: 6px !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

.manager-farmer-bottom-action form {
    margin: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}

.manager-farmer-bottom-action button {
    min-height: 36px !important;
    min-width: 150px !important;
    max-width: 100% !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #344054 !important;
    color: #ffffff !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.manager-farmer-bottom-action button:hover {
    background: #182230 !important;
}

.manager-farmer-buttons-simple {
    display: none !important;
}

.clickable-farmer-card {
    padding-bottom: 11px !important;
}

@media (max-width: 750px) {
    .manager-farmer-bottom-action form,
    .manager-farmer-bottom-action button {
        width: 100% !important;
    }
}

/* === TAKE TO WORK BUTTON FIX END === */



/* === COMPACT WORK AND EXTRA PHONES START === */

.compact-work-page {
    display: grid !important;
    gap: 10px !important;
}

.compact-work-head {
    padding: 13px 15px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.compact-work-head h1 {
    margin: 0 !important;
    font-size: 23px !important;
    font-weight: 950 !important;
}

.compact-work-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.compact-work-head-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.compact-work-tools {
    padding: 10px !important;
    border-radius: 18px !important;
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
}

.compact-add-form,
.compact-filter-form {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
}

.compact-add-form {
    grid-template-columns: 1fr 86px !important;
}

.compact-filter-form {
    grid-template-columns: 160px minmax(180px, 1fr) 95px !important;
}

.compact-add-form input,
.compact-filter-form input,
.compact-filter-form select {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.compact-add-form button,
.compact-filter-form button {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.compact-work-list-card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.compact-work-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
}

.compact-work-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.compact-work-title span {
    color: var(--simple-muted, #667085) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.compact-work-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 7px !important;
}

.compact-work-row {
    padding: 9px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(35, 116, 82, .14) !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) 520px !important;
    gap: 9px !important;
    align-items: center !important;
}

.compact-work-name {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
}

.compact-work-name strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

.compact-work-name span {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.compact-work-name span.gray {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.compact-work-name span.blue {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.compact-work-name span.green {
    background: #dcfae6 !important;
    color: #067647 !important;
}

.compact-work-name span.red {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.compact-work-meta {
    margin-top: 4px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.compact-work-phones {
    margin-top: 6px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.compact-work-phones a {
    min-height: 28px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(35,116,82,.18) !important;
    color: #124734 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.compact-callback {
    margin-top: 5px !important;
    color: #9a3412 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.compact-comment {
    margin-top: 5px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.compact-work-controls {
    display: grid !important;
    gap: 7px !important;
}

.compact-status-form {
    display: grid !important;
    grid-template-columns: 130px 170px minmax(110px, 1fr) 86px !important;
    gap: 6px !important;
    margin: 0 !important;
    align-items: center !important;
}

.compact-status-form select,
.compact-status-form input {
    height: 35px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.compact-status-form button {
    height: 35px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.compact-row-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
}

.compact-row-actions a,
.compact-row-actions button {
    height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #344054 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 100% !important;
}

.compact-row-actions form {
    margin: 0 !important;
}

.farmer-extra-phone-box {
    margin-top: 15px !important;
}

.farmer-extra-phone-box h3 {
    margin: 0 0 9px !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

.farmer-extra-phone-list {
    display: grid !important;
    gap: 7px !important;
    margin-bottom: 10px !important;
}

.farmer-extra-phone-item {
    display: grid !important;
    grid-template-columns: auto minmax(100px, 1fr) 80px !important;
    gap: 7px !important;
    align-items: center !important;
    padding: 7px !important;
    border-radius: 13px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35,116,82,.14) !important;
}

.farmer-extra-phone-item a {
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #124734 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.farmer-extra-phone-item span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.farmer-extra-phone-item form {
    margin: 0 !important;
}

.farmer-extra-phone-item button {
    height: 30px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #b42318 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.farmer-add-phone-form {
    display: grid !important;
    grid-template-columns: 150px minmax(120px, 1fr) 130px !important;
    gap: 7px !important;
    margin-top: 10px !important;
}

.farmer-add-phone-form input {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.farmer-add-phone-form button {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.compact-empty {
    padding: 8px !important;
    font-size: 12px !important;
}

@media (max-width: 1250px) {
    .compact-work-row {
        grid-template-columns: 1fr !important;
    }

    .compact-status-form {
        grid-template-columns: 1fr 1fr !important;
    }

    .compact-status-form button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 850px) {
    .compact-work-head {
        display: block !important;
    }

    .compact-work-head-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .compact-work-head-actions .btn {
        width: 100% !important;
    }

    .compact-work-tools,
    .compact-filter-form,
    .compact-add-form,
    .compact-status-form,
    .compact-row-actions,
    .farmer-add-phone-form,
    .farmer-extra-phone-item {
        grid-template-columns: 1fr !important;
    }
}

/* === COMPACT WORK AND EXTRA PHONES END === */



/* === CLEAN WORK NO ID UI START === */

.clean-work-page {
    display: grid !important;
    gap: 10px !important;
}

.clean-work-filter-card {
    padding: 10px !important;
    border-radius: 18px !important;
}

.clean-work-filter-form {
    display: grid !important;
    grid-template-columns: 180px minmax(240px, 1fr) 110px !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 !important;
}

.clean-work-filter-form select,
.clean-work-filter-form input {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.clean-work-filter-form button {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.clean-work-list-card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.clean-work-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
}

.clean-work-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.clean-work-title span {
    color: var(--simple-muted, #667085) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.clean-work-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 7px !important;
}

.clean-work-row {
    padding: 9px 10px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 190px !important;
    gap: 8px 12px !important;
    align-items: center !important;
}

.clean-work-name {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.clean-work-name strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    color: var(--simple-text, #17231d) !important;
}

.clean-work-name span {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.clean-work-name span.gray {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.clean-work-name span.blue {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.clean-work-name span.green {
    background: #dcfae6 !important;
    color: #067647 !important;
}

.clean-work-name span.red {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.clean-work-location {
    margin-top: 4px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.clean-work-phones {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 6px !important;
}

.clean-work-phones a {
    min-height: 28px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(35,116,82,.18) !important;
    color: #124734 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.clean-work-phones .no-phone {
    color: #b42318 !important;
    background: #fee4e2 !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.clean-callback {
    margin-top: 5px !important;
    color: #9a3412 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.clean-comment {
    margin-top: 5px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.clean-work-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
}

.clean-work-actions a,
.clean-work-actions button {
    height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 100% !important;
}

.clean-work-actions form {
    margin: 0 !important;
}

.clean-work-actions button {
    background: #667085 !important;
}

.clean-work-edit {
    grid-column: 1 / -1 !important;
    margin-top: 2px !important;
}

.clean-work-edit summary {
    cursor: pointer !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    width: fit-content !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35,116,82,.14) !important;
}

.clean-status-form {
    margin-top: 8px !important;
    display: grid !important;
    grid-template-columns: 160px 190px minmax(160px, 1fr) 100px !important;
    gap: 7px !important;
}

.clean-status-form select,
.clean-status-form input {
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.clean-status-form button {
    height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

/* ховаємо старі ID-блоки, якщо десь лишились */
.compact-add-form,
.compact-work-meta,
.work-farmer-meta,
.simple-farmer-meta {
    display: none !important;
}

@media (max-width: 900px) {
    .clean-work-row,
    .clean-work-filter-form,
    .clean-status-form {
        grid-template-columns: 1fr !important;
    }

    .clean-work-actions {
        grid-template-columns: 1fr 1fr !important;
    }
}

/* === CLEAN WORK NO ID UI END === */



/* === WORK EXTRA PHONES VISIBLE UI START === */

.work-phone-group {
    margin-top: 6px !important;
}

.work-phone-label {
    color: var(--simple-muted, #667085) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    margin-bottom: 4px !important;
}

.work-phone-group.extra {
    margin-top: 7px !important;
    padding-top: 7px !important;
    border-top: 1px dashed rgba(35,116,82,.18) !important;
}

.clean-work-phones.extra-phones a {
    background: #eef4ff !important;
    border-color: rgba(23,59,122,.16) !important;
    color: #173b7a !important;
}

.clean-work-phones.extra-phones a small {
    margin-left: 6px !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

.clean-work-row {
    grid-template-columns: minmax(0, 1fr) 160px !important;
}

.clean-work-actions {
    align-self: start !important;
}

@media (max-width: 900px) {
    .clean-work-row {
        grid-template-columns: 1fr !important;
    }
}

/* === WORK EXTRA PHONES VISIBLE UI END === */



/* === WORK QUICK PHONE UI START === */

.work-phone-add-details {
    margin-top: 7px !important;
}

.work-phone-add-details summary {
    cursor: pointer !important;
    width: fit-content !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35,116,82,.16) !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.work-quick-phone-form {
    margin-top: 7px !important;
    display: grid !important;
    grid-template-columns: 150px minmax(160px, 1fr) 90px !important;
    gap: 6px !important;
    max-width: 520px !important;
}

.work-quick-phone-form input {
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.work-quick-phone-form button {
    height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media (max-width: 700px) {
    .work-quick-phone-form {
        grid-template-columns: 1fr !important;
    }
}

/* === WORK QUICK PHONE UI END === */



/* === TODAY COMPACT UI START === */

.today-compact-page {
    display: grid !important;
    gap: 10px !important;
}

.today-compact-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.today-compact-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.today-compact-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.today-head-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.today-mini-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.today-mini-stats .card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.today-mini-stats span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.today-mini-stats strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 26px !important;
    font-weight: 950 !important;
}

.today-add-task-card,
.today-section-card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.today-add-task-card h2,
.today-section-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.today-add-task-form {
    margin-top: 9px !important;
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) 190px minmax(160px, 1fr) 95px !important;
    gap: 7px !important;
}

.today-add-task-form input,
.today-status-form select,
.today-status-form input {
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.today-add-task-form button,
.today-status-form button {
    height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.today-section-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
}

.today-section-title span {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.today-call-list,
.today-task-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 7px !important;
}

.today-call-row {
    padding: 10px !important;
    border-radius: 15px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 120px !important;
    gap: 8px 12px !important;
    align-items: start !important;
}

.today-call-name {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
}

.today-call-name strong {
    font-size: 14px !important;
    font-weight: 950 !important;
    color: var(--simple-text, #17231d) !important;
}

.today-call-name span {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.today-call-name span.gray {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.today-call-name span.blue {
    background: #eef4ff !important;
    color: #173b7a !important;
}

.today-call-name span.green {
    background: #dcfae6 !important;
    color: #067647 !important;
}

.today-call-name span.red {
    background: #fee4e2 !important;
    color: #b42318 !important;
}

.today-call-location {
    margin-top: 4px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.today-phone-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 6px !important;
}

.today-phone-group a {
    min-height: 28px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(35,116,82,.18) !important;
    color: #124734 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.today-phone-group a.extra {
    background: #eef4ff !important;
    border-color: rgba(23,59,122,.16) !important;
    color: #173b7a !important;
}

.today-phone-group a small {
    margin-left: 6px !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

.today-no-phone {
    color: #b42318 !important;
    background: #fee4e2 !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.today-comment {
    margin-top: 6px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.today-call-actions a {
    height: 34px !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.today-edit-details {
    grid-column: 1 / -1 !important;
}

.today-edit-details summary {
    cursor: pointer !important;
    width: fit-content !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.today-status-form {
    margin-top: 8px !important;
    display: grid !important;
    grid-template-columns: 160px 190px minmax(160px, 1fr) 100px !important;
    gap: 7px !important;
}

.today-task-row {
    padding: 10px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 190px !important;
    gap: 10px !important;
    align-items: center !important;
}

.today-task-row strong {
    display: block !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.today-task-row span {
    display: block !important;
    margin-top: 4px !important;
    color: #9a3412 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.today-task-row p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.today-task-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
}

.today-task-actions form {
    margin: 0 !important;
}

.today-task-actions button {
    height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    width: 100% !important;
}

.today-task-actions button.gray {
    background: #667085 !important;
}

@media (max-width: 900px) {
    .today-compact-head {
        display: block !important;
    }

    .today-head-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .today-head-actions .btn {
        width: 100% !important;
    }

    .today-mini-stats,
    .today-add-task-form,
    .today-call-row,
    .today-status-form,
    .today-task-row {
        grid-template-columns: 1fr !important;
    }

    .today-task-actions {
        grid-template-columns: 1fr 1fr !important;
    }
}

/* === TODAY COMPACT UI END === */



/* === NOTIFICATIONS SIMPLE UI START === */

.notify-simple-page {
    display: grid !important;
    gap: 10px !important;
}

.notify-simple-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.notify-simple-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.notify-simple-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.notify-head-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.notify-filter-card {
    padding: 10px !important;
    border-radius: 18px !important;
}

.notify-filter-form {
    display: grid !important;
    grid-template-columns: 180px minmax(220px, 1fr) 110px 100px !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 !important;
}

.notify-filter-form select,
.notify-filter-form input {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.notify-filter-form button,
.notify-filter-form a {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.notify-filter-form a {
    background: #667085 !important;
}

.notify-list-card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.notify-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
}

.notify-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.notify-title span {
    color: var(--simple-muted, #667085) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.notify-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 8px !important;
}

.notify-row {
    padding: 10px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    background: #fff !important;
}

.notify-top {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.notify-top strong {
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.notify-top span {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #f2f4f7 !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.notify-source {
    margin-top: 5px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.notify-phone {
    margin-top: 7px !important;
}

.notify-phone a {
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    border: 1px solid rgba(23,59,122,.16) !important;
    color: #173b7a !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.notify-no-phone {
    width: fit-content !important;
    margin-top: 7px !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #fee4e2 !important;
    color: #b42318 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.notify-text {
    margin-top: 8px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    white-space: pre-wrap !important;
}

@media (max-width: 850px) {
    .notify-simple-head {
        display: block !important;
    }

    .notify-head-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .notify-head-actions .btn {
        width: 100% !important;
    }

    .notify-filter-form {
        grid-template-columns: 1fr !important;
    }
}

/* === NOTIFICATIONS SIMPLE UI END === */



/* === SUPPORT SIMPLE UI START === */

.support-simple-page {
    display: grid !important;
    gap: 10px !important;
}

.support-simple-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.support-simple-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.support-simple-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.support-head-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.support-send-card,
.support-chat-card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.support-send-card h2,
.support-chat-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.support-send-form {
    margin-top: 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 130px !important;
    gap: 8px !important;
    align-items: end !important;
}

.support-send-form textarea {
    min-height: 86px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

.support-send-form button {
    height: 42px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.support-chat-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.support-chat-title span {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.support-message-list {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
}

.support-message-row {
    display: flex !important;
}

.support-message-row.from-manager {
    justify-content: flex-end !important;
}

.support-message-row.from-admin {
    justify-content: flex-start !important;
}

.support-message-bubble {
    max-width: 72% !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    background: #f8fafc !important;
}

.support-message-row.from-manager .support-message-bubble {
    background: #ecfdf3 !important;
    border-color: rgba(35,116,82,.18) !important;
}

.support-message-row.from-admin .support-message-bubble {
    background: #eef4ff !important;
    border-color: rgba(23,59,122,.16) !important;
}

.support-message-meta {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.support-message-meta strong {
    color: var(--simple-text, #17231d) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.support-message-meta span {
    color: var(--simple-muted, #667085) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.support-message-bubble p {
    margin: 6px 0 0 !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    white-space: pre-wrap !important;
}

@media (max-width: 850px) {
    .support-simple-head {
        display: block !important;
    }

    .support-head-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .support-head-actions .btn,
    .support-send-form button {
        width: 100% !important;
    }

    .support-send-form {
        grid-template-columns: 1fr !important;
    }

    .support-message-bubble {
        max-width: 94% !important;
    }
}

/* === SUPPORT SIMPLE UI END === */



/* === PROFILE SIMPLE UI START === */

.profile-simple-page {
    display: grid !important;
    gap: 10px !important;
}

.profile-simple-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.profile-simple-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.profile-simple-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.profile-head-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.profile-simple-grid {
    display: grid !important;
    grid-template-columns: 360px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
}

.profile-info-card,
.profile-password-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.profile-info-card h2,
.profile-password-card h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.profile-password-card p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.profile-info-list {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
}

.profile-info-list div {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35,116,82,.14) !important;
}

.profile-info-list span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.profile-info-list strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.profile-password-form {
    margin-top: 12px !important;
    display: grid !important;
    gap: 10px !important;
    max-width: 520px !important;
}

.profile-password-form label {
    display: grid !important;
    gap: 5px !important;
}

.profile-password-form label span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.profile-password-form input {
    height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 11px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.profile-password-form button {
    height: 43px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.profile-alert {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.profile-alert.success {
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
}

.profile-alert.error {
    background: #fee4e2 !important;
    color: #b42318 !important;
    border: 1px solid rgba(180,35,24,.18) !important;
}

@media (max-width: 850px) {
    .profile-simple-head {
        display: block !important;
    }

    .profile-head-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .profile-head-actions .btn {
        width: 100% !important;
    }

    .profile-simple-grid {
        grid-template-columns: 1fr !important;
    }
}

/* === PROFILE SIMPLE UI END === */



/* === ADMIN SIMPLE DASHBOARD UI START === */

.admin-simple-page {
    display: grid !important;
    gap: 10px !important;
}

.admin-simple-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.admin-simple-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.admin-simple-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-head-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.admin-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.admin-stat-card {
    padding: 13px !important;
    border-radius: 18px !important;
}

.admin-stat-card span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-stat-card strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.admin-stat-card.warn strong {
    color: #b54708 !important;
}

.admin-simple-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr) !important;
    gap: 10px !important;
    align-items: start !important;
}

.admin-action-card,
.admin-health-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.admin-action-card h2,
.admin-health-card h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.admin-action-card p,
.admin-health-card p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-action-list {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
}

.admin-action-list a {
    padding: 11px 12px !important;
    border-radius: 15px !important;
    background: #f7faf7 !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    text-decoration: none !important;
    display: block !important;
}

.admin-action-list a:hover {
    background: #ecfdf3 !important;
    border-color: rgba(35,116,82,.28) !important;
}

.admin-action-list strong {
    display: block !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.admin-action-list span {
    display: block !important;
    margin-top: 3px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

.admin-health-list {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
}

.admin-health-list div {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.admin-health-list span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.admin-health-list strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
    word-break: break-word !important;
}

@media (max-width: 1000px) {
    .admin-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-simple-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 700px) {
    .admin-simple-head {
        display: block !important;
    }

    .admin-head-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .admin-head-actions .btn {
        width: 100% !important;
    }

    .admin-stat-grid {
        grid-template-columns: 1fr !important;
    }
}

/* === ADMIN SIMPLE DASHBOARD UI END === */



/* === ADMIN SEARCH TEXT FIX START === */

.admin-search-mode .today-kicker {
    color: var(--simple-green-dark, #124734) !important;
}

.admin-manager-search-form {
    grid-template-columns: 1.1fr 1.1fr 1.6fr 120px !important;
}

.admin-search-mode .manager-farmer-bottom-action {
    display: none !important;
}

.admin-search-mode .manager-search-head {
    border-color: rgba(35,116,82,.18) !important;
}

.admin-search-mode .manager-farmer-meta-simple {
    display: block !important;
}

@media (max-width: 1150px) {
    .admin-manager-search-form {
        grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    }

    .admin-manager-search-form button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 750px) {
    .admin-manager-search-form {
        grid-template-columns: 1fr !important;
    }
}

/* === ADMIN SEARCH TEXT FIX END === */



/* === UA GEO SEARCH FIX START === */

.ua-geo-search-form {
    display: grid !important;
    grid-template-columns: minmax(210px, 1fr) minmax(210px, 1fr) minmax(230px, 1.1fr) 120px !important;
    gap: 9px !important;
    align-items: end !important;
}

.ua-geo-search-form label {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
}

.ua-geo-search-form label span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.ua-geo-search-form select {
    width: 100% !important;
    height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    background: #fff !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.ua-geo-search-form button {
    height: 42px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.ua-geo-search-page input[name="q"],
.ua-geo-search-page label:has(input[name="q"]),
.ua-geo-search-page select[name="status"],
.ua-geo-search-page label:has(select[name="status"]) {
    display: none !important;
}

.ua-geo-search-page .manager-farmer-meta-simple {
    display: block !important;
}

@media (max-width: 1100px) {
    .ua-geo-search-form {
        grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
    }

    .ua-geo-search-form button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 700px) {
    .ua-geo-search-form {
        grid-template-columns: 1fr !important;
    }

    .ua-geo-search-form button {
        grid-column: auto !important;
        width: 100% !important;
    }
}

/* === UA GEO SEARCH FIX END === */



/* === GEO CASCADE CLEAN UI START === */

.ua-geo-search-form select:disabled {
    background: #f2f4f7 !important;
    color: #667085 !important;
    cursor: not-allowed !important;
}

.ua-geo-search-form select option {
    font-weight: 800 !important;
}

.manager-found-count strong {
    color: var(--simple-green-dark, #124734) !important;
}

/* === GEO CASCADE CLEAN UI END === */



/* === ADMIN FARMER EDIT UI START === */

.admin-edit-farmer-button-wrap {
    margin: 10px 0 !important;
}

.admin-edit-farmer-button {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: #b54708 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.admin-farmer-edit-page {
    display: grid !important;
    gap: 10px !important;
}

.admin-farmer-edit-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.admin-farmer-edit-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.admin-farmer-edit-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-farmer-edit-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.admin-farmer-edit-form {
    display: grid !important;
    gap: 10px !important;
}

.admin-edit-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.admin-edit-card h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.admin-edit-card p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-edit-grid {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.admin-edit-grid.three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.admin-edit-grid label,
.admin-edit-full {
    display: grid !important;
    gap: 5px !important;
}

.admin-edit-grid span,
.admin-edit-full span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-edit-grid input,
.admin-edit-grid select,
.admin-edit-full textarea {
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    background: #fff !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.admin-edit-grid input,
.admin-edit-grid select {
    height: 42px !important;
    padding: 0 11px !important;
}

.admin-edit-full textarea {
    min-height: 95px !important;
    padding: 10px 11px !important;
    resize: vertical !important;
}

.admin-edit-warning {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #fff7ed !important;
    border: 1px solid rgba(181,71,8,.18) !important;
    color: #9a3412 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.admin-edit-save-bar {
    position: sticky !important;
    bottom: 0 !important;
    padding: 10px !important;
    border-radius: 16px 16px 0 0 !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    z-index: 30 !important;
}

.admin-edit-save-bar a,
.admin-edit-save-bar button {
    height: 42px !important;
    min-width: 140px !important;
    border: 0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.admin-edit-save-bar a {
    background: #667085 !important;
    color: #fff !important;
}

.admin-edit-save-bar button {
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
}

@media (max-width: 900px) {
    .admin-farmer-edit-head {
        display: block !important;
    }

    .admin-farmer-edit-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .admin-farmer-edit-actions .btn,
    .admin-edit-save-bar a,
    .admin-edit-save-bar button {
        width: 100% !important;
    }

    .admin-edit-grid,
    .admin-edit-grid.three {
        grid-template-columns: 1fr !important;
    }

    .admin-edit-save-bar {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
}

/* === ADMIN FARMER EDIT UI END === */



/* === ADMIN USERS SIMPLE UI START === */

.admin-users-page {
    display: grid !important;
    gap: 10px !important;
}

.admin-users-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.admin-users-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.admin-users-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-users-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.admin-users-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.admin-users-stats .card {
    padding: 13px !important;
    border-radius: 18px !important;
}

.admin-users-stats span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-users-stats strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.admin-users-stats .warn strong {
    color: #b54708 !important;
}

.admin-create-user-card,
.admin-users-list-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.admin-create-user-card h2,
.admin-users-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.admin-create-user-card p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-create-user-form {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 120px !important;
    gap: 8px !important;
    align-items: end !important;
}

.admin-create-user-form label {
    display: grid !important;
    gap: 5px !important;
}

.admin-create-user-form span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-create-user-form input {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.admin-create-user-form button {
    height: 40px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.admin-users-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.admin-users-title span {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.admin-users-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 8px !important;
}

.admin-user-row {
    padding: 11px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 130px !important;
    gap: 10px !important;
    align-items: start !important;
}

.admin-user-row.disabled {
    opacity: .68 !important;
    background: #f8fafc !important;
}

.admin-user-name {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.admin-user-name strong {
    font-size: 15px !important;
    font-weight: 950 !important;
    color: var(--simple-text, #17231d) !important;
}

.admin-user-name span {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.admin-user-name .role {
    background: #eff8ff !important;
    color: #175cd3 !important;
}

.admin-user-name .role.admin {
    background: #fff7ed !important;
    color: #b54708 !important;
}

.admin-user-name .status.active {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.admin-user-name .status.disabled {
    background: #f2f4f7 !important;
    color: #667085 !important;
}

.admin-user-meta {
    margin-top: 6px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.45 !important;
}

.admin-user-password-box {
    margin-top: 8px !important;
}

.admin-user-password-box summary {
    cursor: pointer !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-user-password-box form {
    margin-top: 7px !important;
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.admin-user-password-box input {
    height: 36px !important;
    min-width: 220px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.admin-user-password-box button {
    height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 0 12px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.admin-user-buttons {
    display: grid !important;
    gap: 7px !important;
}

.admin-user-buttons form {
    margin: 0 !important;
}

.admin-user-buttons button,
.admin-user-buttons a {
    width: 100% !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.admin-user-buttons button.gray {
    background: #667085 !important;
}

.admin-user-buttons button:disabled {
    opacity: .7 !important;
    cursor: not-allowed !important;
}

.admin-user-buttons a {
    background: #344054 !important;
}

@media (max-width: 1100px) {
    .admin-create-user-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-create-user-form button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 800px) {
    .admin-users-head,
    .admin-user-row {
        display: block !important;
    }

    .admin-users-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .admin-users-actions .btn {
        width: 100% !important;
    }

    .admin-users-stats,
    .admin-create-user-form {
        grid-template-columns: 1fr !important;
    }

    .admin-create-user-form button {
        grid-column: auto !important;
    }

    .admin-user-buttons {
        grid-template-columns: 1fr 1fr !important;
        margin-top: 10px !important;
    }

    .admin-user-password-box form {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .admin-user-password-box input,
    .admin-user-password-box button {
        width: 100% !important;
    }
}

/* === ADMIN USERS SIMPLE UI END === */



/* === ACCESS REQUESTS SIMPLE UI START === */

.access-public-page {
    min-height: calc(100vh - 80px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

.access-public-card {
    width: min(520px, 100%) !important;
    padding: 22px !important;
    border-radius: 22px !important;
}

.access-public-kicker {
    color: var(--simple-green-dark, #124734) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

.access-public-card h1 {
    margin: 5px 0 0 !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.access-public-card p {
    margin: 6px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.access-public-form {
    margin-top: 16px !important;
    display: grid !important;
    gap: 10px !important;
}

.access-public-form label {
    display: grid !important;
    gap: 5px !important;
}

.access-public-form span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.access-public-form input,
.access-public-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    background: #fff !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.access-public-form input {
    height: 44px !important;
    padding: 0 12px !important;
}

.access-public-form textarea {
    min-height: 92px !important;
    padding: 11px 12px !important;
    resize: vertical !important;
}

.access-public-form button,
.access-main-button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.access-back-link,
.login-access-link {
    color: var(--simple-green-dark, #124734) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: center !important;
}

.login-access-link-wrap {
    margin-top: 10px !important;
    text-align: center !important;
}

.admin-access-page {
    display: grid !important;
    gap: 10px !important;
}

.admin-access-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.admin-access-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.admin-access-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-access-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.admin-access-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.admin-access-stats .card {
    padding: 13px !important;
    border-radius: 18px !important;
}

.admin-access-stats span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-access-stats strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.admin-access-stats .warn strong {
    color: #b54708 !important;
}

.admin-access-filter-card,
.admin-access-list-card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.admin-access-filter-form {
    display: grid !important;
    grid-template-columns: 180px minmax(220px, 1fr) 110px 100px !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 !important;
}

.admin-access-filter-form select,
.admin-access-filter-form input {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.admin-access-filter-form button,
.admin-access-filter-form a {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.admin-access-filter-form a {
    background: #667085 !important;
}

.admin-access-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
}

.admin-access-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.admin-access-title span {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.admin-access-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 8px !important;
}

.admin-access-row {
    padding: 11px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 120px !important;
    gap: 10px !important;
    align-items: start !important;
}

.admin-access-row.closed {
    opacity: .72 !important;
    background: #f8fafc !important;
}

.admin-access-name {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.admin-access-name strong {
    font-size: 15px !important;
    font-weight: 950 !important;
    color: var(--simple-text, #17231d) !important;
}

.admin-access-name span {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.admin-access-name span.new {
    background: #fff7ed !important;
    color: #b54708 !important;
}

.admin-access-name span.closed {
    background: #f2f4f7 !important;
    color: #667085 !important;
}

.admin-access-meta,
.admin-access-comment {
    margin-top: 6px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.45 !important;
}

.admin-access-comment {
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
}

.admin-access-create-box {
    margin-top: 8px !important;
}

.admin-access-create-box summary {
    cursor: pointer !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-access-create-box form {
    margin-top: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(130px, 1fr)) 150px !important;
    gap: 7px !important;
}

.admin-access-create-box input {
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.admin-access-create-box button,
.admin-access-buttons button {
    height: 36px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.admin-access-buttons form {
    margin: 0 !important;
}

.admin-access-buttons button {
    width: 100% !important;
}

.admin-access-buttons button.gray {
    background: #667085 !important;
}

@media (max-width: 1000px) {
    .admin-access-create-box form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-access-create-box button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 800px) {
    .admin-access-head,
    .admin-access-row {
        display: block !important;
    }

    .admin-access-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .admin-access-actions .btn {
        width: 100% !important;
    }

    .admin-access-stats,
    .admin-access-filter-form,
    .admin-access-create-box form {
        grid-template-columns: 1fr !important;
    }

    .admin-access-buttons {
        margin-top: 10px !important;
    }
}

/* === ACCESS REQUESTS SIMPLE UI END === */



/* === ADMIN BACKUP SIMPLE UI START === */

.admin-backup-page {
    display: grid !important;
    gap: 10px !important;
}

.admin-backup-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.admin-backup-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.admin-backup-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-backup-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.admin-backup-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.admin-backup-stats .card {
    padding: 13px !important;
    border-radius: 18px !important;
}

.admin-backup-stats span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-backup-stats strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.admin-backup-stats .warn strong {
    color: #b54708 !important;
    font-size: 20px !important;
}

.admin-backup-create-card,
.admin-backup-list-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.admin-backup-create-card h2,
.admin-backup-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.admin-backup-create-card p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-backup-create-card form {
    margin-top: 12px !important;
}

.admin-backup-create-card button {
    height: 42px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.admin-backup-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.admin-backup-title span {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.admin-backup-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 8px !important;
}

.admin-backup-row {
    padding: 11px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 120px !important;
    gap: 10px !important;
    align-items: center !important;
}

.admin-backup-main strong {
    display: block !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    word-break: break-word !important;
}

.admin-backup-main span {
    display: block !important;
    margin-top: 4px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.admin-backup-buttons a {
    width: 100% !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 800px) {
    .admin-backup-head,
    .admin-backup-row {
        display: block !important;
    }

    .admin-backup-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .admin-backup-actions .btn {
        width: 100% !important;
    }

    .admin-backup-stats {
        grid-template-columns: 1fr !important;
    }

    .admin-backup-buttons {
        margin-top: 10px !important;
    }
}

/* === ADMIN BACKUP SIMPLE UI END === */



/* === ADMIN IMPORT SIMPLE UI START === */

.admin-import-page {
    display: grid !important;
    gap: 10px !important;
}

.admin-import-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.admin-import-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.admin-import-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-import-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.admin-import-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.admin-import-stats .card {
    padding: 13px !important;
    border-radius: 18px !important;
}

.admin-import-stats span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-import-stats strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.admin-import-stats .warn strong {
    color: #b54708 !important;
    font-size: 20px !important;
}

.admin-import-upload-card,
.admin-import-result-card,
.admin-import-history-card {
    padding: 14px !important;
    border-radius: 18px !important;
}

.admin-import-upload-card h2,
.admin-import-result-card h2,
.admin-import-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.admin-import-upload-card p {
    margin: 5px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-import-form {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 180px !important;
    gap: 10px !important;
    align-items: end !important;
}

.admin-import-form label {
    display: grid !important;
    gap: 5px !important;
}

.admin-import-form span {
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-import-form input {
    height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    background: #fff !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.admin-import-form button {
    height: 42px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.admin-import-warning {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #fff7ed !important;
    border: 1px solid rgba(181,71,8,.18) !important;
    color: #9a3412 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.admin-import-result-grid {
    margin-top: 10px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.admin-import-result-grid div {
    padding: 10px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.admin-import-result-grid span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.admin-import-result-grid strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    word-break: break-word !important;
}

.admin-import-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.admin-import-title span {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.admin-import-log-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 8px !important;
}

.admin-import-log-row {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.admin-import-log-row div {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.admin-import-log-row strong {
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.admin-import-log-row span {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #f2f4f7 !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.admin-import-log-row p {
    margin: 6px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

@media (max-width: 1000px) {
    .admin-import-result-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 800px) {
    .admin-import-head {
        display: block !important;
    }

    .admin-import-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .admin-import-actions .btn {
        width: 100% !important;
    }

    .admin-import-stats,
    .admin-import-form,
    .admin-import-result-grid {
        grid-template-columns: 1fr !important;
    }
}

/* === ADMIN IMPORT SIMPLE UI END === */



/* === TELEGRAM NOTIFICATIONS SIMPLE UI START === */

.tg-notify-page {
    display: grid !important;
    gap: 10px !important;
}

.tg-notify-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.tg-notify-head h1 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.tg-notify-head p {
    margin: 4px 0 0 !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.tg-notify-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.tg-notify-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.tg-notify-stats .card {
    padding: 13px !important;
    border-radius: 18px !important;
}

.tg-notify-stats span {
    display: block !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.tg-notify-stats strong {
    display: block !important;
    margin-top: 5px !important;
    color: var(--simple-green-dark, #124734) !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.tg-notify-stats .warn strong {
    color: #b54708 !important;
}

.tg-notify-filter-card,
.tg-notify-list-card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.tg-notify-filter-form {
    display: grid !important;
    grid-template-columns: 170px 180px minmax(220px, 1fr) 110px 100px !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 !important;
}

.tg-notify-filter-form select,
.tg-notify-filter-form input {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.tg-notify-filter-form button,
.tg-notify-filter-form a {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.tg-notify-filter-form a {
    background: #667085 !important;
}

.tg-notify-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
}

.tg-notify-title h2 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.tg-notify-title span {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.tg-notify-list {
    margin-top: 10px !important;
    display: grid !important;
    gap: 8px !important;
}

.tg-notify-row {
    padding: 11px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 120px !important;
    gap: 10px !important;
    align-items: start !important;
}

.tg-notify-top {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.tg-notify-top strong {
    color: var(--simple-text, #17231d) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.tg-notify-top span,
.tg-notify-top em {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #eff8ff !important;
    color: #175cd3 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.tg-notify-top em {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.tg-notify-text {
    margin-top: 8px !important;
    color: var(--simple-text, #17231d) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.45 !important;
    white-space: pre-wrap !important;
}

.tg-notify-meta {
    margin-top: 8px !important;
    color: var(--simple-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.tg-notify-buttons {
    display: grid !important;
    gap: 7px !important;
}

.tg-notify-buttons a {
    height: 34px !important;
    border-radius: 10px !important;
    background: var(--simple-green, #237452) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tg-notify-buttons a.gray {
    background: #667085 !important;
}

@media (max-width: 1000px) {
    .tg-notify-filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 800px) {
    .tg-notify-head,
    .tg-notify-row {
        display: block !important;
    }

    .tg-notify-actions {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .tg-notify-actions .btn {
        width: 100% !important;
    }

    .tg-notify-stats,
    .tg-notify-filter-form {
        grid-template-columns: 1fr !important;
    }

    .tg-notify-buttons {
        grid-template-columns: 1fr 1fr !important;
        margin-top: 10px !important;
    }
}

/* === TELEGRAM NOTIFICATIONS SIMPLE UI END === */



/* === TELEGRAM ADMIN DELETE BUTTON START === */

.tg-notify-buttons form {
    margin: 0 !important;
}

.tg-notify-buttons button {
    width: 100% !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #b42318 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

@media (max-width: 800px) {
    .tg-notify-buttons {
        grid-template-columns: 1fr 1fr !important;
    }

    .tg-notify-buttons form {
        width: 100% !important;
    }
}

/* === TELEGRAM ADMIN DELETE BUTTON END === */



/* === TELEGRAM BEAUTY DESIGN START === */

.tg2-page {
    display: grid !important;
    gap: 14px !important;
    padding-bottom: 30px !important;
}

.tg2-hero {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    padding: 22px !important;
    background:
        radial-gradient(circle at 15% 10%, rgba(255,255,255,.38), transparent 28%),
        linear-gradient(135deg, #124734 0%, #237452 48%, #84c241 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 45px rgba(18,71,52,.20) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

.tg2-hero::after {
    content: "" !important;
    position: absolute !important;
    width: 260px !important;
    height: 260px !important;
    right: -85px !important;
    top: -100px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
}

.tg2-hero-left,
.tg2-hero-actions {
    position: relative !important;
    z-index: 2 !important;
}

.tg2-kicker {
    width: fit-content !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.17) !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    color: rgba(255,255,255,.92) !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.tg2-hero h1 {
    margin: 10px 0 0 !important;
    color: #fff !important;
    font-size: clamp(28px, 3.3vw, 44px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

.tg2-hero p {
    max-width: 720px !important;
    margin: 10px 0 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
}

.tg2-hero-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.tg2-hero-actions a {
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    backdrop-filter: blur(8px) !important;
}

.tg2-hero-actions a.primary {
    background: #fff !important;
    color: #124734 !important;
    border-color: #fff !important;
}

.tg2-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.tg2-stats article {
    border-radius: 22px !important;
    padding: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.06) !important;
}

.tg2-stats span {
    display: block !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.tg2-stats strong {
    display: block !important;
    margin-top: 8px !important;
    color: #124734 !important;
    font-size: 36px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

.tg2-stats small {
    display: block !important;
    margin-top: 6px !important;
    color: #98a2b3 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.tg2-filter-card,
.tg2-feed {
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.06) !important;
    padding: 16px !important;
}

.tg2-filter-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.tg2-filter-title h2,
.tg2-feed-head h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
}

.tg2-filter-title p,
.tg2-feed-head p {
    margin: 4px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.tg2-filter-title a {
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 11px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.tg2-filter-form {
    display: grid !important;
    grid-template-columns: 180px 190px minmax(260px, 1fr) 130px !important;
    gap: 10px !important;
    align-items: end !important;
    margin: 0 !important;
}

.tg2-filter-form label {
    display: grid !important;
    gap: 6px !important;
}

.tg2-filter-form label span {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
}

.tg2-filter-form select,
.tg2-filter-form input {
    height: 44px !important;
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    background: #f9fafb !important;
    color: #17231d !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.tg2-filter-form select:focus,
.tg2-filter-form input:focus {
    border-color: rgba(35,116,82,.55) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(35,116,82,.10) !important;
}

.tg2-filter-form button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(35,116,82,.20) !important;
}

.tg2-feed-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.tg2-feed-head > span {
    min-width: 38px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tg2-list {
    display: grid !important;
    gap: 10px !important;
}

.tg2-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%) !important;
    display: grid !important;
    grid-template-columns: 12px minmax(0, 1fr) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.045) !important;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

.tg2-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 34px rgba(16,24,40,.075) !important;
    border-color: rgba(35,116,82,.24) !important;
}

.tg2-card-side {
    background: linear-gradient(180deg, #84c241, #237452) !important;
    display: flex !important;
    justify-content: center !important;
    padding-top: 18px !important;
}

.tg2-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(255,255,255,.20) !important;
}

.tg2-card-body {
    padding: 14px 14px 13px !important;
}

.tg2-card-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.tg2-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
}

.tg2-badges span,
.tg2-phone {
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.tg2-badges .crop {
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.10) !important;
}

.tg2-badges .source {
    background: #eff8ff !important;
    color: #175cd3 !important;
    border: 1px solid rgba(23,92,211,.10) !important;
}

.tg2-badges .date {
    background: #f2f4f7 !important;
    color: #475467 !important;
    border: 1px solid rgba(71,84,103,.08) !important;
}

.tg2-phone {
    white-space: nowrap !important;
    background: #fff7ed !important;
    color: #b54708 !important;
    border: 1px solid rgba(181,71,8,.14) !important;
}

.tg2-phone.muted {
    background: #f2f4f7 !important;
    color: #667085 !important;
    border-color: rgba(102,112,133,.12) !important;
}

.tg2-text {
    margin-top: 11px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.10) !important;
    color: #17231d !important;
    font-size: 14px !important;
    line-height: 1.52 !important;
    font-weight: 820 !important;
    white-space: pre-wrap !important;
}

.tg2-bottom {
    margin-top: 11px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 10px !important;
}

.tg2-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.tg2-meta span {
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.12) !important;
    display: inline-flex !important;
    align-items: center !important;
}

.tg2-meta b {
    color: #344054 !important;
    font-weight: 950 !important;
}

.tg2-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 7px !important;
}

.tg2-buttons a,
.tg2-buttons button {
    height: 36px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.tg2-buttons a.call {
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
}

.tg2-buttons a.similar {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.tg2-buttons form {
    margin: 0 !important;
}

.tg2-buttons button {
    background: #b42318 !important;
    color: #fff !important;
}

.tg2-empty {
    border-radius: 18px !important;
    padding: 28px !important;
    text-align: center !important;
    background: #f8fafc !important;
    border: 1px dashed rgba(102,119,110,.24) !important;
}

.tg2-empty strong {
    display: block !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.tg2-empty p {
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

@media (max-width: 1100px) {
    .tg2-filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .tg2-search-label {
        grid-column: 1 / -1 !important;
    }

    .tg2-filter-form button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 820px) {
    .tg2-hero {
        display: block !important;
        padding: 18px !important;
    }

    .tg2-hero-actions {
        justify-content: flex-start !important;
        margin-top: 14px !important;
    }

    .tg2-hero-actions a {
        width: 100% !important;
    }

    .tg2-stats,
    .tg2-filter-form {
        grid-template-columns: 1fr !important;
    }

    .tg2-search-label,
    .tg2-filter-form button {
        grid-column: auto !important;
    }

    .tg2-card-top,
    .tg2-bottom {
        display: block !important;
    }

    .tg2-phone {
        width: fit-content !important;
        margin-top: 8px !important;
    }

    .tg2-buttons {
        justify-content: flex-start !important;
        margin-top: 10px !important;
    }

    .tg2-buttons a,
    .tg2-buttons form,
    .tg2-buttons button {
        width: 100% !important;
    }
}

/* === TELEGRAM BEAUTY DESIGN END === */



/* === ADMIN MANAGER CHAT UI START === */

.chat-page,
.admin-chat-page {
    display: grid !important;
    gap: 14px !important;
    padding-bottom: 30px !important;
}

.chat-hero,
.admin-chat-hero {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    padding: 22px !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(255,255,255,.38), transparent 26%),
        linear-gradient(135deg, #124734 0%, #237452 52%, #84c241 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 45px rgba(18,71,52,.20) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

.chat-hero::after,
.admin-chat-hero::after {
    content: "" !important;
    position: absolute !important;
    width: 260px !important;
    height: 260px !important;
    right: -85px !important;
    top: -100px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
}

.chat-hero > div,
.admin-chat-hero > div {
    position: relative !important;
    z-index: 2 !important;
}

.chat-kicker {
    width: fit-content !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.17) !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    color: rgba(255,255,255,.92) !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.chat-hero h1,
.admin-chat-hero h1 {
    margin: 10px 0 0 !important;
    color: #fff !important;
    font-size: clamp(28px, 3.3vw, 42px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

.chat-hero p,
.admin-chat-hero p {
    max-width: 720px !important;
    margin: 10px 0 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
}

.chat-actions {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.chat-actions a {
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.chat-actions a.primary {
    background: #fff !important;
    color: #124734 !important;
    border-color: #fff !important;
}

.chat-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 14px !important;
    align-items: start !important;
}

.chat-thread-card,
.chat-send-card,
.admin-chat-list-card {
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.06) !important;
    padding: 16px !important;
}

.chat-thread-head,
.admin-chat-list-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.chat-thread-head h2,
.chat-send-card h2,
.admin-chat-list-head h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.chat-thread-head p,
.chat-send-card p,
.admin-chat-list-head p {
    margin: 4px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.chat-thread-head > span,
.admin-chat-list-head > span {
    min-width: 36px !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.chat-messages {
    display: grid !important;
    gap: 10px !important;
}

.chat-message {
    display: flex !important;
}

.chat-message.manager {
    justify-content: flex-end !important;
}

.chat-message.admin {
    justify-content: flex-start !important;
}

.chat-bubble {
    width: min(620px, 86%) !important;
    padding: 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(102,119,110,.12) !important;
}

.chat-message.manager .chat-bubble {
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
    border-color: rgba(35,116,82,.20) !important;
}

.chat-message.admin .chat-bubble {
    background: #f8fafc !important;
    color: #17231d !important;
}

.chat-bubble-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.chat-bubble-top strong {
    font-size: 13px !important;
    font-weight: 950 !important;
}

.chat-bubble-top span {
    font-size: 10px !important;
    font-weight: 900 !important;
    opacity: .78 !important;
}

.chat-bubble p {
    margin: 8px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 820 !important;
    white-space: pre-wrap !important;
}

.chat-send-form {
    margin-top: 12px !important;
    display: grid !important;
    gap: 10px !important;
}

.chat-send-form textarea {
    min-height: 180px !important;
    width: 100% !important;
    resize: vertical !important;
    border-radius: 16px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    background: #f9fafb !important;
    color: #17231d !important;
    padding: 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.45 !important;
    box-sizing: border-box !important;
}

.chat-send-form textarea:focus {
    outline: none !important;
    border-color: rgba(35,116,82,.55) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(35,116,82,.10) !important;
}

.chat-send-form button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(35,116,82,.20) !important;
}

.chat-empty {
    border-radius: 18px !important;
    padding: 28px !important;
    text-align: center !important;
    background: #f8fafc !important;
    border: 1px dashed rgba(102,119,110,.24) !important;
}

.chat-empty strong {
    display: block !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.chat-empty p {
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.admin-chat-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.admin-chat-stats article {
    border-radius: 22px !important;
    padding: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.06) !important;
}

.admin-chat-stats span {
    display: block !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-chat-stats strong {
    display: block !important;
    margin-top: 8px !important;
    color: #124734 !important;
    font-size: 36px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.admin-chat-list {
    display: grid !important;
    gap: 10px !important;
}

.admin-chat-dialog {
    padding: 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    background: #fbfdfc !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 120px !important;
    gap: 10px !important;
    align-items: center !important;
}

.admin-chat-dialog-name {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.admin-chat-dialog-name strong {
    color: #17231d !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.admin-chat-dialog-name span {
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.admin-chat-dialog p {
    margin: 7px 0 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 850 !important;
}

.admin-chat-dialog small {
    display: block !important;
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.admin-chat-dialog > a {
    height: 38px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 1000px) {
    .chat-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 820px) {
    .chat-hero,
    .admin-chat-hero {
        display: block !important;
        padding: 18px !important;
    }

    .chat-actions {
        justify-content: flex-start !important;
        margin-top: 14px !important;
    }

    .chat-actions a {
        width: 100% !important;
    }

    .admin-chat-stats {
        grid-template-columns: 1fr !important;
    }

    .admin-chat-dialog {
        display: block !important;
    }

    .admin-chat-dialog > a {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .chat-bubble {
        width: 100% !important;
    }
}

/* === ADMIN MANAGER CHAT UI END === */



/* === MANAGER SECURITY LOCK UI START === */

.admin-only-badge {
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #fff7ed !important;
    color: #b54708 !important;
    border: 1px solid rgba(181,71,8,.16) !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

/* === MANAGER SECURITY LOCK UI END === */



/* === MANAGER PROFILE UI START === */

.profile2-page {
    display: grid !important;
    gap: 14px !important;
    padding-bottom: 30px !important;
}

.profile2-hero {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    padding: 22px !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(255,255,255,.38), transparent 26%),
        linear-gradient(135deg, #124734 0%, #237452 52%, #84c241 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 45px rgba(18,71,52,.20) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

.profile2-hero::after {
    content: "" !important;
    position: absolute !important;
    width: 260px !important;
    height: 260px !important;
    right: -85px !important;
    top: -100px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
}

.profile2-hero > div {
    position: relative !important;
    z-index: 2 !important;
}

.profile2-kicker {
    width: fit-content !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.17) !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    color: rgba(255,255,255,.92) !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.profile2-hero h1 {
    margin: 10px 0 0 !important;
    color: #fff !important;
    font-size: clamp(28px, 3.3vw, 42px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

.profile2-hero p {
    max-width: 720px !important;
    margin: 10px 0 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
}

.profile2-actions {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.profile2-actions a {
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.profile2-actions a.primary {
    background: #fff !important;
    color: #124734 !important;
    border-color: #fff !important;
}

.profile2-grid {
    display: grid !important;
    grid-template-columns: 360px minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
}

.profile2-card {
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.06) !important;
    padding: 16px !important;
}

.profile2-user-card {
    text-align: center !important;
}

.profile2-avatar {
    width: 92px !important;
    height: 92px !important;
    margin: 4px auto 12px !important;
    border-radius: 28px !important;
    background: linear-gradient(135deg, #237452, #84c241) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 34px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 32px rgba(35,116,82,.22) !important;
}

.profile2-user-info h2,
.profile2-card h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
}

.profile2-user-info p,
.profile2-card p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.profile2-badges {
    margin-top: 10px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.profile2-badges span {
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #eff8ff !important;
    color: #175cd3 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.profile2-badges span.admin {
    background: #fff7ed !important;
    color: #b54708 !important;
}

.profile2-badges span.active {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.profile2-badges span.disabled {
    background: #f2f4f7 !important;
    color: #667085 !important;
}

.profile2-info-list {
    margin-top: 14px !important;
    display: grid !important;
    gap: 8px !important;
    text-align: left !important;
}

.profile2-info-list div {
    padding: 10px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.10) !important;
}

.profile2-info-list span {
    display: block !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
}

.profile2-info-list strong {
    display: block !important;
    margin-top: 4px !important;
    color: #17231d !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    word-break: break-word !important;
}

.profile2-form {
    margin-top: 14px !important;
    display: grid !important;
    gap: 10px !important;
}

.profile2-form label {
    display: grid !important;
    gap: 6px !important;
}

.profile2-form label span {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
}

.profile2-form input {
    height: 44px !important;
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    background: #f9fafb !important;
    color: #17231d !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.profile2-form input:focus {
    border-color: rgba(35,116,82,.55) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(35,116,82,.10) !important;
}

.profile2-form button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(35,116,82,.20) !important;
}

.profile2-warning {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    background: #fff7ed !important;
    border: 1px solid rgba(181,71,8,.16) !important;
    color: #9a3412 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

@media (max-width: 1150px) {
    .profile2-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .profile2-user-card {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 820px) {
    .profile2-hero {
        display: block !important;
        padding: 18px !important;
    }

    .profile2-actions {
        justify-content: flex-start !important;
        margin-top: 14px !important;
    }

    .profile2-actions a {
        width: 100% !important;
    }

    .profile2-grid {
        grid-template-columns: 1fr !important;
    }

    .profile2-user-card {
        grid-column: auto !important;
    }
}

/* === MANAGER PROFILE UI END === */



/* === CRM TOP NAV UI START === */

.crm-top-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 500 !important;
    margin: 0 0 14px !important;
    padding: 10px 14px !important;
    border-radius: 0 0 22px 22px !important;
    background: rgba(255,255,255,.94) !important;
    border-bottom: 1px solid rgba(35,116,82,.14) !important;
    box-shadow: 0 10px 30px rgba(16,24,40,.08) !important;
    backdrop-filter: blur(14px) !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
}

.crm-top-nav-brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 170px !important;
}

.crm-top-nav-brand a {
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #124734, #237452) !important;
    color: #fff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
}

.crm-top-nav-brand a span {
    color: #fff !important;
    font-weight: 950 !important;
}

.crm-top-nav-brand a b {
    color: #b7e27d !important;
    font-weight: 950 !important;
}

.crm-top-nav-brand em {
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.crm-top-nav-links {
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 0 !important;
    scrollbar-width: thin !important;
}

.crm-top-nav-links a {
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    color: #344054 !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.12) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    transition: .14s ease !important;
}

.crm-top-nav-links a:hover {
    background: #ecfdf3 !important;
    color: #124734 !important;
    border-color: rgba(35,116,82,.20) !important;
}

.crm-top-nav-links a.active {
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px rgba(35,116,82,.18) !important;
}

.crm-top-nav-user {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 150px !important;
}

.crm-top-nav-user span {
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #17231d !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.crm-top-nav-user a {
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    background: #fff7ed !important;
    color: #b54708 !important;
    border: 1px solid rgba(181,71,8,.14) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

@media (max-width: 1100px) {
    .crm-top-nav {
        grid-template-columns: 1fr auto !important;
    }

    .crm-top-nav-links {
        grid-column: 1 / -1 !important;
        order: 3 !important;
    }

    .crm-top-nav-user {
        min-width: 0 !important;
    }
}

@media (max-width: 700px) {
    .crm-top-nav {
        padding: 8px !important;
        gap: 8px !important;
    }

    .crm-top-nav-brand {
        min-width: 0 !important;
    }

    .crm-top-nav-brand em,
    .crm-top-nav-user span {
        display: none !important;
    }

    .crm-top-nav-brand a {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 10px !important;
    }

    .crm-top-nav-user a {
        height: 34px !important;
    }

    .crm-top-nav-links a {
        height: 32px !important;
        padding: 0 9px !important;
        font-size: 11px !important;
    }
}

/* === CRM TOP NAV UI END === */



/* === KEEP ONLY TOP CHAT BUTTON START === */

/* Прибираємо дублікати "Чат з адміном" у правих/старих блоках */
body :is(section, article, div, li):not(.crm-top-nav):not(.crm-top-nav *):has(> a[href="/manager/chat"]),
body :is(section, article, div, li):not(.crm-top-nav):not(.crm-top-nav *):has(> a[href="/chat-admin"]),
body :is(section, article, div, li):not(.crm-top-nav):not(.crm-top-nav *):has(> a[href="/support"]) {
    display: none !important;
}

/* Ховаємо будь-які старі окремі посилання на чат поза верхнім меню */
body a[href="/manager/chat"],
body a[href="/chat-admin"],
body a[href="/support"] {
    display: none !important;
}

/* Але верхню кнопку в меню залишаємо */
.crm-top-nav a[href="/manager/chat"] {
    display: inline-flex !important;
}

/* === KEEP ONLY TOP CHAT BUTTON END === */



/* === MY WORK MANAGER UI START === */

.work2-page {
    display: grid !important;
    gap: 14px !important;
    padding-bottom: 30px !important;
}

.work2-hero {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    padding: 22px !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(255,255,255,.38), transparent 26%),
        linear-gradient(135deg, #124734 0%, #237452 52%, #84c241 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 45px rgba(18,71,52,.20) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

.work2-hero::after {
    content: "" !important;
    position: absolute !important;
    width: 260px !important;
    height: 260px !important;
    right: -85px !important;
    top: -100px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
}

.work2-hero > div {
    position: relative !important;
    z-index: 2 !important;
}

.work2-kicker {
    width: fit-content !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.17) !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    color: rgba(255,255,255,.92) !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.work2-hero h1 {
    margin: 10px 0 0 !important;
    color: #fff !important;
    font-size: clamp(28px, 3.3vw, 42px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

.work2-hero p {
    max-width: 720px !important;
    margin: 10px 0 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
}

.work2-actions {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.work2-actions a {
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.work2-actions a.primary {
    background: #fff !important;
    color: #124734 !important;
    border-color: #fff !important;
}

.work2-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.work2-stats article,
.work2-card {
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.06) !important;
}

.work2-stats article {
    padding: 16px !important;
}

.work2-stats span {
    display: block !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.work2-stats strong {
    display: block !important;
    margin-top: 8px !important;
    color: #124734 !important;
    font-size: 36px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.work2-stats small {
    display: block !important;
    margin-top: 6px !important;
    color: #98a2b3 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.work2-grid {
    display: grid !important;
    grid-template-columns: 390px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
}

.work2-card {
    padding: 16px !important;
}

.work2-card h2,
.work2-list-head h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.work2-card p,
.work2-list-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.work2-form {
    margin-top: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.work2-form label {
    display: grid !important;
    gap: 6px !important;
}

.work2-form label span {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
}

.work2-form input,
.work2-form select,
.work2-form textarea {
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    background: #f9fafb !important;
    color: #17231d !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.work2-form input,
.work2-form select {
    height: 44px !important;
}

.work2-form textarea {
    min-height: 110px !important;
    padding: 12px !important;
    resize: vertical !important;
}

.work2-form input:focus,
.work2-form select:focus,
.work2-form textarea:focus {
    border-color: rgba(35,116,82,.55) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(35,116,82,.10) !important;
}

.work2-wide,
.work2-form button {
    grid-column: 1 / -1 !important;
}

.work2-form button {
    height: 44px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(35,116,82,.20) !important;
}

.work2-list-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.work2-list-head > span {
    min-width: 36px !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.work2-list {
    display: grid !important;
    gap: 10px !important;
}

.work2-item {
    padding: 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(35,116,82,.12) !important;
    background: #fbfdfc !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 130px !important;
    gap: 10px !important;
    align-items: start !important;
}

.work2-item-top {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.work2-item-top strong {
    color: #17231d !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.work2-item-top span,
.work2-item-top em {
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.work2-item-top em {
    background: #fff7ed !important;
    color: #b54708 !important;
}

.work2-item p {
    margin: 8px 0 0 !important;
    padding: 10px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 850 !important;
    white-space: pre-wrap !important;
}

.work2-item-meta {
    margin-top: 8px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.work2-item-buttons {
    display: grid !important;
    gap: 7px !important;
}

.work2-item-buttons a,
.work2-item-buttons button {
    width: 100% !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 11px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.work2-item-buttons a,
.work2-item-buttons button {
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
}

.work2-item-buttons form {
    margin: 0 !important;
}

.work2-item-buttons button.delete {
    background: #b42318 !important;
}

.work2-empty {
    border-radius: 18px !important;
    padding: 28px !important;
    text-align: center !important;
    background: #f8fafc !important;
    border: 1px dashed rgba(102,119,110,.24) !important;
}

.work2-empty strong {
    display: block !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.work2-empty p {
    margin: 6px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.work2-empty.small {
    padding: 18px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.work2-done-list {
    display: grid !important;
    gap: 8px !important;
}

.work2-done-list article {
    padding: 10px 12px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.10) !important;
}

.work2-done-list article div {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.work2-done-list strong {
    color: #17231d !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.work2-done-list span {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.work2-done-list p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

@media (max-width: 1100px) {
    .work2-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 820px) {
    .work2-hero {
        display: block !important;
        padding: 18px !important;
    }

    .work2-actions {
        justify-content: flex-start !important;
        margin-top: 14px !important;
    }

    .work2-actions a {
        width: 100% !important;
    }

    .work2-stats,
    .work2-form {
        grid-template-columns: 1fr !important;
    }

    .work2-wide,
    .work2-form button {
        grid-column: auto !important;
    }

    .work2-item {
        display: block !important;
    }

    .work2-item-buttons {
        margin-top: 10px !important;
    }
}

/* === MY WORK MANAGER UI END === */



/* === FARMER TO MY WORK UI START === */

.farmer-work-card {
    margin-top: 16px !important;
    padding: 18px !important;
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.07) !important;
}

.farmer-work-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.farmer-work-head h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 21px !important;
    font-weight: 950 !important;
}

.farmer-work-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.farmer-work-head a {
    height: 38px !important;
    padding: 0 13px !important;
    border-radius: 13px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.farmer-work-form {
    display: grid !important;
    grid-template-columns: 170px 190px 190px minmax(260px, 1fr) !important;
    gap: 10px !important;
    align-items: end !important;
}

.farmer-work-form label {
    display: grid !important;
    gap: 6px !important;
}

.farmer-work-form label span {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
}

.farmer-work-form input,
.farmer-work-form select,
.farmer-work-form textarea {
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    background: #f9fafb !important;
    color: #17231d !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.farmer-work-form input,
.farmer-work-form select {
    height: 44px !important;
}

.farmer-work-form textarea {
    min-height: 105px !important;
    padding: 12px !important;
    resize: vertical !important;
}

.farmer-work-wide {
    grid-column: 1 / -1 !important;
}

.farmer-work-form button {
    grid-column: 1 / -1 !important;
    height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #237452, #124734) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 22px rgba(35,116,82,.20) !important;
}

@media (max-width: 1100px) {
    .farmer-work-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    .farmer-work-head {
        display: block !important;
    }

    .farmer-work-head a {
        margin-top: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }

    .farmer-work-form {
        grid-template-columns: 1fr !important;
    }

    .farmer-work-wide,
    .farmer-work-form button {
        grid-column: auto !important;
    }
}

/* === FARMER TO MY WORK UI END === */


/* === SMALL MANUAL PHONE PATCH START === */
.farmer-work-card .farmer-work-form {
    grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
}
@media (max-width: 1100px) {
    .farmer-work-card .farmer-work-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 820px) {
    .farmer-work-card .farmer-work-form {
        grid-template-columns: 1fr !important;
    }
}
/* === SMALL MANUAL PHONE PATCH END === */

/* === PLAN DAY UI START === */
.plan-page { display:grid!important; gap:14px!important; padding-bottom:30px!important; }
.plan-hero {
    border-radius:26px!important; padding:22px!important;
    background:linear-gradient(135deg,#124734,#237452 55%,#84c241)!important;
    color:#fff!important; display:flex!important; justify-content:space-between!important; gap:18px!important;
    box-shadow:0 18px 45px rgba(18,71,52,.20)!important;
}
.plan-kicker { width:fit-content!important; min-height:26px!important; padding:0 10px!important; border-radius:999px!important; background:rgba(255,255,255,.17)!important; border:1px solid rgba(255,255,255,.26)!important; display:inline-flex!important; align-items:center!important; font-size:11px!important; font-weight:950!important; }
.plan-hero h1 { margin:10px 0 0!important; color:#fff!important; font-size:42px!important; line-height:1!important; font-weight:950!important; }
.plan-hero p { margin:10px 0 0!important; color:rgba(255,255,255,.86)!important; font-size:14px!important; font-weight:800!important; }
.plan-actions { display:flex!important; gap:8px!important; flex-wrap:wrap!important; justify-content:flex-end!important; }
.plan-actions a { height:40px!important; padding:0 14px!important; border-radius:13px!important; background:rgba(255,255,255,.16)!important; color:#fff!important; text-decoration:none!important; font-size:13px!important; font-weight:950!important; display:inline-flex!important; align-items:center!important; }
.plan-actions a.primary { background:#fff!important; color:#124734!important; }
.plan-stats { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; }
.plan-stats article, .plan-card { border-radius:24px!important; background:#fff!important; border:1px solid rgba(35,116,82,.12)!important; box-shadow:0 12px 34px rgba(16,24,40,.06)!important; }
.plan-stats article { padding:16px!important; }
.plan-stats span { color:#667085!important; font-size:12px!important; font-weight:950!important; }
.plan-stats strong { display:block!important; margin-top:8px!important; color:#124734!important; font-size:36px!important; font-weight:950!important; }
.plan-stats .danger strong { color:#b42318!important; }
.plan-stats .soon strong { color:#b54708!important; }
.plan-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; align-items:start!important; }
.plan-card { padding:16px!important; }
.plan-card-head { display:flex!important; justify-content:space-between!important; align-items:center!important; margin-bottom:12px!important; }
.plan-card-head h2 { margin:0!important; color:#17231d!important; font-size:20px!important; font-weight:950!important; }
.plan-card-head span { min-width:32px!important; height:30px!important; border-radius:999px!important; background:#ecfdf3!important; color:#067647!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:13px!important; font-weight:950!important; }
.plan-list { display:grid!important; gap:10px!important; }
.plan-item { padding:12px!important; border-radius:18px!important; background:#fbfdfc!important; border:1px solid rgba(35,116,82,.12)!important; }
.plan-item-top { display:flex!important; gap:6px!important; flex-wrap:wrap!important; align-items:center!important; }
.plan-item-top strong { color:#17231d!important; font-size:15px!important; font-weight:950!important; }
.plan-item-top span, .plan-date { min-height:24px!important; padding:0 8px!important; border-radius:999px!important; background:#ecfdf3!important; color:#067647!important; font-size:10px!important; font-weight:950!important; display:inline-flex!important; align-items:center!important; }
.plan-date { margin-top:7px!important; background:#fff7ed!important; color:#b54708!important; }
.plan-item p { margin:8px 0 0!important; padding:10px!important; border-radius:14px!important; background:#f8fafc!important; color:#344054!important; font-size:13px!important; line-height:1.45!important; font-weight:850!important; white-space:pre-wrap!important; }
.plan-meta { margin-top:8px!important; color:#667085!important; font-size:12px!important; font-weight:850!important; }
.plan-meta a { color:#067647!important; font-weight:950!important; text-decoration:none!important; }
.plan-buttons { margin-top:10px!important; display:flex!important; gap:7px!important; flex-wrap:wrap!important; }
.plan-buttons a, .plan-buttons button { height:34px!important; padding:0 12px!important; border:0!important; border-radius:11px!important; background:linear-gradient(135deg,#237452,#124734)!important; color:#fff!important; text-decoration:none!important; font-size:12px!important; font-weight:950!important; cursor:pointer!important; }
.plan-buttons form { margin:0!important; }
.plan-empty { padding:22px!important; border-radius:18px!important; background:#f8fafc!important; border:1px dashed rgba(102,119,110,.24)!important; color:#667085!important; font-size:13px!important; font-weight:900!important; text-align:center!important; }
@media (max-width:1100px){ .plan-grid{grid-template-columns:1fr!important;} }
@media (max-width:820px){ .plan-hero{display:block!important;} .plan-actions{justify-content:flex-start!important; margin-top:14px!important;} .plan-actions a{width:100%!important; justify-content:center!important;} .plan-stats{grid-template-columns:1fr!important;} }
/* === PLAN DAY UI END === */

/* === FARMER PRIVATE HISTORY UI START === */
.farmer-history-link-card {
    margin-top:16px!important;
    padding:16px!important;
    border-radius:22px!important;
    background:#fff!important;
    border:1px solid rgba(35,116,82,.14)!important;
    box-shadow:0 12px 34px rgba(16,24,40,.06)!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:12px!important;
}
.farmer-history-link-card h2 {
    margin:0!important;
    color:#17231d!important;
    font-size:20px!important;
    font-weight:950!important;
}
.farmer-history-link-card p {
    margin:5px 0 0!important;
    color:#667085!important;
    font-size:13px!important;
    font-weight:850!important;
}
.farmer-history-link-card a {
    height:40px!important;
    padding:0 14px!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#237452,#124734)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:950!important;
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
}

.farmer-history-page { display:grid!important; gap:14px!important; padding-bottom:30px!important; }
.farmer-history-hero {
    border-radius:26px!important; padding:22px!important;
    background:linear-gradient(135deg,#124734,#237452 55%,#84c241)!important;
    color:#fff!important; display:flex!important; justify-content:space-between!important; gap:18px!important;
    box-shadow:0 18px 45px rgba(18,71,52,.20)!important;
}
.farmer-history-kicker {
    width:fit-content!important; min-height:26px!important; padding:0 10px!important;
    border-radius:999px!important; background:rgba(255,255,255,.17)!important;
    border:1px solid rgba(255,255,255,.26)!important; display:inline-flex!important;
    align-items:center!important; font-size:11px!important; font-weight:950!important;
}
.farmer-history-hero h1 { margin:10px 0 0!important; color:#fff!important; font-size:42px!important; line-height:1!important; font-weight:950!important; }
.farmer-history-hero p { margin:10px 0 0!important; color:rgba(255,255,255,.86)!important; font-size:14px!important; font-weight:800!important; }
.farmer-history-actions { display:flex!important; gap:8px!important; flex-wrap:wrap!important; justify-content:flex-end!important; }
.farmer-history-actions a {
    height:40px!important; padding:0 14px!important; border-radius:13px!important;
    background:rgba(255,255,255,.16)!important; color:#fff!important;
    text-decoration:none!important; font-size:13px!important; font-weight:950!important;
    display:inline-flex!important; align-items:center!important;
}
.farmer-history-actions a.primary { background:#fff!important; color:#124734!important; }

.farmer-history-info, .farmer-history-stats {
    display:grid!important;
    gap:12px!important;
}
.farmer-history-info { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
.farmer-history-stats { grid-template-columns:repeat(2,minmax(0,1fr))!important; }

.farmer-history-info article,
.farmer-history-stats article,
.farmer-history-card {
    border-radius:22px!important;
    background:#fff!important;
    border:1px solid rgba(35,116,82,.12)!important;
    box-shadow:0 12px 34px rgba(16,24,40,.06)!important;
}
.farmer-history-info article,
.farmer-history-stats article {
    padding:14px!important;
}
.farmer-history-info span,
.farmer-history-stats span {
    display:block!important;
    color:#667085!important;
    font-size:11px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
}
.farmer-history-info strong {
    display:block!important;
    margin-top:7px!important;
    color:#17231d!important;
    font-size:15px!important;
    font-weight:950!important;
}
.farmer-history-stats strong {
    display:block!important;
    margin-top:7px!important;
    color:#124734!important;
    font-size:34px!important;
    font-weight:950!important;
}
.farmer-history-stats .done strong { color:#067647!important; }

.farmer-history-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:start!important;
}
.farmer-history-card { padding:16px!important; }
.farmer-history-card-head {
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    margin-bottom:12px!important;
}
.farmer-history-card-head h2 {
    margin:0!important;
    color:#17231d!important;
    font-size:20px!important;
    font-weight:950!important;
}
.farmer-history-card-head span {
    min-width:32px!important;
    height:30px!important;
    border-radius:999px!important;
    background:#ecfdf3!important;
    color:#067647!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    font-weight:950!important;
}
.farmer-history-list { display:grid!important; gap:10px!important; }
.farmer-history-item {
    padding:12px!important;
    border-radius:18px!important;
    background:#fbfdfc!important;
    border:1px solid rgba(35,116,82,.12)!important;
}
.farmer-history-item.done { opacity:.82!important; }
.farmer-history-top {
    display:flex!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
}
.farmer-history-top strong {
    color:#17231d!important;
    font-size:15px!important;
    font-weight:950!important;
}
.farmer-history-top em,
.farmer-history-date {
    min-height:24px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#ecfdf3!important;
    color:#067647!important;
    font-size:10px!important;
    font-style:normal!important;
    font-weight:950!important;
    display:inline-flex!important;
    align-items:center!important;
}
.farmer-history-date {
    margin-top:7px!important;
    background:#fff7ed!important;
    color:#b54708!important;
}
.farmer-history-item p {
    margin:8px 0 0!important;
    padding:10px!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    color:#344054!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:850!important;
    white-space:pre-wrap!important;
}
.farmer-history-phone {
    margin-top:8px!important;
    color:#667085!important;
    font-size:12px!important;
    font-weight:850!important;
}
.farmer-history-buttons {
    margin-top:10px!important;
    display:flex!important;
    gap:7px!important;
    flex-wrap:wrap!important;
}
.farmer-history-buttons a,
.farmer-history-buttons button {
    height:34px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#237452,#124734)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.farmer-history-buttons button.delete { background:#b42318!important; }
.farmer-history-buttons form { margin:0!important; }
.farmer-history-empty {
    padding:24px!important;
    text-align:center!important;
    border-radius:18px!important;
    background:#f8fafc!important;
    color:#667085!important;
    font-size:13px!important;
    font-weight:900!important;
}

@media (max-width:1100px){
    .farmer-history-info{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .farmer-history-grid{grid-template-columns:1fr!important;}
}
@media (max-width:820px){
    .farmer-history-link-card{display:block!important;}
    .farmer-history-link-card a{margin-top:12px!important;width:100%!important;justify-content:center!important;}
    .farmer-history-hero{display:block!important;}
    .farmer-history-actions{justify-content:flex-start!important;margin-top:14px!important;}
    .farmer-history-actions a{width:100%!important;justify-content:center!important;}
    .farmer-history-info,.farmer-history-stats{grid-template-columns:1fr!important;}
}
/* === FARMER PRIVATE HISTORY UI END === */



/* === FARMER TOP SWITCH + COMPACT STATUS START === */

.farmer-top-switch {
    position: sticky !important;
    top: 6px !important;
    z-index: 80 !important;
    margin: 0 0 8px !important;
    padding: 7px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
    box-shadow: 0 10px 28px rgba(16,24,40,.12) !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

.farmer-top-switch a {
    height: 38px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.farmer-top-switch a.next {
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
}

.farmer-status-compact {
    margin: 8px 0 10px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(35,116,82,.14) !important;
    border-left: 5px solid #237452 !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.06) !important;
}

.farmer-status-compact form {
    display: grid !important;
    grid-template-columns: 145px 160px 120px 120px 190px 95px !important;
    gap: 8px !important;
    align-items: end !important;
    margin: 0 !important;
}

.farmer-status-compact label {
    display: grid !important;
    gap: 4px !important;
    margin: 0 !important;
}

.farmer-status-compact label span,
.farmer-status-compact .sale-forms > span {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

.farmer-status-compact input[type="text"],
.farmer-status-compact select {
    width: 100% !important;
    height: 36px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    background: #fff !important;
    color: #17231d !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.farmer-status-compact .sale-forms {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 5px !important;
    align-items: end !important;
}

.farmer-status-compact .sale-forms > span {
    grid-column: 1 / -1 !important;
}

.farmer-status-compact .sale-forms label {
    height: 36px !important;
    border-radius: 11px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.farmer-status-compact .sale-forms input {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
}

.farmer-status-compact button {
    height: 36px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media (max-width: 1200px) {
    .farmer-status-compact form {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }

    .farmer-status-compact button {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 760px) {
    .farmer-top-switch {
        position: static !important;
    }

    .farmer-status-compact form {
        grid-template-columns: 1fr !important;
    }

    .farmer-status-compact button {
        grid-column: auto !important;
    }
}

/* === FARMER TOP SWITCH + COMPACT STATUS END === */



/* === HIDE FARMER BOTTOM PANELS START === */

/* Прибираємо зайві нижні панелі з картки фермера */
.farmer-history-link-card,
.farmer-work-card,
.farmer-work-card-clean {
    display: none !important;
}

/* Залишаємо компактний статус і перемикання фермерів */
.farmer-top-switch,
.farmer-status-compact {
    display: grid !important;
}

/* === HIDE FARMER BOTTOM PANELS END === */





/* === QUICK CALL MINI CSS START === */
.quick-call-mini{margin:6px 0!important;padding:8px!important;background:#fff!important;border:1px solid rgba(35,116,82,.18)!important;border-left:4px solid #237452!important;border-radius:14px!important}
.quick-call-mini form{display:grid!important;grid-template-columns:120px 110px 90px 90px 45px 45px 45px 100px 160px 1fr 80px!important;gap:5px!important;align-items:end!important;margin:0!important}
.quick-call-mini input,.quick-call-mini select,.quick-call-mini textarea,.quick-call-mini button{height:30px!important;border-radius:8px!important;font-size:12px!important;font-weight:850!important;box-sizing:border-box!important}
.quick-call-mini input,.quick-call-mini select,.quick-call-mini textarea{border:1px solid rgba(102,119,110,.25)!important;padding:0 7px!important}
.quick-call-mini textarea{min-height:30px!important;max-height:60px!important;padding-top:6px!important}
.quick-call-mini label{height:30px!important;border-radius:8px!important;background:#ecfdf3!important;color:#067647!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-size:12px!important;font-weight:950!important}
.quick-call-mini label input{width:13px!important;height:13px!important}
.quick-call-mini button{border:0!important;background:linear-gradient(135deg,#237452,#124734)!important;color:white!important;cursor:pointer!important}
@media(max-width:1200px){.quick-call-mini form{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:700px){.quick-call-mini form{grid-template-columns:1fr!important}}
/* === QUICK CALL MINI CSS END === */

/* === PROSPECTS PAGE UI START === */
.prospects-page{display:grid!important;gap:12px!important;padding-bottom:30px!important}
.prospects-head{padding:18px!important;border-radius:24px!important;background:linear-gradient(135deg,#124734,#237452 60%,#84c241)!important;color:white!important;display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:center!important}
.prospects-head h1{margin:0!important;color:white!important;font-size:34px!important;font-weight:950!important}
.prospects-head p{margin:6px 0 0!important;color:rgba(255,255,255,.85)!important;font-size:13px!important;font-weight:850!important}
.prospects-head a{height:38px!important;padding:0 13px!important;border-radius:12px!important;background:white!important;color:#124734!important;text-decoration:none!important;font-size:13px!important;font-weight:950!important;display:inline-flex!important;align-items:center!important}
.prospects-search{padding:10px!important;border-radius:18px!important;background:white!important;border:1px solid rgba(35,116,82,.14)!important;display:grid!important;grid-template-columns:1fr 110px 90px!important;gap:8px!important}
.prospects-search input{height:38px!important;border-radius:12px!important;border:1px solid rgba(102,119,110,.22)!important;padding:0 12px!important;font-size:13px!important;font-weight:850!important}
.prospects-search button,.prospects-search a{height:38px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#237452,#124734)!important;color:white!important;text-decoration:none!important;font-size:13px!important;font-weight:950!important;display:flex!important;align-items:center!important;justify-content:center!important}
.prospects-search a{background:#667085!important}
.prospects-count{font-size:13px!important;color:#344054!important;font-weight:900!important}
.prospects-list{display:grid!important;gap:10px!important}
.prospect-card{padding:12px!important;border-radius:18px!important;background:white!important;border:1px solid rgba(35,116,82,.14)!important;box-shadow:0 8px 22px rgba(16,24,40,.05)!important;display:grid!important;grid-template-columns:1fr 160px!important;gap:12px!important}
.prospect-card h2{margin:0!important;color:#17231d!important;font-size:18px!important;font-weight:950!important}
.prospect-meta,.prospect-info{margin-top:7px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.prospect-meta span,.prospect-info span{min-height:24px!important;padding:0 8px!important;border-radius:999px!important;background:#f2f4f7!important;color:#344054!important;font-size:11px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important}
.prospect-info span{background:#ecfdf3!important;color:#067647!important}
.prospect-card p{margin:8px 0 0!important;padding:8px!important;border-radius:12px!important;background:#f8fafc!important;color:#344054!important;font-size:12px!important;font-weight:850!important}
.prospect-phone{margin-top:7px!important;color:#667085!important;font-size:12px!important;font-weight:900!important}
.prospect-actions{display:grid!important;gap:7px!important;align-content:start!important}
.prospect-actions a,.prospect-actions button{height:36px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#237452,#124734)!important;color:white!important;text-decoration:none!important;font-size:12px!important;font-weight:950!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.prospect-actions button{background:#b42318!important;width:100%!important}
.prospect-actions form{margin:0!important}
.prospects-empty{padding:24px!important;text-align:center!important;border-radius:18px!important;background:white!important;border:1px dashed rgba(102,119,110,.24)!important;color:#667085!important;font-size:13px!important;font-weight:900!important}
.quick-call-mini label:has(input[name="important"]),.quick-call-card label:has(input[name="important"]),.quick-remember{background:#eef4ff!important;color:#3538cd!important;border:1px solid rgba(53,56,205,.24)!important}
@media(max-width:900px){.prospects-head,.prospect-card{display:block!important}.prospects-head a{margin-top:12px!important;width:100%!important;justify-content:center!important}.prospects-search{grid-template-columns:1fr!important}.prospect-actions{margin-top:10px!important}}
/* === PROSPECTS PAGE UI END === */

/* === QUICK DUE SAVE BUTTONS START === */
.quick-due-wrap{display:grid!important;gap:3px!important}
.quick-due-buttons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3px!important}
.quick-due-buttons button{height:22px!important;border:0!important;border-radius:7px!important;background:#eef4ff!important;color:#3538cd!important;font-size:10px!important;font-weight:950!important;cursor:pointer!important}
.quick-save-buttons{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
.quick-save-buttons button{height:30px!important;border:0!important;border-radius:8px!important;background:linear-gradient(135deg,#237452,#124734)!important;color:white!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important}
.quick-save-buttons button:last-child{background:#3538cd!important}
.quick-call-mini form{grid-template-columns:120px 110px 90px 90px 45px 45px 45px 150px 190px 1fr 125px!important}
@media(max-width:1200px){.quick-call-mini form{grid-template-columns:repeat(4,1fr)!important}.quick-save-buttons{grid-column:1/-1!important}}
/* === QUICK DUE SAVE BUTTONS END === */

/* === REMOVE QUICK DATE BUTTONS START === */
.quick-due-buttons {
    display: none !important;
}
.quick-due-wrap {
    display: block !important;
}
/* === REMOVE QUICK DATE BUTTONS END === */

/* === HIDE OLD BOTTOM STATUS PANEL START === */
.farmer-status-compact,
.my-farmer-status-card,
#my-farmer-status:not(.quick-call-mini):not(.quick-call-card) {
    display: none !important;
}
/* === HIDE OLD BOTTOM STATUS PANEL END === */


/* === QUICK MINI POLISH START === */
.quick-call-mini form{
    grid-template-columns:120px 110px 90px 90px 45px 45px 45px 155px 155px 1fr 135px!important;
}
.quick-call-mini .prospect-mark{
    background:#eef4ff!important;
    color:#3538cd!important;
    border:1px solid rgba(53,56,205,.24)!important;
    white-space:nowrap!important;
}
.quick-save-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
}
.quick-save-buttons button{
    width:100%!important;
    height:30px!important;
}
.quick-save-buttons button:last-child{
    background:#3538cd!important;
}
.quick-mini-notes{
    margin-top:6px!important;
    display:grid!important;
    gap:4px!important;
}
.quick-mini-notes div{
    padding:6px 8px!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    border:1px solid rgba(102,119,110,.14)!important;
    display:flex!important;
    gap:8px!important;
}
.quick-mini-notes b{
    font-size:10px!important;
    color:#667085!important;
    white-space:nowrap!important;
}
.quick-mini-notes span{
    font-size:12px!important;
    color:#344054!important;
    font-weight:850!important;
}
@media(max-width:1200px){
    .quick-call-mini form{grid-template-columns:repeat(4,1fr)!important}
    .quick-save-buttons{grid-column:1/-1!important}
}
@media(max-width:700px){
    .quick-call-mini form{grid-template-columns:1fr!important}
    .quick-save-buttons{grid-column:auto!important}
}
/* === QUICK MINI POLISH END === */


/* === QUICK CALL NORMAL LAYOUT START === */

/* Сам блок */
.quick-call-mini {
    margin: 8px 0 10px !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(35,116,82,.16) !important;
    border-left: 4px solid #237452 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.06) !important;
}

/* Нормальна сітка, не одна розтягнута лінія */
.quick-call-mini form {
    display: grid !important;
    grid-template-columns: 150px 140px 100px 100px 54px 54px 54px 150px 180px minmax(240px, 1fr) 145px !important;
    gap: 7px !important;
    align-items: end !important;
    margin: 0 !important;
}

/* Поля */
.quick-call-mini input,
.quick-call-mini select,
.quick-call-mini textarea {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.25) !important;
    background: #fff !important;
    color: #17231d !important;
    padding: 0 9px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.quick-call-mini textarea {
    padding-top: 8px !important;
    resize: vertical !important;
    max-height: 80px !important;
}

/* 1Ф / 2Ф / 3Ф */
.quick-call-mini label {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.quick-call-mini label input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Перспективний — окрема солідна синя кнопка */
.quick-call-mini .prospect-mark,
.quick-call-mini label:has(input[name="important"]) {
    background: #eef4ff !important;
    color: #3538cd !important;
    border: 1px solid rgba(53,56,205,.24) !important;
}

/* Кнопки збереження */
.quick-save-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
}

.quick-save-buttons button,
.quick-call-mini > form > button {
    width: 100% !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.quick-save-buttons button:last-child {
    background: #3538cd !important;
}

/* Нотатки під формою акуратно */
.quick-mini-notes {
    margin-top: 7px !important;
    display: grid !important;
    gap: 5px !important;
}

.quick-mini-notes div {
    padding: 7px 9px !important;
    border-radius: 11px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    display: flex !important;
    gap: 8px !important;
}

.quick-mini-notes b {
    font-size: 10px !important;
    color: #667085 !important;
    white-space: nowrap !important;
}

.quick-mini-notes span {
    font-size: 12px !important;
    color: #344054 !important;
    font-weight: 850 !important;
}

/* На менших екранах — не ламається, а стає у 4 колонки */
@media (max-width: 1300px) {
    .quick-call-mini form {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .quick-save-buttons {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 760px) {
    .quick-call-mini form {
        grid-template-columns: 1fr !important;
    }

    .quick-save-buttons {
        grid-column: auto !important;
    }
}

/* === QUICK CALL NORMAL LAYOUT END === */

/* === FIX PROSPECT LABEL OVERLAP START === */

/* Робимо блок дзвінка гнучким, щоб елементи не налазили одне на одного */
.quick-call-mini form {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
}

/* Основні поля нормальної ширини */
.quick-call-mini select[name="status"] {
    width: 130px !important;
    flex: 0 0 130px !important;
}

.quick-call-mini input[name="crop"] {
    width: 120px !important;
    flex: 0 0 120px !important;
}

.quick-call-mini input[name="volume"] {
    width: 95px !important;
    flex: 0 0 95px !important;
}

.quick-call-mini input[name="price"] {
    width: 95px !important;
    flex: 0 0 95px !important;
}

/* 1Ф / 2Ф / 3Ф не повинні стискатись */
.quick-call-mini label {
    width: auto !important;
    min-width: 48px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 0 8px !important;
}

/* Перспективний — окремо ширший */
.quick-call-mini label:has(input[name="important"]),
.quick-call-mini .prospect-mark {
    min-width: 135px !important;
    flex: 0 0 135px !important;
    background: #eef4ff !important;
    color: #3538cd !important;
    border: 1px solid rgba(53,56,205,.24) !important;
}

/* Дата і нотатка */
.quick-call-mini input[name="due_at"] {
    width: 170px !important;
    flex: 0 0 170px !important;
}

.quick-call-mini textarea[name="note"] {
    flex: 1 1 260px !important;
    min-width: 240px !important;
}

/* Кнопки збереження */
.quick-save-buttons {
    flex: 0 0 135px !important;
    display: grid !important;
    gap: 4px !important;
}

/* === FIX PROSPECT LABEL OVERLAP END === */

/* === SAVED FARMER BUTTON NAME START === */
.quick-call-mini label:has(input[name="important"]),
.quick-call-card label:has(input[name="important"]),
.prospect-mark {
    min-width: 145px !important;
    background: #eef4ff !important;
    color: #3538cd !important;
    border: 1px solid rgba(53,56,205,.24) !important;
    font-weight: 950 !important;
}
/* === SAVED FARMER BUTTON NAME END === */

/* === SAVED FARMERS MENU STYLE START === */
a.saved-farmers-menu-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
a.saved-farmers-menu-link::before {
    content: "✓";
    font-weight: 900;
}
/* === SAVED FARMERS MENU STYLE END === */

/* === NO MENU SHAKE START === */

/* Фіксуємо всі пункти бокового меню, щоб не тремтіли при натисканні */
.sidebar a,
.side-menu a,
.crm-sidebar a,
.manager-sidebar a,
.left-menu a,
aside a,
nav a.saved-farmers-menu-item,
a.saved-farmers-menu-item {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    animation: none !important;
    transition: background-color .12s ease, color .12s ease, border-color .12s ease !important;

    position: relative !important;
    top: 0 !important;
    left: 0 !important;

    min-height: 42px !important;
    height: 42px !important;
    box-sizing: border-box !important;

    padding: 10px 14px !important;
    margin: 2px 0 !important;

    border: 1px solid transparent !important;
    border-radius: 12px !important;

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

    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* При наведенні, фокусі й натисканні — не рухати кнопку */
.sidebar a:hover,
.sidebar a:focus,
.sidebar a:active,
.side-menu a:hover,
.side-menu a:focus,
.side-menu a:active,
.crm-sidebar a:hover,
.crm-sidebar a:focus,
.crm-sidebar a:active,
.manager-sidebar a:hover,
.manager-sidebar a:focus,
.manager-sidebar a:active,
.left-menu a:hover,
.left-menu a:focus,
.left-menu a:active,
aside a:hover,
aside a:focus,
aside a:active,
nav a.saved-farmers-menu-item:hover,
nav a.saved-farmers-menu-item:focus,
nav a.saved-farmers-menu-item:active,
a.saved-farmers-menu-item:hover,
a.saved-farmers-menu-item:focus,
a.saved-farmers-menu-item:active {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    top: 0 !important;
    left: 0 !important;
    padding: 10px 14px !important;
    margin: 2px 0 !important;
    height: 42px !important;
    min-height: 42px !important;
}

/* Активний пункт теж не міняє розмір */
.sidebar a.active,
.side-menu a.active,
.crm-sidebar a.active,
.manager-sidebar a.active,
.left-menu a.active,
aside a.active,
a.saved-farmers-menu-item.active {
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    margin: 2px 0 !important;
    border: 1px solid transparent !important;
}

/* Прибираємо стару галочку, якщо вона ще десь підтягується */
a.saved-farmers-menu-link::before,
a.saved-farmers-menu-item::before {
    content: none !important;
    display: none !important;
}

/* === NO MENU SHAKE END === */

/* === PERMANENT SAVED FARMERS MENU START === */
.saved-farmers-menu-item {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    padding: 10px 14px !important;
    margin: 2px 0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    transform: none !important;
    animation: none !important;
    transition: background-color .12s ease, color .12s ease !important;
}

.saved-farmers-menu-item:hover,
.saved-farmers-menu-item:focus,
.saved-farmers-menu-item:active {
    transform: none !important;
    animation: none !important;
    top: 0 !important;
    left: 0 !important;
    padding: 10px 14px !important;
    margin: 2px 0 !important;
    height: 42px !important;
}

.saved-farmers-menu-item.active {
    background: rgba(35,116,82,.12) !important;
    color: #124734 !important;
}
/* === PERMANENT SAVED FARMERS MENU END === */

/* === PLAN DAY WORK PAGE START === */
.plan-work-page {
    display: grid !important;
    gap: 14px !important;
}

.plan-work-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.plan-work-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.plan-work-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

.plan-work-head a,
.plan-work-actions a {
    text-decoration: none !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.plan-work-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.plan-work-tabs a {
    text-decoration: none !important;
    padding: 9px 13px !important;
    border-radius: 999px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.plan-work-tabs a.active {
    background: #237452 !important;
    color: #fff !important;
}

.plan-work-count {
    color: #667085 !important;
    font-weight: 850 !important;
}

.plan-work-list {
    display: grid !important;
    gap: 10px !important;
}

.plan-work-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 14px !important;
    padding: 14px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    border-left: 4px solid #237452 !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.plan-work-card h2 {
    margin: 0 0 8px !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.plan-work-meta,
.plan-work-info,
.plan-work-phones {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 7px !important;
}

.plan-work-meta span,
.plan-work-info span {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.plan-work-meta .due {
    background: #fff7ed !important;
    color: #b54708 !important;
}

.plan-work-card p {
    margin: 9px 0 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.plan-work-phones a {
    text-decoration: none !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-weight: 950 !important;
}

.plan-work-actions {
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
}

.plan-work-actions .call {
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
    text-align: center !important;
}

.plan-work-actions a {
    text-align: center !important;
}

.plan-work-empty {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px dashed rgba(102,119,110,.28) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width:800px) {
    .plan-work-card {
        grid-template-columns: 1fr !important;
    }

    .plan-work-head {
        display: grid !important;
    }
}
/* === PLAN DAY WORK PAGE END === */

/* === CARD CALL WORDS START === */

/* Поле "Передзвонити" в картці */
.quick-call-mini .quick-date-label {
    min-width: 175px !important;
    height: 44px !important;
    padding: 3px 7px !important;
    border-radius: 10px !important;
    background: #fff7ed !important;
    color: #b54708 !important;
    border: 1px solid rgba(245,158,11,.28) !important;
    display: grid !important;
    gap: 1px !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.quick-call-mini .quick-date-label span {
    display: block !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: #b54708 !important;
}

.quick-call-mini .quick-date-label input {
    width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

/* Кнопка "Зберегти фермера" */
.quick-call-mini label:has(input[name="important"]),
.quick-call-mini .prospect-mark {
    min-width: 155px !important;
    flex: 0 0 155px !important;
    background: #eef4ff !important;
    color: #3538cd !important;
    border: 1px solid rgba(53,56,205,.24) !important;
    white-space: nowrap !important;
}

/* Щоб 1Ф / 2Ф / 3Ф не налазили на кнопку */
.quick-call-mini label {
    flex-shrink: 0 !important;
}

/* === CARD CALL WORDS END === */

/* === PLAN DAY ACTION BUTTONS START === */
.plan-work-actions form {
    margin: 0 !important;
}

.plan-work-actions button {
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 9px 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.plan-work-actions .plan-postpone {
    display: grid !important;
    gap: 6px !important;
}

.plan-work-actions .plan-postpone input {
    width: 100% !important;
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.plan-work-actions .plan-postpone button {
    background: #b54708 !important;
}

.plan-work-actions a {
    min-height: 38px !important;
    box-sizing: border-box !important;
}

.plan-work-actions a.call {
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
}
/* === PLAN DAY ACTION BUTTONS END === */

/* === REAL MENU CLEAN FIX START === */

/* Верхнє старе меню більше не показуємо */
.crm-top-nav {
    display: none !important;
}

/* Старі окремі сайдбари зі старих сторінок не повинні дублювати меню */
.crm-sidebar,
.side-menu,
.manager-sidebar,
.left-menu {
    display: none !important;
}

/* У сторінці пошуку не показуємо меню-кнопки всередині контенту */
.manager-search-actions a[href="/work"],
.manager-search-actions a[href="/today"],
.manager-search-actions a[href="/my-work"],
.manager-search-actions a[href="/prospects"] {
    display: none !important;
}

/* Ліве меню має бути стабільне */
.agro-menu-simple.manager-only-menu {
    display: grid !important;
    gap: 6px !important;
}

.agro-menu-simple.manager-only-menu a {
    height: 42px !important;
    min-height: 42px !important;
    transform: none !important;
    animation: none !important;
}

/* === REAL MENU CLEAN FIX END === */

/* === FINAL CARD WORDS START === */

/* Кнопка "Зберегти фермера" */
.quick-call-mini label:has(input[name="important"]),
.quick-call-mini .prospect-mark {
    min-width: 170px !important;
    flex: 0 0 170px !important;
    background: #eef4ff !important;
    color: #3538cd !important;
    border: 1px solid rgba(53,56,205,.24) !important;
    white-space: nowrap !important;
    font-weight: 950 !important;
}

/* Поле "Передзвонити" */
.quick-call-mini .quick-date-label {
    min-width: 180px !important;
    flex: 0 0 180px !important;
    height: 44px !important;
    padding: 3px 8px !important;
    border-radius: 10px !important;
    background: #fff7ed !important;
    color: #b54708 !important;
    border: 1px solid rgba(245,158,11,.28) !important;
    display: grid !important;
    gap: 1px !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.quick-call-mini .quick-date-label span {
    display: block !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: #b54708 !important;
}

.quick-call-mini .quick-date-label input {
    width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

/* 1Ф / 2Ф / 3Ф не стискаються */
.quick-call-mini label {
    flex-shrink: 0 !important;
}

/* === FINAL CARD WORDS END === */



/* === QUICK SAVE MESSAGE STYLE START === */
.quick-save-message {
    margin: 8px 0 10px !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}
/* === QUICK SAVE MESSAGE STYLE END === */

/* === DAILY PLAN HARD FIX STYLE START === */
.daily-plan-page {
    display: grid !important;
    gap: 14px !important;
}

.daily-plan-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.daily-plan-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.daily-plan-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 750 !important;
}

.daily-plan-head a,
.daily-plan-actions a {
    text-decoration: none !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.daily-plan-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.daily-plan-tabs a {
    text-decoration: none !important;
    padding: 9px 13px !important;
    border-radius: 999px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.daily-plan-tabs a.active {
    background: #237452 !important;
    color: #fff !important;
}

.daily-plan-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 14px !important;
    padding: 14px !important;
    margin-bottom: 10px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    border-left: 4px solid #237452 !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.daily-plan-card h2 {
    margin: 0 0 8px !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.daily-plan-tags,
.daily-plan-phones {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 7px !important;
}

.daily-plan-tags span {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.daily-plan-tags .due {
    background: #fff7ed !important;
    color: #b54708 !important;
}

.daily-plan-phones a {
    text-decoration: none !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-weight: 950 !important;
}

.daily-plan-actions {
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
}

.daily-plan-actions .call {
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
}

.daily-plan-empty {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px dashed rgba(102,119,110,.28) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}
/* === DAILY PLAN HARD FIX STYLE END === */

/* === SAVED FARMERS RESTORE STYLE START === */
.saved-farmers-page {
    display: grid !important;
    gap: 14px !important;
}

.saved-farmers-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.saved-farmers-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.saved-farmers-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 750 !important;
}

.saved-farmers-head a,
.saved-farmer-actions a {
    text-decoration: none !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.saved-farmer-card {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 150px !important;
    gap: 14px !important;
    padding: 14px !important;
    margin-bottom: 10px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    border-left: 4px solid #3538cd !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.saved-farmer-card h2 {
    margin: 0 0 8px !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.saved-farmer-tags,
.saved-farmer-phones {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 7px !important;
}

.saved-farmer-tags span {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.saved-farmer-phones a {
    text-decoration: none !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-weight: 950 !important;
}

.saved-farmer-actions {
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
}

.saved-farmer-actions .call {
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
}

.saved-farmers-empty {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px dashed rgba(102,119,110,.28) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}
/* === SAVED FARMERS RESTORE STYLE END === */

/* === DAILY PLAN ACTIONS STYLE START === */
.daily-plan-actions form {
    margin: 0 !important;
}

.daily-plan-actions button {
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 9px 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.daily-plan-postpone {
    display: grid !important;
    gap: 6px !important;
}

.daily-plan-postpone input {
    width: 100% !important;
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.daily-plan-postpone button {
    background: #b54708 !important;
}
/* === DAILY PLAN ACTIONS STYLE END === */

/* === SAVED FARMERS FILTERS START === */
.saved-farmers-filter {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 180px 160px 120px 100px !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.saved-farmers-filter input,
.saved-farmers-filter select {
    width: 100% !important;
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 10px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
}

.saved-farmers-filter button,
.saved-farmers-filter a {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-weight: 950 !important;
}

.saved-farmers-filter button {
    background: #237452 !important;
    color: #fff !important;
}

.saved-farmers-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.saved-farmer-actions form {
    margin: 0 !important;
}

.saved-farmer-actions button {
    width: 100% !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 9px 12px !important;
    background: #b42318 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media(max-width:900px) {
    .saved-farmers-filter {
        grid-template-columns: 1fr !important;
    }
}
/* === SAVED FARMERS FILTERS END === */

/* === MANAGER NOTES PAGE START === */
.manager-notes-page {
    display: grid !important;
    gap: 14px !important;
}

.manager-notes-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.manager-notes-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.manager-notes-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 750 !important;
}

.manager-notes-head a,
.manager-note-actions a {
    text-decoration: none !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.manager-notes-filter {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 120px 100px !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.manager-notes-filter input {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 10px !important;
    font-weight: 850 !important;
}

.manager-notes-filter button,
.manager-notes-filter a {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-weight: 950 !important;
}

.manager-notes-filter button {
    background: #237452 !important;
    color: #fff !important;
}

.manager-notes-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.manager-note-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 14px !important;
    padding: 14px !important;
    margin-bottom: 10px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    border-left: 4px solid #237452 !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.manager-note-date {
    font-size: 12px !important;
    color: #667085 !important;
    font-weight: 850 !important;
    margin-bottom: 5px !important;
}

.manager-note-card h2 {
    margin: 0 0 8px !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.manager-note-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 7px !important;
}

.manager-note-tags span {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.manager-note-card p {
    margin: 10px 0 0 !important;
    color: #344054 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.manager-note-actions {
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
}

.manager-note-actions .call {
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
}

.manager-notes-empty {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px dashed rgba(102,119,110,.28) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width:900px) {
    .manager-notes-filter,
    .manager-note-card {
        grid-template-columns: 1fr !important;
    }
}
/* === MANAGER NOTES PAGE END === */

/* === MANAGER ADS PAGE START === */
.manager-ads-page {
    display: grid !important;
    gap: 14px !important;
}

.manager-ads-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.manager-ads-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.manager-ads-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 750 !important;
}

.manager-ads-head a,
.manager-ad-actions a {
    text-decoration: none !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.manager-ads-filter {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 120px 100px !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.manager-ads-filter input {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 10px !important;
    font-weight: 850 !important;
}

.manager-ads-filter button,
.manager-ads-filter a {
    height: 38px !important;
    border: 0 !important;
    border-radius: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-weight: 950 !important;
}

.manager-ads-filter button {
    background: #237452 !important;
    color: #fff !important;
}

.manager-ads-filter a {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.manager-ad-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    gap: 14px !important;
    padding: 14px !important;
    margin-bottom: 10px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    border-left: 4px solid #237452 !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.manager-ad-date {
    font-size: 12px !important;
    color: #667085 !important;
    font-weight: 850 !important;
    margin-bottom: 5px !important;
}

.manager-ad-card h2 {
    margin: 0 0 8px !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.manager-ad-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 7px !important;
}

.manager-ad-tags span {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.manager-ad-card p {
    margin: 10px 0 0 !important;
    color: #344054 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.manager-ad-actions {
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
}

.manager-ad-actions .call {
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
}

.manager-ads-empty {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px dashed rgba(102,119,110,.28) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width:900px) {
    .manager-ads-filter,
    .manager-ad-card {
        grid-template-columns: 1fr !important;
    }
}
/* === MANAGER ADS PAGE END === */

/* === MANAGER PROFILE PAGE START === */
.manager-profile-page {
    display: grid !important;
    gap: 14px !important;
}

.manager-profile-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.manager-profile-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.manager-profile-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 750 !important;
}

.manager-profile-head a {
    text-decoration: none !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.manager-profile-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.manager-profile-avatar {
    width: 64px !important;
    height: 64px !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg,#237452,#124734) !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.manager-profile-card h2 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.manager-profile-card p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 800 !important;
}

.manager-profile-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.manager-profile-stats a {
    text-decoration: none !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.manager-profile-stats b {
    display: block !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #237452 !important;
}

.manager-profile-stats span {
    display: block !important;
    margin-top: 4px !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.manager-profile-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.manager-profile-actions a {
    text-decoration: none !important;
    text-align: center !important;
    padding: 13px 12px !important;
    border-radius: 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
}

.manager-profile-info {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.manager-profile-info h3 {
    margin: 0 0 8px !important;
    color: #17231d !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.manager-profile-info p {
    margin: 0 !important;
    color: #475467 !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}

@media(max-width:900px) {
    .manager-profile-stats,
    .manager-profile-actions {
        grid-template-columns: 1fr !important;
    }
}
/* === MANAGER PROFILE PAGE END === */

/* === MANAGER EXPORT DISABLED START === */
.saved-export-btn,
a[href*="/prospects/export"],
button[data-export],
.export-btn {
    display: none !important;
}
/* === MANAGER EXPORT DISABLED END === */

/* === PHONE MASK PROTECTION START === */
html.crm-protect-copy body {
    -webkit-user-select: none !important;
    user-select: none !important;
}

html.crm-protect-copy input,
html.crm-protect-copy textarea,
html.crm-protect-copy select,
html.crm-protect-copy option {
    -webkit-user-select: text !important;
    user-select: text !important;
}

.masked-phone-btn {
    border: 0 !important;
    border-radius: 999px !important;
    padding: 7px 11px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

.masked-phone-btn.revealed {
    background: #fff7ed !important;
    color: #b54708 !important;
}

.saved-farmer-phones,
.daily-plan-phones,
.manager-note-tags,
.manager-ad-tags {
    gap: 7px !important;
}
/* === PHONE MASK PROTECTION END === */

/* === PRETTY PHONE MASK FIX START === */
.masked-phone-btn {
    border: 0 !important;
    border-radius: 999px !important;
    padding: 8px 13px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    min-height: 36px !important;
    min-width: 150px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    letter-spacing: .2px !important;
}

.masked-phone-btn.revealed {
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.22) !important;
}

.saved-farmer-phones,
.daily-plan-phones,
.farmer-phones,
.phone-list,
.base-phones {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
}
/* === PRETTY PHONE MASK FIX END === */

/* === WHITE PHONE STYLE START === */
.masked-phone-btn,
.masked-phone-btn.revealed {
    background: #ffffff !important;
    color: #1d2939 !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    padding: 7px 12px !important;
    min-width: 145px !important;
    min-height: 34px !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
}

.masked-phone-btn:hover,
.masked-phone-btn.revealed:hover {
    background: #ffffff !important;
    color: #101828 !important;
    border-color: rgba(102,119,110,.35) !important;
}

.masked-phone-btn.revealed {
    color: #101828 !important;
    font-weight: 900 !important;
}

.saved-farmer-phones,
.daily-plan-phones,
.farmer-phones,
.phone-list,
.base-phones {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
}
/* === WHITE PHONE STYLE END === */

/* === MANAGER PRINT BLOCK START === */
@media print {
    html.crm-protect-copy body * {
        visibility: hidden !important;
    }

    html.crm-protect-copy body::before {
        content: "Друк цієї сторінки заборонений";
        visibility: visible !important;
        display: block !important;
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        padding: 40px 20px !important;
        text-align: center !important;
        font-size: 28px !important;
        font-weight: 900 !important;
        color: #101828 !important;
        background: #ffffff !important;
    }
}
/* === MANAGER PRINT BLOCK END === */

/* === PAID MANAGER ACCESS STYLE START === */
.admin-access-page,
.access-paused-page {
    display: grid !important;
    gap: 14px !important;
}

.admin-access-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.admin-access-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.admin-access-head p,
.admin-access-card p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 800 !important;
}

.admin-access-head a {
    text-decoration: none !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 950 !important;
}

.admin-access-info,
.admin-access-empty {
    padding: 14px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    color: #475467 !important;
    font-weight: 850 !important;
}

.admin-access-card {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 340px !important;
    gap: 14px !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.admin-access-card h2 {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.access-badge {
    display: inline-flex !important;
    margin-top: 10px !important;
    margin-right: 6px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.access-badge.active {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.access-badge.blocked {
    background: #fff1f3 !important;
    color: #b42318 !important;
}

.access-badge.date {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.admin-access-card form {
    display: grid !important;
    gap: 8px !important;
}

.admin-access-card label {
    display: grid !important;
    gap: 5px !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.admin-access-card select,
.admin-access-card input {
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 10px !important;
    font-weight: 850 !important;
}

.admin-access-card button {
    height: 40px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.access-paused-page {
    min-height: 70vh !important;
    place-items: center !important;
}

.access-paused-card {
    max-width: 520px !important;
    padding: 28px !important;
    border-radius: 22px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    text-align: center !important;
    box-shadow: 0 14px 35px rgba(16,24,40,.08) !important;
}

.access-paused-card h1 {
    margin: 0 0 10px !important;
    color: #b42318 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
}

.access-paused-card p {
    color: #475467 !important;
    font-weight: 850 !important;
    line-height: 1.5 !important;
}

.access-paused-card a {
    display: inline-flex !important;
    margin-top: 12px !important;
    text-decoration: none !important;
    padding: 11px 16px !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
}

@media(max-width:900px) {
    .admin-access-card {
        grid-template-columns: 1fr !important;
    }
}
/* === PAID MANAGER ACCESS STYLE END === */

/* === GLOBAL LOGOUT BUTTON BOTTOM START === */
.global-logout-btn {
    position: fixed !important;
    top: auto !important;
    bottom: 18px !important;
    right: 18px !important;
    z-index: 99999 !important;
    text-decoration: none !important;
    padding: 10px 16px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #b42318 !important;
    border: 1px solid rgba(180,35,24,.22) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.10) !important;
}

.global-logout-btn:hover {
    background: #fff1f3 !important;
    color: #912018 !important;
}
/* === GLOBAL LOGOUT BUTTON BOTTOM END === */

/* === FORCE ADMIN LOGOUT BUTTON START === */
.force-logout-btn {
    position: fixed !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 2147483647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    height: 42px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #b42318 !important;
    border: 1px solid rgba(180,35,24,.28) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: 0 10px 28px rgba(16,24,40,.18) !important;
}

.force-logout-btn:hover {
    background: #fff1f3 !important;
    color: #912018 !important;
}
/* === FORCE ADMIN LOGOUT BUTTON END === */

/* === CLEAN ADMIN IMPORT PAGE START === */
.admin-import-page {
    display: grid !important;
    gap: 14px !important;
}

.admin-import-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.admin-import-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.admin-import-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 800 !important;
}

.admin-import-head a {
    text-decoration: none !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 950 !important;
}

.admin-import-warning {
    padding: 14px !important;
    border-radius: 16px !important;
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
    color: #9a3412 !important;
    font-weight: 900 !important;
}

.admin-import-card,
.admin-import-help {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 22px rgba(16,24,40,.05) !important;
}

.admin-import-card form {
    display: grid !important;
    gap: 12px !important;
}

.admin-import-label {
    display: grid !important;
    gap: 8px !important;
    color: #344054 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.admin-import-file {
    width: 100% !important;
    padding: 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    background: #f9fafb !important;
    color: #344054 !important;
    font-weight: 850 !important;
}

.admin-import-submit {
    width: fit-content !important;
    min-width: 180px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.admin-import-help h2 {
    margin: 0 0 8px !important;
    color: #17231d !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.admin-import-help p {
    margin: 8px 0 0 !important;
    color: #475467 !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}
/* === CLEAN ADMIN IMPORT PAGE END === */

/* === AGRO ROLE LAYOUT SEPARATION START === */

/* Загальна стабільність сторінок */
html {
    scroll-behavior: smooth !important;
}

body {
    overflow-x: hidden !important;
}

body.agro-layout-ready {
    animation: agroPageFade .12s ease-out !important;
}

@keyframes agroPageFade {
    from {
        opacity: .94;
        transform: translateY(2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Щоб контент не залазив під плаваючі кнопки */
body.agro-admin-layout,
body.agro-manager-layout {
    padding-bottom: 80px !important;
}

/* Менеджер не бачить адмінські меню */
body.agro-manager-layout .admin-menu,
body.agro-manager-layout .admin-nav,
body.agro-manager-layout .admin-dashboard-menu,
body.agro-manager-layout .admin-panel-menu,
body.agro-manager-layout .admin-access-page .admin-menu,
body.agro-manager-layout a[href^="/admin"],
body.agro-manager-layout a[href="/import"],
body.agro-manager-layout a[href="/backup"],
body.agro-manager-layout a[href="/backups"] {
    display: none !important;
}

/* Адмін не бачить менеджерські робочі меню */
body.agro-admin-layout .manager-only-menu,
body.agro-admin-layout .manager-menu,
body.agro-admin-layout .manager-sidebar,
body.agro-admin-layout .manager-dashboard,
body.agro-admin-layout .manager-work-menu,
body.agro-admin-layout a[href="/daily-plan"],
body.agro-admin-layout a[href^="/daily-plan"],
body.agro-admin-layout a[href="/prospects"],
body.agro-admin-layout a[href="/manager-notes"],
body.agro-admin-layout a[href="/manager-ads"],
body.agro-admin-layout a[href="/manager-profile"] {
    display: none !important;
}

/* Контентні блоки однакової ширини і без стрибків */
.admin-access-page,
.admin-import-page,
.manager-profile-page,
.manager-notes-page,
.manager-ads-page,
.saved-farmers-page,
.daily-plan-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Адмінські панелі */
.admin-access-head,
.admin-import-head,
.admin-panel-head,
.admin-dashboard-head {
    min-height: 84px !important;
    box-sizing: border-box !important;
}

/* Менеджерські панелі */
.manager-profile-head,
.manager-notes-head,
.manager-ads-head,
.saved-farmers-head,
.daily-plan-head {
    min-height: 84px !important;
    box-sizing: border-box !important;
}

/* Меню не скаче і не налазить */
.admin-menu,
.admin-nav,
.admin-dashboard-menu,
.admin-panel-menu,
.agro-menu-simple,
.manager-only-menu {
    position: relative !important;
    z-index: 20 !important;
    box-sizing: border-box !important;
}

.admin-menu a,
.admin-nav a,
.admin-dashboard-menu a,
.admin-panel-menu a,
.agro-menu-simple a,
.manager-only-menu a {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    transition: background .12s ease, color .12s ease, border-color .12s ease, transform .12s ease !important;
}

.admin-menu a:hover,
.admin-nav a:hover,
.admin-dashboard-menu a:hover,
.admin-panel-menu a:hover,
.agro-menu-simple a:hover,
.manager-only-menu a:hover {
    transform: translateY(-1px) !important;
}

/* Активна вкладка спокійна, без стрибків */
.agro-link-active {
    background: #ecfdf3 !important;
    color: #067647 !important;
    border-color: rgba(6,118,71,.22) !important;
}

/* Картки не стрибають при завантаженні */
.admin-access-card,
.saved-farmer-card,
.daily-plan-card,
.manager-note-card,
.manager-ad-card,
.manager-profile-card {
    box-sizing: border-box !important;
    contain: layout paint !important;
}

/* Таблиці і списки не вилазять за екран */
table,
.admin-access-list,
.saved-farmers-list,
.daily-plan-list,
.manager-notes-list,
.manager-ads-list {
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Поля і кнопки однаково поводяться */
input,
select,
textarea,
button,
a {
    box-sizing: border-box !important;
}

/* На телефоні все в один стовпчик */
@media(max-width: 900px) {
    .admin-menu,
    .admin-nav,
    .admin-dashboard-menu,
    .admin-panel-menu,
    .agro-menu-simple,
    .manager-only-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .admin-menu a,
    .admin-nav a,
    .admin-dashboard-menu a,
    .admin-panel-menu a,
    .agro-menu-simple a,
    .manager-only-menu a {
        flex: 1 1 auto !important;
    }
}

/* === AGRO ROLE LAYOUT SEPARATION END === */

/* === FIX ADMIN PANELS CENTER START === */
body.agro-admin-layout main,
body.agro-admin-layout .main,
body.agro-admin-layout .content,
body.agro-admin-layout .container,
body.agro-admin-layout .page,
body.agro-admin-layout .wrapper {
    width: 100% !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body.agro-admin-layout .admin-menu,
body.agro-admin-layout .admin-nav,
body.agro-admin-layout .admin-dashboard-menu,
body.agro-admin-layout .admin-panel-menu {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 14px auto 18px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

body.agro-admin-layout .admin-menu a,
body.agro-admin-layout .admin-nav a,
body.agro-admin-layout .admin-dashboard-menu a,
body.agro-admin-layout .admin-panel-menu a,
body.agro-admin-layout a[href="/admin-telegram"],
body.agro-admin-layout a[href="/view"],
body.agro-admin-layout a[href="/admin-view"] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.admin-fixed-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 14px !important;
}

.admin-fixed-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.12), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.16) !important;
}

.admin-fixed-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.admin-fixed-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-weight: 800 !important;
}

.admin-fixed-head a,
.admin-fixed-filter a,
.admin-farmers-table a {
    text-decoration: none !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 950 !important;
}

.admin-fixed-filter {
    display: grid !important;
    grid-template-columns: minmax(240px, 1fr) 130px 110px !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.admin-fixed-filter input {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 12px !important;
    font-weight: 850 !important;
}

.admin-fixed-filter button {
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
}

.admin-fixed-count,
.admin-fixed-empty,
.admin-fixed-card {
    padding: 14px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.admin-fixed-card {
    margin-bottom: 10px !important;
}

.admin-fixed-card h2 {
    margin: 4px 0 8px !important;
    color: #17231d !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.admin-fixed-date {
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.admin-fixed-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.admin-fixed-tags span {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.admin-fixed-card p {
    color: #344054 !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.admin-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.admin-farmers-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13px !important;
}

.admin-farmers-table th,
.admin-farmers-table td {
    padding: 10px !important;
    border-bottom: 1px solid rgba(102,119,110,.12) !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.admin-farmers-table th {
    background: #f8fafc !important;
    color: #344054 !important;
    font-weight: 950 !important;
}

@media(max-width:900px) {
    .admin-fixed-filter {
        grid-template-columns: 1fr !important;
    }
}
/* === FIX ADMIN PANELS CENTER END === */

/* === FIX ADMIN SIDEBAR LINKS START === */
.agro-sidebar-simple {
    padding-left: 22px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
}

.agro-sidebar-simple a {
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.agro-sidebar-simple a span {
    width: 100% !important;
    text-align: center !important;
}

.agro-sidebar-simple .agro-menu-title {
    width: 100% !important;
    text-align: center !important;
    margin-top: 14px !important;
    margin-bottom: 8px !important;
}

.agro-sidebar-simple a.active,
.agro-sidebar-simple a.agro-link-active {
    background: #ecfdf3 !important;
    color: #067647 !important;
}
/* === FIX ADMIN SIDEBAR LINKS END === */

/* === CREATIVE PAID ACCESS ADMIN START === */
.paid-admin-page {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 0 90px !important;
    display: grid !important;
    gap: 14px !important;
    box-sizing: border-box !important;
}

.paid-admin-hero {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(35,116,82,.16), rgba(255,255,255,.96)) !important;
    border: 1px solid rgba(35,116,82,.18) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.06) !important;
}

.paid-admin-kicker {
    color: #237452 !important;
    font-weight: 950 !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}

.paid-admin-hero h1 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 34px !important;
    font-weight: 950 !important;
}

.paid-admin-hero p {
    margin: 7px 0 0 !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

.paid-admin-back,
.paid-admin-toolbar a {
    text-decoration: none !important;
    padding: 10px 14px !important;
    border-radius: 13px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.paid-admin-success {
    padding: 13px 15px !important;
    border-radius: 15px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 950 !important;
}

.paid-admin-toolbar {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 210px 130px 110px !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.paid-admin-toolbar input,
.paid-admin-toolbar select {
    height: 42px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 12px !important;
    font-weight: 850 !important;
    outline: none !important;
}

.paid-admin-toolbar button {
    border: 0 !important;
    border-radius: 13px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.paid-admin-stats {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.paid-admin-stats div {
    padding: 14px !important;
    border-radius: 17px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    display: grid !important;
    gap: 3px !important;
}

.paid-admin-stats b {
    color: #17231d !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.paid-admin-stats span {
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.paid-manager-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 500px !important;
    gap: 16px !important;
    padding: 18px !important;
    margin-bottom: 12px !important;
    border-radius: 22px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.05) !important;
}

.paid-manager-card.blocked {
    border-left: 5px solid #667085 !important;
}

.paid-manager-card.expired,
.paid-manager-card.urgent {
    border-left: 5px solid #b42318 !important;
}

.paid-manager-card.important {
    border-left: 5px solid #f79009 !important;
}

.paid-manager-card.soon {
    border-left: 5px solid #fdb022 !important;
}

.paid-manager-card.active {
    border-left: 5px solid #12b76a !important;
}

.paid-manager-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.paid-manager-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 23px !important;
    font-weight: 950 !important;
}

.paid-manager-top p {
    margin: 7px 0 0 !important;
    color: #475467 !important;
    font-weight: 850 !important;
}

.paid-status-pill {
    padding: 7px 11px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.paid-status-pill.active {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.paid-status-pill.soon {
    background: #fffaeb !important;
    color: #b54708 !important;
}

.paid-status-pill.important {
    background: #fff7ed !important;
    color: #c2410c !important;
}

.paid-status-pill.urgent,
.paid-status-pill.expired {
    background: #fff1f3 !important;
    color: #b42318 !important;
}

.paid-status-pill.blocked {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.paid-manager-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.paid-manager-meta span {
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.paid-warning-line {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
    background: #fffaeb !important;
    color: #b54708 !important;
    font-weight: 900 !important;
}

.paid-manager-control {
    display: grid !important;
    gap: 10px !important;
}

.paid-date-form {
    display: grid !important;
    grid-template-columns: 1fr 155px 110px !important;
    gap: 8px !important;
    align-items: end !important;
}

.paid-date-form label {
    display: grid !important;
    gap: 5px !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.paid-date-form input,
.paid-date-form select {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.24) !important;
    padding: 0 10px !important;
    font-weight: 850 !important;
}

.paid-date-form button,
.paid-quick-grid button,
.paid-toggle-row button {
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 8px 11px !important;
    color: #fff !important;
    background: #237452 !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.paid-quick-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

.paid-quick-grid form,
.paid-toggle-row form {
    margin: 0 !important;
}

.paid-quick-grid button {
    width: 100% !important;
    background: #344054 !important;
}

.paid-toggle-row {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.paid-toggle-row button {
    min-width: 160px !important;
}

.paid-danger {
    background: #b42318 !important;
}

.paid-success {
    background: #237452 !important;
}

.paid-empty {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    color: #667085 !important;
    font-weight: 900 !important;
}
/* === CREATIVE PAID ACCESS ADMIN END === */


/* === MANAGER ACCESS NOTICE START === */
.agro-access-notice {
    position: fixed !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 2147483600 !important;
    width: min(430px, calc(100vw - 32px)) !important;
    display: grid !important;
    grid-template-columns: 46px 1fr !important;
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.18) !important;
    box-shadow: 0 18px 50px rgba(16,24,40,.18) !important;
    animation: agroNoticeIn .18s ease-out !important;
}

.agro-access-notice.hide {
    animation: agroNoticeOut .2s ease-in forwards !important;
}

@keyframes agroNoticeIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes agroNoticeOut {
    to {
        opacity: 0;
        transform: translateY(10px) scale(.98);
    }
}

.agro-access-notice.warning {
    border-left: 5px solid #fdb022 !important;
}

.agro-access-notice.important {
    border-left: 5px solid #f79009 !important;
}

.agro-access-notice.urgent {
    border-left: 5px solid #b42318 !important;
}

.agro-access-notice-icon {
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    font-size: 23px !important;
}

.agro-access-notice-from {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.agro-access-notice-title {
    margin-top: 3px !important;
    color: #17231d !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.agro-access-notice-text {
    margin-top: 6px !important;
    color: #475467 !important;
    font-size: 14px !important;
    font-weight: 820 !important;
    line-height: 1.42 !important;
}

.agro-access-notice button {
    margin-top: 12px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}
/* === MANAGER ACCESS NOTICE END === */


/* === ACCESS PAUSED PAGE START === */
.access-paused-page {
    min-height: 70vh !important;
    display: grid !important;
    place-items: center !important;
    padding: 24px !important;
}

.access-paused-card {
    width: min(560px, 100%) !important;
    padding: 34px !important;
    border-radius: 28px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.18) !important;
    box-shadow: 0 18px 50px rgba(16,24,40,.12) !important;
    text-align: center !important;
}

.access-paused-icon {
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 14px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 24px !important;
    background: #fff1f3 !important;
    font-size: 34px !important;
}

.access-paused-card h1 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 32px !important;
    font-weight: 950 !important;
}

.access-paused-card p {
    margin: 12px 0 0 !important;
    color: #475467 !important;
    font-weight: 850 !important;
    line-height: 1.45 !important;
}

.access-paused-card a {
    margin-top: 20px !important;
    display: inline-flex !important;
    text-decoration: none !important;
    padding: 11px 16px !important;
    border-radius: 13px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
}

@media(max-width: 1000px) {
    .paid-admin-toolbar,
    .paid-manager-card,
    .paid-date-form {
        grid-template-columns: 1fr !important;
    }

    .paid-admin-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .paid-quick-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .paid-admin-hero {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

@media(max-width: 560px) {
    .paid-quick-grid,
    .paid-admin-stats {
        grid-template-columns: 1fr !important;
    }

    .agro-access-notice {
        right: 12px !important;
        bottom: 12px !important;
    }
}
/* === ACCESS PAUSED PAGE END === */

/* === SERVER ACCESS NOTICE START === */
.server-access-notice {
    position: fixed !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 2147483600 !important;
    width: min(450px, calc(100vw - 32px)) !important;
    display: grid !important;
    grid-template-columns: 48px 1fr !important;
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.18) !important;
    box-shadow: 0 18px 50px rgba(16,24,40,.18) !important;
    animation: serverNoticeIn .18s ease-out !important;
}

.server-access-notice.hide {
    animation: serverNoticeOut .2s ease-in forwards !important;
}

@keyframes serverNoticeIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes serverNoticeOut {
    to {
        opacity: 0;
        transform: translateY(10px) scale(.98);
    }
}

.server-access-notice.warning {
    border-left: 5px solid #fdb022 !important;
}

.server-access-notice.important {
    border-left: 5px solid #f79009 !important;
}

.server-access-notice.urgent {
    border-left: 5px solid #b42318 !important;
}

.server-access-icon {
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    font-size: 24px !important;
}

.server-access-from {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.server-access-title {
    margin-top: 3px !important;
    color: #17231d !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.server-access-text {
    margin-top: 6px !important;
    color: #475467 !important;
    font-size: 14px !important;
    font-weight: 820 !important;
    line-height: 1.42 !important;
}

.server-access-notice button {
    margin-top: 12px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}
/* === SERVER ACCESS NOTICE END === */

/* === CLEAN ACCESS REQUESTS PAGE START === */
.access-requests-page {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.access-requests-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.access-requests-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.access-requests-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.access-requests-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.access-requests-head a,
.access-requests-filter a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.access-requests-ok {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.access-requests-filter {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 180px 120px 100px !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.access-requests-filter input,
.access-requests-filter select {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 11px !important;
    font-weight: 800 !important;
    color: #344054 !important;
}

.access-requests-filter button {
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.access-requests-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.access-requests-stats span {
    padding: 9px 11px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.access-request-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.access-request-card.new {
    border-left: 4px solid #237452 !important;
}

.access-request-card.accepted {
    border-left: 4px solid #12b76a !important;
}

.access-request-card.rejected {
    border-left: 4px solid #98a2b3 !important;
}

.access-request-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    align-items: flex-start !important;
}

.access-request-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.access-request-top p {
    margin: 5px 0 0 !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.request-status {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.request-status.new {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.request-status.accepted {
    background: #f0fdf4 !important;
    color: #15803d !important;
}

.request-status.rejected {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.access-request-comment {
    margin-top: 10px !important;
    padding: 10px 11px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

.access-request-date {
    margin-top: 8px !important;
    color: #98a2b3 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.access-request-actions {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.access-request-actions form {
    margin: 0 !important;
}

.access-request-actions a,
.access-request-actions button {
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.access-request-actions .call {
    background: #344054 !important;
}

.access-request-actions .accept {
    background: #237452 !important;
}

.access-request-actions .reject {
    background: #98a2b3 !important;
}

.access-requests-empty {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width: 900px) {
    .access-requests-head,
    .access-request-card {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .access-requests-filter {
        grid-template-columns: 1fr !important;
    }
}
/* === CLEAN ACCESS REQUESTS PAGE END === */

/* === CLEAN MANAGER MESSAGES PAGE START === */
.manager-messages-page {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.manager-messages-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.manager-messages-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.manager-messages-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.manager-messages-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.manager-messages-head a,
.manager-messages-filter a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.manager-messages-ok {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.manager-messages-filter {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 180px 120px 100px !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.manager-messages-filter input,
.manager-messages-filter select {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 11px !important;
    font-weight: 800 !important;
    color: #344054 !important;
}

.manager-messages-filter button {
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.manager-messages-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.manager-messages-stats span {
    padding: 9px 11px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-message-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.manager-message-card.new {
    border-left: 4px solid #237452 !important;
}

.manager-message-card.read {
    border-left: 4px solid #fdb022 !important;
}

.manager-message-card.closed {
    border-left: 4px solid #98a2b3 !important;
}

.manager-message-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    align-items: flex-start !important;
}

.manager-message-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.manager-message-top p {
    margin: 5px 0 0 !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.manager-message-status {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.manager-message-status.new {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.manager-message-status.read {
    background: #fffaeb !important;
    color: #b54708 !important;
}

.manager-message-status.closed {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.manager-message-text {
    margin-top: 10px !important;
    padding: 10px 11px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

.manager-message-date {
    margin-top: 8px !important;
    color: #98a2b3 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.manager-message-actions {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.manager-message-actions form {
    margin: 0 !important;
}

.manager-message-actions a,
.manager-message-actions button {
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.manager-message-actions .call {
    background: #344054 !important;
}

.manager-message-actions .read {
    background: #237452 !important;
}

.manager-message-actions .close {
    background: #98a2b3 !important;
}

.manager-messages-empty {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width: 900px) {
    .manager-messages-head,
    .manager-message-card {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .manager-messages-filter {
        grid-template-columns: 1fr !important;
    }
}
/* === CLEAN MANAGER MESSAGES PAGE END === */

/* === CLEAN SYSTEM STATUS PAGE START === */
.system-clean-page {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.system-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.system-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.system-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.system-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.system-clean-head a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.system-clean-status {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(6,118,71,.16) !important;
    color: #067647 !important;
}

.system-dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #12b76a !important;
    box-shadow: 0 0 0 5px rgba(18,183,106,.14) !important;
}

.system-clean-status b {
    display: block !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.system-clean-status small {
    display: block !important;
    margin-top: 2px !important;
    font-weight: 800 !important;
}

.system-clean-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 10px !important;
}

.system-clean-card {
    padding: 15px !important;
    border-radius: 17px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.035) !important;
}

.system-clean-card span {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.system-clean-card b {
    display: block !important;
    margin-top: 6px !important;
    color: #17231d !important;
    font-size: 27px !important;
    font-weight: 950 !important;
}

.system-clean-card.warning {
    border-left: 4px solid #fdb022 !important;
}

.system-clean-card.danger {
    border-left: 4px solid #b42318 !important;
}

.system-clean-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.system-clean-links a {
    text-decoration: none !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.system-clean-links a:hover {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

@media(max-width: 900px) {
    .system-clean-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === CLEAN SYSTEM STATUS PAGE END === */

/* === CLEAN IMPORT PAGE START === */
.import-clean-page {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.import-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.import-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.import-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.import-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.import-clean-head a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.import-clean-messages {
    display: grid !important;
    gap: 8px !important;
}

.import-clean-messages div {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.import-clean-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 330px !important;
    gap: 16px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.import-clean-info h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.import-clean-info p {
    margin: 8px 0 0 !important;
    color: #475467 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.import-clean-rules {
    display: grid !important;
    gap: 7px !important;
    margin-top: 14px !important;
}

.import-clean-rules span {
    display: block !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.import-clean-card form {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    align-content: start !important;
}

.import-file-box {
    display: grid !important;
    place-items: center !important;
    gap: 6px !important;
    min-height: 150px !important;
    padding: 18px !important;
    border-radius: 18px !important;
    border: 1.5px dashed rgba(35,116,82,.32) !important;
    background: #fbfefc !important;
    cursor: pointer !important;
    text-align: center !important;
}

.import-file-box input {
    display: none !important;
}

.import-file-title {
    color: #237452 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

.import-file-box small {
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.import-submit-btn {
    min-height: 42px !important;
    border: 0 !important;
    border-radius: 13px !important;
    padding: 10px 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.import-clean-note {
    padding: 13px 14px !important;
    border-radius: 16px !important;
    background: #fffaeb !important;
    color: #8a4b00 !important;
    border: 1px solid rgba(247,144,9,.18) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.4 !important;
}

@media(max-width: 900px) {
    .import-clean-head,
    .import-clean-card {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === CLEAN IMPORT PAGE END === */

/* === CLEAN TELEGRAM ADS PAGE START === */
.telegram-clean-page {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.telegram-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.telegram-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.telegram-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.telegram-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.telegram-clean-head a,
.telegram-clean-filter a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.telegram-clean-filter {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 120px 100px !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.telegram-clean-filter input {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 11px !important;
    font-weight: 800 !important;
    color: #344054 !important;
}

.telegram-clean-filter button {
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.telegram-clean-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.telegram-clean-stats span {
    padding: 9px 11px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.telegram-clean-card {
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.telegram-clean-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

.telegram-clean-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.telegram-clean-top p {
    margin: 5px 0 0 !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.telegram-clean-date {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

.telegram-clean-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 11px !important;
}

.telegram-clean-tags span {
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.telegram-clean-text {
    margin-top: 10px !important;
    padding: 11px 12px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    white-space: pre-wrap !important;
}

.telegram-clean-empty {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width: 900px) {
    .telegram-clean-head,
    .telegram-clean-top {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .telegram-clean-filter {
        grid-template-columns: 1fr !important;
    }
}
/* === CLEAN TELEGRAM ADS PAGE END === */

/* === CLEAN FARMERS VIEW PAGE START === */
.farmers-view-clean-page {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.farmers-view-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.farmers-view-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.farmers-view-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.farmers-view-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.farmers-view-clean-head a,
.farmers-view-clean-filter a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.farmers-view-clean-filter {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 120px 100px !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.farmers-view-clean-filter input {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 11px !important;
    font-weight: 800 !important;
    color: #344054 !important;
}

.farmers-view-clean-filter button {
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.farmers-view-clean-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.farmers-view-clean-stats span {
    padding: 9px 11px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.farmer-view-clean-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.farmer-view-clean-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

.farmer-view-clean-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.farmer-view-clean-top p {
    margin: 5px 0 0 !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.farmer-view-clean-id {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.farmer-view-clean-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 11px !important;
}

.farmer-view-clean-tags span,
.farmer-view-clean-phones span {
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.farmer-view-clean-phones {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 9px !important;
}

.farmer-view-clean-phones span {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.farmer-view-clean-actions {
    display: flex !important;
    align-items: center !important;
}

.farmer-view-clean-actions a {
    text-decoration: none !important;
    padding: 9px 13px !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.farmers-view-clean-empty {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width: 900px) {
    .farmers-view-clean-head,
    .farmer-view-clean-card,
    .farmer-view-clean-top {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .farmers-view-clean-filter {
        grid-template-columns: 1fr !important;
    }
}
/* === CLEAN FARMERS VIEW PAGE END === */

/* === CLEAN ADMIN DASHBOARD START === */
.admin-clean-page {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.admin-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.admin-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.admin-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.admin-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.admin-clean-head a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.admin-clean-status {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(6,118,71,.16) !important;
    color: #067647 !important;
}

.admin-clean-status span {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #12b76a !important;
    box-shadow: 0 0 0 5px rgba(18,183,106,.14) !important;
    flex: 0 0 auto !important;
}

.admin-clean-status b {
    display: block !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.admin-clean-status small {
    display: block !important;
    margin-top: 2px !important;
    font-weight: 800 !important;
}

.admin-clean-stats {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 10px !important;
}

.admin-clean-stats div {
    padding: 15px !important;
    border-radius: 17px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.035) !important;
}

.admin-clean-stats span {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.admin-clean-stats b {
    display: block !important;
    margin-top: 6px !important;
    color: #17231d !important;
    font-size: 27px !important;
    font-weight: 950 !important;
}

.admin-clean-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 10px !important;
}

.admin-clean-card {
    min-height: 112px !important;
    display: block !important;
    text-decoration: none !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

.admin-clean-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px rgba(16,24,40,.07) !important;
    border-color: rgba(35,116,82,.28) !important;
}

.admin-clean-card span {
    display: block !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.admin-clean-card b {
    display: block !important;
    margin-top: 8px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.42 !important;
}

@media(max-width: 900px) {
    .admin-clean-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === CLEAN ADMIN DASHBOARD END === */

/* === MANAGER SUPPORT CLEAN START === */
.manager-support-page {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.manager-support-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.manager-support-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.manager-support-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.manager-support-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.manager-support-head a,
.manager-support-actions a,
.profile-support-box a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.manager-support-ok {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.manager-support-card {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.manager-support-card label {
    display: grid !important;
    gap: 7px !important;
}

.manager-support-card label span {
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.manager-support-card input,
.manager-support-card select,
.manager-support-card textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 11px 12px !important;
    color: #344054 !important;
    background: #fff !important;
    font-weight: 800 !important;
    outline: none !important;
}

.manager-support-card textarea {
    resize: vertical !important;
    min-height: 120px !important;
}

.manager-support-wide,
.manager-support-actions {
    grid-column: 1 / -1 !important;
}

.manager-support-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.manager-support-actions button {
    border: 0 !important;
    border-radius: 13px !important;
    padding: 11px 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.profile-support-box {
    margin-top: 14px !important;
    padding: 15px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.035) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.profile-support-box b {
    display: block !important;
    color: #17231d !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.profile-support-box span {
    display: block !important;
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.profile-support-box a {
    background: #237452 !important;
    color: #fff !important;
}

@media(max-width: 900px) {
    .manager-support-head,
    .profile-support-box {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .manager-support-card {
        grid-template-columns: 1fr !important;
    }
}
/* === MANAGER SUPPORT CLEAN END === */

/* === PROFILE SUPPORT FORM START === */
.profile-support-form-box {
    margin-top: 14px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.profile-support-form-head b {
    display: block !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.profile-support-form-head span {
    display: block !important;
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.profile-support-success {
    margin-top: 12px !important;
    padding: 11px 13px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.profile-support-form {
    margin-top: 13px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.profile-support-form label {
    display: grid !important;
    gap: 6px !important;
}

.profile-support-form label span {
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.profile-support-form input,
.profile-support-form select,
.profile-support-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 11px 12px !important;
    color: #344054 !important;
    background: #fff !important;
    font-weight: 800 !important;
    outline: none !important;
}

.profile-support-form textarea {
    resize: vertical !important;
    min-height: 105px !important;
}

.profile-support-wide {
    grid-column: 1 / -1 !important;
}

.profile-support-form button {
    width: fit-content !important;
    border: 0 !important;
    border-radius: 13px !important;
    padding: 11px 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media(max-width: 900px) {
    .profile-support-form {
        grid-template-columns: 1fr !important;
    }
}
/* === PROFILE SUPPORT FORM END === */

/* === CLEAN MANAGER PROFILE START === */
.profile-clean-page {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.profile-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.profile-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.profile-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.profile-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.profile-clean-head a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.profile-clean-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 10px !important;
}

.profile-clean-card {
    min-height: 122px !important;
    padding: 15px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
    text-decoration: none !important;
}

.profile-clean-card span {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.profile-clean-card b {
    display: block !important;
    margin-top: 7px !important;
    color: #17231d !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.profile-clean-card small {
    display: block !important;
    margin-top: 7px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.profile-clean-card.warning {
    border-left-color: #fdb022 !important;
    background: #fffcf5 !important;
}

.profile-clean-card.warning b {
    color: #b54708 !important;
}

.profile-clean-card.danger {
    border-left-color: #b42318 !important;
    background: #fff8f7 !important;
}

.profile-clean-card.danger b {
    color: #b42318 !important;
}

.profile-clean-card.link:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px rgba(16,24,40,.07) !important;
}

@media(max-width: 900px) {
    .profile-clean-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === CLEAN MANAGER PROFILE END === */

/* === PUBLIC ACCESS REQUEST START === */
.public-request-page {
    min-height: 80vh !important;
    display: grid !important;
    place-items: center !important;
    padding: 32px 14px !important;
}

.public-request-card {
    width: 100% !important;
    max-width: 920px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 18px !important;
    padding: 20px !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 12px 34px rgba(16,24,40,.07) !important;
}

.public-request-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

.public-request-info h1 {
    margin: 8px 0 0 !important;
    color: #17231d !important;
    font-size: 32px !important;
    font-weight: 950 !important;
}

.public-request-info p {
    margin: 9px 0 0 !important;
    color: #667085 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.public-request-points {
    display: grid !important;
    gap: 8px !important;
    margin-top: 18px !important;
}

.public-request-points span {
    padding: 10px 12px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.public-request-form {
    display: grid !important;
    gap: 10px !important;
}

.public-request-form label {
    display: grid !important;
    gap: 6px !important;
}

.public-request-form label span {
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.public-request-form input,
.public-request-form textarea {
    width: 100% !important;
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 11px 12px !important;
    color: #344054 !important;
    background: #fff !important;
    font-weight: 800 !important;
    outline: none !important;
}

.public-request-form textarea {
    resize: vertical !important;
    min-height: 96px !important;
}

.public-request-form button {
    border: 0 !important;
    border-radius: 13px !important;
    padding: 11px 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.public-request-form a {
    text-align: center !important;
    text-decoration: none !important;
    color: #344054 !important;
    font-weight: 900 !important;
    padding: 8px !important;
}

.public-request-success {
    align-self: start !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}

.login-request-link {
    margin-top: 14px !important;
    padding: 13px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    text-align: center !important;
}

.login-request-link span {
    display: block !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.login-request-link a {
    display: inline-block !important;
    margin-top: 6px !important;
    color: #237452 !important;
    text-decoration: none !important;
    font-weight: 950 !important;
}

@media(max-width: 900px) {
    .public-request-card {
        grid-template-columns: 1fr !important;
    }
}
/* === PUBLIC ACCESS REQUEST END === */

/* === ACCESS REQUEST CONNECT BUTTON START === */
.access-request-actions .connect {
    background: #237452 !important;
    color: #fff !important;
}

.access-request-actions .accept {
    background: #344054 !important;
    color: #fff !important;
}
/* === ACCESS REQUEST CONNECT BUTTON END === */

/* === MANAGER USERS PAGE START === */
.manager-users-page {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.manager-users-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.manager-users-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.manager-users-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.manager-users-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.manager-users-head a,
.manager-users-filter a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.manager-users-ok {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.manager-users-filter {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 120px 100px !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.manager-users-filter input {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 11px !important;
    font-weight: 800 !important;
    color: #344054 !important;
}

.manager-users-filter button {
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.manager-users-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.manager-users-stats span {
    padding: 9px 11px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-user-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 14px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.manager-user-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

.manager-user-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.manager-user-top p {
    margin: 5px 0 0 !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.user-status {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.user-status.active {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.user-status.paused {
    background: #fff8f7 !important;
    color: #b42318 !important;
}

.user-status.new {
    background: #fffaeb !important;
    color: #b54708 !important;
}

.manager-user-login-box {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.manager-user-login-box span {
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-user-actions form {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
}

.manager-user-actions label {
    display: grid !important;
    gap: 5px !important;
}

.manager-user-actions label span {
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.manager-user-actions input {
    height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 10px !important;
    font-weight: 800 !important;
    color: #344054 !important;
}

.manager-user-actions button {
    border: 0 !important;
    border-radius: 12px !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.manager-users-empty {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width: 900px) {
    .manager-users-head,
    .manager-user-card,
    .manager-user-top {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .manager-users-filter {
        grid-template-columns: 1fr !important;
    }
}
/* === MANAGER USERS PAGE END === */

/* === MANAGERS HUB START === */
.managers-hub-page {
    width: 100% !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.managers-hub-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.managers-hub-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.managers-hub-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.managers-hub-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.managers-hub-head a,
.managers-hub-filter a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.managers-hub-ok {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.managers-hub-filter {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 190px 120px 100px !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.managers-hub-filter input,
.managers-hub-filter select {
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 11px !important;
    font-weight: 800 !important;
    color: #344054 !important;
    background: #fff !important;
}

.managers-hub-filter button {
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.managers-hub-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.managers-hub-stats span {
    padding: 9px 11px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-hub-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 14px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.manager-hub-card.soon {
    border-left-color: #fdb022 !important;
}

.manager-hub-card.expired,
.manager-hub-card.disabled {
    border-left-color: #b42318 !important;
}

.manager-hub-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

.manager-hub-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.manager-hub-top p {
    margin: 5px 0 0 !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.manager-hub-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

.manager-hub-badges .badge {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.badge.active {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.badge.soon {
    background: #fffaeb !important;
    color: #b54708 !important;
}

.badge.expired,
.badge.disabled {
    background: #fff8f7 !important;
    color: #b42318 !important;
}

.manager-hub-mini {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

.manager-hub-mini span {
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-hub-message {
    margin-top: 12px !important;
    padding: 10px 11px !important;
    border-radius: 13px !important;
    background: #fffaeb !important;
    color: #8a4b00 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.manager-hub-message b,
.manager-hub-message span {
    display: block !important;
}

.manager-hub-message span {
    margin-top: 4px !important;
}

.manager-hub-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
}

.manager-hub-links a {
    text-decoration: none !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.manager-hub-controls {
    display: grid !important;
    gap: 10px !important;
}

.manager-hub-access-form,
.manager-hub-login-form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 15px !important;
    background: #f8fafc !important;
}

.manager-hub-access-form button,
.manager-hub-login-form button {
    grid-column: 1 / -1 !important;
}

.manager-hub-controls label {
    display: grid !important;
    gap: 5px !important;
}

.manager-hub-controls label span {
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.manager-hub-controls input,
.manager-hub-controls select {
    height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 10px !important;
    background: #fff !important;
    color: #344054 !important;
    font-weight: 800 !important;
}

.manager-hub-controls button {
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 8px 11px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.manager-hub-extend {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.manager-hub-extend form {
    margin: 0 !important;
}

.manager-hub-extend button {
    background: #344054 !important;
}

.manager-hub-controls .soft-danger {
    width: 100% !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.managers-hub-empty {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width: 980px) {
    .manager-hub-card,
    .manager-hub-top,
    .managers-hub-head {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .manager-hub-badges {
        justify-content: flex-start !important;
    }

    .managers-hub-filter,
    .manager-hub-access-form,
    .manager-hub-login-form {
        grid-template-columns: 1fr !important;
    }
}
/* === MANAGERS HUB END === */

/* === MANAGER ADMIN CHAT START === */
.manager-chat-page,
.profile-admin-chat-box {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
}

.manager-chat-page {
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.manager-chat-head,
.profile-admin-chat-box {
    padding: 16px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.manager-chat-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
}

.manager-chat-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.manager-chat-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.manager-chat-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.manager-chat-head a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.manager-chat-box,
.profile-chat-list {
    display: grid !important;
    gap: 9px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.12) !important;
    max-height: 520px !important;
    overflow: auto !important;
}

.chat-bubble,
.profile-chat-bubble {
    max-width: 78% !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.42 !important;
}

.chat-bubble.admin,
.profile-chat-bubble.admin {
    justify-self: end !important;
    background: #237452 !important;
    color: #fff !important;
}

.chat-bubble.manager,
.profile-chat-bubble.manager {
    justify-self: start !important;
    background: #ffffff !important;
    color: #344054 !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.chat-meta,
.profile-chat-meta {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 5px !important;
    font-size: 11px !important;
    opacity: .85 !important;
}

.chat-text {
    white-space: pre-wrap !important;
}

.chat-empty,
.profile-chat-empty {
    padding: 12px !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

.manager-chat-form,
.profile-chat-form {
    display: grid !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

.manager-chat-form textarea,
.profile-chat-form textarea {
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 11px 12px !important;
    background: #fff !important;
    color: #344054 !important;
    font-weight: 800 !important;
    resize: vertical !important;
}

.manager-chat-form button,
.profile-chat-form button {
    width: fit-content !important;
    border: 0 !important;
    border-radius: 13px !important;
    padding: 10px 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.profile-admin-chat-box {
    margin-top: 14px !important;
}

.profile-admin-chat-head b {
    display: block !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.profile-admin-chat-head span {
    display: block !important;
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.profile-chat-success {
    margin: 12px 0 !important;
    padding: 11px 13px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

@media(max-width: 900px) {
    .manager-chat-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .chat-bubble,
    .profile-chat-bubble {
        max-width: 94% !important;
    }
}
/* === MANAGER ADMIN CHAT END === */

/* === CHAT BADGES START === */
.global-chat-badge {
    position: fixed !important;
    right: 22px !important;
    bottom: 74px !important;
    z-index: 2147483600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 270px !important;
    padding: 12px 13px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #17231d !important;
    text-decoration: none !important;
    border: 1px solid rgba(35,116,82,.20) !important;
    box-shadow: 0 14px 34px rgba(16,24,40,.14) !important;
}

.global-chat-badge span {
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    display: grid !important;
    place-items: center !important;
    background: #b42318 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    flex: 0 0 auto !important;
}

.global-chat-badge b {
    display: block !important;
    color: #17231d !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.global-chat-badge small {
    display: block !important;
    margin-top: 2px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.manager-chat-link {
    position: relative !important;
}

.manager-chat-link.has-unread {
    background: #fff8f7 !important;
    color: #b42318 !important;
}

.manager-chat-link span {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-left: 6px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #b42318 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

@media(max-width: 900px) {
    .global-chat-badge {
        left: 12px !important;
        right: 12px !important;
        bottom: 72px !important;
        width: auto !important;
    }
}
/* === CHAT BADGES END === */

/* === LIVE CHAT BADGE START === */
.live-chat-badge {
    position: fixed !important;
    right: 22px !important;
    bottom: 74px !important;
    z-index: 2147483600 !important;
    align-items: center !important;
    gap: 10px !important;
    width: 280px !important;
    padding: 12px 13px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #17231d !important;
    text-decoration: none !important;
    border: 1px solid rgba(35,116,82,.20) !important;
    box-shadow: 0 14px 34px rgba(16,24,40,.14) !important;
}

.live-chat-badge > span {
    width: 31px !important;
    height: 31px !important;
    border-radius: 999px !important;
    display: grid !important;
    place-items: center !important;
    background: #b42318 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    flex: 0 0 auto !important;
}

.live-chat-badge b {
    display: block !important;
    color: #17231d !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.live-chat-badge small {
    display: block !important;
    margin-top: 2px !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.live-chat-badge.manager > span {
    background: #237452 !important;
}

.live-chat-badge.admin > span {
    background: #b42318 !important;
}

@media(max-width: 900px) {
    .live-chat-badge {
        left: 12px !important;
        right: 12px !important;
        bottom: 72px !important;
        width: auto !important;
    }
}
/* === LIVE CHAT BADGE END === */

/* === COMPACT MANAGER PROFILE + CHAT START === */

/* робимо сам профіль компактнішим */
.profile-clean-page {
    max-width: 1040px !important;
    gap: 10px !important;
}

.profile-clean-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
}

.profile-clean-head h1 {
    font-size: 24px !important;
}

.profile-clean-head p {
    font-size: 13px !important;
}

.profile-clean-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 8px !important;
}

.profile-clean-card {
    min-height: 94px !important;
    padding: 12px !important;
    border-radius: 16px !important;
}

.profile-clean-card b {
    font-size: 18px !important;
    margin-top: 5px !important;
}

.profile-clean-card small {
    margin-top: 5px !important;
    font-size: 12px !important;
}

/* чат вище і компактніше */
.profile-admin-chat-box {
    margin-top: 8px !important;
    padding: 14px !important;
    border-radius: 18px !important;
}

.profile-admin-chat-head b {
    font-size: 18px !important;
}

.profile-admin-chat-head span {
    font-size: 13px !important;
}

/* головне — менше висоти і менше пустого місця */
.profile-chat-list {
    margin-top: 10px !important;
    max-height: 340px !important;
    min-height: 260px !important;
    padding: 12px !important;
    gap: 7px !important;
    border-radius: 16px !important;
}

/* повідомлення компактніші */
.profile-chat-bubble {
    max-width: 72% !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    line-height: 1.32 !important;
}

.profile-chat-meta {
    margin-bottom: 4px !important;
    font-size: 10.5px !important;
}

/* поле вводу одразу під чатом */
.profile-chat-form {
    margin-top: 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 120px !important;
    gap: 8px !important;
    align-items: end !important;
}

.profile-chat-form textarea {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 90px !important;
    border-radius: 13px !important;
    padding: 11px 12px !important;
}

.profile-chat-form button {
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
}

/* звернення до адміністратора нижче — теж компактніше */
.profile-support-form-box {
    margin-top: 8px !important;
    padding: 14px !important;
    border-radius: 18px !important;
}

.profile-support-form {
    margin-top: 10px !important;
    gap: 8px !important;
}

.profile-support-form textarea {
    min-height: 82px !important;
}

/* на телефоні все в одну колонку */
@media(max-width: 900px) {
    .profile-chat-form {
        grid-template-columns: 1fr !important;
    }

    .profile-chat-form button {
        width: fit-content !important;
    }

    .profile-chat-bubble {
        max-width: 94% !important;
    }
}

/* === COMPACT MANAGER PROFILE + CHAT END === */

/* === ADMIN PER MANAGER CHAT ALERT START === */
.manager-hub-chat-alert {
    margin-top: 12px !important;
    padding: 11px 12px !important;
    border-radius: 15px !important;
    background: #fff8f7 !important;
    border: 1px solid rgba(180,35,24,.16) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

.manager-hub-chat-alert b {
    display: block !important;
    color: #b42318 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.manager-hub-chat-alert span {
    display: block !important;
    margin-top: 3px !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
}

.manager-hub-chat-alert small {
    display: block !important;
    margin-top: 3px !important;
    color: #98a2b3 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.manager-hub-chat-alert a {
    text-decoration: none !important;
    padding: 8px 11px !important;
    border-radius: 12px !important;
    background: #b42318 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.manager-chat-link {
    position: relative !important;
}

.manager-chat-link.has-unread {
    background: #fff8f7 !important;
    color: #b42318 !important;
    border: 1px solid rgba(180,35,24,.16) !important;
}

.manager-chat-link span {
    display: inline-grid !important;
    place-items: center !important;
    min-width: 20px !important;
    height: 20px !important;
    margin-left: 6px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #b42318 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

@media(max-width: 900px) {
    .manager-hub-chat-alert {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === ADMIN PER MANAGER CHAT ALERT END === */

/* === MANAGER CHAT MENU LINK START === */
.manager-chat-sidebar-link {
    position: relative !important;
}

.manager-chat-sidebar-link span::before {
    content: "💬" !important;
    margin-right: 7px !important;
}

.manager-chat-sidebar-link:hover {
    background: rgba(35,116,82,.08) !important;
    color: #237452 !important;
}

#profileAdminChat {
    scroll-margin-top: 22px !important;
}

/* коли менеджер переходить на чат, робимо блок трохи помітнішим */
#profileAdminChat:target {
    border-color: rgba(35,116,82,.32) !important;
    box-shadow: 0 10px 28px rgba(35,116,82,.10) !important;
}
/* === MANAGER CHAT MENU LINK END === */

/* === FORCE MANAGER CHAT LINK START === */
.manager-forced-chat-menu-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 13px !important;
    margin: 4px 0 !important;
    border-radius: 13px !important;
    background: rgba(35,116,82,.08) !important;
    color: #237452 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-sizing: border-box !important;
}

.manager-forced-chat-menu-link:hover {
    background: rgba(35,116,82,.14) !important;
}

.manager-floating-chat-link {
    position: fixed !important;
    left: 22px !important;
    bottom: 22px !important;
    z-index: 2147483500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 13px !important;
    border-radius: 999px !important;
    background: #237452 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(16,24,40,.18) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.manager-floating-chat-link span {
    font-size: 15px !important;
}

.manager-chat-menu-inserted .manager-floating-chat-link {
    display: none !important;
}

#profileAdminChat {
    scroll-margin-top: 22px !important;
}

#profileAdminChat:target {
    border-color: rgba(35,116,82,.35) !important;
    box-shadow: 0 10px 28px rgba(35,116,82,.12) !important;
}

@media(max-width: 900px) {
    .manager-floating-chat-link {
        left: 12px !important;
        bottom: 14px !important;
    }
}
/* === FORCE MANAGER CHAT LINK END === */

/* === CHAT ONLY PAGE CLEANUP START === */
.profile-admin-chat-box {
    max-width: 900px !important;
}

.profile-admin-chat-box .profile-admin-chat-head b {
    font-size: 20px !important;
}

.profile-admin-chat-box .profile-admin-chat-head span {
    font-size: 13px !important;
}

.profile-chat-list {
    max-height: 390px !important;
}

.manager-forced-chat-menu-link {
    background: rgba(35,116,82,.08) !important;
    color: #237452 !important;
}

.manager-forced-chat-menu-link[href*="chat_only"] {
    font-weight: 950 !important;
}
/* === CHAT ONLY PAGE CLEANUP END === */

/* === SUPPORT MOVED UNDER CHAT START === */
.profile-support-form-box,
.profile-support-box,
.profile-support-card {
    max-width: 900px !important;
    border-radius: 18px !important;
}

.profile-support-form-box {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.profile-support-form-box h2,
.profile-support-form-box b,
.profile-support-box h2,
.profile-support-card h2 {
    font-size: 18px !important;
    font-weight: 950 !important;
    color: #17231d !important;
}

.profile-support-form-box p,
.profile-support-box p,
.profile-support-card p {
    margin-top: 4px !important;
    font-size: 13px !important;
    color: #667085 !important;
    font-weight: 800 !important;
}

.profile-support-form {
    margin-top: 10px !important;
    display: grid !important;
    gap: 8px !important;
}

.profile-support-form input,
.profile-support-form select,
.profile-support-form textarea {
    border-radius: 13px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 10px 12px !important;
    font-weight: 800 !important;
    color: #344054 !important;
    background: #fff !important;
}

.profile-support-form textarea {
    min-height: 76px !important;
}

.profile-support-form button {
    width: fit-content !important;
    border: 0 !important;
    border-radius: 13px !important;
    padding: 10px 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}
/* === SUPPORT MOVED UNDER CHAT END === */

/* === SAFE MANAGER ARCHIVE START === */
.managers-hub-extra-links {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.managers-hub-extra-links a {
    text-decoration: none !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.manager-hub-controls .archive-danger {
    width: 100% !important;
    background: #fff8f7 !important;
    color: #b42318 !important;
    border: 1px solid rgba(180,35,24,.16) !important;
}

.managers-archive-page {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 14px !important;
}

.managers-archive-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.managers-archive-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.managers-archive-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.managers-archive-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.managers-archive-head a {
    text-decoration: none !important;
    padding: 10px 13px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-weight: 900 !important;
}

.managers-archive-ok {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.manager-archive-card {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #98a2b3 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.manager-archive-card h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.manager-archive-card p {
    margin: 5px 0 0 !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.manager-archive-card span {
    display: inline-block !important;
    margin-top: 8px !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f2f4f7 !important;
    color: #475467 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.manager-archive-card button {
    border: 0 !important;
    border-radius: 12px !important;
    padding: 10px 13px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.managers-archive-empty {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width: 900px) {
    .managers-archive-head,
    .manager-archive-card {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === SAFE MANAGER ARCHIVE END === */

/* === ARCHIVE LINK FIX START === */
.admin-managers-top-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.admin-managers-top-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 9px 13px !important;
    border-radius: 13px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    border: 1px solid rgba(102,119,110,.16) !important;
}

.admin-managers-top-actions a:hover {
    background: rgba(35,116,82,.08) !important;
    color: #237452 !important;
}

.admin-managers-archive-float {
    position: fixed !important;
    right: 22px !important;
    bottom: 128px !important;
    z-index: 2147483400 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 13px !important;
    border-radius: 999px !important;
    background: #344054 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 28px rgba(16,24,40,.18) !important;
}

.admin-managers-archive-float:hover {
    background: #237452 !important;
}

@media(max-width: 900px) {
    .admin-managers-archive-float {
        right: 12px !important;
        bottom: 126px !important;
    }

    .admin-managers-top-actions {
        justify-content: flex-start !important;
    }
}
/* === ARCHIVE LINK FIX END === */

/* === ADMIN MANAGERS COMPACT MODE START === */

/* вся сторінка трохи щільніша */
.managers-hub-page {
    max-width: 1180px !important;
    gap: 10px !important;
}

.managers-hub-head {
    padding: 14px 16px !important;
    border-radius: 18px !important;
}

.managers-hub-head h1 {
    font-size: 24px !important;
}

.managers-hub-head p {
    font-size: 13px !important;
}

.managers-hub-filter {
    padding: 8px !important;
    border-radius: 14px !important;
}

.managers-hub-filter input,
.managers-hub-filter select,
.managers-hub-filter button,
.managers-hub-filter a {
    height: 36px !important;
    min-height: 36px !important;
    font-size: 12px !important;
}

/* картка менеджера компактніша */
.manager-hub-card {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 10px !important;
    padding: 12px !important;
    margin-bottom: 8px !important;
    border-radius: 18px !important;
}

.manager-hub-top h2 {
    font-size: 18px !important;
}

.manager-hub-top p {
    font-size: 12.5px !important;
}

.manager-hub-badges .badge {
    padding: 5px 8px !important;
    font-size: 11px !important;
}

.manager-hub-mini {
    gap: 6px !important;
    margin-top: 9px !important;
}

.manager-hub-mini span {
    padding: 6px 8px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
}

/* блок чату не великий, але помітний */
.manager-hub-chat-alert {
    margin-top: 9px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
}

.manager-hub-chat-alert b,
.manager-hub-chat-alert span {
    font-size: 12.5px !important;
}

.manager-hub-chat-alert a {
    padding: 7px 10px !important;
    border-radius: 10px !important;
}

/* посилання */
.manager-hub-links {
    margin-top: 9px !important;
    gap: 6px !important;
}

.manager-hub-links a {
    padding: 7px 9px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
}

/* права колонка керування */
.manager-hub-controls {
    gap: 8px !important;
}

.manager-hub-control-title {
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    border: 1px solid rgba(102,119,110,.12) !important;
}

/* форми компактні */
.manager-hub-access-form,
.manager-hub-login-form {
    padding: 8px !important;
    gap: 7px !important;
    border-radius: 13px !important;
}

.manager-hub-controls label span {
    font-size: 11.5px !important;
}

.manager-hub-controls input,
.manager-hub-controls select {
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
}

.manager-hub-controls button {
    min-height: 34px !important;
    border-radius: 10px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
}

/* кнопки продовження доступу */
.manager-hub-extend {
    gap: 5px !important;
}

.manager-hub-extend button {
    min-height: 32px !important;
    padding: 6px 9px !important;
    border-radius: 10px !important;
    font-size: 11.5px !important;
}

/* вимкнути / архів — нижче, але компактно */
.manager-hub-controls .soft-danger,
.manager-hub-controls .archive-danger {
    min-height: 34px !important;
    font-size: 12px !important;
}

/* кнопки зверху */
.admin-managers-top-actions {
    margin-bottom: 4px !important;
}

.admin-managers-top-actions a,
.managers-hub-extra-links a {
    min-height: 34px !important;
    padding: 8px 11px !important;
    border-radius: 11px !important;
    font-size: 12.5px !important;
}

/* на менших екранах лишаємо одну колонку */
@media(max-width: 1050px) {
    .manager-hub-card {
        grid-template-columns: 1fr !important;
    }

    .manager-hub-controls {
        max-width: 100% !important;
    }
}

/* === ADMIN MANAGERS COMPACT MODE END === */

/* === ADMIN MANAGERS CARD FIX START === */

/* верхню кнопку архіву ховаємо, нижня плаваюча лишається */
.admin-managers-top-actions,
.managers-hub-extra-links {
    display: none !important;
}

/* сторінка не повинна розповзатись вправо */
.managers-hub-page {
    max-width: 1160px !important;
    overflow-x: hidden !important;
}

/* картка більше не має правої колонки, яка роздуває висоту */
.manager-hub-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* верхня частина картки компактна */
.manager-hub-main {
    min-width: 0 !important;
}

.manager-hub-top {
    gap: 8px !important;
}

.manager-hub-top h2 {
    font-size: 18px !important;
}

.manager-hub-top p {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
}

.manager-hub-mini {
    margin-top: 8px !important;
    gap: 5px !important;
}

.manager-hub-mini span {
    padding: 5px 8px !important;
    font-size: 12px !important;
}

/* блок останнього звернення не роздуває картку */
.manager-hub-message {
    margin-top: 8px !important;
    padding: 8px 10px !important;
    font-size: 12.5px !important;
    max-width: 100% !important;
}

/* керування тепер внизу картки, компактною панеллю */
.manager-hub-controls {
    display: grid !important;
    grid-template-columns: 1.1fr 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 15px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.12) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.manager-hub-control-title {
    grid-column: 1 / -1 !important;
    padding: 0 0 4px 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

/* форма доступу компактно */
.manager-hub-access-form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    padding: 0 !important;
    background: transparent !important;
}

.manager-hub-access-form button {
    grid-column: 1 / -1 !important;
}

/* кнопки продовження доступу компактна сітка */
.manager-hub-extend {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    align-content: start !important;
}

.manager-hub-extend button {
    width: 100% !important;
    min-height: 31px !important;
    padding: 5px 6px !important;
    border-radius: 9px !important;
    font-size: 11.5px !important;
}

/* логін і пароль компактно */
.manager-hub-login-form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    padding: 0 !important;
    background: transparent !important;
}

.manager-hub-login-form button {
    grid-column: 1 / -1 !important;
}

/* кнопки вимкнення і архіву не повинні вилазити */
.manager-hub-controls form {
    min-width: 0 !important;
    margin: 0 !important;
}

.manager-hub-controls input,
.manager-hub-controls select {
    width: 100% !important;
    max-width: 100% !important;
    height: 34px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    font-size: 12.5px !important;
}

.manager-hub-controls button {
    width: 100% !important;
    min-height: 34px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
}

.manager-hub-controls .soft-danger,
.manager-hub-controls .archive-danger {
    min-height: 34px !important;
}

/* посилання Чат / Звернення */
.manager-hub-links {
    margin-top: 8px !important;
    gap: 6px !important;
}

.manager-hub-links a {
    padding: 6px 9px !important;
    font-size: 12px !important;
}

/* плаваючу кнопку архіву лишаємо, але не хай не лізе на картку */
.admin-managers-archive-float {
    right: 18px !important;
    bottom: 104px !important;
    padding: 9px 12px !important;
    font-size: 12.5px !important;
}

/* на вузькому екрані все в одну колонку */
@media(max-width: 950px) {
    .manager-hub-controls {
        grid-template-columns: 1fr !important;
    }

    .manager-hub-extend {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .manager-hub-top {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* === ADMIN MANAGERS CARD FIX END === */

/* === CREATE MANAGER FROM HUB START === */
.manager-create-panel {
    margin: 8px 0 4px !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    overflow: hidden !important;
}

.manager-create-panel summary {
    cursor: pointer !important;
    list-style: none !important;
    padding: 12px 14px !important;
    color: #237452 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    background: rgba(35,116,82,.06) !important;
}

.manager-create-panel summary::-webkit-details-marker {
    display: none !important;
}

.manager-create-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
}

.manager-create-form label {
    display: grid !important;
    gap: 5px !important;
}

.manager-create-form label span {
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.manager-create-form input,
.manager-create-form select {
    width: 100% !important;
    height: 36px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 10px !important;
    color: #344054 !important;
    background: #fff !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.manager-create-form button {
    grid-column: 1 / -1 !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media(max-width: 900px) {
    .manager-create-form {
        grid-template-columns: 1fr !important;
    }
}
/* === CREATE MANAGER FROM HUB END === */

/* === SUPPORT MESSAGE LABEL FIX START === */
.manager-hub-message {
    background: #fffaeb !important;
    border: 1px solid rgba(245,158,11,.18) !important;
}

.manager-hub-message b {
    color: #92400e !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
}

.manager-hub-message span {
    color: #344054 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}
/* === SUPPORT MESSAGE LABEL FIX END === */

/* === ADMIN MANAGER PASSWORD VIEW START === */
.manager-login-secret-box {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.manager-login-secret-box > div {
    min-width: 120px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.12) !important;
}

.manager-login-secret-box span {
    display: block !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.manager-login-secret-box b {
    display: block !important;
    margin-top: 2px !important;
    color: #17231d !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.manager-login-secret-box button {
    min-height: 32px !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 7px 9px !important;
    background: #344054 !important;
    color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.manager-login-secret-box .manager-show-password-btn {
    background: #237452 !important;
}

@media(max-width: 900px) {
    .manager-login-secret-box {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .manager-login-secret-box > div,
    .manager-login-secret-box button {
        width: 100% !important;
    }
}
/* === ADMIN MANAGER PASSWORD VIEW END === */

/* === COPY MANAGER ACCESS MESSAGE START === */
.manager-login-secret-box .manager-copy-access-msg-btn {
    background: #237452 !important;
    min-width: 190px !important;
}
/* === COPY MANAGER ACCESS MESSAGE END === */

/* === CLOSE MANAGER SUPPORT START === */
.manager-close-support-form {
    margin-top: 8px !important;
}

.manager-close-support-form button {
    border: 0 !important;
    border-radius: 10px !important;
    padding: 7px 10px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.manager-close-support-form button:hover {
    background: #fee4e2 !important;
    color: #b42318 !important;
}
/* === CLOSE MANAGER SUPPORT END === */

/* === STAY IN PLACE AJAX START === */
.stay-toast {
    position: fixed !important;
    right: 22px !important;
    top: 22px !important;
    z-index: 2147483600 !important;
    padding: 11px 14px !important;
    border-radius: 14px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 34px rgba(16,24,40,.16) !important;
    opacity: 0 !important;
    transform: translateY(-8px) !important;
    transition: opacity .18s ease, transform .18s ease !important;
    pointer-events: none !important;
}

.stay-toast.show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.stay-toast.error {
    background: #b42318 !important;
}

button:disabled {
    opacity: .72 !important;
    cursor: wait !important;
}
/* === STAY IN PLACE AJAX END === */

/* === MANAGER CONTROLS COLLAPSE START === */

/* на сторінці менеджерів керування ховається за кнопкою */
body.admin-manager-controls-compact .manager-hub-card:not(.controls-open) .manager-hub-controls {
    display: none !important;
}

.manager-controls-toggle {
    width: 100% !important;
    min-height: 42px !important;
    margin-top: 8px !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.manager-controls-toggle span {
    font-size: 13px !important;
    font-weight: 950 !important;
}

.manager-controls-toggle small {
    font-size: 11.5px !important;
    font-weight: 850 !important;
    color: #667085 !important;
}

.manager-controls-toggle:hover {
    background: rgba(35,116,82,.07) !important;
    color: #237452 !important;
}

.manager-hub-card.controls-open .manager-controls-toggle {
    background: rgba(35,116,82,.10) !important;
    color: #237452 !important;
    border-color: rgba(35,116,82,.22) !important;
}

.manager-hub-card.controls-open .manager-controls-toggle small {
    color: #237452 !important;
}

.manager-hub-card.controls-open .manager-controls-toggle span::after {
    content: " відкрито" !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    margin-left: 6px !important;
}

/* картка стає нижча, бо керування не розкрите постійно */
body.admin-manager-controls-compact .manager-hub-card {
    padding-bottom: 10px !important;
}

/* якщо відкрили керування — воно красиво відділене */
.manager-hub-card.controls-open .manager-hub-controls {
    margin-top: 2px !important;
}

/* === MANAGER CONTROLS COLLAPSE END === */

/* === SAVED FARMERS WORKLIST START === */
.saved-work-page {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 10px !important;
}

.saved-work-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 15px 16px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.saved-work-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.saved-work-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.saved-work-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.saved-work-head a,
.saved-work-filter a {
    text-decoration: none !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.saved-work-ok {
    padding: 11px 13px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.saved-work-filter {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 170px 150px 110px 90px !important;
    gap: 7px !important;
    padding: 8px !important;
    border-radius: 15px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.saved-work-filter input,
.saved-work-filter select {
    height: 36px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 10px !important;
    background: #fff !important;
    color: #344054 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.saved-work-filter button {
    border: 0 !important;
    border-radius: 11px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.saved-work-count {
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.saved-work-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 390px !important;
    gap: 10px !important;
    padding: 12px !important;
    margin-bottom: 9px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
    overflow: hidden !important;
}

.saved-work-title-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.saved-work-title-row h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.saved-work-title-row p {
    margin: 4px 0 0 !important;
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.saved-work-status {
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.saved-work-info {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
}

.saved-work-info span {
    padding: 6px 8px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.saved-work-note {
    margin-top: 9px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: #fffaeb !important;
    color: #344054 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.saved-work-note b,
.saved-work-note span {
    display: block !important;
}

.saved-work-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
}

.saved-work-actions a,
.saved-work-actions button {
    border: 0 !important;
    border-radius: 10px !important;
    padding: 7px 10px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.saved-work-actions a:first-child {
    background: #237452 !important;
    color: #fff !important;
}

.saved-work-actions form {
    margin: 0 !important;
}

.saved-work-edit {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    padding: 9px !important;
    border-radius: 15px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.12) !important;
}

.saved-work-edit label {
    display: grid !important;
    gap: 4px !important;
}

.saved-work-edit label span {
    color: #344054 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

.saved-work-edit input,
.saved-work-edit select,
.saved-work-edit textarea {
    width: 100% !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 8px 9px !important;
    color: #344054 !important;
    background: #fff !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.saved-work-edit input,
.saved-work-edit select {
    height: 34px !important;
}

.saved-work-comment {
    grid-column: 1 / -1 !important;
}

.saved-work-edit textarea {
    min-height: 58px !important;
    resize: vertical !important;
}

.saved-work-edit button {
    grid-column: 1 / -1 !important;
    min-height: 35px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.saved-work-empty {
    padding: 16px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-weight: 850 !important;
}

@media(max-width: 1050px) {
    .saved-work-card {
        grid-template-columns: 1fr !important;
    }

    .saved-work-filter {
        grid-template-columns: 1fr !important;
    }

    .saved-work-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === SAVED FARMERS WORKLIST END === */

/* === SAVED FARMER TO DAILY PLAN START === */
.saved-work-plan-form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
    padding: 8px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.12) !important;
}

.saved-work-plan-form input {
    min-width: 190px !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 9px !important;
    color: #344054 !important;
    background: #fff !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.saved-work-plan-form button {
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 7px 10px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

@media(max-width: 900px) {
    .saved-work-plan-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .saved-work-plan-form input,
    .saved-work-plan-form button {
        width: 100% !important;
    }
}
/* === SAVED FARMER TO DAILY PLAN END === */



/* === CLEAN DAILY PLAN START === */
.daily-clean-page {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 10px !important;
}

.daily-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 15px 16px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.daily-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.daily-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.daily-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.daily-clean-head a {
    text-decoration: none !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.daily-clean-ok {
    padding: 11px 13px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.daily-clean-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
}

.daily-clean-stats div {
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.daily-clean-stats b {
    display: block !important;
    color: #17231d !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.daily-clean-stats span {
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.daily-clean-section {
    display: grid !important;
    gap: 8px !important;
}

.daily-clean-section h2 {
    margin: 8px 0 0 !important;
    color: #17231d !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.daily-clean-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 12px !important;
    margin-bottom: 8px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.daily-clean-overdue .daily-clean-card {
    border-left: 4px solid #b42318 !important;
}

.daily-clean-today .daily-clean-card {
    border-left: 4px solid #237452 !important;
}

.daily-clean-planned .daily-clean-card {
    border-left: 4px solid #475467 !important;
}

.daily-clean-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.daily-clean-top h3 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.daily-clean-top p {
    margin: 4px 0 0 !important;
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.daily-clean-top > span {
    height: fit-content !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.daily-clean-info {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
}

.daily-clean-info span {
    padding: 6px 8px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.daily-clean-note {
    margin-top: 9px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    background: #fffaeb !important;
    color: #344054 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.daily-clean-actions {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.daily-clean-actions a,
.daily-clean-delete {
    border: 0 !important;
    border-radius: 10px !important;
    padding: 8px 10px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.daily-clean-actions a {
    background: #237452 !important;
    color: #fff !important;
}

.daily-clean-delete {
    background: #fff8f7 !important;
    color: #b42318 !important;
    border: 1px solid rgba(180,35,24,.16) !important;
}

.daily-clean-delete:hover {
    background: #fee4e2 !important;
}

.daily-clean-empty {
    padding: 13px !important;
    border-radius: 15px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

@media(max-width: 900px) {
    .daily-clean-head,
    .daily-clean-card {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .daily-clean-stats {
        grid-template-columns: 1fr !important;
    }
}
/* === CLEAN DAILY PLAN END === */













/* === DIRECT MENU COUNTERS START === */
.agro-menu-simple a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.agro-menu-count {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 18px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    font-style: normal !important;
    box-sizing: border-box !important;
}

.agro-menu-count-plan {
    background: #d92d20 !important;
}

.agro-menu-count-saved {
    background: #237452 !important;
}
/* === DIRECT MENU COUNTERS END === */

/* === REMOVE DUPLICATE MANAGER CHAT START === */
#managerFloatingChatLink,
.manager-floating-chat-link,
.force-manager-chat-link,
.manager-chat-extra-link,
.manager-chat-sidebar-extra {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
/* === REMOVE DUPLICATE MANAGER CHAT END === */

/* === MANAGER NOTES CLEAN START === */
.notes-clean-page {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 10px !important;
}

.notes-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 15px 16px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.notes-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.notes-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.notes-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.notes-clean-head a {
    text-decoration: none !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.notes-clean-ok {
    padding: 11px 13px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.notes-clean-form {
    display: grid !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.notes-clean-form input,
.notes-clean-form textarea {
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102,119,110,.20) !important;
    padding: 10px 11px !important;
    color: #344054 !important;
    background: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.notes-clean-form textarea {
    resize: vertical !important;
    min-height: 72px !important;
}

.notes-clean-form button {
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.notes-clean-count {
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.notes-clean-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 12px !important;
    margin-bottom: 8px !important;
    border-radius: 17px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.notes-clean-card h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.notes-clean-card p {
    margin: 7px 0 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.notes-clean-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
}

.notes-clean-meta span,
.notes-clean-meta a {
    padding: 6px 8px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.notes-clean-card form {
    margin: 0 !important;
}

.notes-clean-card button {
    border: 0 !important;
    border-radius: 10px !important;
    padding: 8px 10px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.notes-clean-empty {
    padding: 14px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

@media(max-width: 900px) {
    .notes-clean-head,
    .notes-clean-card {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === MANAGER NOTES CLEAN END === */

/* === MANAGER ADS CLEAN START === */
.ads-clean-page {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 10px !important;
}

.ads-clean-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 15px 16px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.04) !important;
}

.ads-clean-label {
    color: #237452 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.ads-clean-head h1 {
    margin: 4px 0 0 !important;
    color: #17231d !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.ads-clean-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.ads-clean-head a,
.ads-clean-filter a {
    text-decoration: none !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.ads-clean-ok {
    padding: 11px 13px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    font-weight: 900 !important;
}

.ads-clean-filter {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 150px 150px 110px 90px !important;
    gap: 7px !important;
    padding: 8px !important;
    border-radius: 15px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
}

.ads-clean-filter input {
    height: 36px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 10px !important;
    background: #fff !important;
    color: #344054 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.ads-clean-filter button {
    border: 0 !important;
    border-radius: 11px !important;
    background: #237452 !important;
    color: #fff !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.ads-clean-count {
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.ads-clean-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 10px !important;
    padding: 12px !important;
    margin-bottom: 9px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.15) !important;
    border-left: 4px solid #237452 !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
    overflow: hidden !important;
}

.ads-clean-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.ads-clean-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.ads-clean-top p {
    margin: 4px 0 0 !important;
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.ads-clean-top > span {
    height: fit-content !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.ads-clean-text {
    margin-top: 9px !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    white-space: pre-wrap !important;
}

.ads-clean-info {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
}

.ads-clean-info span {
    padding: 6px 8px !important;
    border-radius: 10px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.ads-clean-take {
    display: grid !important;
    align-content: start !important;
    gap: 7px !important;
    padding: 9px !important;
    border-radius: 15px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(102,119,110,.12) !important;
    margin: 0 !important;
}

.ads-clean-take label {
    display: grid !important;
    gap: 5px !important;
}

.ads-clean-take span {
    color: #344054 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

.ads-clean-take input {
    width: 100% !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    padding: 0 8px !important;
    color: #344054 !important;
    background: #fff !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.ads-clean-take button {
    min-height: 35px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.ads-clean-empty {
    padding: 14px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

@media(max-width: 950px) {
    .ads-clean-card,
    .ads-clean-filter {
        grid-template-columns: 1fr !important;
    }

    .ads-clean-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* === MANAGER ADS CLEAN END === */




/* === ONLINE MANAGERS COMPACT START === */

/* маленька картка на головній адміна */
.admin-home-online-card {
    display: block !important;
    text-decoration: none !important;
    margin: 0 0 10px 0 !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
    color: inherit !important;
}

.admin-home-online-main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.admin-home-online-main span {
    display: block !important;
    color: #17231d !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.admin-home-online-main p {
    margin: 2px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.admin-home-online-main b {
    min-width: 36px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background: #12b76a !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

.admin-home-online-card em {
    display: none !important;
}

/* сторінка онлайну */
.admin-online-compact-page {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding-bottom: 70px !important;
    display: grid !important;
    gap: 10px !important;
}

.admin-online-compact-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.16) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.admin-online-label {
    color: #237452 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.admin-online-compact-head h1 {
    margin: 3px 0 0 !important;
    color: #17231d !important;
    font-size: 21px !important;
    font-weight: 950 !important;
}

.admin-online-compact-head p {
    margin: 4px 0 0 !important;
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.admin-online-compact-count {
    min-width: 118px !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(6,118,71,.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.admin-online-compact-count span {
    color: #067647 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.admin-online-compact-count b {
    min-width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: #12b76a !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.admin-online-compact-panel {
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
    overflow: hidden !important;
}

.admin-online-compact-table-head,
.admin-online-compact-row {
    display: grid !important;
    grid-template-columns: minmax(220px, 1.3fr) minmax(120px, .7fr) minmax(170px, .8fr) 82px !important;
    align-items: center !important;
    gap: 8px !important;
}

.admin-online-compact-table-head {
    padding: 8px 12px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(102,119,110,.12) !important;
}

.admin-online-compact-table-head span {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
}

.admin-online-compact-list {
    max-height: 520px !important;
    overflow-y: auto !important;
}

.admin-online-compact-row {
    padding: 8px 12px !important;
    border-bottom: 1px solid rgba(102,119,110,.10) !important;
}

.admin-online-compact-row:last-child {
    border-bottom: 0 !important;
}

.admin-online-compact-row:hover {
    background: #fbfdfc !important;
}

.admin-online-manager-name {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.admin-online-manager-name i {
    width: 9px !important;
    height: 9px !important;
    border-radius: 999px !important;
    background: #12b76a !important;
    box-shadow: 0 0 0 3px rgba(18,183,106,.14) !important;
    flex: 0 0 auto !important;
}

.admin-online-manager-name b {
    color: #17231d !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.admin-online-login,
.admin-online-time {
    color: #475467 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.admin-online-compact-row em {
    font-style: normal !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    font-size: 11.5px !important;
    font-weight: 950 !important;
}

.admin-online-empty {
    padding: 12px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.admin-online-menu-count {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: #12b76a !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 18px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    font-style: normal !important;
}

@media(max-width: 850px) {
    .admin-online-compact-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .admin-online-compact-count {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .admin-online-compact-table-head {
        display: none !important;
    }

    .admin-online-compact-row {
        grid-template-columns: 1fr auto !important;
        gap: 5px !important;
    }

    .admin-online-login,
    .admin-online-time {
        grid-column: 1 / -1 !important;
    }
}
/* === ONLINE MANAGERS COMPACT END === */

/* === ADMIN MANAGER CARD SIMPLE START === */
.admin-online-card-link {
    text-decoration: none !important;
    color: inherit !important;
}

.admin-online-card-link:hover b {
    color: #237452 !important;
}

.admin-manager-card-simple-page {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding-bottom: 80px !important;
    display: grid !important;
    gap: 10px !important;
}

.admin-manager-card-simple-head,
.admin-manager-card-simple,
.admin-manager-card-simple-empty {
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.admin-manager-card-simple-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
}

.admin-manager-card-simple-label {
    color: #237452 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.admin-manager-card-simple-head h1 {
    margin: 3px 0 0 !important;
    color: #17231d !important;
    font-size: 21px !important;
    font-weight: 950 !important;
}

.admin-manager-card-simple-head p {
    margin: 4px 0 0 !important;
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.admin-manager-card-simple-head a {
    text-decoration: none !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.admin-manager-card-simple {
    padding: 12px !important;
    border-radius: 17px !important;
}

.admin-manager-card-simple-top {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(102,119,110,.12) !important;
}

.admin-manager-card-simple-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    flex: 0 0 auto !important;
}

.admin-manager-card-simple-top h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.admin-manager-card-simple-top p {
    margin: 3px 0 0 !important;
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.admin-manager-card-simple-top em {
    margin-left: auto !important;
    font-style: normal !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.admin-manager-card-simple-top em.online {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.admin-manager-card-simple-top em.offline {
    background: #f2f4f7 !important;
    color: #667085 !important;
}

.admin-manager-card-simple-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 10px !important;
}

.admin-manager-card-simple-grid div {
    padding: 9px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    min-width: 0 !important;
}

.admin-manager-card-simple-grid span {
    display: block !important;
    color: #667085 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

.admin-manager-card-simple-grid b {
    display: block !important;
    margin-top: 3px !important;
    color: #17231d !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.admin-manager-card-simple-grid b.green {
    color: #067647 !important;
}

.admin-manager-card-simple-grid b.red {
    color: #b42318 !important;
}

.admin-manager-card-simple-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 11px !important;
}

.admin-manager-card-simple-actions a {
    text-decoration: none !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.admin-manager-card-simple-actions a.primary {
    background: #237452 !important;
    color: #fff !important;
}

.admin-manager-card-simple-empty {
    padding: 14px !important;
    border-radius: 16px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

@media(max-width: 800px) {
    .admin-manager-card-simple-head,
    .admin-manager-card-simple-top {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .admin-manager-card-simple-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-manager-card-simple-top em {
        margin-left: 0 !important;
    }
}
/* === ADMIN MANAGER CARD SIMPLE END === */

/* === MANAGER CHANGE PASSWORD START === */
.manager-password-box {
    margin-top: 12px !important;
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    border-radius: 17px !important;
    padding: 14px !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.manager-password-head h2 {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.manager-password-head p {
    margin: 5px 0 0 !important;
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.manager-password-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
    gap: 8px !important;
    margin-top: 12px !important;
    align-items: end !important;
}

.manager-password-form label {
    display: grid !important;
    gap: 5px !important;
}

.manager-password-form span {
    color: #667085 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

.manager-password-form input {
    width: 100% !important;
    height: 38px !important;
    border: 1px solid rgba(102,119,110,.22) !important;
    border-radius: 11px !important;
    padding: 0 10px !important;
    outline: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #17231d !important;
    background: #f8fafc !important;
}

.manager-password-form input:focus {
    border-color: rgba(35,116,82,.55) !important;
    background: #fff !important;
}

.manager-password-form button {
    height: 38px !important;
    border: none !important;
    border-radius: 11px !important;
    padding: 0 13px !important;
    background: #237452 !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.manager-password-success,
.manager-password-error {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.manager-password-success {
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.16) !important;
}

.manager-password-error {
    background: #fff8f7 !important;
    color: #b42318 !important;
    border: 1px solid rgba(180,35,24,.16) !important;
}

@media(max-width: 900px) {
    .manager-password-form {
        grid-template-columns: 1fr !important;
    }
}
/* === MANAGER CHANGE PASSWORD END === */

/* === PASSWORD UA VALIDATION START === */
.manager-password-client-error {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
    background: #fff8f7 !important;
    color: #b42318 !important;
    border: 1px solid rgba(180,35,24,.16) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}
/* === PASSWORD UA VALIDATION END === */

/* === SUPPORT PROJECT PAGE START === */
.agro-support-project-menu-link {
    margin-top: 8px !important;
    color: #237452 !important;
    background: #ecfdf3 !important;
    border: 1px solid rgba(6,118,71,.14) !important;
    font-weight: 950 !important;
}

.support-project-page {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 12px !important;
    padding-bottom: 80px !important;
}

.support-project-hero {
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.support-project-label {
    color: #237452 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.support-project-hero h1 {
    margin: 6px 0 6px !important;
    color: #17231d !important;
    font-size: 25px !important;
    font-weight: 950 !important;
}

.support-project-hero p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    max-width: 760px !important;
}

.support-project-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.support-project-card {
    background: #fff !important;
    border: 1px solid rgba(102,119,110,.14) !important;
    border-radius: 17px !important;
    padding: 14px !important;
    box-shadow: 0 6px 18px rgba(16,24,40,.04) !important;
}

.support-project-card.main {
    grid-column: 1 / -1 !important;
}

.support-project-card h2,
.support-project-card h3 {
    margin: 0 0 8px !important;
    color: #17231d !important;
    font-weight: 950 !important;
}

.support-project-card h2 {
    font-size: 20px !important;
}

.support-project-card h3 {
    font-size: 16px !important;
}

.support-project-card p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
}

.support-project-card ul {
    margin: 0 !important;
    padding-left: 18px !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.65 !important;
}

.support-project-notice {
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.16) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.45 !important;
}

.support-project-small {
    margin-top: 10px !important;
    font-size: 12.5px !important;
    color: #667085 !important;
}

.support-project-disabled {
    display: inline-flex !important;
    margin-top: 12px !important;
    padding: 9px 11px !important;
    border-radius: 12px !important;
    background: #f2f4f7 !important;
    color: #667085 !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
}

@media(max-width: 800px) {
    .support-project-grid {
        grid-template-columns: 1fr !important;
    }
}
/* === SUPPORT PROJECT PAGE END === */

/* === LEGAL MENU LINKS START === */
.agro-legal-menu-box {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(102,119,110,.14) !important;
    display: grid !important;
    gap: 5px !important;
}

.agro-legal-menu-box a {
    display: block !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
    color: #667085 !important;
    text-decoration: none !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    background: transparent !important;
}

.agro-legal-menu-box a:hover {
    background: #f2f4f7 !important;
    color: #237452 !important;
}
/* === LEGAL MENU LINKS END === */

/* === SEARCH CONTEXT NAVIGATION FINAL START === */
.manager-farmer-extra-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
    flex-wrap: wrap !important;
}

.manager-ha-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 9px !important;
    border-radius: 11px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6,118,71,.14) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.manager-search-head p {
    max-width: 780px !important;
}
/* === SEARCH CONTEXT NAVIGATION FINAL END === */

/* === SAVED FARMER REMOVE FINAL START === */
.saved-remove-form {
    margin-top: 8px !important;
}

.saved-remove-button {
    width: 100% !important;
    min-height: 38px !important;
    border: 1px solid rgba(217,45,32,.18) !important;
    border-radius: 12px !important;
    background: #fff1f3 !important;
    color: #b42318 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.saved-remove-button:hover {
    background: #ffe4e8 !important;
}
/* === SAVED FARMER REMOVE FINAL END === */

/* === SAVED FARMERS PAGE FINAL FIX START === */
.saved-final-page {
    width: 100% !important;
    max-width: 1050px !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 12px !important;
    padding-bottom: 70px !important;
}

.saved-final-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102, 119, 110, .14) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    box-shadow: 0 6px 18px rgba(16, 24, 40, .04) !important;
}

.saved-final-kicker {
    color: #237452 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.saved-final-head h1 {
    margin: 5px 0 4px !important;
    color: #17231d !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
}

.saved-final-head p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.saved-final-count {
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6, 118, 71, .14) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

.saved-final-success {
    padding: 11px 13px !important;
    border-radius: 13px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    border: 1px solid rgba(6, 118, 71, .14) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.saved-final-list {
    display: grid !important;
    gap: 9px !important;
}

.saved-final-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(102, 119, 110, .14) !important;
    border-radius: 16px !important;
    padding: 14px !important;
    box-shadow: 0 5px 16px rgba(16, 24, 40, .035) !important;
}

.saved-final-info {
    min-width: 0 !important;
}

.saved-final-name {
    display: inline-block !important;
    color: #17231d !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.saved-final-name:hover {
    color: #237452 !important;
}

.saved-final-location,
.saved-final-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 6px !important;
}

.saved-final-location span,
.saved-final-meta span {
    display: inline-flex !important;
    padding: 5px 8px !important;
    border-radius: 9px !important;
    background: #f2f4f7 !important;
    color: #475467 !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
}

.saved-final-meta .saved-final-ha {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.saved-final-director {
    margin-top: 7px !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.saved-final-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.saved-final-actions form {
    margin: 0 !important;
}

.saved-final-open,
.saved-final-plan,
.saved-final-remove {
    min-height: 36px !important;
    padding: 8px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.saved-final-open {
    background: #237452 !important;
    border: 1px solid #237452 !important;
    color: #ffffff !important;
}

.saved-final-plan {
    background: #f2f4f7 !important;
    border: 1px solid rgba(102, 119, 110, .14) !important;
    color: #344054 !important;
}

.saved-final-remove {
    background: #fff1f3 !important;
    border: 1px solid rgba(217, 45, 32, .16) !important;
    color: #b42318 !important;
}

.saved-final-empty {
    padding: 34px 18px !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(102, 119, 110, .14) !important;
    border-radius: 18px !important;
}

.saved-final-empty strong {
    display: block !important;
    color: #17231d !important;
    font-size: 17px !important;
}

.saved-final-empty p {
    margin: 7px auto 14px !important;
    max-width: 520px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.saved-final-empty a {
    display: inline-flex !important;
    padding: 9px 12px !important;
    border-radius: 11px !important;
    background: #237452 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

@media(max-width: 760px) {
    .saved-final-card {
        grid-template-columns: 1fr !important;
    }

    .saved-final-actions {
        justify-content: flex-start !important;
    }
}
/* === SAVED FARMERS PAGE FINAL FIX END === */

/* === ADMIN EDIT FARMER IN SEARCH START === */
.manager-admin-edit-button {
    min-width: 108px !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    background: #237452 !important;
    color: #ffffff !important;
    border: 1px solid #237452 !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
}

.manager-admin-edit-button:hover {
    background: #1d6245 !important;
    color: #ffffff !important;
}
/* === ADMIN EDIT FARMER IN SEARCH END === */

/* === ADMIN EDIT SEARCH STABLE START === */
.manager-admin-edit-button {
    min-width: 104px !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #237452 !important;
    border-radius: 11px !important;
    background: #237452 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.manager-admin-edit-button:hover {
    background: #1d6245 !important;
    border-color: #1d6245 !important;
    color: #ffffff !important;
}

.manager-farmer-bottom-action:has(.manager-admin-edit-button) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
/* === ADMIN EDIT SEARCH STABLE END === */

/* === FARMER EDIT HISTORY CSS START === */

.farmer-history-link-row {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 0 10px !important;
}

.farmer-history-link-row a {
    display: inline-flex !important;
    min-height: 38px !important;
    padding: 9px 13px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(35, 116, 82, .18) !important;
    border-radius: 11px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.farmer-history-page {
    width: 100% !important;
    max-width: 1050px !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 12px !important;
    padding-bottom: 70px !important;
}

.farmer-history-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 16px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102, 119, 110, .14) !important;
    border-radius: 18px !important;
}

.farmer-history-kicker {
    color: #237452 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

.farmer-history-header h1 {
    margin: 5px 0 3px !important;
    color: #17231d !important;
    font-size: 24px !important;
}

.farmer-history-header p {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.farmer-history-header-actions {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.farmer-history-header-actions a {
    min-height: 38px !important;
    padding: 9px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
}

.farmer-history-back {
    background: #f2f4f7 !important;
    color: #344054 !important;
}

.farmer-history-edit {
    background: #237452 !important;
    color: #ffffff !important;
}

.farmer-history-list {
    display: grid !important;
    gap: 9px !important;
}

.farmer-history-item {
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(102, 119, 110, .14) !important;
    border-radius: 16px !important;
}

.farmer-history-item-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.farmer-history-item-top strong {
    color: #17231d !important;
    font-size: 14px !important;
}

.farmer-history-item-top span {
    color: #667085 !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
}

.farmer-history-values {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
}

.farmer-history-values > div:not(.farmer-history-arrow) {
    min-width: 0 !important;
    padding: 10px !important;
    border-radius: 11px !important;
    background: #f7f8fa !important;
}

.farmer-history-values small {
    display: block !important;
    margin-bottom: 4px !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.farmer-history-values p {
    margin: 0 !important;
    color: #17231d !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    overflow-wrap: anywhere !important;
}

.farmer-history-values em {
    color: #98a2b3 !important;
    font-style: normal !important;
}

.farmer-history-arrow {
    text-align: center !important;
    color: #237452 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.farmer-history-admin {
    margin-top: 9px !important;
    color: #667085 !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
}

.farmer-history-admin strong {
    color: #344054 !important;
}

.farmer-history-empty {
    padding: 34px 18px !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(102, 119, 110, .14) !important;
    border-radius: 18px !important;
}

.farmer-history-empty strong {
    color: #17231d !important;
    font-size: 17px !important;
}

.farmer-history-empty p {
    margin: 7px 0 0 !important;
    color: #667085 !important;
    font-size: 13px !important;
}

@media (max-width: 700px) {
    .farmer-history-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .farmer-history-values {
        grid-template-columns: 1fr !important;
    }

    .farmer-history-arrow {
        transform: rotate(90deg) !important;
    }
}

/* === FARMER EDIT HISTORY CSS END === */


/* === FARMER EDRPOU IN SEARCH START === */
.manager-farmer-edrpou {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 8px !important;
    padding: 4px 7px !important;
    border-radius: 8px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
}
/* === FARMER EDRPOU IN SEARCH END === */


/* === PHONE SEARCH SEPARATE ROW START === */

.ua-geo-search-form {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
}

.manager-phone-search-box {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr) 190px !important;
    gap: 10px !important;
    align-items: end !important;
    margin-top: 7px !important;
    padding: 13px !important;
    border: 1px solid rgba(35, 116, 82, .16) !important;
    border-radius: 16px !important;
    background: #f6faf8 !important;
}

.manager-phone-search-label {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
}

.manager-phone-search-label span {
    color: #315c49 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.manager-phone-search-label input {
    background: #ffffff !important;
}

.manager-phone-search-button {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
}

@media (max-width: 1150px) {
    .ua-geo-search-form {
        grid-template-columns:
            repeat(2, minmax(180px, 1fr)) !important;
    }

    .manager-phone-search-box {
        grid-column: 1 / -1 !important;
        grid-template-columns:
            minmax(0, 1fr) 190px !important;
    }

    .manager-phone-search-box button {
        grid-column: auto !important;
    }
}

@media (max-width: 750px) {
    .ua-geo-search-form {
        grid-template-columns: 1fr !important;
    }

    .manager-phone-search-box {
        grid-template-columns: 1fr !important;
        padding: 11px !important;
    }

    .manager-phone-search-box button {
        grid-column: 1 !important;
    }
}

/* === PHONE SEARCH SEPARATE ROW END === */


/* === SEPARATE GEO AND PHONE SEARCH START === */

.ua-geo-search-form {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) 130px !important;
}

.manager-geo-search-button {
    width: 100% !important;
    min-width: 0 !important;
}

.manager-phone-search-box {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr) 190px 110px !important;
    gap: 10px !important;
    align-items: end !important;
    margin-top: 14px !important;
    padding: 13px !important;
    border: 1px solid rgba(35, 116, 82, .16) !important;
    border-radius: 16px !important;
    background: #f6faf8 !important;
}

.manager-phone-search-button {
    width: 100% !important;
    height: 43px !important;
}

.manager-phone-clear-button {
    min-height: 43px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(102, 119, 110, .25) !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    color: #344054 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1150px) {
    .ua-geo-search-form {
        grid-template-columns:
            repeat(2, minmax(180px, 1fr)) !important;
    }

    .manager-geo-search-button {
        grid-column: 1 / -1 !important;
    }

    .manager-phone-search-box {
        grid-template-columns:
            minmax(0, 1fr) 180px 110px !important;
    }
}

@media (max-width: 750px) {
    .ua-geo-search-form {
        grid-template-columns: 1fr !important;
    }

    .manager-phone-search-box {
        grid-template-columns: 1fr !important;
    }

    .manager-phone-search-button,
    .manager-phone-clear-button {
        width: 100% !important;
    }
}

/* === SEPARATE GEO AND PHONE SEARCH END === */


/* === CLEAN SEARCH MODE TABS START === */

.manager-search-modern-card {
    padding: 16px !important;
}

.manager-search-mode-tabs {
    width: fit-content !important;
    display: inline-flex !important;
    gap: 4px !important;
    padding: 4px !important;
    margin-bottom: 16px !important;
    border-radius: 14px !important;
    background: #eef4f0 !important;
    border: 1px solid rgba(35, 116, 82, .10) !important;
}

.manager-search-mode-tab {
    min-width: 145px !important;
    height: 40px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #52655b !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    transition: .15s ease !important;
}

.manager-search-mode-tab.active {
    background: #ffffff !important;
    color: #17613f !important;
    box-shadow: 0 3px 12px rgba(25, 87, 59, .10) !important;
}

.manager-search-mode-panel[hidden] {
    display: none !important;
}

.manager-search-mode-heading {
    display: grid !important;
    gap: 3px !important;
    margin-bottom: 12px !important;
}

.manager-search-mode-heading strong {
    color: #17231d !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.manager-search-mode-heading span {
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.manager-search-modern-form {
    display: grid !important;
    gap: 10px !important;
    align-items: end !important;
}

.manager-search-modern-geo {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) 130px !important;
}

.manager-search-modern-phone {
    max-width: 760px !important;
    grid-template-columns:
        minmax(260px, 1fr) 180px 100px !important;
}

.manager-search-modern-form label {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
}

.manager-search-modern-form label span {
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.manager-search-modern-form input,
.manager-search-modern-form select {
    width: 100% !important;
    height: 44px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(102, 119, 110, .25) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #17231d !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.manager-search-modern-form input:focus,
.manager-search-modern-form select:focus {
    border-color: #237452 !important;
    box-shadow: 0 0 0 3px rgba(35, 116, 82, .10) !important;
}

.manager-search-modern-form button {
    width: 100% !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #237452 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.manager-search-modern-clear {
    width: 100% !important;
    height: 44px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(102, 119, 110, .25) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #344054 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1050px) {
    .manager-search-modern-geo {
        grid-template-columns:
            repeat(2, minmax(180px, 1fr)) !important;
    }

    .manager-search-modern-geo button {
        grid-column: 1 / -1 !important;
    }

    .manager-search-modern-phone {
        max-width: none !important;
        grid-template-columns:
            minmax(220px, 1fr) 170px 100px !important;
    }
}

@media (max-width: 700px) {
    .manager-search-mode-tabs {
        width: 100% !important;
    }

    .manager-search-mode-tab {
        min-width: 0 !important;
        flex: 1 1 50% !important;
    }

    .manager-search-modern-geo,
    .manager-search-modern-phone {
        grid-template-columns: 1fr !important;
    }

    .manager-search-modern-geo button {
        grid-column: auto !important;
    }
}

/* === CLEAN SEARCH MODE TABS END === */