/* ================================================================
   LAND REGISTRY THEME
   ================================================================
   Global AdminLTE / Bootstrap theme
   Land Registry green / earth-tone colour system

   LOAD ORDER:

       main.css
       land-registry-theme.css

   This file intentionally comes AFTER main.css so that these
   styles override the default AdminLTE / Bootstrap colours.

   The .lr-login section at the bottom remains scoped so the
   existing Land Registry login design is preserved.
   ================================================================ */


/* ================================================================
   01. LAND REGISTRY COLOUR SYSTEM
   ================================================================ */

:root {

    /* ------------------------------------------------------------
       Core colours
       ------------------------------------------------------------ */

    --lr-ink: #16241F;
    --lr-ink-2: #1E332A;

    --lr-parchment: #F3ECDC;
    --lr-parchment-2: #FAF6EC;

    --lr-brass: #B98B3E;
    --lr-brass-light: #D9AF6B;

    --lr-moss: #3C5A45;
    --lr-moss-dark: #2F4A38;
    --lr-moss-light: #6B9A7A;

    --lr-sage: #6B7A70;

    --lr-line: #D8CBAA;

    --lr-text: #22302A;
    --lr-muted: #6B7A70;

    /* ------------------------------------------------------------
       Status colours
       ------------------------------------------------------------ */

    --lr-success: #3C5A45;
    --lr-success-dark: #2F4A38;
    --lr-success-light: #E6EFE8;

    --lr-warning: #B98B3E;
    --lr-warning-dark: #96702F;
    --lr-warning-light: #F5ECD8;

    --lr-danger: #8B4A42;
    --lr-danger-dark: #6F3B35;
    --lr-danger-light: #F2E3E0;

    --lr-info: #55766A;
    --lr-info-dark: #405B51;
    --lr-info-light: #E5ECE9;

    /* ------------------------------------------------------------
       Bootstrap variables
       ------------------------------------------------------------ */

    --bs-primary: #3C5A45;
    --bs-primary-rgb: 60, 90, 69;

    --bs-secondary: #6B7A70;
    --bs-secondary-rgb: 107, 122, 112;

    --bs-success: #3C5A45;
    --bs-success-rgb: 60, 90, 69;

    --bs-info: #55766A;
    --bs-info-rgb: 85, 118, 106;

    --bs-warning: #B98B3E;
    --bs-warning-rgb: 185, 139, 62;

    --bs-danger: #8B4A42;
    --bs-danger-rgb: 139, 74, 66;

    --bs-light: #F3ECDC;
    --bs-light-rgb: 243, 236, 220;

    --bs-dark: #16241F;
    --bs-dark-rgb: 22, 36, 31;

    --bs-body-color: #22302A;
    --bs-body-bg: #F3ECDC;

    --bs-emphasis-color: #16241F;

    --bs-secondary-color: #6B7A70;
    --bs-secondary-bg: #FAF6EC;

    --bs-tertiary-color: #6B7A70;
    --bs-tertiary-bg: #F3ECDC;

    --bs-border-color: #D8CBAA;
    --bs-border-color-translucent: rgba(216, 203, 170, .65);

    --bs-link-color: #3C5A45;
    --bs-link-color-rgb: 60, 90, 69;

    --bs-link-hover-color: #2F4A38;
    --bs-link-hover-color-rgb: 47, 74, 56;

    --bs-focus-ring-color:
        rgba(185, 139, 62, .35);

    --bs-border-radius: 4px;
    --bs-border-radius-sm: 3px;
    --bs-border-radius-lg: 5px;

    /* ------------------------------------------------------------
       Typography
       ------------------------------------------------------------ */

    --bs-body-font-family:
        'Source Sans 3',
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        sans-serif;

    --bs-body-font-size: 14px;
    --bs-body-line-height: 1.5;
}


/* ================================================================
   02. BASE PAGE
   ================================================================ */

html,
body {
    font-family: var(--bs-body-font-family);
    color: var(--lr-text);
    background-color: var(--lr-parchment);
}


body {
    --bs-body-bg: var(--lr-parchment);
    --bs-body-color: var(--lr-text);
}


a {
    color: var(--lr-moss);
}


a:hover {
    color: var(--lr-moss-dark);
}


::selection {
    color: #FFFFFF;
    background: var(--lr-moss);
}


/* ================================================================
   03. TEXT COLOURS
   ================================================================ */

.text-primary {
    color: var(--lr-moss) !important;
}

.text-secondary {
    color: var(--lr-muted) !important;
}

.text-success {
    color: var(--lr-success) !important;
}

.text-info {
    color: var(--lr-info) !important;
}

.text-warning {
    color: var(--lr-warning) !important;
}

.text-danger {
    color: var(--lr-danger) !important;
}

.text-dark {
    color: var(--lr-ink) !important;
}

.text-muted {
    color: var(--lr-muted) !important;
}


/* ================================================================
   04. BACKGROUND COLOURS
   ================================================================ */

.bg-primary {
    background-color: var(--lr-moss) !important;
}

.bg-secondary {
    background-color: var(--lr-sage) !important;
}

.bg-success {
    background-color: var(--lr-success) !important;
}

.bg-info {
    background-color: var(--lr-info) !important;
}

.bg-warning {
    background-color: var(--lr-warning) !important;
}

.bg-danger {
    background-color: var(--lr-danger) !important;
}

.bg-light {
    background-color: var(--lr-parchment-2) !important;
}

.bg-dark {
    background-color: var(--lr-ink) !important;
}


/* ================================================================
   05. BUTTONS
   ================================================================ */

/* Primary */

.btn-primary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--lr-moss);
    --bs-btn-border-color: var(--lr-moss);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--lr-moss-dark);
    --bs-btn-hover-border-color: var(--lr-moss-dark);

    --bs-btn-focus-shadow-rgb: 60, 90, 69;

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--lr-moss-dark);
    --bs-btn-active-border-color: var(--lr-moss-dark);

    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: var(--lr-moss);
    --bs-btn-disabled-border-color: var(--lr-moss);

    background-color: var(--lr-moss);
    border-color: var(--lr-moss);
    color: #FFFFFF;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--lr-moss-dark) !important;
    border-color: var(--lr-moss-dark) !important;
    color: #FFFFFF !important;
}


/* Secondary */

.btn-secondary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--lr-sage);
    --bs-btn-border-color: var(--lr-sage);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #59685F;
    --bs-btn-hover-border-color: #59685F;

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #4D5B53;
    --bs-btn-active-border-color: #4D5B53;

    background-color: var(--lr-sage);
    border-color: var(--lr-sage);
}


/* Success */

