/* =============================================================
   JRYSTV-ADS Admin Theme
   Minimal monochrome editorial system — no icon fonts, no
   gradients, no framework chrome.
   ============================================================= */
:root {
    --jry-bg: #f6f6f7;
    --jry-surface: #ffffff;
    --jry-border: #e7e7e9;
    --jry-border-strong: #d3d3d8;
    --jry-text: #1c1c1e;
    --jry-text-secondary: #6e6e73;
    --jry-text-faint: #a3a3ab;
    --jry-ink: #18181b;
    --jry-accent: #2563eb;
    --jry-accent-soft: #eef3fd;
    --jry-success: #15803d;
    --jry-success-bg: #eef6f0;
    --jry-danger: #b91c1c;
    --jry-danger-bg: #fbefef;
    --jry-warning: #92400e;
    --jry-warning-bg: #fbf3e4;
    --jry-info: #0e7490;
    --jry-info-bg: #e9f4f6;
    --jry-radius-lg: 12px;
    --jry-radius: 8px;
    --jry-radius-sm: 6px;
    --jry-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    --jry-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
    --jry-sidebar-w: 240px;
    --jry-topbar-h: 68px;
}

html {
    height: auto;
}

body {
    font-family: var(--jry-font);
    background-color: var(--jry-bg);
    color: var(--jry-text);
    font-size: 14px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    min-height: 100%;
}

::selection {
    background: var(--jry-accent-soft);
}

/* ---------------------------------------------
   Layout — normal document scroll (no overflow lock)
   --------------------------------------------- */
#wrapper {
    width: 100%;
}

/* ---------------------------------------------
   Top navigation bar (horizontal menu)
   --------------------------------------------- */
.jry-topnav {
    background: var(--jry-surface);
    border-bottom: 1px solid var(--jry-border);
    height: var(--jry-topbar-h);
    display: flex;
    align-items: stretch;
    padding: 0 20px;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.jry-brand {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding-right: 24px;
    border-right: 1px solid var(--jry-border);
    margin-right: 16px;
}

.jry-brand .logo-brand {
    display: inline-flex;
    align-items: center;
    color: var(--jry-text);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .02em;
    text-decoration: none;
    white-space: nowrap;
}

.jry-brand .logo-brand:hover {
    color: var(--jry-text);
    text-decoration: none;
}

.jry-brand .brand-mark {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: var(--jry-ink);
    margin-right: 9px;
}

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

.jry-nav-link,
.jry-drop-toggle {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    border: none;
    background: transparent;
    color: var(--jry-text-secondary);
    font-size: 13.5px;
    font-weight: 500;
    border-radius: var(--jry-radius-sm);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.jry-nav-link:hover,
.jry-drop-toggle:hover {
    color: var(--jry-text);
    background: var(--jry-bg);
    text-decoration: none;
}

.jry-nav-link.is-active {
    color: var(--jry-accent);
    background: transparent;
    font-weight: 650;
}

.jry-drop {
    position: relative;
}

.jry-drop.is-active > .jry-drop-toggle {
    color: var(--jry-accent);
    background: transparent;
    font-weight: 650;
}

.jry-drop-toggle::after {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1.5px solid var(--jry-text-faint);
    border-bottom: 1.5px solid var(--jry-text-faint);
    transform: rotate(45deg) translateY(-1px);
    margin-left: 7px;
}

.jry-drop-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 190px;
    background: var(--jry-surface);
    border: 1px solid var(--jry-border);
    border-radius: var(--jry-radius);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
    padding: 6px;
    display: none;
    z-index: 1040;
}

.jry-drop:hover .jry-drop-menu,
.jry-drop:focus-within .jry-drop-menu {
    display: block;
}

.jry-drop-menu .jry-nav-link,
.jry-drop-menu .jry-drop-toggle {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    padding: 9px 12px;
    display: flex;
    font-weight: 500;
}

.jry-drop-menu .jry-drop-menu {
    position: static;
    box-shadow: none;
    border: none;
    padding: 2px 0 2px 12px;
    border-left: 1px solid var(--jry-border);
    margin: 4px 0 4px 8px;
    border-radius: 0;
}

.jry-drop-menu .jry-nav-link.is-active {
    color: var(--jry-accent);
    background: transparent;
    font-weight: 600;
}

.jry-topnav-right {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 16px;
    flex: 0 0 auto;
}

.jry-who {
    font-size: 13px;
    color: var(--jry-text-secondary);
    padding: 0 4px;
    white-space: nowrap;
}

.jry-nav-logout {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 14px;
    border: 1px solid var(--jry-border-strong);
    border-radius: var(--jry-radius-sm);
    color: var(--jry-text);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    background: #fff;
    white-space: nowrap;
}

.jry-nav-logout:hover {
    background: var(--jry-bg);
    color: var(--jry-text);
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .jry-brand { padding-right: 16px; margin-right: 12px; }
    .jry-who { display: none; }
}

/* ---------------------------------------------
   Filter bar (list search rows)
   --------------------------------------------- */
.filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    margin-bottom: 20px;
}

