:root {
    --atom-military-950: #10251d;
    --atom-military-900: #172e25;
    --atom-military-800: #1d3b2f;
    --atom-military-700: #244a3a;
    --atom-military-600: #315d49;
    --atom-military-500: #3f6b55;
    --atom-military-200: #cbdacf;
    --atom-military-100: #e8f0eb;
    --atom-military-50: #f5f7f5;
    --atom-gold: #b59a57;
    --atom-gold-soft: #e8dfc8;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background: var(--atom-military-50) !important;
}

.sidenav.bg-slate-900 {
    background: linear-gradient(180deg, var(--atom-military-950) 0%, var(--atom-military-900) 58%, #13271f 100%) !important;
    box-shadow: .5rem 0 2rem rgba(16, 37, 29, .16);
}

.sidenav .nav-link.active {
    background: rgba(181, 154, 87, .18) !important;
    box-shadow: inset 3px 0 0 var(--atom-gold);
}

.sidenav .nav-link:hover {
    background: rgba(255,255,255,.07) !important;
}

.sidenav .navbar-brand-img {
    filter: saturate(.82) contrast(1.04);
}

.atom-page-hero {
    background-image: linear-gradient(112deg, var(--atom-military-900) 0%, var(--atom-military-700) 50%, var(--atom-military-500) 100%) !important;
}

.atom-page-hero::after {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 82% 20%, rgba(181,154,87,.2), transparent 24%);
    content: '';
}

.atom-page-navbar {
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

.atom-page-container .btn-dark,
.atom-public-library .btn-dark,
.page-header .btn-dark,
.page-header .btn-primary {
    border-color: var(--atom-military-700) !important;
    background: var(--atom-military-700) !important;
    color: #fff !important;
    box-shadow: 0 .25rem .65rem rgba(36,74,58,.18);
}

.atom-page-container .btn-dark:hover,
.atom-public-library .btn-dark:hover,
.page-header .btn-dark:hover,
.page-header .btn-primary:hover {
    border-color: var(--atom-military-900) !important;
    background: var(--atom-military-900) !important;
    transform: translateY(-1px);
}

.atom-page-container .btn-outline-dark {
    border-color: var(--atom-military-600) !important;
    color: var(--atom-military-700) !important;
}

.atom-page-container .btn-outline-dark:hover {
    background: var(--atom-military-700) !important;
    color: #fff !important;
}

.atom-page-container a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: var(--atom-military-600);
}

.atom-page-container .form-control:focus,
.atom-page-container .form-select:focus,
.page-header .form-control:focus,
.page-header .form-select:focus {
    border-color: var(--atom-military-500) !important;
    box-shadow: 0 0 0 .18rem rgba(63,107,85,.14) !important;
}

.atom-page-container .badge-success,
.atom-public-library .badge-success {
    background: var(--atom-military-100) !important;
    color: var(--atom-military-700) !important;
}

.atom-page-container .badge-warning {
    background: var(--atom-gold-soft) !important;
    color: #6d5826 !important;
}

.atom-page-container .form-check-input:checked,
.page-header .form-check-input:checked {
    border-color: var(--atom-military-600) !important;
    background-color: var(--atom-military-600) !important;
}

.atom-theme-switcher .material-symbols-outlined.text-warning {
    color: var(--atom-gold) !important;
}

.atom-guest-visual {
    background-image:
        radial-gradient(circle at 72% 22%, rgba(181,154,87,.28), transparent 18%),
        linear-gradient(145deg, var(--atom-military-950) 0%, var(--atom-military-700) 58%, var(--atom-military-500) 100%) !important;
}

.page-header::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(232,240,235,.28), transparent 45%);
    content: '';
}

.atom-password-card {
    width: 100%;
    max-width: 31rem;
    margin: auto;
    border-radius: 1rem;
}

.atom-password-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: .85rem;
    background: var(--atom-military-100);
    color: var(--atom-military-700);
}

.atom-password-icon .material-symbols-outlined {
    font-size: 1.6rem;
}

.atom-password-kicker {
    color: var(--atom-military-600);
    letter-spacing: .1em;
}

.atom-password-rules {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid var(--atom-military-200);
    border-radius: .65rem;
    background: var(--atom-military-50);
    color: #64748b;
    font-size: .75rem;
    line-height: 1.45;
}