.btn-success {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--lr-success);
    --bs-btn-border-color: var(--lr-success);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--lr-success-dark);
    --bs-btn-hover-border-color: var(--lr-success-dark);

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--lr-success-dark);
    --bs-btn-active-border-color: var(--lr-success-dark);

    background-color: var(--lr-success);
    border-color: var(--lr-success);
}


.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--lr-success-dark) !important;
    border-color: var(--lr-success-dark) !important;
}


/* Warning */

.btn-warning {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--lr-warning);
    --bs-btn-border-color: var(--lr-warning);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--lr-warning-dark);
    --bs-btn-hover-border-color: var(--lr-warning-dark);

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--lr-warning-dark);
    --bs-btn-active-border-color: var(--lr-warning-dark);

    background-color: var(--lr-warning);
    border-color: var(--lr-warning);
}


/* Danger */

.btn-danger {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--lr-danger);
    --bs-btn-border-color: var(--lr-danger);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--lr-danger-dark);
    --bs-btn-hover-border-color: var(--lr-danger-dark);

    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--lr-danger-dark);
    --bs-btn-active-border-color: var(--lr-danger-dark);

    background-color: var(--lr-danger);
    border-color: var(--lr-danger);
}


/* Info */

.btn-info {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--lr-info);
    --bs-btn-border-color: var(--lr-info);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--lr-info-dark);
    --bs-btn-hover-border-color: var(--lr-info-dark);

    background-color: var(--lr-info);
    border-color: var(--lr-info);
}


/* Light */

.btn-light {
    --bs-btn-color: var(--lr-ink);
    --bs-btn-bg: var(--lr-parchment-2);
    --bs-btn-border-color: var(--lr-line);

    --bs-btn-hover-color: var(--lr-ink);
    --bs-btn-hover-bg: var(--lr-parchment);
    --bs-btn-hover-border-color: var(--lr-brass);

    background-color: var(--lr-parchment-2);
    border-color: var(--lr-line);
}


/* Dark */

.btn-dark {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--lr-ink);
    --bs-btn-border-color: var(--lr-ink);

    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--lr-ink-2);
    --bs-btn-hover-border-color: var(--lr-ink-2);

    background-color: var(--lr-ink);
    border-color: var(--lr-ink);
}


/* ================================================================
   06. OUTLINE BUTTONS
   ================================================================ */

.btn-outline-primary {
    color: var(--lr-moss);
    border-color: var(--lr-moss);
}


.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #FFFFFF !important;
    background-color: var(--lr-moss) !important;
    border-color: var(--lr-moss) !important;
}


.btn-outline-success {
    color: var(--lr-success);
    border-color: var(--lr-success);
}


.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    color: #FFFFFF !important;
    background-color: var(--lr-success) !important;
    border-color: var(--lr-success) !important;
}


.btn-outline-warning {
    color: var(--lr-warning-dark);
    border-color: var(--lr-warning);
}


.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    color: #FFFFFF !important;
    background-color: var(--lr-warning) !important;
    border-color: var(--lr-warning) !important;
}


.btn-outline-danger {
    color: var(--lr-danger);
    border-color: var(--lr-danger);
}


.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    color: #FFFFFF !important;
    background-color: var(--lr-danger) !important;
    border-color: var(--lr-danger) !important;
}


.btn-outline-info {
    color: var(--lr-info);
    border-color: var(--lr-info);
}


.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    color: #FFFFFF !important;
    background-color: var(--lr-info) !important;
    border-color: var(--lr-info) !important;
}


.btn-outline-secondary {
    color: var(--lr-sage);
    border-color: var(--lr-sage);
}


.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    color: #FFFFFF !important;
    background-color: var(--lr-sage) !important;
    border-color: var(--lr-sage) !important;
}


/* ================================================================
   07. BUTTON STATES
   ================================================================ */

.btn {
    border-radius: 4px;
}


.btn:focus,
.btn.focus {
    box-shadow:
        0 0 0 .2rem rgba(185, 139, 62, .25);
}


.btn-link {
    color: var(--lr-moss);
}


.btn-link:hover,
.btn-link:focus {
    color: var(--lr-moss-dark);
}


/* ================================================================
   08. LINKS
   ================================================================ */

a {
    color: var(--lr-moss);
}


a:hover,
a:focus {
    color: var(--lr-moss-dark);
}


.link-primary {
    color: var(--lr-moss) !important;
}


.link-primary:hover {
    color: var(--lr-moss-dark) !important;
}


.link-success {
    color: var(--lr-success) !important;
}


.link-warning {
    color: var(--lr-warning-dark) !important;
}


.link-danger {
    color: var(--lr-danger) !important;
}


/* ================================================================
   09. ALERTS
   ================================================================ */

.alert {
    border-radius: 4px;
    border-width: 1px;
}


/* Primary */

.alert-primary {
    color: var(--lr-moss-dark);
    background-color: var(--lr-success-light);
    border-color: #C8D9CC;
}


/* Success */

.alert-success {
    color: var(--lr-moss-dark);
    background-color: var(--lr-success-light);
    border-color: #C8D9CC;
}


/* Warning */

.alert-warning {
    color: #70551F;
    background-color: var(--lr-warning-light);
    border-color: #E5D3A9;
}


/* Danger */

.alert-danger {
    color: var(--lr-danger-dark);
    background-color: var(--lr-danger-light);
    border-color: #DFC5C1;
}


/* Info */

.alert-info {
    color: var(--lr-info-dark);
    background-color: var(--lr-info-light);
    border-color: #CCDAD5;
}


/* ================================================================
   10. BADGES
   ================================================================ */

.badge {
    font-weight: 600;
}


.badge-primary {
    background-color: var(--lr-moss) !important;
}


.badge-success {
    background-color: var(--lr-success) !important;
}


.badge-warning {
    background-color: var(--lr-warning) !important;
}


.badge-danger {
    background-color: var(--lr-danger) !important;
}


.badge-info {
    background-color: var(--lr-info) !important;
}


.badge-secondary {
    background-color: var(--lr-sage) !important;
}


.badge-light {
    color: var(--lr-ink) !important;
    background-color: var(--lr-parchment) !important;
}


.badge-dark {
    background-color: var(--lr-ink) !important;
}


/* ================================================================
   11. FORMS
   ================================================================ */

.form-control,
.form-select,
.custom-select {
    color: var(--lr-text);
    background-color: #FFFFFF;
    border-color: var(--lr-line);
}


.form-control:focus,
.form-select:focus,
.custom-select:focus {
    color: var(--lr-text);
    background-color: #FFFFFF;

    border-color: var(--lr-brass);

    box-shadow:
        0 0 0 .2rem rgba(185, 139, 62, .15);
}


.form-control::placeholder {
    color: #9BA398;
}


.form-label,
label {
    color: var(--lr-text);
}


