:root {
    --agata-primary: #009CDA;
    --agata-primary-hover: #008BC2;
    --agata-dark: #123C5A;
    --agata-dark-strong: #0D3550;
    --agata-accent: #35C6C8;
    --agata-background: #EEF6FB;
    --agata-surface: #FFFFFF;
    --agata-surface-soft: #F4F7FA;
    --agata-text-primary: #123C5A;
    --agata-text: var(--agata-text-primary);
    --agata-text-secondary: #6B7C93;
    --agata-text-muted: #94A3B8;
    --agata-border: #E3EDF3;
    --agata-radius: 16px;
    --agata-radius-sm: 10px;
    --agata-radius-menu: 12px;
    --agata-shadow: 0 8px 24px rgba(18, 60, 90, 0.06);
    --agata-card-border: 1px solid rgba(18, 60, 90, 0.04);
    --agata-nav-h: 64px;
    --agata-chart-resolved: #35C6C8;
    --agata-chart-progress: #009CDA;
    --agata-chart-open: #F4A24A;
    --agata-danger: #D64545;
    --agata-success: #1F9D6A;
    --agata-white: #FFFFFF;
}

body.agata-shell {
    background: var(--agata-background);
    color: var(--agata-text-primary);
    font-family: Inter, sans-serif;
    font-weight: 400;
    text-align: left;
}

body.agata-shell .app-content,
body.agata-shell .app-content.toggle-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    max-width: 100%;
    min-height: calc(100vh - var(--agata-nav-h));
}

body.agata-shell .page,
body.agata-shell .page-main,
body.agata-shell .side-app {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

body.agata-shell .form-control,
body.agata-shell .custom-select,
body.agata-shell .bootstrap-select > .dropdown-toggle {
    border-radius: var(--agata-radius-sm);
}

body.agata-shell .agata-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px !important;
    box-sizing: border-box;
}

@media (max-width: 1279px) {
    body.agata-shell .agata-page { padding: 24px !important; }
}

@media (max-width: 1023px) {
    body.agata-shell .agata-page { padding: 16px !important; }
}

@media (max-width: 767px) {
    body.agata-shell .agata-page { padding: 12px !important; }
    .agata-navbar-bar { padding: 0 12px; }
}

.agata-sla-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 8px 16px;
    border-radius: 0;
    position: sticky;
    top: var(--agata-nav-h);
    z-index: 1020;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    white-space: normal;
}

.agata-sla-banner:hover,
.agata-sla-banner:focus {
    color: #FFFFFF;
    text-decoration: none;
    filter: brightness(0.92);
}

.agata-sla-banner.is-breach {
    background: #D63C3C;
}

.agata-sla-banner.is-risk {
    background: #C05600;
}

.agata-navbar {
    position: sticky;
    top: 0;
    z-index: 1030;
    width: 100%;
    height: var(--agata-nav-h);
    background: var(--agata-dark);
    color: #fff;
    overflow: visible;
}

.agata-navbar-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
    padding: 0 24px;
    width: 100%;
    margin: 0;
    overflow: visible;
}

.agata-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.06em;
    font-size: 16px;
    line-height: 1;
}

.agata-brand img {
    display: block;
    height: 36px;
    width: auto;
}

.agata-nav-row {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
    overflow: visible;
}

.agata-nav-row > .dropdown {
    position: relative;
}

.agata-nav-link > i {
    width: 14px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.agata-dropdown-item > i,
.agata-drawer-link > i {
    width: 16px;
    flex: 0 0 16px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: #6B7C93;
}

.agata-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 10px;
    border: 0;
    border-radius: var(--agata-radius-sm);
    background: transparent;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.agata-nav-link:hover,
.agata-nav-link:focus {
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.1);
}

.agata-nav-link.is-active,
.agata-nav-link.is-active:hover,
.dropdown.show > .agata-nav-link {
    color: #fff;
    background: var(--agata-primary);
}

.agata-nav-link:focus-visible,
.agata-icon-btn:focus-visible,
.agata-nav-toggle:focus-visible,
.agata-btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.agata-navbar-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    background: var(--agata-dark);
    padding-left: 8px;
}

.agata-icon-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.agata-icon-btn:hover,
.agata-icon-btn:focus { background: rgba(255, 255, 255, 0.1); color: #fff; }

.agata-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--agata-danger);
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
}

.agata-user-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 8px 0 4px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.agata-user-btn:hover,
.agata-user-btn:focus { background: rgba(255, 255, 255, 0.1); color: #fff; }

.agata-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--agata-primary);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
}

.agata-user-name {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
}

.agata-nav-row .dropdown-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: auto;
    z-index: 2000;
    display: none;
    float: none;
    width: 330px;
    min-width: 320px;
    max-width: 340px;
    margin-top: 0;
    border: 1px solid #E3EDF3;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(18, 60, 90, 0.12);
    padding: 10px;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
    background: #FFFFFF;
    transform: none !important;
    scrollbar-width: thin;
    scrollbar-color: #D7E3EC transparent;
}

.agata-nav-row .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}

.agata-nav-row .dropdown-menu::-webkit-scrollbar-thumb {
    background: #D7E3EC;
    border-radius: 8px;
}

.agata-nav-row .dropdown-menu::-webkit-scrollbar-track {
    background: transparent;
}

.agata-nav-row .dropdown.show > .dropdown-menu {
    display: block;
}

.agata-navbar .dropdown-menu {
    z-index: 2000;
    border: 1px solid var(--agata-border);
    border-radius: var(--agata-radius-menu);
    box-shadow: var(--agata-shadow);
    padding: 8px;
    min-width: 240px;
    max-height: min(70vh, 520px);
    overflow: auto;
    background: #fff;
}

.agata-dropdown-label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 6px;
    color: #6B7C93;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.agata-dropdown-label i {
    font-size: 11px;
    color: #6B7C93;
}

.agata-nav-row .agata-dropdown-label:not(:first-child) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E3EDF3;
}

.agata-nav-row .dropdown-item.agata-dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    height: auto;
    margin: 0;
    padding: 0 14px;
    border-radius: 10px;
    color: #123C5A;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    white-space: normal;
    background: transparent;
    transition: background 0.15s ease, color 0.15s ease;
}

.agata-nav-row .dropdown-item.agata-dropdown-item:hover,
.agata-nav-row .dropdown-item.agata-dropdown-item:focus,
.agata-nav-row .dropdown-item.agata-dropdown-item:active {
    background: #F4F7FA;
    color: #123C5A;
    text-decoration: none;
}

.agata-nav-row .dropdown-item.agata-dropdown-item.is-active,
.agata-nav-row .dropdown-item.agata-dropdown-item.is-active:hover,
.agata-nav-row .dropdown-item.agata-dropdown-item.is-active:focus,
.agata-nav-row .dropdown-item.agata-dropdown-item.is-active:active {
    position: relative;
    background: #E8F6FC;
    color: #009CDA;
    font-weight: 600;
}

.agata-nav-row .dropdown-item.agata-dropdown-item.is-active::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 3px;
    background: #009CDA;
}

.agata-nav-row .dropdown-item.agata-dropdown-item.is-active > i {
    color: #009CDA;
}

.agata-drawer-link.is-active > i {
    color: #fff;
}

.agata-navbar-tools .dropdown-item.agata-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    border-radius: 10px;
    color: #123C5A;
}

.agata-navbar-tools .dropdown-item.agata-dropdown-item:hover,
.agata-navbar-tools .dropdown-item.agata-dropdown-item:focus {
    background: #F4F7FA;
    color: #123C5A;
}

.agata-dropdown-item:focus-visible {
    outline: 2px solid #009CDA;
    outline-offset: 2px;
}

.agata-dropdown-panel {
    max-height: 70vh;
    overflow: auto;
}

.agata-notify-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.agata-notify-item strong {
    display: block;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--agata-text);
}

.agata-nav-toggle,
.agata-drawer,
.agata-overlay { display: none; }

.agata-nav-toggle {
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #fff;
    font-size: 1.15rem;
    cursor: pointer;
}

.agata-nav-toggle:hover,
.agata-nav-toggle:focus { background: rgba(255, 255, 255, 0.1); color: #fff; }

@media (max-width: 1279px) {
    .agata-navbar-bar { padding: 0 24px; }
    .agata-nav-link { padding: 0 8px; font-size: 0.84rem; }
    .agata-user-name { display: none; }
}

@media (max-width: 1023px) {
    .agata-navbar-bar { padding: 0 16px; }
    .agata-user-btn { display: none; }
    .agata-nav-row { display: none; }
    .agata-nav-toggle { display: inline-flex; }

    .agata-drawer {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: min(320px, 88vw);
        height: 100%;
        padding: 16px;
        background: #fff;
        color: var(--agata-text);
        box-shadow: var(--agata-shadow);
        transform: translateX(-105%);
        transition: transform 0.2s ease;
        overflow: auto;
    }

    body.agata-nav-open .agata-drawer { transform: translateX(0); }

    .agata-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1035;
        background: rgba(18, 60, 90, 0.45);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease;
    }

    body.agata-nav-open .agata-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    body.agata-nav-open { overflow: hidden; }
}

.agata-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.agata-drawer-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--agata-dark);
    font-weight: 600;
    letter-spacing: 0.06em;
    font-size: 16px;
}

.agata-drawer-head img { height: 32px; width: auto; }