.filter-bar .form-control,
.filter-bar select.form-control {
    height: 38px;
    width: auto;
    min-width: 140px;
}

.filter-bar .btn {
    height: 38px;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.filter-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
}

.filter-actions .form-control,
.filter-actions select.form-control {
    height: 38px;
    min-width: 180px;
    width: auto;
}

/* ---------------------------------------------
   Content
   --------------------------------------------- */
.content-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.content {
    padding: 28px;
    flex: 1;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.page-title {
    color: var(--jry-text);
    font-size: 20px;
    font-weight: 650;
    letter-spacing: -.01em;
    margin: 0 0 6px;
}

.card-box {
    background: var(--jry-surface);
    border: 1px solid var(--jry-border);
    border-radius: var(--jry-radius-lg);
    padding: 24px 28px !important;
    box-shadow: var(--jry-shadow);
}

.card-box .card-title,
.card-box .header-title,
.card-box h4,
.card-box h5 {
    color: var(--jry-text);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.01em;
    margin: 0 0 20px;
}

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

.card-body { padding: 24px; }

/* ---------------------------------------------
   Tables
   --------------------------------------------- */
.table {
    color: var(--jry-text);
}

.table thead th {
    border-top: none;
    border-bottom: 1px solid var(--jry-border);
    background: transparent;
    color: var(--jry-text-faint);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 12px 14px;
    white-space: nowrap;
}

.table tbody td {
    padding: 13px 14px;
    vertical-align: middle;
    border-color: var(--jry-border);
}

.table tbody tr:last-child td {
    border-bottom: none;
}

.table tbody tr:hover {
    background: #fbfbfc;
}

.table.table-bordered,
.table.table-bordered thead th,
.table.table-bordered tbody td {
    border-color: var(--jry-border);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fbfbfc;
}

.table-striped tbody tr:nth-of-type(odd):hover {
    background-color: #f6f6f7;
}

.table td, .table th {
    font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------
   Pagination
   --------------------------------------------- */
.pagination {
    margin-top: 20px;
}

.pagination .page-link {
    border: none;
    color: var(--jry-text-secondary);
    font-size: 13px;
    padding: 6px 12px;
    margin: 0 2px;
    border-radius: var(--jry-radius-sm);
    background: transparent;
}

.pagination .page-link:hover {
    color: var(--jry-text);
    background: var(--jry-bg);
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: var(--jry-radius-sm);
}

.pagination .page-item.active .page-link {
    background: var(--jry-ink);
    color: #fff;
    border-color: var(--jry-ink);
}

/* ---------------------------------------------
   Buttons — neutral monochrome system
   --------------------------------------------- */
.btn {
    border-radius: var(--jry-radius-sm);
    font-weight: 500;
    font-size: 13.5px;
    padding: 8px 16px;
    line-height: 1.45;
    border: 1px solid transparent;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease;
    cursor: pointer;
}

.btn:active {
    transform: scale(.98);
    box-shadow: none;
}

.btn:focus, .btn.focus {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
    outline: none;
}

.btn-primary, .btn-success, .btn-info {
    background: var(--jry-ink);
    border-color: var(--jry-ink);
    color: #fff;
}

.btn-primary:hover, .btn-success:hover, .btn-info:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active {
    background: #000;
    border-color: #000;
    color: #fff;
}

.btn-secondary,
.btn-outline-secondary {
    background: #ffffff;
    border-color: var(--jry-border-strong);
    color: var(--jry-text);
}

.btn-secondary:hover,
.btn-outline-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    background: var(--jry-bg);
    border-color: var(--jry-text-faint);
    color: var(--jry-text);
}

.btn-light {
    background: var(--jry-bg);
    border-color: var(--jry-bg);
    color: var(--jry-text);
}

.btn-light:hover {
    background: var(--jry-border);
    border-color: var(--jry-border);
    color: var(--jry-text);
}

.btn-danger {
    background: #ffffff;
    border-color: var(--jry-border-strong);
    color: var(--jry-danger);
}

.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled):active {
    background: var(--jry-danger-bg);
    border-color: var(--jry-danger);
    color: var(--jry-danger);
}