.input-group-text {
    color: var(--lr-muted);
    background-color: var(--lr-parchment-2);
    border-color: var(--lr-line);
}


/* Checkbox */

.form-check-input {
    border-color: #BDBFB9;
}


.form-check-input:focus {
    border-color: var(--lr-brass);

    box-shadow:
        0 0 0 .2rem rgba(185, 139, 62, .15);
}


.form-check-input:checked {
    background-color: var(--lr-moss);
    border-color: var(--lr-moss);
}


/* Switch */

.form-switch .form-check-input:checked {
    background-color: var(--lr-moss);
    border-color: var(--lr-moss);
}


/* ================================================================
   12. VALIDATION
   ================================================================ */

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: var(--lr-moss);
}


.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: var(--lr-danger);
}


.valid-feedback {
    color: var(--lr-success);
}


.invalid-feedback {
    color: var(--lr-danger);
}


/* ================================================================
   13. TABLES
   ================================================================ */

.table {
    --bs-table-color: var(--lr-text);
    --bs-table-border-color: var(--lr-line);

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


.table thead th {
    color: var(--lr-ink);
    background-color: var(--lr-parchment);
    border-bottom-color: var(--lr-line);
    font-weight: 600;
}


.table-hover tbody tr:hover {
    --bs-table-hover-bg: rgba(60, 90, 69, .055);
    --bs-table-hover-color: var(--lr-text);

    background-color: rgba(60, 90, 69, .055);
}


.table-primary {
    --bs-table-bg: var(--lr-success-light);
    --bs-table-color: var(--lr-text);
}


.table-success {
    --bs-table-bg: var(--lr-success-light);
    --bs-table-color: var(--lr-text);
}


.table-warning {
    --bs-table-bg: var(--lr-warning-light);
    --bs-table-color: var(--lr-text);
}


.table-danger {
    --bs-table-bg: var(--lr-danger-light);
    --bs-table-color: var(--lr-text);
}


/* ================================================================
   14. CARDS
   ================================================================ */

.card {
    background-color: #FFFFFF;
    border-color: var(--lr-line);
    color: var(--lr-text);
}


.card-header {
    color: var(--lr-ink);
    background-color: var(--lr-parchment-2);
    border-bottom-color: var(--lr-line);
}


.card-footer {
    background-color: var(--lr-parchment-2);
    border-top-color: var(--lr-line);
}


.card-title {
    color: var(--lr-ink);
}


.card-primary {
    border-top-color: var(--lr-moss) !important;
}


.card-success {
    border-top-color: var(--lr-success) !important;
}


.card-warning {
    border-top-color: var(--lr-warning) !important;
}


.card-danger {
    border-top-color: var(--lr-danger) !important;
}


.card-info {
    border-top-color: var(--lr-info) !important;
}


/* ================================================================
   15. DROPDOWNS
   ================================================================ */

.dropdown-menu {
    color: var(--lr-text);
    background-color: #FFFFFF;
    border-color: var(--lr-line);

    box-shadow:
        0 8px 24px rgba(22, 36, 31, .12);
}


.dropdown-item {
    color: var(--lr-text);
}


.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--lr-ink);
    background-color: var(--lr-success-light);
}


.dropdown-item.active,
.dropdown-item:active {
    color: #FFFFFF;
    background-color: var(--lr-moss);
}


.dropdown-divider {
    border-color: var(--lr-line);
}


/* ================================================================
   16. PAGINATION
   ================================================================ */

.page-link {
    color: var(--lr-moss);
    background-color: #FFFFFF;
    border-color: var(--lr-line);
}


.page-link:hover {
    color: var(--lr-moss-dark);
    background-color: var(--lr-success-light);
    border-color: var(--lr-line);
}


.page-item.active .page-link {
    color: #FFFFFF;
    background-color: var(--lr-moss);
    border-color: var(--lr-moss);
}


.page-item.disabled .page-link {
    color: #9BA398;
    background-color: var(--lr-parchment-2);
    border-color: var(--lr-line);
}


/* ================================================================
   17. NAV TABS
   ================================================================ */

.nav-tabs {
    border-bottom-color: var(--lr-line);
}


.nav-tabs .nav-link {
    color: var(--lr-muted);
    border-color: transparent;
}


.nav-tabs .nav-link:hover {
    color: var(--lr-moss);
    border-color: var(--lr-line);
}


.nav-tabs .nav-link.active {
    color: var(--lr-moss);
    background-color: #FFFFFF;
    border-color: var(--lr-line) var(--lr-line) #FFFFFF;
}


.nav-pills .nav-link {
    color: var(--lr-moss);
}


.nav-pills .nav-link.active {
    color: #FFFFFF;
    background-color: var(--lr-moss);
}


/* ================================================================
   18. BREADCRUMBS
   ================================================================ */

.breadcrumb {
    background-color: transparent;
}


.breadcrumb-item a {
    color: var(--lr-moss);
}


.breadcrumb-item.active {
    color: var(--lr-muted);
}


.breadcrumb-item + .breadcrumb-item::before {
    color: var(--lr-brass);
}


/* ================================================================
   19. LIST GROUPS
   ================================================================ */

.list-group-item {
    color: var(--lr-text);
    background-color: #FFFFFF;
    border-color: var(--lr-line);
}


.list-group-item:hover {
    background-color: var(--lr-parchment-2);
}


.list-group-item.active {
    color: #FFFFFF;
    background-color: var(--lr-moss);
    border-color: var(--lr-moss);
}


.list-group-item-primary {
    background-color: var(--lr-success-light);
    color: var(--lr-text);
}


.list-group-item-success {
    background-color: var(--lr-success-light);
    color: var(--lr-text);
}


.list-group-item-warning {
    background-color: var(--lr-warning-light);
    color: var(--lr-text);
}


.list-group-item-danger {
    background-color: var(--lr-danger-light);
    color: var(--lr-text);
}


/* ================================================================
   20. PROGRESS
   ================================================================ */

.progress {
    background-color: var(--lr-parchment);
}


.progress-bar {
    background-color: var(--lr-moss);
}


.progress-bar.bg-success {
    background-color: var(--lr-success) !important;
}


.progress-bar.bg-warning {
    background-color: var(--lr-warning) !important;
}


.progress-bar.bg-danger {
    background-color: var(--lr-danger) !important;
}


/* ================================================================
   21. MODALS
   ================================================================ */

.modal-content {
    color: var(--lr-text);
    background-color: #FFFFFF;
    border-color: var(--lr-line);
}


.modal-header {
    background-color: var(--lr-parchment-2);
    border-bottom-color: var(--lr-line);
}


.modal-title {
    color: var(--lr-ink);
}