.atom-password-rules .material-symbols-outlined {
    flex: 0 0 auto;
    color: var(--atom-military-600);
    font-size: 1.05rem;
}

.atom-password-submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    gap: .55rem;
    padding: .7rem 1.25rem !important;
    font-size: .9rem;
    line-height: 1.1;
}

.atom-password-submit .material-symbols-outlined {
    flex: 0 0 auto;
    font-size: 1.2rem;
    line-height: 1;
}

.dark-version .atom-password-icon,
.dark-version .atom-password-rules {
    border-color: #334155;
    background: #17271f;
    color: #cbd5e1;
}

.atom-page-container {
    padding-bottom: 2rem !important;
}

.atom-page-container > .card,
.atom-page-container > [id] > .card,
.atom-page-container .card.border {
    border-color: #e5eaf1 !important;
    border-radius: .9rem;
    box-shadow: 0 .25rem 1rem rgba(30, 41, 59, .055) !important;
}

.atom-page-container .card-header {
    background: transparent;
    border-bottom-color: #e9edf3;
}

.atom-page-container .card-header h5,
.atom-page-container .card-header h6 {
    margin-bottom: .2rem;
    color: #1e293b;
}

.atom-page-container .card-header p {
    color: #718096;
}

.atom-page-container .form-control,
.atom-page-container .form-select {
    min-height: 2.7rem;
    border-color: #d9e0e9;
    border-radius: .6rem;
    background-color: #fff;
}

.atom-page-container .form-control:focus,
.atom-page-container .form-select:focus {
    border-color: #64748b;
    box-shadow: 0 0 0 .18rem rgba(100, 116, 139, .12);
}

.atom-page-container textarea.form-control {
    min-height: 6rem;
}

.atom-page-container .form-label {
    margin-bottom: .4rem;
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
}

.atom-page-container .btn {
    border-radius: .55rem;
    font-weight: 600;
    letter-spacing: 0;
}

.atom-page-container .btn-sm {
    min-height: 2.15rem;
}

.atom-page-container .table:not(.atom-dashboard-table):not(.atom-documents-table) thead th {
    padding: .9rem 1rem;
    background: #f8fafc;
    color: #64748b;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
    white-space: nowrap;
}

.atom-page-container .table:not(.atom-dashboard-table):not(.atom-documents-table) tbody td {
    padding: .9rem 1rem;
    border-bottom-color: #edf0f4;
    color: #475569;
    font-size: .83rem;
    line-height: 1.45;
}