.btn-warning {
    background: #ffffff;
    border-color: var(--jry-border-strong);
    color: #92400e;
}

.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled):active {
    background: var(--jry-warning-bg);
    border-color: #d97706;
    color: #92400e;
}

.btn-link, .btn + .btn-link {
    color: var(--jry-accent);
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 11px;
    font-size: 12.5px;
    border-radius: 5px;
}

.btn-xs {
    padding: 3px 9px;
    font-size: 12px;
    border-radius: 5px;
}

.btn-block {
    width: 100%;
}

/* ---------------------------------------------
   Forms
   --------------------------------------------- */
label {
    color: var(--jry-text);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}

.form-control,
select.form-control,
input.form-control,
textarea.form-control {
    border-radius: var(--jry-radius-sm);
    border: 1px solid var(--jry-border-strong);
    color: var(--jry-text);
    font-size: 13.5px;
    padding: 8px 12px;
    background-color: #fff;
    height: auto;
    line-height: 1.5;
}

.form-control:focus {
    border-color: var(--jry-accent);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.form-control::placeholder {
    color: #b7b7bd;
}

.form-control[disabled],
.form-control[readonly],
select.form-control:disabled {
    background-color: var(--jry-bg);
    border-color: var(--jry-border);
}

select.form-control {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%236e6e73' stroke-width='1.5' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 11px center;
    padding-right: 30px;
}

select.form-control option {
    color: var(--jry-text);
}

.form-group { margin-bottom: 16px; }

.form-inline .form-group { margin-bottom: 8px; }

.form-inline .form-control { margin-right: 4px; }

.input-group-text {
    background: #fff;
    border: 1px solid var(--jry-border-strong);
    border-radius: var(--jry-radius-sm);
    color: var(--jry-text-secondary);
    font-size: 13px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--jry-ink);
    border-color: var(--jry-ink);
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
    border-radius: 4px;
}

.custom-control-label { cursor: pointer; }

/* bootstrap-select — neutral */
.bootstrap-select .dropdown-toggle {
    border: 1px solid var(--jry-border-strong);
    border-radius: var(--jry-radius-sm);
    background: #fff;
    color: var(--jry-text);
    font-size: 13.5px;
}

.bootstrap-select .dropdown-toggle:focus {
    border-color: var(--jry-accent);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
    outline: none;
}

.bootstrap-select .dropdown-menu {
    border: 1px solid var(--jry-border);
    border-radius: var(--jry-radius);
    color: var(--jry-text);
    font-size: 13px;
}

.bootstrap-select .dropdown-menu .dropdown-item {
    color: var(--jry-text);
    font-size: 13px;
}

.bootstrap-select .dropdown-menu .dropdown-item:hover,
.bootstrap-select .dropdown-menu .dropdown-item.active {
    background: var(--jry-bg);
    color: var(--jry-text);
}

.bootstrap-select .bs-ok-default::after {
    border-color: var(--jry-ink);
}

/* bootstrap-tagsinput — neutral chips */
.bootstrap-tagsinput {
    border: 1px solid var(--jry-border-strong);
    border-radius: var(--jry-radius-sm);
    box-shadow: none;
    background: #fff;
    padding: 6px 8px;
    width: 100%;
    line-height: 1.6;
}

.bootstrap-tagsinput .tag {
    background: var(--jry-ink);
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 8px;
}

.bootstrap-tagsinput input { font-size: 13px; }

/* switchery — monochrome */
.switchery {
    background-color: #fff;
    border-color: var(--jry-border-strong) !important;
}

.switchery > small {
    background: #fff;
}

.switchery-small { border-radius: 20px; }