.modal-footer {
    background-color: var(--lr-parchment-2);
    border-top-color: var(--lr-line);
}


.btn-close:focus {
    box-shadow:
        0 0 0 .2rem rgba(185, 139, 62, .25);
}

.modal-backdrop {
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.7;

    background-color: var(--bs-backdrop-bg) !important;
    opacity: var(--bs-backdrop-opacity) !important;
}

.modal-backdrop.show {
    opacity: 1;
}

/* ================================================================
   22. TOASTS
   ================================================================ */

.toast {
    color: var(--lr-text);
    background-color: rgba(250, 246, 236, .96);
    border-color: var(--lr-line);

    box-shadow:
        0 8px 25px rgba(22, 36, 31, .15);
}


.toast-header {
    color: var(--lr-ink);
    background-color: var(--lr-parchment-2);
    border-bottom-color: var(--lr-line);
}


/* ================================================================
   23. CALLOUTS
   ================================================================ */

.callout {
    background-color: #FFFFFF;
    border-radius: 3px;
}


.callout.callout-primary {
    border-left-color: var(--lr-moss);
}


.callout.callout-success {
    border-left-color: var(--lr-success);
}


.callout.callout-warning {
    border-left-color: var(--lr-warning);
}


.callout.callout-danger {
    border-left-color: var(--lr-danger);
}


.callout.callout-info {
    border-left-color: var(--lr-info);
}


/* ================================================================
   24. ADMINLTE NAVBAR
   ================================================================ */

.main-header.navbar {
    background-color: #FFFFFF;
    border-bottom-color: var(--lr-line);
}


.main-header .nav-link {
    color: var(--lr-text);
}


.main-header .nav-link:hover,
.main-header .nav-link:focus {
    color: var(--lr-moss);
    background-color: var(--lr-success-light);
}


.main-header .navbar-nav .nav-item.active > .nav-link {
    color: var(--lr-moss);
}


/* ================================================================
   25. ADMINLTE SIDEBAR
   ================================================================ */

.main-sidebar {
    background-color: var(--lr-ink);
}


.main-sidebar .brand-link {
    color: #F8F4E9;
    background-color: var(--lr-ink);
    border-bottom-color: rgba(216, 203, 170, .18);
}


.main-sidebar .brand-link:hover {
    color: #FFFFFF;
}


.main-sidebar .nav-header {
    color: var(--lr-brass-light);
}


.main-sidebar .nav-link {
    color: rgba(248, 244, 233, .78);
}


.main-sidebar .nav-link:hover {
    color: #FFFFFF;
    background-color: rgba(60, 90, 69, .55);
}


.main-sidebar .nav-link.active {
    color: #FFFFFF;
    background-color: var(--lr-moss);
    box-shadow: none;
}


.main-sidebar .nav-link.active:hover {
    background-color: var(--lr-moss-dark);
}


.main-sidebar .nav-icon {
    color: var(--lr-brass-light);
}


.main-sidebar .nav-link.active .nav-icon {
    color: #FFFFFF;
}


.main-sidebar .nav-treeview .nav-link {
    color: rgba(248, 244, 233, .68);
}


.main-sidebar .nav-treeview .nav-link:hover {
    color: #FFFFFF;
    background-color: rgba(60, 90, 69, .35);
}


.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--lr-moss);
    color: #FFFFFF;
}


/* ================================================================
   26. ADMINLTE CONTENT HEADER
   ================================================================ */

.content-header {
    background-color: transparent;
}


.content-header h1 {
    color: var(--lr-ink);
}


.content-header .breadcrumb {
    color: var(--lr-muted);
}


/* ================================================================
   27. ADMINLTE INFO BOXES
   ================================================================ */

.info-box {
    background-color: #FFFFFF;
    border: 1px solid var(--lr-line);
    color: var(--lr-text);
}


.info-box-icon {
    background-color: var(--lr-moss) !important;
    color: #FFFFFF;
}


.info-box.bg-primary .info-box-icon,
.info-box.bg-success .info-box-icon {
    background-color: rgba(22, 36, 31, .18) !important;
}


.info-box.bg-warning .info-box-icon {
    background-color: rgba(22, 36, 31, .12) !important;
}


.info-box-number {
    color: var(--lr-ink);
}


/* ================================================================
   28. ADMINLTE SMALL BOXES
   ================================================================ */

.small-box {
    color: #FFFFFF;
}


.small-box.bg-primary,
.small-box.bg-success {
    background-color: var(--lr-moss) !important;
}


.small-box.bg-info {
    background-color: var(--lr-info) !important;
}


.small-box.bg-warning {
    background-color: var(--lr-warning) !important;
}


.small-box.bg-danger {
    background-color: var(--lr-danger) !important;
}


.small-box.bg-secondary {
    background-color: var(--lr-sage) !important;
}


.small-box.bg-dark {
    background-color: var(--lr-ink) !important;
}


.small-box .icon {
    color: rgba(255, 255, 255, .18);
}


.small-box-footer {
    color: rgba(255, 255, 255, .9) !important;
    background-color: rgba(0, 0, 0, .12);
}


.small-box-footer:hover {
    color: #FFFFFF !important;
    background-color: rgba(0, 0, 0, .2);
}


/* ================================================================
   29. ADMINLTE CARDS
   ================================================================ */

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
    background-color: var(--lr-moss);
    color: #FFFFFF;
}


.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a {
    background-color: var(--lr-success);
    color: #FFFFFF;
}


.card-warning:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header a {
    background-color: var(--lr-warning);
    color: #FFFFFF;
}


.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a {
    background-color: var(--lr-danger);
    color: #FFFFFF;
}


.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header a {
    background-color: var(--lr-info);
    color: #FFFFFF;
}


/* Outline cards */

.card-primary.card-outline {
    border-top: 3px solid var(--lr-moss);
}


.card-success.card-outline {
    border-top: 3px solid var(--lr-success);
}


.card-warning.card-outline {
    border-top: 3px solid var(--lr-warning);
}


.card-danger.card-outline {
    border-top: 3px solid var(--lr-danger);
}


.card-info.card-outline {
    border-top: 3px solid var(--lr-info);
}


/* ================================================================
   30. ADMINLTE DIRECT CHAT
   ================================================================ */

.direct-chat-msg .direct-chat-text {
    color: var(--lr-text);
    background-color: var(--lr-parchment-2);
    border-color: var(--lr-line);
}


.direct-chat-msg .direct-chat-text::after,
.direct-chat-msg .direct-chat-text::before {
    border-right-color: var(--lr-line);
}


.direct-chat-msg.right .direct-chat-text {
    color: #FFFFFF;
    background-color: var(--lr-moss);
    border-color: var(--lr-moss);
}