/* El template base fuerza nowrap en todas las tablas; cada celda debe contener su texto. */
.atom-page-container .table thead th,
.atom-page-container .table tbody td {
    max-width: 24rem;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.atom-page-container .table tbody td:last-child {
    max-width: none;
}

/* Tooltip único para acciones estáticas y elementos que Vue agrega dinámicamente. */
.atom-tooltip-top,
[data-tooltip] {
    position: relative;
    overflow: visible !important;
}

.atom-tooltip-top::before,
.atom-tooltip-top::after,
[data-tooltip]::before,
[data-tooltip]::after {
    position: absolute;
    left: 50%;
    z-index: 12000;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease;
}

.atom-tooltip-top::before,
[data-tooltip]::before {
    content: '';
    bottom: calc(100% + 3px);
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #1e293b;
}

.atom-tooltip-top::after,
[data-tooltip]::after {
    content: attr(data-tooltip);
    bottom: calc(100% + 13px);
    transform: translateX(-50%);
    padding: .38rem .58rem;
    border-radius: .35rem;
    background: #1e293b;
    color: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .25);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.atom-tooltip-top:hover::before,
.atom-tooltip-top:hover::after,
.atom-tooltip-top:focus-visible::before,
.atom-tooltip-top:focus-visible::after,
[data-tooltip]:hover::before,
[data-tooltip]:hover::after,
[data-tooltip]:focus-visible::before,
[data-tooltip]:focus-visible::after {
    opacity: 1;
}

.atom-form-modal {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    overflow-y: auto;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(3px);
}

.atom-form-modal-dialog {
    width: min(980px, 100%);
    max-height: calc(100vh - 3rem);
    margin: auto;
    overflow-y: auto;
    border: 0 !important;
    border-radius: 1rem !important;
}

@media (max-width: 575.98px) {
    .atom-form-modal {
        align-items: flex-start;
        padding: .75rem;
    }

    .atom-form-modal-dialog {
        max-height: calc(100vh - 1.5rem);
    }
}

.atom-page-container .table:not(.atom-dashboard-table):not(.atom-documents-table) tbody tr:hover {
    background: #f8fafc;
}

.atom-page-container .table tbody tr:last-child td {
    border-bottom: 0;
}

.atom-page-container .table td .btn {
    margin-bottom: 0;
}

.atom-page-container .table td:last-child .d-flex {
    min-width: max-content;
}

.atom-page-container .badge {
    border-radius: 999px;
    padding: .38rem .65rem;
    font-weight: 700;
}

.atom-page-container .card-footer {
    border-top-color: #e9edf3;
    background: #fbfcfd;
}

.atom-page-container .border.rounded {
    border-color: #e2e8f0 !important;
    border-radius: .75rem !important;
}

.atom-page-container .position-fixed.top-0.start-0 {
    overflow-y: auto;
    backdrop-filter: blur(3px);
}

.atom-page-container .position-fixed.top-0.start-0 > .card {
    border: 0 !important;
    border-radius: 1rem;
}

.atom-page-container pre {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.dark-version .atom-page-container .card-header h5,
.dark-version .atom-page-container .card-header h6 {
    color: #e2e8f0;
}

.dark-version .atom-page-container .form-control,
.dark-version .atom-page-container .form-select,
.dark-version .atom-page-container .card-footer,
.dark-version .atom-page-container .table thead th {
    background-color: #111827 !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

.dark-version .atom-page-container .table tbody tr:hover {
    background: #172033;
}

.atom-public-library {
    min-height: 100vh;
}

.atom-public-hero {
    padding: 4rem 1rem 6rem;
    background:
        radial-gradient(circle at 78% 18%, rgba(181,154,87,.27), transparent 20%),
        linear-gradient(135deg, var(--atom-military-950) 0%, var(--atom-military-700) 55%, var(--atom-military-500) 100%);
    color: #fff;
}

.atom-public-shell {
    position: relative;
    margin-top: -3rem;
}

.atom-public-card {
    border: 1px solid #e5eaf1;
    border-radius: .9rem;
    transition: transform .18s ease, box-shadow .18s ease;
}

.atom-public-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .75rem 2rem rgba(30, 41, 59, .1);
}

.atom-session-identity small {
    max-width: 25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atom-home-welcome {
    background:
        radial-gradient(circle at 78% 20%, rgba(181,154,87,.24), transparent 19%),
        linear-gradient(125deg, var(--atom-military-950) 0%, var(--atom-military-700) 52%, var(--atom-military-500) 100%);
}

.atom-home-welcome::after {
    position: absolute;
    right: -5rem;
    bottom: -8rem;
    width: 24rem;
    height: 24rem;
    border: 4rem solid rgba(255,255,255,.06);
    border-radius: 50%;
    content: '';
}

.atom-home-kicker {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .45rem .8rem;
    border: 1px solid rgba(255,255,255,.26);
    border-left: 3px solid var(--atom-gold);
    border-radius: .45rem;
    background: rgba(255,255,255,.09);
    color: #fff !important;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .09em;
    line-height: 1;
    text-transform: uppercase;
}

.atom-home-kicker .material-symbols-outlined {
    color: var(--atom-gold-soft);
    font-size: 1.05rem;
}

.atom-home-identity {
    padding: 1rem 1.15rem;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: .85rem;
    background: rgba(255,255,255,.11);
    backdrop-filter: blur(8px);
}

.atom-home-identity-icon {
    padding: .65rem;
    border-radius: .7rem;
    background: rgba(255,255,255,.15);
    color: #fff;
}

.atom-org-card {
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: .85rem;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.atom-org-card:hover {
    border-color: #b8c2d1;
    box-shadow: 0 .45rem 1.4rem rgba(30,41,59,.07);
}

.atom-org-icon {
    display: inline-flex;
    flex: 0 0 2.7rem;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: .7rem;
    background: var(--atom-military-100);
    color: var(--atom-military-700);
}

.atom-org-children {
    overflow: hidden;
    border: 1px solid #e9edf3;
    border-radius: .65rem;
}

.atom-org-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid #edf0f4;
    color: #475569;
    text-decoration: none;
}

.atom-org-child:last-child { border-bottom: 0; }
.atom-org-child:hover { background: #f8fafc; color: #1e293b; }

.atom-notice-row {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    background: transparent;
    color: #334155;
}

.atom-notice-row:hover { background: #f8fafc; }
.atom-notice-row:last-child { border-bottom: 0; }
.atom-notice-dot { width: .6rem; height: .6rem; border-radius: 50%; background: var(--atom-military-600); }
.atom-notice-dot.is-read { background: #cbd5e1; }

.atom-notice-modal {
    z-index: 11030;
    overflow-y: auto;
    background: rgba(15,23,42,.62);
    backdrop-filter: blur(4px);
}

.atom-notice-dialog {
    width: min(42rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.atom-notice-image {
    width: 100%;
    max-height: 18rem;
    object-fit: cover;
}

.atom-notification-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: .75rem;
    background: rgba(255,255,255,.1);
    color: #fff;
}

.atom-notification-trigger:hover { background: rgba(255,255,255,.18); }
.atom-notification-trigger .material-symbols-outlined { font-size: 1.35rem; }

.atom-notification-badge {
    position: absolute;
    top: -.35rem;
    right: -.4rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 .25rem;
    border: 2px solid var(--atom-military-700);
    border-radius: 999px;
    background: #b42318;
    color: #fff;
    font-size: .62rem;
    font-weight: 800;
    line-height: .9rem;
    text-align: center;
}

.atom-notification-panel {
    position: fixed;
    top: 5.25rem;
    right: 1.5rem;
    left: auto;
    z-index: 11020;
    width: min(24rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    overflow: hidden;
    border: 0;
    border-radius: .9rem;
}

.atom-notification-panel .card-header { min-width: 0; gap: .75rem; }
.atom-notification-panel .card-header > div { min-width: 0; }
.atom-notification-list { max-height: min(26rem, calc(100vh - 11rem)); overflow-y: auto; }
.atom-notice-description { white-space: pre-line; }

@media (max-width: 767.98px) {
    .atom-notification-panel {
        top: 4.75rem;
        right: 1rem;
        left: 1rem;
        width: auto;
        max-width: none;
    }

    .atom-notification-panel .card-header {
        flex-direction: row;
        align-items: center !important;
        padding: 1rem !important;
    }

    .atom-notification-panel .card-header .btn {
        width: auto !important;
        flex: 0 0 auto;
        margin-left: auto !important;
    }

    .atom-notice-row {
        align-items: flex-start;
        width: 100%;
        white-space: normal;
    }
}

.dark-version .atom-org-card { border-color: #334155; background: #111827; }
.dark-version .atom-org-child,.dark-version .atom-notice-row { border-color: #334155; color: #cbd5e1; }
.dark-version .atom-org-child:hover,.dark-version .atom-notice-row:hover { background: #172033; color: #fff; }

.dark-version .atom-page-hero {
    background-image: linear-gradient(112deg, #0c1d17 0%, var(--atom-military-900) 58%, #264838 100%) !important;
}

.dark-version .atom-page-container .btn-dark {
    border-color: var(--atom-military-500) !important;
    background: var(--atom-military-500) !important;
}

.main-content,
.atom-page-container,
.atom-page-container > *,
.row > * {
    min-width: 0;
}

.main-content {
    width: auto;
    overflow-x: clip;
}

.card,
.card-body,
.card-header,
.card-footer {
    max-width: 100%;
}

.card-header.d-flex,
.card-footer.d-flex {
    flex-wrap: wrap;
    gap: .75rem;
}

.card-header .form-control,
.card-header .form-select {
    max-width: 100%;
}

.table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive > .table:not(.atom-dashboard-table) {
    min-width: 680px;
}

.table th,
.table td {
    vertical-align: middle;
}

.atom-dashboard-table {
    width: 100%;
    table-layout: fixed;
}

.atom-dashboard-table td:first-child {
    overflow-wrap: anywhere;
    word-break: normal;
}

.atom-dashboard-table td:last-child {
    width: 4rem;
    text-align: right;
}

.atom-dashboard-panel {
    height: 100%;
    overflow: hidden;
}

.atom-dashboard-panel .table-responsive {
    max-height: 34rem;
}

.atom-dashboard-stat {
    height: 100%;
}

.atom-documents-table-wrap {
    overflow-x: auto;
    scrollbar-gutter: stable;
}

.table-responsive > .atom-documents-table {
    width: 100%;
    min-width: 1120px;
    table-layout: fixed;
}

.atom-documents-table .atom-doc-col-name { width: 31%; }
.atom-documents-table .atom-doc-col-type { width: 24%; }
.atom-documents-table .atom-doc-col-classification { width: 15%; }
.atom-documents-table .atom-doc-col-status { width: 10%; }
.atom-documents-table .atom-doc-col-actions { width: 20%; }

.atom-documents-table th {
    padding: 1rem 1.25rem;
    background: #f8fafc;
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.atom-documents-table td {
    padding: 1rem 1.25rem;
    vertical-align: top;
    border-bottom: 1px solid #e9edf3;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.atom-documents-table tbody tr {
    transition: background-color .15s ease;
}

.atom-documents-table tbody tr:hover {
    background: #f8fafc;
}

.atom-doc-title {
    max-width: 100%;
    color: #1e293b;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.atom-doc-type,
.atom-doc-classification {
    display: inline-block;
    max-width: 100%;
    color: #475569;
    font-size: .86rem;
    font-weight: 500;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.atom-doc-meta {
    max-width: 100%;
    margin-top: .3rem;
    color: #8190a5;
    font-size: .74rem;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.atom-doc-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
}

.atom-doc-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    margin: 0;
    padding: 0;
    border-radius: .5rem;
}

.atom-document-cards .card-body {
    padding: 1rem !important;
}

.atom-document-cards dd {
    margin-bottom: .5rem;
    overflow-wrap: anywhere;
}

.dark-version .atom-documents-table th,
.dark-version .atom-documents-table tbody tr:hover {
    background: #111827;
}

.dark-version .atom-doc-title,
.dark-version .atom-doc-type,
.dark-version .atom-doc-classification {
    color: #e2e8f0;
}

.position-fixed > .card {
    max-width: calc(100vw - 2rem) !important;
}

@media (max-width: 1199.98px) {
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .atom-page-navbar {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .atom-page-container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 767.98px) {
    .atom-page-navbar {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .atom-page-navbar .container {
        align-items: flex-start;
    }

    .atom-page-container {
        padding: 1rem !important;
    }

    .card-header,
    .card-body,
    .card-footer {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .card-header > .ms-auto,
    .card-header .form-control,
    .card-header .form-select {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .card-header > .btn,
    .card-header > a.btn {
        flex: 1 1 auto;
    }

    .card-footer.d-flex > span {
        flex: 0 0 100%;
    }

    .card-footer.d-flex > .ms-auto {
        margin-left: 0 !important;
    }

    .atom-theme-switcher {
        margin: .75rem !important;
    }

    .atom-theme-switcher .card-body {
        padding: .5rem .75rem !important;
    }

    .modal-dialog,
    .swal2-popup {
        max-width: calc(100vw - 2rem) !important;
    }

    .atom-page-container .d-sm-flex > .ms-auto,
    .atom-page-container .d-sm-flex > .ms-auto.d-flex {
        width: 100%;
        margin-top: .75rem;
        margin-left: 0 !important;
        flex-wrap: wrap;
    }

    .atom-page-container .input-group[style*="min-width"] {
        width: 100%;
        min-width: 0 !important;
        margin-right: 0 !important;
    }

    .atom-page-container form .text-end,
    .atom-page-container form .justify-content-end {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
        text-align: left !important;
    }

    .atom-public-hero {
        padding-top: 2.75rem;
        padding-bottom: 5rem;
    }

    .page-header .mt-8 {
        margin-top: 2rem !important;
    }

    .page-header .card-plain {
        padding: 0 1rem;
    }
}

@media (max-width: 575.98px) {
    .atom-page-navbar .breadcrumb {
        margin-right: 0 !important;
    }

    .atom-dashboard-table {
        font-size: .82rem;
    }

    .atom-dashboard-table td:last-child {
        width: 3rem;
    }

    .table-responsive > .table:not(.atom-dashboard-table) {
        min-width: 600px;
    }

    .atom-document-cards {
        padding: .75rem !important;
    }

    .atom-document-cards .atom-doc-actions .btn {
        flex: 1 0 2.5rem;
    }
}