/* datepicker — neutral, hidden legacy glyphs */
.datepicker {
    border: 1px solid var(--jry-border);
    border-radius: var(--jry-radius);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    font-size: 13px;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active,
.datepicker table tr th.switch {
    background: var(--jry-ink);
    background-image: none;
    color: #fff;
}

.datepicker .glyphicon { display: none; }

.datepicker .prev,
.datepicker .next { position: relative; }

.datepicker .prev::after,
.datepicker .next::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid var(--jry-text-secondary);
    border-bottom: 1.5px solid var(--jry-text-secondary);
    transform: rotate(135deg);
}

.datepicker .next::after { transform: rotate(-45deg); }

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused,
.datepicker td.day:hover {
    background: var(--jry-bg);
}

.daterangepicker {
    border: 1px solid var(--jry-border);
    border-radius: var(--jry-radius-lg);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .10);
    font-family: var(--jry-font);
}

@media (min-width: 564px) {
    .daterangepicker.show-calendar:not(.single) { min-width: 640px; }
    .daterangepicker.show-calendar:not(.single) .drp-calendar { max-width: 320px; }
}

.daterangepicker .drp-calendar {
    padding: 10px 12px;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    min-width: 40px;
    width: 40px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
}

.daterangepicker th.month {
    font-size: 14px;
    font-weight: 600;
    color: var(--jry-text);
    padding-bottom: 8px;
    text-transform: capitalize;
}

.daterangepicker th.week,
.daterangepicker .calendar-table .week { font-size: 13px; }

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: var(--jry-text-secondary);
    padding: 4px;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 13px;
    padding: 3px 6px;
    height: auto;
    border: 1px solid var(--jry-border);
    border-radius: var(--jry-radius-sm);
    background: var(--jry-bg);
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: var(--jry-bg);
    border-radius: var(--jry-radius-sm);
}

.daterangepicker td.in-range {
    background: var(--jry-accent-soft);
    color: var(--jry-text);
}