.direct-chat-msg.right .direct-chat-text::after,
.direct-chat-msg.right .direct-chat-text::before {
    border-left-color: var(--lr-moss);
}


/* ================================================================
   31. ADMINLTE TIMELINE
   ================================================================ */

.timeline::before {
    background-color: var(--lr-line);
}


.timeline > div > .timeline-item {
    border-color: var(--lr-line);
}


.timeline > div > .timeline-item > .timeline-header {
    color: var(--lr-ink);
    border-bottom-color: var(--lr-line);
}


.timeline > div > .timeline-item > .timeline-footer {
    border-top-color: var(--lr-line);
}


.timeline > div > .timeline-item > .time {
    color: var(--lr-muted);
}


.timeline > div > .timeline-item > .timeline-header a {
    color: var(--lr-moss);
}


/* ================================================================
   32. ADMINLTE USER PANEL
   ================================================================ */

.user-panel {
    border-bottom-color: rgba(216, 203, 170, .18) !important;
}


.user-panel .info a {
    color: rgba(248, 244, 233, .85);
}


.user-panel .info a:hover {
    color: #FFFFFF;
}


/* ================================================================
   33. ADMINLTE FOOTER
   ================================================================ */

.main-footer {
    color: var(--lr-muted);
    background-color: #FFFFFF;
    border-top-color: var(--lr-line);
}


.main-footer a {
    color: var(--lr-moss);
}


.main-footer a:hover {
    color: var(--lr-moss-dark);
}


/* ================================================================
   34. SPINNERS
   ================================================================ */

.spinner-border {
    color: var(--lr-moss);
}


.spinner-grow {
    color: var(--lr-moss);
}


/* ================================================================
   35. ACCORDION
   ================================================================ */

.accordion-item {
    background-color: #FFFFFF;
    border-color: var(--lr-line);
}


.accordion-button {
    color: var(--lr-ink);
    background-color: var(--lr-parchment-2);
}


.accordion-button:not(.collapsed) {
    color: var(--lr-moss-dark);
    background-color: var(--lr-success-light);
    box-shadow: inset 0 -1px 0 var(--lr-line);
}


.accordion-button:focus {
    border-color: var(--lr-brass);

    box-shadow:
        0 0 0 .2rem rgba(185, 139, 62, .15);
}


/* ================================================================
   36. TOOLTIPS / POPOVERS
   ================================================================ */

.tooltip-inner {
    background-color: var(--lr-ink);
}


.popover {
    border-color: var(--lr-line);
}


.popover-header {
    color: var(--lr-ink);
    background-color: var(--lr-parchment-2);
    border-bottom-color: var(--lr-line);
}


.popover-body {
    color: var(--lr-text);
}


/* ================================================================
   37. HR / BORDERS
   ================================================================ */

hr {
    border-color: var(--lr-line);
    opacity: 1;
}


.border {
    border-color: var(--lr-line) !important;
}


.border-primary {
    border-color: var(--lr-moss) !important;
}


.border-success {
    border-color: var(--lr-success) !important;
}


.border-warning {
    border-color: var(--lr-warning) !important;
}


.border-danger {
    border-color: var(--lr-danger) !important;
}


.border-info {
    border-color: var(--lr-info) !important;
}


/* ================================================================
   38. ADMINLTE / BOOTSTRAP PRIMARY UTILITIES
   ================================================================ */

.bg-gradient-primary {
    background:
        linear-gradient(
            135deg,
            var(--lr-moss),
            var(--lr-moss-dark)
        ) !important;
}


.bg-gradient-success {
    background:
        linear-gradient(
            135deg,
            var(--lr-success),
            var(--lr-moss-dark)
        ) !important;
}


.bg-gradient-warning {
    background:
        linear-gradient(
            135deg,
            var(--lr-warning),
            var(--lr-warning-dark)
        ) !important;
}


.bg-gradient-danger {
    background:
        linear-gradient(
            135deg,
            var(--lr-danger),
            var(--lr-danger-dark)
        ) !important;
}


.bg-gradient-info {
    background:
        linear-gradient(
            135deg,
            var(--lr-info),
            var(--lr-info-dark)
        ) !important;
}


/* ================================================================
   39. DATATABLES / TABLE CONTROLS
   ================================================================ */

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border: 1px solid var(--lr-line);
    border-radius: 4px;
    background-color: #FFFFFF;
    color: var(--lr-text);
}


.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
    border-color: var(--lr-brass);
    outline: none;

    box-shadow:
        0 0 0 .2rem rgba(185, 139, 62, .15);
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--lr-moss) !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #FFFFFF !important;
    background: var(--lr-moss) !important;
    border-color: var(--lr-moss) !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #FFFFFF !important;
    background: var(--lr-moss) !important;
    border-color: var(--lr-moss) !important;
}


/* ================================================================
   40. SELECT2
   ================================================================ */

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: var(--lr-line);
    background-color: #FFFFFF;
}


.select2-container--default
.select2-selection--single:focus,
.select2-container--default
.select2-selection--multiple:focus {
    border-color: var(--lr-brass);
}


.select2-container--default
.select2-results__option--highlighted[aria-selected] {
    background-color: var(--lr-moss);
    color: #FFFFFF;
}


.select2-container--default
.select2-results__option[aria-selected="true"] {
    background-color: var(--lr-success-light);
    color: var(--lr-text);
}


.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
    background-color: var(--lr-moss);
    border-color: var(--lr-moss);
    color: #FFFFFF;
}


/* ================================================================
   41. FOCUS / ACCESSIBILITY
   ================================================================ */

:focus-visible {
    outline: 2px solid var(--lr-brass);
    outline-offset: 2px;
}


button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--lr-brass);
    outline-offset: 2px;
}


/* ================================================================
   42. LAND REGISTRY LOGIN
   This section is intentionally scoped to .lr-login so the global
   AdminLTE theme does not interfere with the login design.
   ================================================================ */

.lr-login {

    --lr-ink: #16241F;
    --lr-ink-2: #1E332A;

    --lr-parchment: #F3ECDC;
    --lr-parchment-2: #FAF6EC;

    --lr-brass: #B98B3E;
    --lr-brass-light: #D9AF6B;

    --lr-moss: #3C5A45;

    --lr-line: #D8CBAA;

    --lr-text: #22302A;
    --lr-muted: #6B7A70;

    --bs-primary: var(--lr-moss);
    --bs-primary-rgb: 60, 90, 69;

    --bs-link-color: var(--lr-moss);
    --bs-link-color-rgb: 60, 90, 69;

    --bs-link-hover-color: #2F4A38;

    --bs-body-font-family:
        'Source Sans 3',
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        sans-serif;

    --bs-border-radius: 4px;

    --bs-focus-ring-color:
        rgba(185, 139, 62, 0.35);
}