.agata-drawer-sublabel {
    margin: 8px 0 2px;
    padding-left: 8px;
    color: var(--agata-text-secondary);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.agata-drawer-close {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 8px;
    background: var(--agata-surface-soft);
    color: var(--agata-text);
    cursor: pointer;
}

.agata-drawer-close:focus-visible { outline: 2px solid var(--agata-primary); outline-offset: 2px; }

.agata-drawer-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 8px;
    border-radius: 8px;
    color: var(--agata-text);
    text-decoration: none;
}

.agata-drawer-label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.agata-drawer-label > i {
    font-size: 11px;
    color: var(--agata-text-secondary);
}

.agata-drawer-link:hover,
.agata-drawer-link:focus {
    background: var(--agata-surface-soft);
    color: var(--agata-text);
    text-decoration: none;
}

.agata-drawer-link.is-active {
    background: var(--agata-primary);
    color: #fff;
}

.agata-drawer-label {
    margin-top: 8px;
    color: var(--agata-text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.agata-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 10px;
    background: var(--agata-primary);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.agata-btn:hover,
.agata-btn:focus { color: #fff; background: var(--agata-primary-hover); text-decoration: none; }

.agata-btn-ghost:hover,
.agata-btn-ghost:focus {
    background: var(--agata-surface);
    color: var(--agata-primary-hover);
}

.agata-btn-ghost {
    background: #fff;
    color: var(--agata-primary);
    border: 1px solid rgba(0, 156, 218, 0.35);
}

.agata-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.agata-hero h1 {
    margin: 0 0 4px;
    color: var(--agata-text-primary);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.agata-hero p {
    margin: 0;
    color: var(--agata-text-secondary);
}

.agata-grid-metrics,
.agata-grid-charts,
.agata-grid-bottom {
    display: grid;
    gap: 24px;
    margin-bottom: 24px;
}

.agata-grid-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.agata-grid-charts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.agata-grid-bottom { grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); }

@media (max-width: 1279px) {
    .agata-grid-charts { grid-template-columns: 1fr; }
}

@media (max-width: 1023px) {
    .agata-grid-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .agata-grid-bottom { grid-template-columns: 1fr; }
    .agata-hero { flex-direction: column; }
}

@media (max-width: 767px) {
    .agata-grid-metrics { grid-template-columns: 1fr; }
}

.agata-card {
    background: var(--agata-surface);
    border: var(--agata-card-border);
    border-radius: var(--agata-radius);
    box-shadow: var(--agata-shadow);
    padding: 16px;
    min-width: 0;
}

.agata-card h2 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--agata-text-primary);
}

.agata-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 14px;
}

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

.agata-metric-label {
    color: var(--agata-text-secondary);
    font-size: 0.82rem;
    font-weight: 500;
}

.agata-metric-value {
    margin-top: 2px;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--agata-text-primary);
}

.agata-metric-note {
    display: block;
    margin-top: 6px;
    color: var(--agata-text-secondary);
    font-size: 0.78rem;
}

.agata-metric-trend.is-up { color: var(--agata-success); }
.agata-metric-trend.is-down { color: var(--agata-danger); }

.agata-metric-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: var(--agata-surface-soft);
    color: var(--agata-primary);
    flex: 0 0 auto;
}

.agata-donut-wrap,
.agata-sla {
    display: flex;
    align-items: center;
    gap: 16px;
}

.agata-donut,
.agata-sla-ring {
    position: relative;
    width: 132px;
    height: 132px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.agata-donut::after,
.agata-sla-ring::after {
    content: "";
    position: absolute;
    inset: 22px;
    border-radius: 50%;
    background: #fff;
}

.agata-donut-center,
.agata-sla-center {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.agata-donut-center strong,
.agata-sla-center strong {
    font-size: 1.35rem;
    line-height: 1;
    color: var(--agata-text);
}

.agata-donut-center span,
.agata-sla-center span {
    color: var(--agata-text-secondary);
    font-size: 0.72rem;
}

.agata-legend { list-style: none; margin: 0; padding: 0; min-width: 0; }
.agata-legend li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
    color: var(--agata-text);
    font-size: 0.86rem;
}
.agata-swatch {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 auto;
}
.agata-legend b { margin-left: auto; font-weight: 700; }

.agata-bars { display: flex; flex-direction: column; gap: 10px; }
.agata-bar-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.agata-bar-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.84rem;
}
.agata-bar-track {
    grid-column: 1 / -1;
    height: 8px;
    border-radius: 999px;
    background: var(--agata-surface-soft);
    overflow: hidden;
}
.agata-bar-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--agata-primary);
}
.agata-bar-fill.is-accent { background: var(--agata-accent); }
.agata-bar-fill.is-open { background: var(--agata-chart-open); }
.agata-bar-fill.is-dark { background: var(--agata-dark); }