.daterangepicker td.start-date,
.daterangepicker td.end-date {
    position: relative;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: var(--jry-ink);
    border-radius: var(--jry-radius-lg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

.daterangepicker td.start-date { border-radius: var(--jry-radius-lg) 0 0 var(--jry-radius-lg); }
.daterangepicker td.end-date { border-radius: 0 var(--jry-radius-lg) var(--jry-radius-lg) 0; }
.daterangepicker td.start-date.end-date { border-radius: var(--jry-radius-lg); }

.daterangepicker .drp-buttons {
    padding: 12px 14px;
}

.daterangepicker .drp-buttons .btn {
    font-size: 13px;
    padding: 6px 16px;
    border-radius: var(--jry-radius);
}

.daterangepicker .drp-selected {
    font-size: 13px;
    color: var(--jry-text-secondary);
    font-weight: 500;
}

.daterangepicker .ranges ul { width: 150px; }
.daterangepicker .ranges li { font-size: 13px; padding: 9px 14px; }

.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active {
    background: var(--jry-bg);
    border-color: var(--jry-border-strong);
    color: var(--jry-text);
}

.daterangepicker .fa, .daterangepicker .glyphicon { display: none; }

.daterangepicker .input-mini {
    border: 1px solid var(--jry-border-strong);
    border-radius: var(--jry-radius-sm);
}

/* ---------------------------------------------
   Badges / status labels
   --------------------------------------------- */
.label, .badge {
    border-radius: 999px;
    padding: 4px 11px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.label-success, .badge-success {
    background: var(--jry-success-bg);
    color: var(--jry-success);
}

.label-warning, .badge-warning {
    background: var(--jry-warning-bg);
    color: var(--jry-warning);
}

.label-danger, .badge-danger {
    background: var(--jry-danger-bg);
    color: var(--jry-danger);
}

.label-info, .badge-info {
    background: var(--jry-info-bg);
    color: var(--jry-info);
}

.label-primary, .badge-primary {
    background: var(--jry-accent-soft);
    color: var(--jry-accent);
}

.label-default, .badge-default {
    background: var(--jry-bg);
    color: var(--jry-text-secondary);
}

/* ---------------------------------------------
   Tabs
   --------------------------------------------- */
.nav-tabs {
    border-bottom: 1px solid var(--jry-border);
}

.nav-tabs .nav-link {
    border: none;
    color: var(--jry-text-secondary);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 16px;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.nav-tabs .nav-link:hover {
    color: var(--jry-text);
    background: transparent;
}

.nav-tabs .nav-link.active {
    color: var(--jry-text);
    border: none;
    border-bottom: 2px solid var(--jry-ink);
    background: transparent;
    font-weight: 600;
}

.tab-content { padding-top: 20px; }

/* ---------------------------------------------
   Modals
   --------------------------------------------- */
.modal-content {
    border: 1px solid var(--jry-border);
    border-radius: var(--jry-radius-lg);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .1);
}

.modal-header {
    background: #fff;
    color: var(--jry-text);
    border-bottom: 1px solid var(--jry-border);
    border-radius: var(--jry-radius-lg) var(--jry-radius-lg) 0 0;
    padding: 18px 24px;
    align-items: center;
}

.modal-header .close, .modal-header .btn-close {
    color: var(--jry-text-secondary);
    opacity: 1;
    text-shadow: none;
}

.modal-header .close:hover,
.modal-header .btn-close:hover {
    color: var(--jry-text);
}

.modal-body { padding: 24px; }

.modal-footer {
    border-top: 1px solid var(--jry-border);
    padding: 16px 24px;
}

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

/* ---------------------------------------------
   SweetAlert2
   --------------------------------------------- */
.swal2-popup {
    border-radius: var(--jry-radius-lg);
    font-family: var(--jry-font);
}

.swal2-confirm {
    border-radius: var(--jry-radius-sm) !important;
    background-color: var(--jry-ink) !important;
}

/* ---------------------------------------------
   Footer
   --------------------------------------------- */
.footer {
    border-top: 1px solid var(--jry-border);
    background: var(--jry-surface);
    color: var(--jry-text-faint);
    font-size: 12.5px;
    text-align: center;
    padding: 18px;
}

/* ---------------------------------------------
   Login
   --------------------------------------------- */
.authentication-bg {
    background: var(--jry-bg);
    min-height: 100vh;
}

.authentication-bg .account-pages {
    width: 100%;
}

.account-pages .card {
    border: 1px solid var(--jry-border);
    border-radius: var(--jry-radius-lg);
    box-shadow: none;
    background: var(--jry-surface);
}

.login-brand {
    font-size: 18px;
    font-weight: 700;
    color: var(--jry-text);
    letter-spacing: .02em;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.login-brand .brand-mark {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: var(--jry-ink);
    margin-right: 10px;
}

.login-brand:hover {
    color: var(--jry-text);
    text-decoration: none;
}

.account-pages .form-control {
    padding: 11px 14px;
}

.account-pages .btn {
    padding: 11px 16px;
    font-size: 14px;
}

/* ---------------------------------------------
   Dashboard index
   --------------------------------------------- */
.index-heading {
    font-size: 26px;
    font-weight: 650;
    letter-spacing: -.02em;
    color: var(--jry-text);
    margin: 0 0 6px;
}

.index-sub {
    color: var(--jry-text-secondary);
    font-size: 14px;
    margin-bottom: 32px;
}

.index-group {
    border-top: 1px solid var(--jry-border);
}

.index-group .group-label {
    color: var(--jry-text-faint);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 14px 0 8px;
}

.index-group .index-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 4px;
    border-top: 1px solid var(--jry-border);
    color: var(--jry-text);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

.index-group .index-link:hover {
    color: var(--jry-accent);
    padding-left: 8px;
}

.index-group .index-link:hover .index-arrow {
    transform: translateX(2px);
}

.index-group .index-link .index-arrow {
    color: var(--jry-text-faint);
    font-size: 14px;
    transition: transform .12s ease;
}

/* ---------------------------------------------
   Utility
   --------------------------------------------- */
.text-muted {
    color: var(--jry-text-secondary) !important;
}

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

.dropdown-item {
    font-size: 13px;
    color: var(--jry-text);
}

.dropdown-menu { border-color: var(--jry-border); }

.dropdown-toggle::after {
    border-top-color: var(--jry-text-faint);
}

.dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}

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

/* ---------------------------------------------
   Reduced motion
   --------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .btn, .index-group .index-link,
    .jry-nav-link, .jry-drop-toggle {
        transition: none;
    }
}

/* ---------------------------------------------
   Responsive
   --------------------------------------------- */
@media (max-width: 991px) {
    .content-page {
        margin-left: 0;
    }

    .content {
        padding: 18px;
    }
}