/* ================================================================
   LOGIN PAGE
   ================================================================ */

.login-page.lr-login {
    width: 100%;
    height: 100vh;
    min-height: 100vh;

    margin: 0;
    padding: 0;

    display: block;

    overflow: hidden;

    background: var(--lr-parchment);

    font-family: var(--bs-body-font-family);
}


.lr-login .login-box {
    width: auto;
    margin: 0;
}


.lr-login {
    display: flex !important;
    flex-direction: row !important;
}


/* ================================================================
   LOGIN TWO-PANEL LAYOUT
   ================================================================ */

.lr-login .panel-left {
    position: relative;

    width: 58%;
    height: 100vh;

    flex: 0 0 58%;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #16251F 0%,
            #173027 48%,
            #10231D 100%
        );

    color: #F8F4E9;
}


.lr-login .panel-right {
    position: relative;

    width: 42%;
    height: 100vh;

    flex: 1 1 42%;

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

    overflow: hidden;

    background:
        repeating-linear-gradient(
            180deg,
            transparent 0,
            transparent 27px,
            rgba(184, 139, 62, 0.045) 28px
        ),
        var(--lr-parchment);
}


/* ================================================================
   LOGIN SURVEY BACKGROUND
   ================================================================ */

.lr-login .survey-grid {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .16;

    pointer-events: none;
}


.lr-login .survey-grid path {
    fill: none;

    stroke: #B98B3E;

    stroke-width: 1;
}


.lr-login .survey-grid .parcel-fill {
    fill: rgba(185, 139, 62, .05);
}


/* ================================================================
   LOGIN COMPASS
   ================================================================ */

.lr-login .compass {
    position: absolute;

    width: 250px;
    height: 250px;

    right: -30px;
    bottom: -35px;

    opacity: .22;

    pointer-events: none;
}


/* ================================================================
   LOGIN BRAND AREA
   ================================================================ */

.lr-login .brand {
    position: absolute;

    top: 47px;
    left: 53px;

    width: 540px;

    z-index: 2;
}


.lr-login .brand-row {
    display: flex;
    align-items: center;

    gap: 12px;
}


.lr-login .seal {
    width: 43px;
    height: 43px;

    flex: 0 0 43px;

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

    border: 1px solid var(--lr-brass-light);

    border-radius: 50%;
}


.lr-login .seal svg {
    width: 25px;
    height: 25px;
}


.lr-login .brand-text {
    line-height: 1;
}


.lr-login .dept {
    margin-bottom: 6px;

    font-family:
        'Source Sans 3',
        sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .13em;

    text-transform: uppercase;

    color: var(--lr-brass-light);
}


.lr-login .name {
    font-family:
        'Fraunces',
        Georgia,
        serif;

    font-size: 17px;
    font-weight: 600;

    color: #F7F3E8;
}


/* ================================================================
   LOGIN EYEBROW
   ================================================================ */

.lr-login .eyebrow {
    position: relative;

    margin-top: 43px;
    padding-left: 31px;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: .18em;

    text-transform: uppercase;

    color: var(--lr-brass-light);
}


.lr-login .eyebrow::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 21px;
    height: 1px;

    background: var(--lr-brass-light);
}


/* ================================================================
   LOGIN HEADLINE
   ================================================================ */

.lr-login .headline {
    margin: 20px 0 17px;

    font-family:
        'Fraunces',
        Georgia,
        serif;

    font-size: 39px;
    line-height: 1.02;

    font-weight: 500;

    letter-spacing: -.025em;

    color: #F8F5EC;
}


.lr-login .headline em {
    color: #D9AF6B;

    font-weight: 400;
}


/* ================================================================
   LOGIN DESCRIPTION
   ================================================================ */

.lr-login .sub {
    width: 440px;

    margin: 0;

    font-size: 13px;
    line-height: 1.55;

    color: rgba(240, 242, 235, .86);
}


/* ================================================================
   LOGIN FEATURE CARDS
   ================================================================ */

.lr-login .features {
    display: grid;

    grid-template-columns: 233px 233px;

    gap: 13px;

    margin-top: 42px;
}


.lr-login .feature {
    position: relative;

    width: 233px;
    height: 91px;

    box-sizing: border-box;

    padding: 14px 15px;

    border: 1px solid rgba(185, 139, 62, .32);

    border-radius: 3px;

    background:
        rgba(255, 255, 255, .025);
}


.lr-login .fnum {
    display: block;

    margin-bottom: 7px;

    font-size: 9px;
    line-height: 1;

    color: var(--lr-brass-light);
}


.lr-login .ftitle {
    margin-bottom: 4px;

    font-family:
        'Fraunces',
        Georgia,
        serif;

    font-size: 15px;
    font-weight: 600;

    color: #F5F1E7;
}


.lr-login .fdesc {
    font-size: 10px;
    line-height: 1.3;

    color: rgba(231, 235, 226, .75);
}


/* ================================================================
   LOGIN FOOTER
   ================================================================ */

.lr-login .panel-footer {
    position: absolute;

    left: 53px;
    right: 53px;
    bottom: 34px;

    z-index: 3;

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

    padding-top: 30px;

    border-top: 1px solid rgba(185, 139, 62, .25);

    font-size: 9px;

    color: rgba(215, 222, 212, .58);
}


.lr-login .tag {
    display: flex;
    align-items: center;

    gap: 6px;
}


.lr-login .dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #6B9A7A;

    box-shadow:
        0 0 0 3px rgba(107, 154, 122, .12);
}


/* ================================================================
   LOGIN CARD
   ================================================================ */

.lr-login .panel-right .card {
    position: relative;

    width: 368px;
    min-height: 592px;

    box-sizing: border-box;

    margin: 0;

    overflow: visible;

    background: rgba(250, 246, 236, .96);

    border: 1px solid var(--lr-line);

    border-radius: 2px;

    box-shadow:
        0 25px 55px -30px rgba(22, 36, 31, .35);
}


/* ================================================================
   LOGIN CORNER MARKS
   ================================================================ */

.lr-login .panel-right .card::before,
.lr-login .panel-right .card::after,
.lr-login .corner-bl,
.lr-login .corner-br {
    content: "";

    position: absolute;

    width: 15px;
    height: 15px;

    border-color: var(--lr-brass);

    border-style: solid;

    pointer-events: none;
}


.lr-login .panel-right .card::before {
    top: -1px;
    left: -1px;

    border-width: 2px 0 0 2px;
}


.lr-login .panel-right .card::after {
    right: -1px;
    bottom: -1px;

    border-width: 0 2px 2px 0;
}


.lr-login .corner-bl {
    left: -1px;
    bottom: -1px;

    border-width: 0 0 2px 2px;
}