.agata-trend { width: 100%; height: auto; display: block; }
.agata-trend-labels {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    margin-top: 6px;
    color: var(--agata-text-secondary);
    font-size: 0.72rem;
}
.agata-trend-labels span {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.agata-table-wrap { width: 100%; overflow-x: auto; }
.agata-table-count {
    display: flex;
    align-items: center;
    margin: 0 0 12px;
}
.agata-table-count-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 14px 0 6px;
    border-radius: 999px;
    background: #E8F6FC;
    border: 1px solid #C5E8F6;
    color: #6B7C93;
    font-size: 13px;
    font-weight: 600;
}
.agata-table-count-badge i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #009CDA;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}
.agata-table-count-badge strong {
    color: #123C5A;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}
.agata-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.agata-table th,
.agata-table td {
    padding: 10px 8px;
    border-bottom: 1px solid var(--agata-border);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}
.agata-table th { color: var(--agata-text-secondary); font-weight: 600; font-size: 0.75rem; background: var(--agata-surface-soft); }
.agata-table td.agata-ellipsis {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.agata-table a { color: var(--agata-primary); font-weight: 600; text-decoration: none; }
.agata-table a:hover { text-decoration: underline; }

.agata-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--agata-surface-soft);
    color: var(--agata-text);
}
.agata-pill.is-alta { background: #FDECEC; color: #B42318; }
.agata-pill.is-media { background: #FFF6E8; color: #B76E00; }
.agata-pill.is-baja { background: #E8F8F1; color: #0E7A4D; }
.agata-pill.is-abierto { background: #FFF6E8; color: #B76E00; }
.agata-pill.is-cerrado { background: #E8F8F1; color: #0E7A4D; }
.agata-pill.is-anulado { background: #F3F4F6; color: #4B5563; }

.agata-empty {
    margin: 0;
    color: var(--agata-text-secondary);
}

.agata-link {
    color: var(--agata-primary);
    font-weight: 600;
    font-size: 0.86rem;
    text-decoration: none;
}
.agata-link:hover { text-decoration: underline; }

.agata-footer {
    margin-top: 28px;
    padding-top: 16px;
    border-top: 1px solid var(--agata-border);
    color: var(--agata-text-secondary);
    text-align: center;
    font-size: 0.86rem;
}
.agata-footer a { color: var(--agata-primary); }

.agata-panel {
    max-width: 640px;
    margin: 48px auto;
    text-align: center;
}
.agata-panel h1 { font-size: 1.4rem; }

body.agata-shell .page-header,
body.agata-shell .agata-crumb {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 0;
    margin: 0 0 6px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.agata-shell .agata-crumb__aside {
    margin-left: auto;
    flex: 0 0 auto;
}

body.agata-shell .breadcrumb {
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 13px;
}

body.agata-shell .breadcrumb-item,
body.agata-shell .breadcrumb-item a,
body.agata-shell .breadcrumb-item.active {
    color: #6B7C93;
    font-size: 13px;
    font-weight: 400;
}

body.agata-shell .breadcrumb-item + .breadcrumb-item::before {
    color: #94A3B8;
    padding-right: 0.35rem;
    padding-left: 0.35rem;
}

body.agata-shell .card.agata-view-card {
    background: #FFFFFF;
    border: 1px solid rgba(18, 60, 90, 0.04);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(18, 60, 90, 0.06);
    margin-bottom: 0;
}

body.agata-shell .agata-view-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px 0;
    background: transparent;
    border: 0;
}

body.agata-shell .agata-view-title {
    margin: 0;
    color: #123C5A;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.25;
}

body.agata-shell .agata-view-subtitle {
    margin: 4px 0 0;
    color: #6B7C93;
    font-size: 0.9rem;
    font-weight: 400;
}

body.agata-shell .agata-view-card > .card-body {
    padding: 12px 24px 16px;
}

body.agata-shell .agata-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

body.agata-shell .btn-agata-primary,
body.agata-shell .btn-agata-search,
body.agata-shell .btn-agata-refresh,
body.agata-shell .btn-agata-import,
body.agata-shell .btn-agata-more,
body.agata-shell .btn-agata-assign {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
    text-decoration: none;
}

body.agata-shell .btn-agata-primary {
    background: #009CDA;
    border-color: #009CDA;
    color: #fff;
}
body.agata-shell .btn-agata-primary:hover,
body.agata-shell .btn-agata-primary:focus {
    background: #008BC2;
    border-color: #008BC2;
    color: #fff;
}

body.agata-shell .btn-agata-search {
    background: #2563EB;
    border-color: #2563EB;
    color: #fff;
}
body.agata-shell .btn-agata-search:hover,
body.agata-shell .btn-agata-search:focus { background: #1D4ED8; border-color: #1D4ED8; color: #fff; }

body.agata-shell .btn-agata-refresh {
    background: #0F9B9D;
    border-color: #0F9B9D;
    color: #fff;
}
body.agata-shell .btn-agata-refresh:hover,
body.agata-shell .btn-agata-refresh:focus { background: #0C8486; border-color: #0C8486; color: #fff; }

body.agata-shell .btn-agata-import {
    background: #C05600;
    border-color: #C05600;
    color: #fff;
}
body.agata-shell .btn-agata-import:hover,
body.agata-shell .btn-agata-import:focus { background: #A34700; border-color: #A34700; color: #fff; }

body.agata-shell .btn-agata-more {
    background: #123C5A;
    border-color: #123C5A;
    color: #fff;
}
body.agata-shell .btn-agata-more:hover,
body.agata-shell .btn-agata-more:focus { background: #0D3550; border-color: #0D3550; color: #fff; }

body.agata-shell .btn-agata-assign {
    background: #7C3AED;
    border-color: #7C3AED;
    color: #fff;
}
body.agata-shell .btn-agata-assign:hover,
body.agata-shell .btn-agata-assign:focus { background: #6D28D9; border-color: #6D28D9; color: #fff; }

body.agata-shell .agata-card-actions .dropdown-menu {
    border-radius: 12px;
    border: 1px solid #E3EDF3;
    box-shadow: 0 8px 24px rgba(18, 60, 90, 0.06);
}

body.agata-shell .agata-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

body.agata-shell .agata-chip {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: #F4F7FA;
    color: #123C5A;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

body.agata-shell .agata-chip:hover,
body.agata-shell .agata-chip:focus {
    text-decoration: none;
    filter: brightness(0.97);
}

body.agata-shell .agata-chip.is-all.is-active {
    background: #009CDA;
    border-color: #009CDA;
    color: #FFFFFF;
}

body.agata-shell .agata-chip.is-open {
    background: #FFF4E8;
    color: #C66A00;
}
body.agata-shell .agata-chip.is-open.is-active { box-shadow: inset 0 0 0 1.5px #C66A00; }

body.agata-shell .agata-chip.is-progress {
    background: #EEF4FF;
    color: #2563EB;
}
body.agata-shell .agata-chip.is-progress.is-active { box-shadow: inset 0 0 0 1.5px #2563EB; }

body.agata-shell .agata-chip.is-closed {
    background: #EAF8F1;
    color: #198754;
}
body.agata-shell .agata-chip.is-closed.is-active { box-shadow: inset 0 0 0 1.5px #198754; }

body.agata-shell .agata-chip.is-filters {
    background: #F4F7FA;
    color: #123C5A;
    border-color: #E3EDF3;
}

body.agata-shell .agata-badge-soft {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    background: #F4F7FA;
    color: #123C5A;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}
body.agata-shell .agata-badge-soft.is-alta { background: #FDECEC; color: #D63C3C; }
body.agata-shell .agata-badge-soft.is-media { background: #FFF4DB; color: #B7791F; }
body.agata-shell .agata-badge-soft.is-baja { background: #EAF8F1; color: #198754; }
body.agata-shell .agata-badge-soft.is-abierto { background: #FFF0E6; color: #C45A00; }
body.agata-shell .agata-badge-soft.is-proceso { background: #EAF4FF; color: #1677D2; }
body.agata-shell .agata-badge-soft.is-cerrado { background: #EAF8F1; color: #198754; }
body.agata-shell .agata-badge-soft.is-anulado,
body.agata-shell .agata-badge-soft.is-muted { background: #F4F7FA; color: #6B7C93; }

body.agata-shell .agata-view-card .table .btn {
    background: #F4F7FA;
    border: 1px solid #E3EDF3;
    color: #123C5A;
}
body.agata-shell .agata-view-card .table .btn-danger {
    background: #FDECEC;
    border-color: #F6D0D0;
    color: #D63C3C;
}

body.agata-shell .table {
    margin-top: 8px;
    color: #123C5A;
}

body.agata-shell .table-bordered,
body.agata-shell .table-bordered th,
body.agata-shell .table-bordered td,
body.agata-shell .table thead th,
body.agata-shell .table td {
    border: 0;
    border-bottom: 1px solid #E3EDF3;
}

body.agata-shell .table thead th {
    background: #F4F7FA;
    color: #123C5A;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

body.agata-shell .agata-tickets-list .table thead th {
    text-transform: none;
    letter-spacing: normal;
}

body.agata-shell .table-striped tbody tr:nth-of-type(odd) {
    background: transparent;
}

body.agata-shell .table tbody tr:hover {
    background: #F4F7FA;
}

body.agata-shell .table a {
    color: #009CDA;
}

body.agata-shell .agata-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 16px 12px;
    color: #6B7C93;
    text-align: center;
}

body.agata-shell .agata-empty-state i {
    font-size: 1.05rem;
    color: #009CDA;
    margin-bottom: 2px;
}

body.agata-shell .agata-empty-state strong {
    color: #123C5A;
    font-weight: 600;
}

body.agata-shell .form-control,
body.agata-shell .custom-select,
body.agata-shell .bootstrap-select > .dropdown-toggle {
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #DCE6EE;
    background: #FFFFFF;
    color: #123C5A;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    box-shadow: none;
}

body.agata-shell .bootstrap-select.form-control {
    width: 100% !important;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.agata-shell .bootstrap-select > .dropdown-toggle.btn-light,
body.agata-shell .bootstrap-select > .dropdown-toggle.btn-light:hover,
body.agata-shell .bootstrap-select > .dropdown-toggle.btn-light:focus {
    background: #FFFFFF;
    color: #123C5A;
    border: 1px solid #DCE6EE;
}

body.agata-shell textarea.form-control {
    height: auto;
    min-height: 96px;
    padding: 8px 12px;
    line-height: 1.45;
}

body.agata-shell .form-control:focus,
body.agata-shell .custom-select:focus,
body.agata-shell .bootstrap-select > .dropdown-toggle:focus,
body.agata-shell .bootstrap-select > .dropdown-toggle.btn-light:focus {
    border-color: #009CDA;
    box-shadow: 0 0 0 3px rgba(0, 156, 218, 0.1);
}

body.agata-shell .ck.ck-toolbar {
    border-color: #DCE6EE;
    border-radius: 10px 10px 0 0;
}

body.agata-shell .ck.ck-editor__main > .ck-editor__editable {
    border-color: #DCE6EE;
    border-radius: 0 0 10px 10px;
    padding: 12px 14px;
}

body.agata-shell .ck.ck-editor__editable:focus {
    border-color: #009CDA;
    box-shadow: 0 0 0 3px rgba(0, 156, 218, 0.1);
}

body.agata-shell .ticket-create-description .ck-editor__editable_inline {
    min-height: 9rem;
}

@media (min-width: 768px) {
    body.agata-shell .agata-form-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        column-gap: 16px;
        row-gap: 4px;
        margin-right: 0;
        margin-left: 0;
    }

    body.agata-shell .agata-form-grid > [class*="col-"] {
        width: auto;
        max-width: none;
        flex: none;
        min-width: 0;
        padding-right: 0;
        padding-left: 0;
    }

    body.agata-shell .agata-form-grid > .col-12,
    body.agata-shell .agata-form-grid > .col-md-12,
    body.agata-shell .agata-form-grid > .col-xl-12 {
        grid-column: 1 / -1;
    }

    body.agata-shell .agata-form-grid > .col-md-6 {
        grid-column: span 6;
    }
}

@media (min-width: 1200px) {
    body.agata-shell .agata-form-grid > .col-xl-6 {
        grid-column: span 6;
    }

    body.agata-shell .agata-form-grid > .col-xl-3 {
        grid-column: span 3;
    }
}

body.agata-shell .agata-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

body.agata-shell .agata-btn-secondary,
body.agata-shell .agata-form-actions .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    font-weight: 500;
    line-height: 1;
}

body.agata-shell .agata-form-actions .btn > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 1;
    margin: 0;
}

body.agata-shell .agata-btn-secondary {
    background: #123C5A;
    border: 1px solid #123C5A;
    color: #fff;
}
body.agata-shell .agata-btn-secondary:hover,
body.agata-shell .agata-btn-secondary:focus {
    background: #0D3550;
    border-color: #0D3550;
    color: #fff;
}

body.agata-shell .agata-form-actions .btn-primary {
    background: #009CDA;
    border-color: #009CDA;
}

body.agata-shell .agata-form-actions .btn-primary:hover {
    background: #008BC2;
    border-color: #008BC2;
}

@media (max-width: 767px) {
    body.agata-shell .agata-view-head {
        flex-direction: column;
    }

    body.agata-shell .agata-card-actions {
        justify-content: flex-start;
    }
}

/* Identidad ÁGATA en todas las vistas del panel */
body.agata-shell .card {
    background: #FFFFFF;
    border: 1px solid rgba(18, 60, 90, 0.04);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(18, 60, 90, 0.06);
}

body.agata-shell .agata-filter-panel {
    display: block;
    margin: 0 0 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #FFFFFF;
    border: 1px solid #E3EDF3;
}

body.agata-shell .agata-filter-panel .agata-filter-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px 10px;
    margin: 0;
}

body.agata-shell .agata-filter-panel .agata-filter-grid > [class*="col-"] {
    width: auto;
    max-width: none;
    flex: none;
    padding: 0;
    margin: 0;
    min-width: 0;
}

body.agata-shell .agata-filter-panel .bootstrap-select.form-control {
    width: 100% !important;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.agata-shell .agata-filter-panel input.form-control,
body.agata-shell .agata-filter-panel select.form-control,
body.agata-shell .agata-filter-panel .bootstrap-select > .dropdown-toggle {
    width: 100% !important;
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #DCE6EE;
    background: #FFFFFF;
    color: #123C5A;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    box-shadow: none;
}

body.agata-shell .agata-filter-panel .bootstrap-select > .dropdown-toggle {
    padding-right: 28px;
}

body.agata-shell .agata-filter-panel input.form-control:focus,
body.agata-shell .agata-filter-panel select.form-control:focus,
body.agata-shell .agata-filter-panel .bootstrap-select > .dropdown-toggle:focus {
    border-color: #009CDA;
    box-shadow: 0 0 0 3px rgba(0, 156, 218, 0.1);
    outline: none;
}

body.agata-shell .agata-filter-panel .agata-filter-actions {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    justify-content: flex-end;
    min-width: 0;
}

body.agata-shell .agata-filter-panel .agata-filter-actions .btn {
    height: 36px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    box-shadow: none;
}

body.agata-shell .agata-filter-panel .agata-filter-actions .btn-info,
body.agata-shell .agata-filter-panel .agata-filter-actions .btn-info:focus {
    background: #2563EB;
    color: #fff;
    border: 1px solid #2563EB;
}
body.agata-shell .agata-filter-panel .agata-filter-actions .btn-info:hover {
    background: #1D4ED8;
    color: #fff;
}

body.agata-shell .agata-filter-panel .agata-filter-actions .btn-primary,
body.agata-shell .agata-filter-panel .agata-filter-actions .btn-primary:focus {
    background: #198754;
    color: #fff;
    border: 1px solid #198754;
}
body.agata-shell .agata-filter-panel .agata-filter-actions .btn-primary:hover {
    background: #157347;
    color: #fff;
}

body.agata-shell .agata-filter-panel .agata-filter-actions .agata-filter-clear,
body.agata-shell .agata-filter-panel .agata-filter-actions .agata-filter-clear:focus {
    display: inline-flex;
    align-items: center;
    background: #7C3AED;
    color: #fff;
    border: 1px solid #7C3AED;
}
body.agata-shell .agata-filter-panel .agata-filter-actions .agata-filter-clear:hover {
    background: #6D28D9;
    color: #fff;
}

@media (max-width: 1279px) {
    body.agata-shell .agata-filter-panel .agata-filter-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    body.agata-shell .agata-filter-panel .agata-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.agata-shell .agata-filter-panel { padding: 12px; }
    body.agata-shell .agata-filter-panel .agata-filter-grid {
        grid-template-columns: 1fr;
    }
    body.agata-shell .agata-filter-panel .agata-filter-actions {
        justify-content: stretch;
    }
    body.agata-shell .agata-filter-panel .agata-filter-actions .btn {
        flex: 1 1 auto;
    }
}


body.agata-shell .agata-card-actions .btn {
    height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

body.agata-shell .btn-success,
body.agata-shell .btn-success:focus {
    background: #009CDA;
    border-color: #009CDA;
    color: #fff;
}
body.agata-shell .btn-success:hover {
    background: #008BC2;
    border-color: #008BC2;
    color: #fff;
}

body.agata-shell .btn-info,
body.agata-shell .btn-info:focus {
    background: #2563EB;
    border-color: #2563EB;
    color: #fff;
}
body.agata-shell .btn-info:hover {
    background: #1D4ED8;
    border-color: #1D4ED8;
    color: #fff;
}

body.agata-shell .btn-warning,
body.agata-shell .btn-warning:focus {
    background: #C05600;
    border-color: #C05600;
    color: #fff;
}
body.agata-shell .btn-warning:hover {
    background: #A34700;
    border-color: #A34700;
    color: #fff;
}

body.agata-shell .agata-card-actions .btn-primary,
body.agata-shell .agata-card-actions .btn-primary:focus {
    background: #0F9B9D;
    border-color: #0F9B9D;
    color: #fff;
}
body.agata-shell .agata-card-actions .btn-primary:hover {
    background: #0C8486;
    border-color: #0C8486;
    color: #fff;
}

body.agata-shell .btn-secondary,
body.agata-shell .btn-light,
body.agata-shell .btn-outline-secondary {
    background: #123C5A;
    border-color: #123C5A;
    color: #fff;
}

body.agata-shell .table .btn,
body.agata-shell .table .btn-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-height: 32px;
    padding: 0 8px;
    border-radius: 8px;
    font-weight: 600;
    line-height: 1;
    vertical-align: middle;
    box-shadow: none;
    background: #123C5A;
    border: 1px solid #123C5A;
    color: #fff;
}
body.agata-shell .table .btn:has(> i:only-child),
body.agata-shell .table .btn-sm:has(> i:only-child) {
    width: 32px;
    min-width: 32px;
    padding: 0;
}
body.agata-shell .table .btn > i {
    display: block;
    line-height: 1;
    margin: 0;
}
body.agata-shell .table .btn.btn-info,
body.agata-shell .table .btn.btn-outline-info,
body.agata-shell .table .btn.btn-info:hover,
body.agata-shell .table .btn.btn-outline-info:hover,
body.agata-shell .table .btn.btn-info:focus,
body.agata-shell .table .btn.btn-outline-info:focus {
    background: #2563EB;
    border-color: #2563EB;
    color: #fff;
}
body.agata-shell .table .btn.btn-primary,
body.agata-shell .table .btn.btn-outline-primary,
body.agata-shell .table .btn.btn-primary:hover,
body.agata-shell .table .btn.btn-outline-primary:hover,
body.agata-shell .table .btn.btn-primary:focus,
body.agata-shell .table .btn.btn-outline-primary:focus {
    background: #009CDA;
    border-color: #009CDA;
    color: #fff;
}
body.agata-shell .table .btn.btn-success,
body.agata-shell .table .btn.btn-outline-success,
body.agata-shell .table .btn.btn-success:hover,
body.agata-shell .table .btn.btn-outline-success:hover,
body.agata-shell .table .btn.btn-success:focus,
body.agata-shell .table .btn.btn-outline-success:focus {
    background: #0F9B9D;
    border-color: #0F9B9D;
    color: #fff;
}
body.agata-shell .table .btn.btn-warning,
body.agata-shell .table .btn.btn-outline-warning,
body.agata-shell .table .btn.btn-warning:hover,
body.agata-shell .table .btn.btn-outline-warning:hover,
body.agata-shell .table .btn.btn-warning:focus,
body.agata-shell .table .btn.btn-outline-warning:focus {
    background: #C05600;
    border-color: #C05600;
    color: #fff;
}
body.agata-shell .table .btn.btn-danger,
body.agata-shell .table .btn.btn-outline-danger,
body.agata-shell .table .btn.btn-danger:hover,
body.agata-shell .table .btn.btn-outline-danger:hover,
body.agata-shell .table .btn.btn-danger:focus,
body.agata-shell .table .btn.btn-outline-danger:focus {
    background: #D63C3C;
    border-color: #D63C3C;
    color: #fff;
}
body.agata-shell .table .btn.btn-secondary,
body.agata-shell .table .btn.btn-outline-secondary,
body.agata-shell .table .btn.btn-secondary:hover,
body.agata-shell .table .btn.btn-outline-secondary:hover,
body.agata-shell .table .btn.btn-secondary:focus,
body.agata-shell .table .btn.btn-outline-secondary:focus {
    background: #123C5A;
    border-color: #123C5A;
    color: #fff;
}
body.agata-shell .table .btn.manage-color,
body.agata-shell .table .btn.manage-color:hover,
body.agata-shell .table .btn.manage-color:focus,
body.agata-shell .agata-view-card .agata-availability-table .btn.manage-color,
body.agata-shell .agata-view-card .agata-availability-table .btn.manage-color:hover,
body.agata-shell .agata-view-card .agata-availability-table .btn.manage-color:focus {
    background: #7C3AED;
    border-color: #7C3AED;
    color: #fff;
}

body.agata-shell .agata-view-card .agata-availability-table .btn.btn-info,
body.agata-shell .agata-view-card .agata-availability-table .btn.btn-info:hover,
body.agata-shell .agata-view-card .agata-availability-table .btn.btn-info:focus {
    background: #2563EB;
    border-color: #2563EB;
    color: #fff;
}

body.agata-shell .agata-view-card .agata-availability-table .btn.btn-primary,
body.agata-shell .agata-view-card .agata-availability-table .btn.btn-primary:hover,
body.agata-shell .agata-view-card .agata-availability-table .btn.btn-primary:focus {
    background: #009CDA;
    border-color: #009CDA;
    color: #fff;
}

body.agata-shell .badge,
body.agata-shell .badge-primary,
body.agata-shell .badge.bg-primary {
    background: #EEF6FB;
    color: #123C5A;
    font-weight: 600;
    border-radius: 999px;
}
body.agata-shell .badge-success,
body.agata-shell .badge.bg-success {
    background: #EAF8F1 !important;
    color: #198754 !important;
}
body.agata-shell .badge-danger,
body.agata-shell .badge.bg-danger {
    background: #FDECEC !important;
    color: #D63C3C !important;
}
body.agata-shell .badge-warning,
body.agata-shell .badge.bg-warning {
    background: #FFF4DB !important;
    color: #B7791F !important;
}
body.agata-shell .badge-info,
body.agata-shell .badge.bg-info {
    background: #EAF4FF !important;
    color: #1677D2 !important;
}
body.agata-shell .badge-secondary,
body.agata-shell .badge.bg-secondary {
    background: #F4F7FA !important;
    color: #6B7C93 !important;
}

body.agata-shell .agata-ops-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 4px 0 16px;
    padding: 6px;
    border: 1px solid #E3EDF3;
    border-radius: 14px;
    background: #F4F7FA;
}
body.agata-shell .agata-ops-tabs__label {
    padding: 0 8px 0 6px;
    color: #6B7C93;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
body.agata-shell .agata-ops-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
    color: #123C5A;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
}
body.agata-shell .agata-ops-tabs a:hover {
    background: #fff;
    color: #123C5A;
    text-decoration: none;
}
body.agata-shell .agata-ops-tabs a.is-active {
    background: #009CDA;
    border-color: #009CDA;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 156, 218, 0.25);
}
body.agata-shell .agata-ops-tabs a span {
    min-width: 1.4rem;
    padding: 0 6px;
    border-radius: 999px;
    background: #E3EDF3;
    color: #123C5A;
    font-size: 12px;
    line-height: 1.4rem;
    text-align: center;
}
body.agata-shell .agata-ops-tabs a.is-active span {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
}
body.agata-shell .agata-ops-tabs a.has-alerts:not(.is-active) {
    background: #FFF6F6;
    color: #D63C3C;
}
body.agata-shell .agata-ops-tabs a span.agata-ops-tabs__count {
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    background: #D63C3C;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}
body.agata-shell .agata-ops-tabs a.is-active span.agata-ops-tabs__count {
    background: #fff;
    color: #D63C3C;
}
body.agata-shell .tooltip {
    pointer-events: none;
}
body.agata-shell .agata-ops-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
body.agata-shell .agata-ops-metric {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #E3EDF3;
    border-radius: 14px;
    background: #fff;
}
body.agata-shell .agata-ops-metric span {
    display: block;
    color: #6B7C93;
    font-size: 0.75rem;
    font-weight: 600;
}
body.agata-shell .agata-ops-metric strong {
    display: block;
    margin-top: 2px;
    color: #123C5A;
    font-size: 1.85rem;
    font-weight: 700;
    line-height: 1.1;
}
body.agata-shell .agata-ops-metric.is-breach strong {
    color: #D63C3C;
}
body.agata-shell .agata-ops-metric.is-risk strong {
    color: #C05600;
}
body.agata-shell .agata-ops-metric strong.is-text {
    font-size: 1rem;
    line-height: 1.3;
}
body.agata-shell .agata-ops-metric i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #EEF6FB;
    color: #009CDA;
    flex: 0 0 auto;
}
body.agata-shell .agata-ops-metric.is-risk { background: #FFF8EC; border-color: #F4D9A3; }
body.agata-shell .agata-ops-metric.is-risk i { background: #FFF4DB; color: #B7791F; }
body.agata-shell .agata-ops-metric.is-breach { background: #FFF6F6; border-color: #F6D0D0; }
body.agata-shell .agata-ops-metric.is-breach i { background: #FDECEC; color: #D63C3C; }
body.agata-shell .agata-ops-metric.is-ok { background: #F4FBF7; border-color: #CFEBDD; }
body.agata-shell .agata-ops-metric.is-ok i { background: #EAF8F1; color: #198754; }
body.agata-shell .agata-ops-reading {
    margin: 12px 0 0;
    color: #6B7C93;
    font-size: 0.84rem;
}
body.agata-shell .agata-ops-reading span {
    display: block;
    margin-top: 4px;
    color: #94A3B8;
    font-size: 0.78rem;
}
@media (max-width: 1023px) {
    body.agata-shell .agata-ops-filters,
    body.agata-shell .agata-ops-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    body.agata-shell .agata-ops-filters,
    body.agata-shell .agata-ops-metrics { grid-template-columns: 1fr; }
    body.agata-shell .agata-ops-actions { grid-column: auto; }
}

/* Parámetros (hub) */
body.agata-shell .agata-param-hub {
    width: 100%;
    max-width: 100%;
}

body.agata-shell .agata-param-hub h1 {
    margin: 0 0 6px;
    color: var(--agata-dark);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

body.agata-shell .agata-param-hub__subtitle {
    margin: 0 0 22px;
    color: var(--agata-text-secondary);
    font-size: 15px;
    line-height: 1.5;
}

body.agata-shell .agata-param-hub__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
}

body.agata-shell .agata-param-hub .agata-param-card,
body.agata-shell .agata-param-hub .agata-param-card:hover,
body.agata-shell .agata-param-hub .agata-param-card:focus {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 230px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(18, 60, 90, 0.05);
    border-radius: var(--agata-radius);
    background: var(--agata-surface);
    box-shadow: var(--agata-shadow);
    color: var(--agata-text-primary);
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.agata-shell .agata-param-hub .agata-param-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 156, 218, 0.12);
    background: var(--agata-surface);
    box-shadow: 0 12px 30px rgba(18, 60, 90, 0.09);
    color: var(--agata-text-primary);
    text-decoration: none;
}

body.agata-shell .agata-param-hub .agata-param-card:focus-visible {
    outline: 2px solid var(--agata-param-accent);
    outline-offset: 2px;
}

body.agata-shell .agata-param-hub .agata-param-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 100px;
    border-radius: 0 16px 0 80px;
    background: color-mix(in srgb, var(--agata-param-accent) 8%, transparent);
    pointer-events: none;
}

body.agata-shell .agata-param-hub .agata-param-card__icon,
body.agata-shell .agata-param-hub .agata-param-card__title,
body.agata-shell .agata-param-hub .agata-param-card__desc,
body.agata-shell .agata-param-hub .agata-param-card__foot {
    position: relative;
    z-index: 1;
}

body.agata-shell .agata-param-hub .agata-param-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--agata-param-pill);
    color: var(--agata-param-accent);
    font-size: 20px;
    flex: 0 0 auto;
}

body.agata-shell .agata-param-hub .agata-param-card__title {
    margin: 16px 0 8px;
    color: var(--agata-dark);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

body.agata-shell .agata-param-hub .agata-param-card__desc {
    flex: 1 1 auto;
    color: var(--agata-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

body.agata-shell .agata-param-hub .agata-param-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 16px;
}

body.agata-shell .agata-param-hub .agata-param-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--agata-param-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
}

body.agata-shell .agata-param-hub .agata-param-card__meta i {
    color: var(--agata-param-accent);
    font-size: 12px;
    flex: 0 0 auto;
}

body.agata-shell .agata-param-hub .agata-param-card__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--agata-param-pill);
    color: var(--agata-param-accent);
    font-size: 12px;
    flex: 0 0 auto;
}

body.agata-shell .agata-param-hub .agata-param-card--arl {
    --agata-param-accent: #2563EB;
    --agata-param-pill: #EAF2FF;
    --agata-param-text: #2563EB;
}

body.agata-shell .agata-param-hub .agata-param-card--cargos {
    --agata-param-accent: #14B8A6;
    --agata-param-pill: #E8FAF7;
    --agata-param-text: #0F9F91;
}

body.agata-shell .agata-param-hub .agata-param-card--departamentos {
    --agata-param-accent: #D97706;
    --agata-param-pill: #FFF4E6;
    --agata-param-text: #C56A00;
}

body.agata-shell .agata-param-hub .agata-param-card--eps {
    --agata-param-accent: #6366F1;
    --agata-param-pill: #EEEEFF;
    --agata-param-text: #5856D6;
}

body.agata-shell .agata-param-hub .agata-param-card--cesantias {
    --agata-param-accent: #16A34A;
    --agata-param-pill: #EAF8EF;
    --agata-param-text: #14873E;
}

body.agata-shell .agata-param-hub .agata-param-card--pensiones {
    --agata-param-accent: #E84C73;
    --agata-param-pill: #FDECF1;
    --agata-param-text: #D83E63;
}

body.agata-shell .agata-param-hub .agata-param-card--paises {
    --agata-param-accent: #009CDA;
    --agata-param-pill: #E8F6FC;
    --agata-param-text: #007FB3;
}

body.agata-shell .agata-param-hub .agata-param-card--geo-departamentos {
    --agata-param-accent: #7C3AED;
    --agata-param-pill: #F3EDFF;
    --agata-param-text: #6D28D9;
}

body.agata-shell .agata-param-hub .agata-param-card--ciudades {
    --agata-param-accent: #0F766E;
    --agata-param-pill: #E6F6F4;
    --agata-param-text: #0F766E;
}

body.agata-shell .agata-param-hub .agata-param-card--servicios {
    --agata-param-accent: #C05600;
    --agata-param-pill: #FFF1E6;
    --agata-param-text: #A34800;
}

body.agata-shell .agata-param-hub .agata-param-card--contactos {
    --agata-param-accent: #DB2777;
    --agata-param-pill: #FDE8F3;
    --agata-param-text: #BE185D;
}

body.agata-shell .agata-param-hub .agata-param-card--documentos {
    --agata-param-accent: #123C5A;
    --agata-param-pill: #E8EEF3;
    --agata-param-text: #123C5A;
}

body.agata-shell .agata-param-hub .agata-param-card--regimenes {
    --agata-param-accent: #65A30D;
    --agata-param-pill: #F4F9E8;
    --agata-param-text: #4D7C0F;
}

body.agata-shell .agata-param-hub .agata-param-card--motivos {
    --agata-param-accent: #CA8A04;
    --agata-param-pill: #FEF9E6;
    --agata-param-text: #A16207;
}

body.agata-shell .agata-param-hub .agata-param-card--solicitudes {
    --agata-param-accent: #009CDA;
    --agata-param-pill: #E8F6FC;
    --agata-param-text: #007FB3;
}

@media (max-width: 1279px) {
    body.agata-shell .agata-param-hub__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    body.agata-shell .agata-param-hub__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.agata-shell .agata-param-hub__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

body.agata-shell .agata-email-list:empty {
    display: none;
}

body.agata-shell .agata-email-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

body.agata-shell .agata-email-chip {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 100%;
    gap: 6px;
    padding: 3px 4px 3px 10px;
    border: 1.5px solid #009CDA;
    border-radius: 999px;
    background: #E5F6FC;
    color: #0A6F96;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

body.agata-shell .agata-email-chip__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1.5px solid #009CDA;
    border-radius: 50%;
    background: #FFFFFF;
    color: #009CDA;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

body.agata-shell .agata-email-chip__remove:hover {
    background: #009CDA;
    color: #FFFFFF;
}

body.agata-shell .agata-ticket-manage {
    align-items: flex-start;
}

body.agata-shell .agata-ticket-grid {
    display: grid;
    grid-template-columns: minmax(0, 68fr) minmax(280px, 32fr);
    gap: 16px;
    align-items: start;
}

body.agata-shell .agata-ticket-main,
body.agata-shell .agata-ticket-sidebar {
    min-width: 0;
}

body.agata-shell .agata-ticket-manage .card,
body.agata-shell .agata-ticket-manage .agata-view-card,
body.agata-shell .agata-ticket-panel {
    margin-bottom: 16px;
}

body.agata-shell .agata-ticket-summary,
body.agata-shell .agata-ticket-panel {
    margin-bottom: 16px;
    border: 1px solid rgba(18, 60, 90, 0.06);
    border-radius: 16px;
    background: var(--agata-surface, #FFFFFF);
    box-shadow: 0 4px 16px rgba(18, 60, 90, 0.05);
}

body.agata-shell .agata-ticket-summary {
    padding: 16px 18px;
}

body.agata-shell .agata-ticket-summary__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

body.agata-shell .agata-ticket-summary__identity,
body.agata-shell .agata-ticket-summary__actions,
body.agata-shell .agata-ticket-summary__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

body.agata-shell .agata-ticket-summary__identity {
    color: var(--agata-dark, #123C5A);
    font-size: 14px;
}

body.agata-shell .agata-ticket-summary__identity > i {
    color: #009CDA;
    font-size: 17px;
}

body.agata-shell .agata-ticket-summary__actions {
    flex: 0 0 auto;
}

body.agata-shell .agata-ticket-summary__actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 1;
}

body.agata-shell .agata-ticket-summary__actions .dropdown-item i {
    width: 18px;
    margin-right: 4px;
    color: #6B7C93;
    text-align: center;
}

body.agata-shell .agata-ticket-summary-copy h2 {
    margin: 0 0 4px;
    color: var(--agata-dark, #123C5A);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

body.agata-shell .agata-ticket-summary-copy .ticket-description-content {
    color: var(--agata-text-secondary, #6B7C93);
    font-size: 13px;
    line-height: 1.45;
}

body.agata-shell .agata-ticket-summary-copy .ticket-description-content p {
    margin-bottom: 4px;
}

body.agata-shell .agata-ticket-summary-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

body.agata-shell .agata-ticket-summary-fact {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 132px;
    padding: 8px 12px;
    border: 1px solid #E3EDF3;
    border-radius: 12px;
    background: #FFFFFF;
}

body.agata-shell .agata-ticket-summary-fact span {
    color: #6B7C93;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.agata-shell .agata-ticket-summary-fact strong {
    color: #123C5A;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

body.agata-shell .agata-ticket-summary-fact.is-outage {
    border-color: #F6D0D0;
    background: #FFF6F6;
}

body.agata-shell .agata-ticket-summary-fact.is-outage strong {
    color: #D63C3C;
}

body.agata-shell .agata-ticket-summary__meta {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E3EDF3;
    color: var(--agata-text-secondary, #6B7C93);
    font-size: 12px;
}

body.agata-shell .agata-ticket-summary__meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

body.agata-shell .agata-ticket-summary__meta span + span::before {
    margin-right: 3px;
    color: #CBD5E1;
    content: "|";
}

body.agata-shell .agata-ticket-panel {
    overflow: hidden;
}

body.agata-shell .agata-ticket-panel__head {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 14px;
    border-bottom: 1px solid #E3EDF3;
    background: #FFFFFF;
    color: var(--agata-dark, #123C5A);
    font-size: 14px;
}

body.agata-shell .agata-ticket-panel__head > i {
    color: #1677D2;
}

body.agata-shell .agata-ticket-panel__head > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: auto;
    padding: 0;
}

body.agata-shell .agata-ticket-panel__body {
    padding: 12px 14px;
}

body.agata-shell .agata-ticket-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 14px;
    margin-bottom: 14px;
}

body.agata-shell .agata-ticket-info-card .agata-ticket-facts {
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 0;
}

body.agata-shell .agata-ticket-info-card .agata-ticket-facts > div {
    display: grid;
    grid-template-columns: minmax(90px, 38%) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #EDF2F7;
}

body.agata-shell .agata-ticket-info-card .agata-ticket-facts > div:last-child {
    border-bottom: 0;
}

body.agata-shell .agata-ticket-info-card .agata-ticket-facts > div > span {
    margin-bottom: 0;
}

body.agata-shell .agata-ticket-facts > div,
body.agata-shell .agata-ticket-copy > div {
    min-width: 0;
}

body.agata-shell .agata-ticket-facts > div > span,
body.agata-shell .agata-ticket-copy > div > span,
body.agata-shell .agata-ticket-files > span {
    display: block;
    margin-bottom: 3px;
    color: var(--agata-text-muted, #94A3B8);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

body.agata-shell .agata-ticket-facts strong {
    display: block;
    color: var(--agata-dark, #123C5A);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

body.agata-shell .agata-ticket-fact__value {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: nowrap;
    width: auto;
}

body.agata-shell .agata-ticket-info-card .agata-ticket-fact__value {
    flex-wrap: wrap;
}

body.agata-shell .agata-ticket-fact__value form {
    margin: 0;
}

body.agata-shell .agata-ticket-copy {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

body.agata-shell .agata-ticket-badge {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    width: auto;
    padding: 3px 10px;
    border-radius: 999px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}

body.agata-shell .agata-ticket-badge.is-alta,
body.agata-shell .agata-ticket-badge.is-abierto { background: #D63C3C; }
body.agata-shell .agata-ticket-badge.is-media { background: #E08A00; }
body.agata-shell .agata-ticket-badge.is-baja,
body.agata-shell .agata-ticket-badge.is-cerrado { background: #1F9D55; }
body.agata-shell .agata-ticket-badge.is-anulado { background: #5C6B7A; }

body.agata-shell .agata-ticket-fact__value .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: #FFFFFF;
}

body.agata-shell .agata-ticket-fact__value .btn i,
body.agata-shell .agata-ticket-fact__value .btn span {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1;
}

body.agata-shell .agata-ticket-fact__value .addAgent { background: #123C5A; }
body.agata-shell .agata-ticket-fact__value .addPriority { background: #D97706; }
body.agata-shell .agata-ticket-fact__value .btn-success { background: #1F9D55; }

body.agata-shell .agata-ticket-readonly {
    padding: 8px 12px;
    border-radius: 10px;
    background: var(--agata-background, #EEF6FB);
    color: var(--agata-dark, #123C5A);
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

body.agata-shell .agata-ticket-readonly p:last-child {
    margin-bottom: 0;
}

body.agata-shell .agata-ticket-files > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.agata-shell .agata-ticket-files-card .agata-ticket-files > div {
    flex-direction: column;
    align-items: stretch;
}

body.agata-shell .agata-ticket-file {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--agata-surface-soft, #F4F7FA);
    color: var(--agata-dark, #123C5A);
    font-size: 13px;
}

body.agata-shell .agata-ticket-files-card .agata-ticket-file {
    width: 100%;
    border: 1px solid #E3EDF3;
    border-radius: 10px;
    background: #F8FBFD;
}

body.agata-shell .agata-ticket-file i {
    font-size: 14px;
}

body.agata-shell .agata-ticket-empty {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--agata-text-secondary, #6B7C93);
    font-size: 12px;
}

body.agata-shell .agata-ticket-empty i {
    color: #94A3B8;
}

body.agata-shell .agata-ticket-availability .alert {
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 12px;
}

body.agata-shell .agata-ticket-availability .small,
body.agata-shell .agata-ticket-visits .card-body {
    font-size: 12px;
}

body.agata-shell .agata-avail-service-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

body.agata-shell .agata-avail-service-form .bootstrap-select,
body.agata-shell .agata-avail-service-form select {
    flex: 1 1 auto;
    min-width: 0;
}

body.agata-shell .agata-avail-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: #FFFFFF;
    line-height: 1;
}

body.agata-shell .agata-avail-icon-btn i {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1;
}

body.agata-shell .agata-avail-events th {
    color: var(--agata-text-secondary, #6B7C93);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

body.agata-shell .agata-avail-events td {
    color: var(--agata-dark, #123C5A);
    font-size: 12px;
    vertical-align: middle;
}

body.agata-shell .agata-avail-events thead th:last-child,
body.agata-shell .agata-avail-events tbody tr:not(.agata-avail-event-detail) td:last-child {
    width: 40px;
    text-align: right;
}

body.agata-shell .agata-avail-event-detail > td {
    padding: 0 8px 10px;
    border-top: 0;
    background: #F8FBFD;
}

body.agata-shell.modal-open {
    padding-right: 0 !important;
    overflow: hidden;
    width: 100%;
}

body.agata-shell.modal-open .page,
body.agata-shell.modal-open .page-main,
body.agata-shell.modal-open .app-content,
body.agata-shell.modal-open .agata-page,
body.agata-shell.modal-open .agata-navbar {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

body.agata-shell .modal-backdrop {
    z-index: 2040;
}

body.agata-shell .modal {
    z-index: 2050;
}

body.agata-shell.modal-open .bootstrap-select .dropdown-menu {
    z-index: 2060;
}

body.agata-shell .agata-ticket-visits .border-top-cs {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #E3EDF3;
    color: var(--agata-dark, #123C5A);
    font-size: 12px;
}

body.agata-shell .agata-ticket-visits .border-top-cs:first-child {
    padding-top: 0;
    border-top: 0;
}

@media (max-width: 1023px) {
    body.agata-shell .agata-ticket-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    body.agata-shell .agata-ticket-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    body.agata-shell .agata-ticket-facts {
        grid-template-columns: 1fr;
    }

    body.agata-shell .agata-ticket-summary__top {
        flex-direction: column;
    }

    body.agata-shell .agata-ticket-summary__actions {
        width: 100%;
    }

    body.agata-shell .agata-ticket-summary__meta {
        align-items: flex-start;
        flex-direction: column;
    }

    body.agata-shell .agata-ticket-summary__meta span + span::before {
        display: none;
    }
}

body.agata-shell .agata-ticket-manage .table td {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
}

body.agata-shell .agata-chat-card {
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(18, 60, 90, 0.06);
    border-radius: 16px;
    background: var(--agata-surface, #FFFFFF);
}

body.agata-shell .agata-chat-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    border-bottom: 1px solid #E3EDF3;
    color: var(--agata-dark, #123C5A);
    font-size: 15px;
}

body.agata-shell .agata-chat-head i,
body.agata-shell .agata-chat-head span {
    color: var(--agata-text-secondary, #6B7C93);
    font-weight: 500;
}

body.agata-shell .agata-chat-thread,
body.agata-shell .agata-chat-compose {
    padding: 16px 18px 8px;
}

body.agata-shell .agata-chat-compose {
    border-top: 1px solid #E3EDF3;
}

body.agata-shell .agata-chat-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 88%;
    min-width: 0;
    margin-bottom: 14px;
    overflow-wrap: anywhere;
}

body.agata-shell .agata-chat-row.is-support {
    align-items: flex-end;
    margin-left: auto;
}

body.agata-shell .agata-chat-bubble {
    width: 100%;
    padding: 12px 16px;
    color: var(--agata-dark, #123C5A);
    line-height: 1.5;
}

body.agata-shell .agata-chat-row.is-client .agata-chat-bubble {
    background: #EEF6FB;
    border-radius: 14px 14px 14px 4px;
}

body.agata-shell .agata-chat-row.is-support .agata-chat-bubble {
    background: #EAF8F4;
    border-radius: 14px 14px 4px 14px;
}

body.agata-shell .agata-chat-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.agata-shell .agata-chat-text p,
body.agata-shell .agata-chat-text div,
body.agata-shell .agata-chat-text li {
    margin: 0 0 6px;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-family: inherit !important;
    white-space: normal;
}

body.agata-shell .agata-chat-text h1,
body.agata-shell .agata-chat-text h2,
body.agata-shell .agata-chat-text h3,
body.agata-shell .agata-chat-text h4 {
    margin: 0 0 6px;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 600;
}

body.agata-shell .agata-chat-text img {
    display: block;
    width: auto !important;
    max-width: min(100%, 320px) !important;
    max-height: 180px !important;
    height: auto !important;
    margin: 6px 0;
    border-radius: 8px;
    object-fit: contain;
}

body.agata-shell .agata-chat-text table {
    width: 100% !important;
    max-width: 100%;
    margin: 6px 0;
    border-collapse: collapse;
    font-size: 13px !important;
}

body.agata-shell .agata-chat-text td,
body.agata-shell .agata-chat-text th {
    padding: 4px 6px !important;
    font-size: 13px !important;
}

body.agata-shell .agata-chat-compose .ck-editor__editable_inline {
    min-height: 220px;
    max-height: 320px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.45;
}

body.agata-shell .agata-chat-compose .ck-content img {
    max-width: 100% !important;
    height: auto !important;
}

body.agata-shell .agata-mail-preview {
    margin: 0 0 10px;
}

body.agata-shell .agata-mail-sheet {
    max-height: 420px;
    overflow: auto;
    border: 1px solid #E3EDF3;
    border-radius: 12px;
    background: #FFFFFF;
    padding: 12px;
}

body.agata-shell .agata-mail-preview__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    color: #6B7C93;
    font-size: 12px;
    line-height: 1.35;
}

body.agata-shell .agata-mail-preview__bar span {
    flex: 1 1 auto;
    min-width: 0;
}

body.agata-shell .agata-mail-preview__bar .btn {
    height: 32px;
    padding: 0 12px;
}

body.agata-shell .agata-mail-frame {
    display: block;
    width: 100%;
    min-height: 180px;
    border: 1px solid #E3EDF3;
    border-radius: 12px;
    background: #FFFFFF;
}

body.agata-shell .agata-chat-compose .ck-content table {
    max-width: 100%;
    font-size: 13px;
}

body.agata-shell .agata-chat-compose input[type="file"] {
    display: block;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 13px;
    line-height: 1.4;
    box-shadow: none;
}

body.agata-shell .agata-chat-files {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
}

body.agata-shell .agata-chat-visit {
    margin-top: 8px;
}

body.agata-shell .agata-chat-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    color: var(--agata-text-secondary, #6B7C93);
    font-size: 12px;
}

body.agata-shell .agata-chat-meta .btn.btn-danger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #D63C3C;
    color: #fff;
    line-height: 1;
}

body.agata-shell .agata-chat-meta .btn.btn-danger:hover,
body.agata-shell .agata-chat-meta .btn.btn-danger:focus {
    background: #B42323;
    color: #fff;
}

body.agata-shell .agata-chat-name {
    color: var(--agata-dark, #123C5A);
    font-size: 13px;
    font-weight: 600;
}

body.agata-shell .agata-chat-role,
body.agata-shell .agata-chat-meta time {
    color: var(--agata-text-muted, #94A3B8);
    font-size: 12px;
    font-weight: 500;
}

body.agata-shell .agata-chat-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
}

body.agata-shell .agata-chat-row.is-client .agata-chat-avatar {
    background: #E6F7FF;
    color: #087EA4;
}

body.agata-shell .agata-chat-row.is-support .agata-chat-avatar {
    background: #DCEEFF;
    color: #1677D2;
}

body.agata-shell .agata-chat-visits {
    max-width: 88%;
    min-width: 0;
    margin: -6px 0 14px;
    padding: 8px 12px;
    border-radius: 10px;
    overflow-wrap: anywhere;
    background: var(--agata-surface-soft, #F4F7FA);
    color: var(--agata-dark, #123C5A);
    font-size: 13px;
}

body.agata-shell .agata-reply-submit {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 1023px) {
    body.agata-shell .agata-chat-row,
    body.agata-shell .agata-chat-visits {
        max-width: 94%;
    }
}

@media (max-width: 767px) {
    body.agata-shell .agata-chat-row,
    body.agata-shell .agata-chat-visits {
        max-width: 100%;
    }
}

body.agata-shell .agata-policy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.agata-shell .agata-policy-block {
    padding: 14px 16px;
    border: 1px solid #E3EDF3;
    border-radius: 14px;
    background: #FFFFFF;
}

body.agata-shell .agata-policy-block--wide {
    grid-column: 1 / -1;
}

body.agata-shell .agata-policy-block h2,
body.agata-shell .agata-policy-heading {
    margin: 0 0 10px;
    color: #123C5A;
    font-size: 15px;
    font-weight: 700;
}

body.agata-shell .agata-policy-heading {
    margin-top: 18px;
}

body.agata-shell .agata-policy-lead {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 8px;
    color: #123C5A;
}

body.agata-shell .agata-policy-note {
    margin: 8px 0 0;
    color: #6B7C93;
    font-size: 13px;
}

body.agata-shell .agata-policy-dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
    margin: 0;
}

body.agata-shell .agata-policy-dl dt {
    margin: 0;
    color: #6B7C93;
    font-size: 12px;
    font-weight: 600;
}

body.agata-shell .agata-policy-dl dd {
    margin: 2px 0 0;
    color: #123C5A;
    font-size: 14px;
}

body.agata-shell .agata-policy-list {
    margin: 0;
    padding-left: 18px;
    color: #123C5A;
    font-size: 14px;
}

body.agata-shell .agata-policy-list li + li {
    margin-top: 4px;
}

body.agata-shell .agata-policy-event {
    color: #6B7C93;
    font-size: 12px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    body.agata-shell .agata-policy-grid,
    body.agata-shell .agata-policy-dl {
        grid-template-columns: 1fr;
    }
}

body.agata-shell .agata-priority-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

body.agata-shell .agata-priority-col {
    background: #F4F7FA;
    border: 1px solid #E3EDF3;
    border-radius: 16px;
    min-height: 220px;
    padding: 12px;
}

body.agata-shell .agata-priority-col.is-drop {
    outline: 2px dashed #009CDA;
}

body.agata-shell .agata-priority-col__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

body.agata-shell .agata-priority-col__count {
    color: #6B7C93;
    font-size: 12px;
    font-weight: 700;
}

body.agata-shell .agata-priority-col__list {
    min-height: 140px;
}

body.agata-shell .agata-priority-empty {
    color: #6B7C93;
    font-size: 13px;
    text-align: center;
    padding: 24px 8px;
}

body.agata-shell .agata-request-card {
    background: #FFFFFF;
    border: 1px solid #E3EDF3;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 10px;
    cursor: grab;
    box-shadow: 0 6px 16px rgba(18, 60, 90, .06);
}

body.agata-shell .agata-request-card.is-dragging {
    opacity: .55;
}

body.agata-shell .agata-request-card strong {
    display: block;
    color: #123C5A;
    font-size: 14px;
}

body.agata-shell .agata-request-card p {
    margin: 6px 0 10px;
    color: #6B7C93;
    font-size: 12px;
}

body.agata-shell .agata-request-card__actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

body.agata-shell .agata-request-card__actions .btn {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

body.agata-shell .agata-select-group {
    display: flex;
    align-items: stretch;
}

body.agata-shell .agata-select-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.agata-shell .agata-select-group .btn.btn-agata-refresh {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    flex: 0 0 36px;
    border-radius: 0 8px 8px 0;
}

body.agata-shell .agata-readonly-value {
    display: flex;
    align-items: center;
    background: #F4F7FA;
    color: #123C5A;
    pointer-events: none;
}

body.agata-shell tr.agata-ops-row-click {
    cursor: pointer;
}
body.agata-shell .agata-ops-alert-pill {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

body.agata-shell .bootstrap-select .dropdown-menu li a {
    white-space: normal;
}

body.agata-shell .bootstrap-select .dropdown-menu li a small.text-muted {
    display: block;
    margin: 2px 0 0;
    color: #6B7C93 !important;
    font-size: 12px;
    font-weight: 700 !important;
    line-height: 1.2;
}

body.agata-shell .agata-ticket-sla-times {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 6px;
    color: #6B7C93;
    font-size: 12px;
    line-height: 1.3;
}

body.agata-shell .agata-ticket-countdowns {
    min-width: 118px;
}

body.agata-shell .agata-ticket-countdowns.is-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
    margin: 8px 0 12px;
}

body.agata-shell .agata-ticket-countdowns.is-inline .agata-ticket-countdown {
    margin-bottom: 0;
}

body.agata-shell .page-header .agata-ticket-countdowns.is-corner,
body.agata-shell .agata-crumb__aside .agata-ticket-countdowns.is-corner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: auto;
    min-width: max-content;
    margin: 0 0 0 auto;
}

body.agata-shell .page-header > .breadcrumb,
body.agata-shell .agata-crumb > .breadcrumb {
    flex: 1 1 auto;
    min-width: 0;
}

body.agata-shell .agata-ticket-countdowns.is-corner .agata-ticket-countdown {
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 0;
    white-space: nowrap;
    padding: 6px 12px;
    border: 1px solid #E3EDF3;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(18, 60, 90, 0.06);
}

body.agata-shell .agata-ticket-countdowns.is-corner .agata-ticket-countdown.is-ok {
    border-color: #CFEBDD;
}

body.agata-shell .agata-ticket-countdowns.is-corner .agata-ticket-countdown.is-risk {
    border-color: #F4D9A3;
    background: #FFF8EC;
}

body.agata-shell .agata-ticket-countdowns.is-corner .agata-ticket-countdown.is-breach {
    border-color: #F6D0D0;
    background: #FFF6F6;
}

body.agata-shell .agata-ticket-countdowns.is-corner .agata-ticket-countdown strong {
    font-size: 18px;
}

body.agata-shell .agata-ticket-countdown {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 8px;
}

body.agata-shell .agata-ticket-countdown:last-child {
    margin-bottom: 0;
}

body.agata-shell .agata-ticket-countdown__label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #6B7C93;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.agata-shell .agata-ticket-countdown strong {
    font-size: 15px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #123C5A;
    line-height: 1.2;
}

body.agata-shell .agata-ticket-countdown.is-ok strong {
    color: #0F9B9D;
}

body.agata-shell .agata-ticket-countdown.is-risk strong {
    color: #C05600;
}

body.agata-shell .agata-ticket-countdown.is-breach strong {
    color: #D63C3C;
}

body.agata-shell .agata-hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6B7C93;
    font-size: 13px;
    line-height: 1;
    vertical-align: middle;
    cursor: help;
}

body.agata-shell .agata-hint:hover,
body.agata-shell .agata-hint:focus {
    color: #009CDA;
    outline: none;
}

body.agata-shell .agata-ops-metrics.is-six {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.agata-shell .agata-inventory-thumb,
body.agata-shell .agata-inventory-thumb.is-empty {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #E3EDF3;
    object-fit: cover;
}

body.agata-shell .agata-inventory-thumb.is-empty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F4F7FA;
    color: #6B7C93;
}

body.agata-shell .agata-inventory-photo {
    display: block;
    width: 100%;
    max-height: 280px;
    object-fit: contain;
    border: 1px solid #E3EDF3;
    border-radius: 16px;
    background: #F4F7FA;
}

body.agata-shell .agata-inventory-meter {
    height: 8px;
    border-radius: 999px;
    background: #E3EDF3;
    overflow: hidden;
}

body.agata-shell .agata-inventory-meter > span {
    display: block;
    height: 100%;
    background: #009CDA;
}

body.agata-shell .agata-inventory-meter > span.is-ok { background: #198754; }
body.agata-shell .agata-inventory-meter > span.is-risk { background: #C05600; }
body.agata-shell .agata-inventory-meter > span.is-breach { background: #D63C3C; }
body.agata-shell .agata-inventory-meter > span.is-muted { background: #6B7C93; }

body.agata-shell .agata-inventory-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

body.agata-shell .agata-inventory-facts span {
    display: block;
    color: #6B7C93;
    font-size: 12px;
    font-weight: 600;
}

body.agata-shell .agata-inventory-facts strong {
    display: block;
    margin-top: 2px;
    color: #123C5A;
    font-weight: 600;
}

body.agata-shell .agata-inventory-section {
    margin: 20px 0 10px;
    color: #123C5A;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 1199px) {
    body.agata-shell .agata-ops-metrics.is-six {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body.agata-shell .agata-ops-metrics.is-six,
    body.agata-shell .agata-inventory-facts {
        grid-template-columns: 1fr;
    }
}

body.agata-shell .agata-assign-title {
    margin: 8px 0 8px;
    color: #123C5A;
    font-size: 15px;
    font-weight: 700;
}

body.agata-shell .agata-assign-title.is-projects {
    margin-top: 20px;
}

body.agata-shell .agata-assign-hint {
    margin: 0 0 12px;
    color: #6B7C93;
    font-size: 13px;
}

body.agata-shell .agata-assign-pool {
    min-height: 148px;
    padding: 12px;
    border: 1px dashed #E3EDF3;
    border-radius: 14px;
    background: #F4F7FA;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: stretch;
    overflow-x: auto;
}

body.agata-shell .agata-assign-pool.is-over,
body.agata-shell .agata-assign-drop.is-over {
    border-color: #009CDA;
    background: #E8F6FC;
}

body.agata-shell .agata-assign-empty {
    width: 100%;
    margin: 0;
    color: #6B7C93;
    font-size: 13px;
    text-align: center;
    padding: 18px 8px;
}

body.agata-shell .agata-assign-chip {
    display: flex;
    flex: 0 0 112px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
    width: 112px;
    height: 112px;
    padding: 10px;
    border: 1px solid #E3EDF3;
    border-radius: 12px;
    background: #FFFFFF;
    color: #123C5A;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 6px 16px rgba(18, 60, 90, .06);
}

body.agata-shell .agata-assign-chip i {
    color: #6B7C93;
    font-size: 12px;
    line-height: 1;
}

body.agata-shell .agata-assign-chip strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px;
    line-height: 1.25;
}

body.agata-shell .agata-assign-chip span {
    margin-top: auto;
    overflow: hidden;
    color: #6B7C93;
    font-size: 11px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.agata-shell .agata-assign-chip.is-selected {
    border-color: #009CDA;
    background: #E8F6FC;
}

body.agata-shell .agata-assign-chip.is-dragging {
    opacity: .55;
}

body.agata-shell .agata-assign-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
}

body.agata-shell .agata-assign-project {
    display: flex;
    flex: 0 0 320px;
    flex-direction: column;
    width: 320px;
    min-height: 180px;
    padding: 12px;
    border: 1px solid #E3EDF3;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 8px 20px rgba(18, 60, 90, .06);
}

body.agata-shell .agata-assign-project header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

body.agata-shell .agata-assign-project header strong {
    color: #123C5A;
    font-size: 15px;
}

body.agata-shell .agata-assign-project .agata-assign-drop {
    flex: 1;
    min-height: 136px;
    padding: 8px;
    border-radius: 12px;
    background: #F4F7FA;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: stretch;
    overflow-x: auto;
}

@media (max-width: 767px) {
    body.agata-shell .agata-assign-project {
        flex-basis: 280px;
        width: 280px;
    }
}