/* ═══════════════════════════════════════════════════════
   ADMIN COMPONENTS — Agerpix v2 Design System
   Tables, actions, services, map overlays, distribution,
   dendrometer status, work assistant
   ═══════════════════════════════════════════════════════ */

/* ── General ── */
.bg-dark {
    background-color: var(--color-primary, #1a4d3e) !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

/* ── Admin content area ── */
.admin-content {
    overflow: auto;
    max-height: calc(100% - 7.5rem) !important;
    height: calc(100% - 7.5rem) !important;
}

.admin-content .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(26,77,62,0.06);
}
.admin-content .table-striped tbody tr[to_delete="true"] {
    background-color: rgba(220,38,38,0.15);
}

/* ── Admin actions (icons, dropdowns) ── */
.admin-actions {
    color: var(--color-primary, #1a4d3e);
}
.admin-actions i {
    font-size: 1.2rem;
}

.admin-action-wp {
    position: relative;
    width: 1.8rem;
    height: 2rem;
}
.admin-action-wp.admin-action-dendrometer-export i.fas.fa-atom {
    font-size: 1.1rem;
    position: absolute;
    bottom: 0.7rem;
    left: 0.35rem;
}
.admin-action-wp.admin-action-dendrometer-export i.fas.fa-download {
    font-size: 0.7rem;
    position: absolute;
    top: -0.4rem;
    right: -0.1rem;
}

/* ── Archive & assistant dropdown buttons ── */
.admin-action-archive-dropdown .dropdown-toggle::after,
.admin-action-assistant-dropdown .dropdown-toggle::after {
    margin-left: -0.4rem !important;
}
.admin-action-archive-dropdown button,
.admin-action-assistant-dropdown button {
    background-color: transparent;
    color: var(--color-primary, #1a4d3e);
    border: none;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    box-shadow: none !important;
}
.admin-action-archive-dropdown .btn-secondary:hover,
.admin-action-archive-dropdown .btn-secondary:not(:disabled):not(.disabled):active,
.admin-action-archive-dropdown.show > .btn-secondary.dropdown-toggle,
.admin-action-assistant-dropdown .btn-secondary:hover,
.admin-action-assistant-dropdown .btn-secondary:not(:disabled):not(.disabled):active,
.admin-action-assistant-dropdown.show > .btn-secondary.dropdown-toggle {
    background-color: transparent;
    color: var(--color-primary, #1a4d3e);
    border: none;
}
.admin-action-archive-dropdown.show > .btn-secondary.dropdown-toggle:focus,
.admin-action-assistant-dropdown.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none !important;
}
.admin-action-archive-dropdown .dropdown-menu.show,
.admin-action-assistant-dropdown .dropdown-menu.show {
    right: 0 !important;
    left: auto !important;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-sm, 6px);
    box-shadow: var(--shadow-md);
    font-family: var(--font);
}

/* ── Services pills ── */
.admin-service {
    border-radius: var(--radius-sm, 6px);
    background-color: var(--color-border-light, #f1f5f9);
    color: var(--color-text, #111827);
    transition: background-color 0.15s ease, color 0.15s ease;
    font-family: var(--font);
}
.admin-service.active {
    color: #fff;
    background-color: var(--color-primary, #1a4d3e);
}
.admin-place-services {
    max-height: 64vh;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.1) transparent;
}

/* ── Map info overlay ── */
.admin-map {
    height: 100%;
}
.admin-map-info {
    position: absolute;
    top: 0.65rem;
    right: 3rem;
    z-index: 10000;
    background-color: var(--color-surface, #fff);
    border-radius: var(--radius-sm, 6px);
    max-width: 10rem;
    border: 1px solid var(--color-border, #e2e8f0);
    box-shadow: var(--shadow-sm);
    font-family: var(--font);
}
.admin-map-info-value {
    word-break: break-word;
}

/* ── Plots without geometry (map overlay list) ── */
.admin-map-plots-without-geom {
    position: absolute;
    bottom: 2.1rem;
    z-index: 9999;
    right: 20px;
    max-height: 20rem;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}
@media (min-width: 576px) {
    .admin-map-plots-without-geom { right: calc(100vw - (50vw + 255px)); }
}
@media (min-width: 768px) {
    .admin-map-plots-without-geom { right: calc(100vw - (50vw + 345px)); }
}
@media (min-width: 992px) {
    .admin-map-plots-without-geom { right: calc(100vw - (50vw + 460px)); }
}
@media (min-width: 1200px) {
    .admin-map-plots-without-geom { right: calc(100vw - (50vw + 555px)); }
}

.admin-map-plot-without-geom {
    background-color: var(--color-surface, #fff);
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
    margin-bottom: 1px;
    margin-right: 1px;
    border-radius: var(--radius-xs, 4px);
    color: var(--color-text, #111827);
    font-family: var(--font);
    transition: opacity 0.15s ease;
    border: 1px solid var(--color-border, #e2e8f0);
}
.admin-map-plot-without-geom:hover {
    opacity: 0.8;
}
.admin-map-plot-without-geom.selected {
    background-color: var(--color-primary, #1a4d3e);
    color: #fff;
    border-color: var(--color-primary, #1a4d3e);
}

/* ── Distribution edit ── */
.admin-distribution-edit-form .edit_view {
    overflow: auto;
    max-height: 64vh;
    overflow-x: hidden;
}

/* ── DataTables overrides ── */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    padding: 0;
}
.group.row {
    display: none;
}
div#work-table_paginate,
div#work-table_info,
div#work-table_length,
div#work-table_filter {
    font-size: 0.8rem;
    font-family: var(--font);
    color: var(--color-text-secondary, #6b7280);
}

tr.hover {
    opacity: 0.7;
    font-weight: 600;
    background-color: var(--color-primary, #1a4d3e);
    color: #fff;
}

/* ── Distribution modal action icons ── */
.admin-action-download-distribution-modal,
.admin-action-clone-distribution-modal,
.admin-action-upload-distribution-grid-modal,
.admin-action-integration-distribution-modal {
    font-size: 1rem;
    margin-top: 0.6rem;
    position: absolute;
    right: 2.2rem;
    color: var(--color-primary, #1a4d3e);
    cursor: pointer;
    transition: color 0.15s ease;
}
.admin-action-download-distribution-modal:hover,
.admin-action-clone-distribution-modal:hover,
.admin-action-upload-distribution-grid-modal:hover,
.admin-action-integration-distribution-modal:hover {
    color: var(--color-primary-dark, #0f2e25);
}
.admin-action-download-distribution-modal { right: 3.6rem; }
.admin-action-upload-distribution-grid-modal { right: 5rem; }
.admin-action-integration-distribution-modal { right: 6.4rem; }

/* ── Distribution grid options ── */
.admin-distribuion-grid-option {
    padding: 0.75rem;
    border: 1px solid var(--color-border, #e2e8f0);
    margin-top: 0.5rem;
    border-radius: var(--radius-sm, 6px);
    text-align: center;
    cursor: pointer;
    color: var(--color-text, #111827);
    font-family: var(--font);
    transition: all 0.15s ease;
}
.admin-distribuion-grid-option:hover {
    border-color: var(--color-primary, #1a4d3e);
    background-color: rgba(26,77,62,0.04);
}
.admin-distribuion-grid-option.active {
    background-color: var(--color-primary, #1a4d3e);
    color: #fff;
    border-color: var(--color-primary, #1a4d3e);
}
.admin-distribuion-grid-actions-title {
    text-transform: uppercase;
    color: var(--color-primary, #1a4d3e);
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.03em;
}

/* ── Map distribution integration controls ── */
.admin-map-distribution-integration-controls {
    z-index: 1000;
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
}
.distribution-integration-confirm-actions {
    background-color: var(--color-surface, #fff);
    font-size: 1.3rem;
    text-align: center;
    color: var(--color-primary, #1a4d3e);
    border-radius: var(--radius-xs, 4px);
    padding: 0.15rem;
    border: 1px solid var(--color-border, #e2e8f0);
    box-shadow: var(--shadow-sm);
}

/* ── Info-by-code control ── */
.info-by-code-control .btn-outline-secondary {
    background-color: var(--color-surface, #fff);
    border-color: var(--color-primary, #1a4d3e);
    color: var(--color-text, #111827);
    font-family: var(--font);
}
.info-by-code-control .btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--color-primary, #1a4d3e);
    border-color: var(--color-primary, #1a4d3e);
}
.info-by-code-control .btn-outline-secondary i {
    color: var(--color-primary, #1a4d3e);
}
.info-by-code-control .btn-outline-secondary:hover i {
    color: #fff;
}

/* ── Table select-all checkbox ── */
.admin-table-select-all-checkbox {
    width: 24px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
    margin-right: 0;
    text-align: center;
}
.admin-tool-info-by-code-result {
    user-select: text;
}

/* ── Dropdown sub-items ── */
.dropdown-inner-menu {
    left: 98%;
    top: 80%;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-sm, 6px);
    box-shadow: var(--shadow-md);
}
.dropdown-sub-item i {
    margin-left: 0.5rem;
}
.dropdown-sub-item.dropdown-selected i {
    transform: rotate(180deg);
}
.dropdown-selected {
    background-color: var(--color-primary, #1a4d3e) !important;
    color: #fff;
}

.navbar {
    user-select: none;
}

@media (max-width: 991px) {
    .dropdown-inner-menu {
        padding-left: 1.5rem;
        border: 0;
    }
    .dropdown-inner-menu .dropdown-item {
        border-left: 1px solid var(--color-border, #e2e8f0);
    }
    .navbar {
        max-height: 100%;
        overflow: auto;
    }
    .dropdown-sub-item i {
        transform: rotate(90deg);
    }
    .dropdown-sub-item.dropdown-selected i {
        transform: rotate(270deg);
    }
}

/* ── Analysis works / accordion ── */
.admin-list #accordion button.btn.btn-link {
    color: var(--color-primary, #1a4d3e);
    text-decoration: none;
    width: 100%;
    text-align: left;
    font-family: var(--font);
}
.admin-list .all-areas-worked-summatory {
    color: var(--color-primary, #1a4d3e);
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════
   DENDROMETER STATUS TABLE
   ═══════════════════════════════════════════════════════ */
.dendro-status-table-responsive {
    max-height: calc(100vh - 10rem);
}
table.dendro-status-table {
    margin: auto;
    width: 100%;
    font-family: var(--font);
}
table.dendro-status-table .tr_sticky {
    position: sticky;
    top: 0;
    z-index: 10;
}
table.dendro-status-table .tr_sticky.dendro-status-months {
    top: 2.3rem;
}
table.dendro-status-table .tr_sticky.dendro-status-days {
    top: 4.1rem;
}
table.dendro-status-table .dendro-status-years td,
table.dendro-status-table .dendro-status-data-item.td_sticky {
    background-color: var(--color-primary, #1a4d3e);
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 0.5rem;
    border: 1px solid rgba(255,255,255,0.2);
    font-size: 0.8rem;
    text-transform: uppercase;
}
table.dendro-status-table .td_sticky {
    position: sticky;
    left: 0;
}
table.dendro-status-table .td_sticky.first_column {
    width: 50px;
    min-width: 50px;
}
table.dendro-status-table .td_sticky.second_column {
    left: 50px;
}
.dendro-status-id-title,
.dendro-status-code-title {
    z-index: 11;
}
table.dendro-status-table .tr_sticky.dendro-status-months,
table.dendro-status-table .tr_sticky.dendro-status-days {
    z-index: 9;
}

td.dendro-status-years-item {
    background-color: var(--color-primary, #1a4d3e);
    font-size: 0.9rem;
    color: #fff;
    padding: 0.2rem;
    border: 1px solid rgba(255,255,255,0.2);
    text-align: center;
    vertical-align: middle;
}
td.dendro-status-months-item {
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgba(255,255,255,0.2);
    background-color: var(--color-primary-light, #25644f);
    color: #fff;
    font-size: 0.9rem;
    padding: 0.2rem;
}
td.dendro-status-days-item {
    text-align: center;
    vertical-align: middle;
    background-color: var(--color-primary, #1a4d3e);
    color: #fff;
    font-size: 0.9rem;
    padding: 0.2rem;
    border: 1px solid rgba(255,255,255,0.2);
}
td.dendro-status-data-item {
    text-align: center;
    vertical-align: middle;
    font-size: 0.9rem;
    padding: 0.2rem;
    border: 1px solid var(--color-border-light, #f1f5f9);
}
td.dendro-status-crop-name {
    text-align: center;
    background-color: var(--color-primary, #1a4d3e);
    color: #fff;
    font-size: 0.9rem;
    padding: 0.2rem;
    border: 1px solid rgba(255,255,255,0.2);
}
tr.dendro-status-crop-name-row.without_data td.dendro-status-crop-name {
    background-color: var(--color-warning, #d97706);
}

td.dendro-status-plot-name {
    text-align: center;
    background-color: var(--color-primary-light, #25644f);
    color: #fff;
    font-size: 0.9rem;
    padding: 0.2rem;
    border: 1px solid rgba(255,255,255,0.2);
}

.dendro-status-dendro-data-row td {
    color: var(--color-danger, #dc2626);
    font-size: 0.8rem;
}
.dendro-status-dendro-data-row.dendrometer-unasigned td {
    background-color: var(--color-border, #e2e8f0) !important;
}
.dendro-status-dendro-data-row td.dendro-status-data-item-value {
    cursor: pointer;
}
.dendro-status-dendro-data-row td.with_data {
    color: var(--color-primary, #1a4d3e);
}

td.dendro-status-data-item.dendro-status-data-item-value {
    position: relative;
}
td.dendro-status-data-item.dendro-status-data-item-value.manual_edition:before {
    content: "";
    background-color: var(--color-info, #2563eb);
    position: absolute;
    bottom: 0.3rem;
    right: calc(50% - 4px);
    height: 4px;
    width: 8px;
}
td.dendro-status-data-item.dendro-status-data-item-value.with_data.battery_low:after {
    content: "";
    background-color: var(--color-danger, #dc2626);
    position: absolute;
    bottom: 0.3rem;
    left: calc(50% - 4px);
    height: 4px;
    width: 8px;
}
td.dendro-status-data-item.dendro-status-data-item-value.manual_edition.battery_low:before {
    right: 50%;
}
td.dendro-status-data-item.dendro-status-data-item-value.manual_edition.battery_low:after {
    left: 50%;
}

.dendro-status-dendro-data-row td.with_data.decreased {
    color: var(--color-warning, #d97706);
}
.dendro-status-dendro-data-row td.with_data.increased_too_much {
    color: #c026d3;
}
.dendro-status-dendro-data-row td.deleted {
    background-color: var(--color-danger, #dc2626);
    color: #fff;
}

/* Battery status cells */
.dendro-status-data-item.battery-cell {
    color: #fff;
    cursor: initial;
    background-color: var(--color-text-muted, #9ca3af);
}
.dendro-status-data-item.battery-cell.battery_low {
    background-color: var(--color-danger, #dc2626);
}
.dendro-status-data-item.battery-cell.battery_medium {
    background-color: var(--color-warning, #d97706);
}
.dendro-status-data-item.battery-cell.battery_high {
    background-color: var(--color-success, #16a34a);
}

.dendro-status-crop-name-row td {
    cursor: pointer;
}
.dendro-status-crop-name-row.data-hidden td {
    background-color: var(--color-text-muted, #9ca3af);
}

/* ── Modal measurements table ── */
.modal .all-meassurements table {
    width: 100%;
    font-family: var(--font);
}
.modal .all-meassurements table th {
    font-weight: 700;
    width: 33.33%;
    border: 1px solid var(--color-border, #e2e8f0);
    text-align: center;
    padding: 0.2rem;
    color: var(--color-text, #111827);
}
.modal .all-meassurements table td {
    border: 1px solid var(--color-border, #e2e8f0);
    text-align: center;
    vertical-align: middle;
    font-size: 0.85rem;
    padding: 0.2rem;
    color: var(--color-text-secondary, #6b7280);
}

/* ═══════════════════════════════════════════════════════
   WORK ASSISTANT — Distribution selector
   ═══════════════════════════════════════════════════════ */
.plot-selection-assistant-modal-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.work-assistant-distribution-selector-item {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    width: 16rem;
    cursor: pointer;
    margin: 0.5rem;
}
.work-assistant-distribution-selector-item.selected .work-assistant-distribution-selector-item-content {
    background-color: var(--color-primary, #1a4d3e);
    color: #fff;
    border-color: var(--color-primary, #1a4d3e);
}
.work-assistant-distribution-selector-item-content {
    padding: 0.5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    background-color: var(--color-surface, #fff);
    font-size: 0.9rem;
    border-radius: var(--radius-sm, 6px);
    text-align: center;
    height: 100% !important;
    border: 1px solid var(--color-border, #e2e8f0);
    width: 16rem;
    font-family: var(--font);
    transition: all 0.15s ease;
    box-shadow: var(--shadow-xs);
}
.work-assistant-distribution-selector-item-content:hover {
    border-color: var(--color-primary-light, #25644f);
    box-shadow: var(--shadow-sm);
}
.work-assistant-distribution-selector-item-content-name {
    font-size: 1.4rem;
    line-height: 1;
    word-break: break-word;
    font-weight: 600;
}
.work-assistant-distribution-selector-item-content-area {
    font-size: 0.8rem;
    color: var(--color-text-secondary, #6b7280);
}
.plot-selection-assistant-link {
    color: var(--color-primary, #1a4d3e);
    font-size: 1rem;
    display: block;
    cursor: pointer;
    font-family: var(--font);
    transition: color 0.15s ease;
}
.plot-selection-assistant-link:hover {
    color: var(--color-primary-dark, #0f2e25);
}
.plot-selection-assistant-link.selected {
    text-decoration: line-through;
    color: var(--color-text-muted, #9ca3af);
}

/* ═══════════════════════════════════════════════════════
   DARK THEME OVERRIDES
   ═══════════════════════════════════════════════════════ */
[data-theme="dark"] .admin-content .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(52,211,153,0.05);
}
[data-theme="dark"] .admin-content .table-striped tbody tr[to_delete="true"] {
    background-color: rgba(220,38,38,0.2);
}
[data-theme="dark"] .admin-service {
    background-color: var(--color-border);
    color: var(--color-text);
}
[data-theme="dark"] .admin-map-info {
    background-color: var(--color-surface);
    color: var(--color-text);
    border-color: var(--color-border);
}
[data-theme="dark"] .admin-map-plot-without-geom {
    background-color: var(--color-surface);
    color: var(--color-text);
    border-color: var(--color-border);
}
[data-theme="dark"] .distribution-integration-confirm-actions {
    background-color: var(--color-surface);
    border-color: var(--color-border);
}
[data-theme="dark"] .admin-distribuion-grid-option {
    border-color: var(--color-border);
    color: var(--color-text);
}
[data-theme="dark"] .admin-distribuion-grid-option:hover {
    background-color: rgba(52,211,153,0.06);
}
[data-theme="dark"] td.dendro-status-data-item {
    border-color: var(--color-border);
}
[data-theme="dark"] .modal .all-meassurements table th {
    color: var(--color-text);
    border-color: var(--color-border);
}
[data-theme="dark"] .modal .all-meassurements table td {
    color: var(--color-text-secondary);
    border-color: var(--color-border);
}
[data-theme="dark"] tr.hover {
    background-color: var(--color-primary);
}
[data-theme="dark"] .work-assistant-distribution-selector-item-content {
    background-color: var(--color-surface);
    color: var(--color-text);
    border-color: var(--color-border);
}
[data-theme="dark"] .dropdown-inner-menu {
    border-color: var(--color-border);
    background-color: var(--color-surface);
}
[data-theme="dark"] .dendro-status-dendro-data-row.dendrometer-unasigned td {
    background-color: var(--color-border) !important;
}