.lr-login .corner-br {
    top: -1px;
    right: -1px;

    border-width: 2px 2px 0 0;
}


/* ================================================================
   LOGIN CARD BODY
   ================================================================ */

.lr-login .login-card-body {
    padding: 40px 36px 24px;

    color: var(--lr-text);

    background: transparent;
}


/* ================================================================
   LOGIN HEADER
   ================================================================ */

.lr-login .card-head {
    text-align: center;

    margin-bottom: 31px;
}


.lr-login .stamp {
    width: 49px;
    height: 49px;

    margin: 0 auto 16px;

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

    border: 1px solid var(--lr-moss);

    border-radius: 50%;

    color: var(--lr-moss);
}


.lr-login .stamp svg {
    width: 32px;
    height: 32px;
}


.lr-login .card-head h2 {
    margin: 0 0 5px;

    font-family:
        'Fraunces',
        Georgia,
        serif;

    font-size: 23px;
    line-height: 1.2;

    font-weight: 600;

    color: var(--lr-ink);
}


.lr-login .card-head p {
    margin: 0;

    font-size: 11px;

    color: var(--lr-muted);
}


/* ================================================================
   LOGIN FORM
   ================================================================ */

.lr-login .field {
    margin-bottom: 18px;
}


.lr-login .field > label {
    display: block;

    margin-bottom: 7px;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .06em;

    text-transform: uppercase;

    color: var(--lr-muted);
}


/* ================================================================
   LOGIN INPUT GROUP
   ================================================================ */

.lr-login .input-group {
    display: flex;

    width: 100%;
}


.lr-login .input-group-text {
    width: 35px;

    padding: 0;

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

    background: #FFF !important;

    border: 1px solid var(--lr-line);

    border-right: 0;

    border-radius: 3px 0 0 3px !important;

    color: #9BA398;
}


.lr-login .input-group-text svg {
    width: 13px;
    height: 13px;
}


.lr-login .form-control {
    height: 44px;

    box-sizing: border-box;

    padding: 10px 12px;

    background: #FFF !important;

    border: 1px solid var(--lr-line);

    border-left: 0;

    border-radius: 0 3px 3px 0 !important;

    color: var(--lr-text);

    font-size: 11px;

    box-shadow: none;
}


.lr-login .form-control::placeholder {
    color: #AAAFA7;
}


.lr-login .form-control:focus {
    border-color: var(--lr-brass);

    box-shadow:
        0 0 0 2px rgba(185, 139, 62, .12);
}


/* ================================================================
   LOGIN PASSWORD EYE
   ================================================================ */

.lr-login .toggle-eye {
    position: absolute;

    right: 0;

    width: 34px;
    height: 44px;

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

    padding: 0;

    border: 0;

    background: transparent;

    color: #B0B3AA;

    cursor: pointer;
}


.lr-login .input-group {
    position: relative;
}


.lr-login .toggle-eye:hover {
    color: var(--lr-moss);
}


/* ================================================================
   LOGIN REMEMBER / FORGOT
   ================================================================ */

.lr-login .row-between {
    display: flex;

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

    margin-top: 2px;
    margin-bottom: 28px;
}


.lr-login .remember {
    display: flex;
    align-items: center;

    gap: 8px;

    margin: 0;

    font-size: 9px !important;
    font-weight: 600 !important;

    letter-spacing: .04em;

    text-transform: uppercase;

    color: var(--lr-muted);
}


.lr-login .remember .form-check-input {
    width: 13px;
    height: 13px;

    margin: 0;

    border: 1px solid #BDBFB9;

    border-radius: 2px;

    background-color: #FFF;
}


.lr-login .remember .form-check-input:checked {
    background-color: var(--lr-moss);
    border-color: var(--lr-moss);
}


.lr-login .forgot {
    font-size: 10px;

    font-weight: 600;

    text-decoration: none;

    color: var(--lr-moss);
}


.lr-login .forgot:hover {
    color: #2F4A38;
}


/* ================================================================
   LOGIN SIGN IN BUTTON
   ================================================================ */

.lr-login .btn-signin {
    width: 100%;
    height: 43px;

    padding: 0;

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

    background: var(--lr-moss) !important;

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

    border-radius: 2px;

    color: #FFF;

    font-size: 11px;
    font-weight: 600;

    letter-spacing: .01em;

    box-shadow: none;
}


.lr-login .btn-signin:hover {
    background: #2F4A38 !important;
    border-color: #2F4A38 !important;
}


/* ================================================================
   LOGIN SECURITY NOTE
   ================================================================ */

.lr-login .secure-note {
    display: flex;

    align-items: flex-start;

    gap: 7px;

    margin-top: 24px;
    padding-bottom: 24px;

    border-bottom: 1px solid var(--lr-line);

    font-family:
        'Source Sans 3',
        sans-serif;

    font-size: 8px;

    line-height: 1.35;

    letter-spacing: .07em;

    color: #7A827A;
}


.lr-login .secure-note svg {
    flex: 0 0 auto;

    margin-top: 1px;

    color: #879187;
}


/* ================================================================
   LOGIN CARD FOOTER
   ================================================================ */

.lr-login .card-footer {
    padding: 20px 0 0;

    text-align: center;

    background: transparent;

    border: 0;

    font-size: 9px;

    color: var(--lr-muted);
}


.lr-login .card-footer a {
    color: var(--lr-ink);

    font-weight: 600;

    text-decoration: none;
}


.lr-login .card-footer a:hover {
    color: var(--lr-moss);
}


/* ================================================================
   LOGIN ADMINLTE OVERRIDES
   ================================================================ */

.lr-login .card,
.lr-login .card-body,
.lr-login .login-card-body {
    box-shadow: none;
}


.lr-login .login-card-body {
    border-radius: 0;
}


.lr-login p {
    margin-bottom: 0;
}


.lr-login a {
    text-decoration: none;
}


.lr-login .login-box .card {
    margin-bottom: 0;
}


/* ================================================================
   LOGIN RESPONSIVE
   ================================================================ */

@media (max-width: 1100px) {

    .lr-login .panel-left {
        width: 55%;
        flex-basis: 55%;
    }

    .lr-login .panel-right {
        width: 45%;
    }

    .lr-login .brand {
        left: 40px;
        width: 470px;
    }

    .lr-login .features {
        grid-template-columns: 205px 205px;
    }

    .lr-login .feature {
        width: 205px;
    }

    .lr-login .headline {
        font-size: 35px;
    }

    .lr-login .sub {
        width: 390px;
    }

    .lr-login .panel-right .card {
        width: 350px;
    }
}


@media (max-width: 850px) {

    .login-page.lr-login {
        height: auto;
        min-height: 100vh;

        overflow-y: auto;

        flex-direction: column !important;
    }

    .lr-login .panel-left {
        width: 100%;
        height: auto;
        min-height: 570px;

        flex-basis: auto;
    }

    .lr-login .panel-right {
        width: 100%;
        min-height: 650px;
        height: auto;

        padding: 50px 20px;

        flex-basis: auto;
    }

    .lr-login .brand {
        position: relative;

        top: auto;
        left: auto;

        width: auto;

        padding: 45px 30px;
    }

    .lr-login .panel-footer {
        position: absolute;

        left: 30px;
        right: 30px;
        bottom: 25px;
    }

    .lr-login .features {
        grid-template-columns: 1fr 1fr;

        max-width: 470px;
    }

    .lr-login .feature {
        width: auto;
    }
}


@media (max-width: 520px) {

    .lr-login .panel-left {
        min-height: 650px;
    }

    .lr-login .brand {
        padding: 30px 22px;
    }

    .lr-login .headline {
        font-size: 32px;
    }

    .lr-login .sub {
        width: auto;
    }

    .lr-login .features {
        grid-template-columns: 1fr;

        max-width: none;
    }

    .lr-login .feature {
        width: 100%;
    }

    .lr-login .panel-footer {
        display: none;
    }

    .lr-login .panel-right {
        padding: 35px 15px;
    }

    .lr-login .panel-right .card {
        width: 100%;
        max-width: 368px;
    }
}

/* Scoped to .addr-mgmt so it only touches this page's markup */
.addr-mgmt{
    --addr-ink:#1f2a1f;
    --addr-ink-soft:#5c6559;
    --addr-gold:#c99a3d;
    --addr-line:#e2d8bd;
    --addr-card:#faf6ea;
    --addr-danger:#b64b3c;
    --addr-tile:#f1e7cc;
}

/* Tabs */
.addr-mgmt .addr-tabs{ display:flex; gap:2px; border-bottom:1px solid var(--addr-line); }
.addr-mgmt .addr-tab{
    padding:10px 18px; font-size:13.5px; color:var(--addr-ink-soft); cursor:pointer;
    border-bottom:2px solid transparent; user-select:none; background:none; border-top:none; border-left:none; border-right:none;
}
.addr-mgmt .addr-tab.active{ color:var(--addr-ink); font-weight:600; border-bottom-color:var(--addr-gold); }
.addr-mgmt .addr-tab:hover:not(.active){ color:var(--addr-ink); }

/* Buttons */
.addr-mgmt .btn{
    border:1px solid var(--addr-ink); background:#fff; color:var(--addr-ink);
    padding:8px 16px; font-size:13px; border-radius:4px; font-weight:600;
    box-shadow:none; transition:background .15s ease, color .15s ease;
}
.addr-mgmt .btn:hover{ background:var(--addr-ink); color:#fff; }
.addr-mgmt .btn.btn-primary,
.addr-mgmt .btn.btn-success{
    background:var(--addr-ink); color:#fff; border-color:var(--addr-ink);
}
.addr-mgmt .btn.btn-primary:hover,
.addr-mgmt .btn.btn-success:hover{ background:#000; border-color:#000; color:#fff; }
.addr-mgmt .btn.btn-danger,
.addr-mgmt .btn.btn-red{
    background:#fff; color:var(--addr-danger); border-color:var(--addr-danger);
}
.addr-mgmt .btn.btn-danger:hover,
.addr-mgmt .btn.btn-red:hover{ background:var(--addr-danger); color:#fff; }
.addr-mgmt .btn.btn-green{
    background:var(--addr-ink); color:#fff; border-color:var(--addr-ink);
}
.addr-mgmt .btn.btn-green:hover{ background:#000; }
.addr-mgmt .btn.btn-lg{ padding:9px 20px; font-size:13.5px; }

/* Action cards ("what would you like to do today") */
.addr-mgmt .addr-section-label{ font-size:14px; font-weight:700; color:var(--addr-ink); margin:22px 0 12px; }
.addr-mgmt .addr-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:8px; }
.addr-mgmt .addr-card{
    background:var(--addr-card); border:1px solid var(--addr-line); border-radius:8px; padding:20px 18px;
    cursor:pointer; transition:transform .12s ease, box-shadow .12s ease;
}
.addr-mgmt .addr-card:hover{ transform:translateY(-2px); box-shadow:0 8px 18px #1f2a1f14; }
.addr-mgmt .addr-icon{
    width:44px; height:44px; border-radius:8px; display:flex; align-items:center; justify-content:center;
    font-size:19px; margin-bottom:14px; background:var(--addr-tile); color:var(--addr-gold);
}
.addr-mgmt .addr-card h3{ font-size:14.5px; margin:0 0 6px; font-weight:700; color:var(--addr-ink); }
.addr-mgmt .addr-card p{ font-size:12.5px; color:var(--addr-ink-soft); margin:0 0 12px; line-height:1.4; min-height:32px; }
.addr-mgmt .addr-card-link{ font-size:13px; font-weight:600; color:var(--addr-gold); }
.addr-mgmt .addr-card-link::after{ content:" ›"; }

/* Recent list header */
.addr-mgmt .addr-list-head{ display:flex; justify-content:space-between; align-items:center; margin:30px 0 12px; }
.addr-mgmt .addr-list-head h2{ font-size:15px; margin:0; font-weight:700; color:var(--addr-ink); }
.addr-mgmt .addr-list-head a{ color:var(--addr-gold); font-size:13px; font-weight:600; cursor:pointer; }

/* Card / table look */
.addr-mgmt .card{ background:var(--addr-card); border:1px solid var(--addr-line); border-radius:6px; box-shadow:none; }
.addr-mgmt .card-header{ border-bottom:1px solid var(--addr-line) !important; align-items:center; }
.addr-mgmt table thead th{
    color:var(--addr-ink-soft); font-weight:600; font-size:12px; text-transform:uppercase;
    letter-spacing:.03em; border-bottom:1px solid var(--addr-line);
}
.addr-mgmt table tbody td{ border-bottom:1px solid var(--addr-line); color:var(--addr-ink); }
.addr-mgmt table tbody tr:hover{ background:#00000006; }

/* Search input + form fields */
.addr-mgmt .form-control,
.addr-mgmt .form-select{
    border:1px solid var(--addr-line); border-radius:4px; background:#fdfaf1; color:var(--addr-ink);
}
.addr-mgmt .form-control:focus,
.addr-mgmt .form-select:focus{
    border-color:var(--addr-gold); box-shadow:0 0 0 1px var(--addr-gold);
}

@media (max-width:1100px){ .addr-mgmt .addr-grid{ grid-template-columns:repeat

/* ================================================================
   END LAND REGISTRY THEME
   ================================================================ */