/* =====================================================================
   Theme skin engine  (assets/css/theme-skin.css)
   Loaded by Template::build() on the user area + public pages when the active theme has a skin.css.
   The theme only sets the variables (see themes/<theme>/assets/css/skin.css):
     --sk-p  main colour      --sk-pd  its dark shade     --sk-pl  its soft tint (hover rows / menus)
     --sk-ink  headings       --sk-bg  page background    --sk-line  borders      --sk-ring  focus ring
     --sk-head  top bar       --sk-font  font family
   ===================================================================== */
body[class*="skin-"] { --sk-p:#467fcf; --sk-pd:#2f61a8; --sk-pl:#eaf1fb; --sk-ink:#1f2a44; --sk-text:#3d4659; --sk-bg:#f5f7fb; --sk-line:#e3e7f0; --sk-ring:rgba(70,127,207,.22); --sk-head:var(--sk-p); --sk-field:#fff; --sk-th:transparent; --sk-th-ink:var(--sk-ink); --sk-font:"Source Sans Pro",system-ui,sans-serif; }
body[class*="skin-"] { background: var(--sk-bg) !important; font-family: var(--sk-font), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; color: var(--sk-text); }
body[class*="skin-"] .page, body[class*="skin-"] .page-main { background: transparent !important; }
body[class*="skin-"] h1, body[class*="skin-"] h2, body[class*="skin-"] h3, body[class*="skin-"] h4, body[class*="skin-"] h5, body[class*="skin-"] h6, body[class*="skin-"] .page-title, body[class*="skin-"] .card-title { color: var(--sk-ink); font-family: inherit; }
body[class*="skin-"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.text-white):not(.navbar-brand):not(.list-group-item) { color: var(--sk-p); }

/* ---- top bar + menu (logged in) ---- */
body[class*="skin-"] .header.top, body[class*="skin-"] .js-header { background: var(--sk-head) !important; border: 0 !important; box-shadow: none !important; }
body[class*="skin-"] .header.collapse, body[class*="skin-"] .header.d-lg-flex { background: #fff !important; border-bottom: 1px solid var(--sk-line) !important; box-shadow: 0 6px 18px rgba(20,30,60,.04); }
body[class*="skin-"] .header .nav-tabs { border: 0 !important; }
body[class*="skin-"] .header .nav-tabs .nav-link { border: 0 !important; border-radius: 0 !important; color: var(--sk-ink) !important; font-weight: 600; padding: 1rem 1rem; background: transparent !important; }
body[class*="skin-"] .header .nav-tabs .nav-link:hover { color: var(--sk-p) !important; }
body[class*="skin-"] .header .nav-tabs .nav-link.active, body[class*="skin-"] .header .nav-tabs .show > .nav-link { color: var(--sk-p) !important; box-shadow: inset 0 -3px 0 var(--sk-p) !important; }
body[class*="skin-"] .header .nav-tabs .nav-link .fe, body[class*="skin-"] .header .nav-tabs .nav-link .fa { color: inherit; }
body[class*="skin-"] .dropdown-menu { border: 1px solid var(--sk-line) !important; border-radius: 12px !important; box-shadow: 0 14px 34px rgba(20,30,60,.14) !important; }
body[class*="skin-"] .dropdown-item:hover, body[class*="skin-"] .dropdown-item:focus, body[class*="skin-"] .dropdown-item.active { background: var(--sk-pl) !important; color: var(--sk-ink) !important; }
body[class*="skin-"] .js-sidebar { background: #fff !important; border-right: 1px solid var(--sk-line) !important; }
body[class*="skin-"] .js-sidebar .nav-link.active, body[class*="skin-"] .js-sidebar .active > .nav-link { color: var(--sk-p) !important; background: var(--sk-pl) !important; }

/* ---- public pages (logged out) ---- */
body[class*="skin-"] #headerNav, body[class*="skin-"] .header.fixed-top { background: #fff !important; box-shadow: 0 1px 0 var(--sk-line) !important; }
body[class*="skin-"] #headerNav .nav-link { color: var(--sk-ink) !important; font-weight: 600; }
body[class*="skin-"] #headerNav .nav-link:hover, body[class*="skin-"] #headerNav .nav-item.active .nav-link { color: var(--sk-p) !important; }
body[class*="skin-"] #headerNav .btn-login-signup .btn-outline-primary { background: var(--sk-p) !important; color: #fff !important; border-color: var(--sk-p) !important; }

/* ---- cards / modals ---- */
body[class*="skin-"] .card { border: 1px solid var(--sk-line) !important; border-radius: 14px !important; box-shadow: 0 2px 14px rgba(20,30,60,.05) !important; }
body[class*="skin-"] .card-header { border-bottom: 1px solid var(--sk-line) !important; background: transparent !important; }
body[class*="skin-"] .modal-content { border: 0 !important; border-radius: 14px !important; box-shadow: 0 24px 60px rgba(0,0,0,.28) !important; }
body[class*="skin-"] .modal-header { border-bottom: 1px solid var(--sk-line) !important; }

/* ---- buttons ---- */
body[class*="skin-"] .btn { border-radius: 8px; font-weight: 600; }
body[class*="skin-"] .btn-pill { border-radius: 50rem !important; }
body[class*="skin-"] .btn-primary, body[class*="skin-"] .btn-primary:focus, body[class*="skin-"] .btn-primary:active, body[class*="skin-"] .btn-primary:not(:disabled):not(.disabled):active { background: var(--sk-p) !important; border-color: var(--sk-p) !important; border-bottom: 3px solid var(--sk-pd) !important; color: #fff !important; }
body[class*="skin-"] .btn-primary:hover { filter: brightness(1.07); background: var(--sk-p) !important; }
body[class*="skin-"] .btn-primary:focus { box-shadow: 0 0 0 3px var(--sk-ring) !important; }
body[class*="skin-"] .btn-outline-primary { color: var(--sk-p) !important; border-color: var(--sk-p) !important; background: transparent !important; }
body[class*="skin-"] .btn-outline-primary:hover { background: var(--sk-p) !important; color: #fff !important; }
body[class*="skin-"] .bg-primary, body[class*="skin-"] .badge-primary { background: var(--sk-p) !important; }
body[class*="skin-"] .text-primary { color: var(--sk-p) !important; }
body[class*="skin-"] .border-primary { border-color: var(--sk-p) !important; }

/* ---- forms ---- */
body[class*="skin-"] .form-control, body[class*="skin-"] .custom-select, body[class*="skin-"] .selectize-input, body[class*="skin-"] .form-select { border: 1px solid var(--sk-line) !important; border-radius: 8px !important; background-color: var(--sk-field) !important; box-shadow: none !important; color: var(--sk-ink); }
body[class*="skin-"] .form-control:focus, body[class*="skin-"] .custom-select:focus, body[class*="skin-"] .selectize-input.focus { border-color: var(--sk-p) !important; box-shadow: 0 0 0 3px var(--sk-ring) !important; }
body[class*="skin-"] .selectize-dropdown { border: 1px solid var(--sk-line) !important; border-radius: 10px !important; box-shadow: 0 14px 34px rgba(20,30,60,.14) !important; overflow: hidden; }
body[class*="skin-"] .selectize-dropdown .active { background: var(--sk-pl) !important; color: var(--sk-ink) !important; }
body[class*="skin-"] .form-label { color: var(--sk-ink); font-weight: 600; }
body[class*="skin-"] .custom-switch-input:checked ~ .custom-switch-indicator { background: var(--sk-p) !important; }
body[class*="skin-"] .custom-control-input:checked ~ .custom-control-label::before, body[class*="skin-"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--sk-p) !important; border-color: var(--sk-p) !important; }
body[class*="skin-"] .selectgroup-input:checked + .selectgroup-button { background: var(--sk-p) !important; border-color: var(--sk-p) !important; color: #fff !important; }
body[class*="skin-"] .form-check-input:checked { background-color: var(--sk-p) !important; border-color: var(--sk-p) !important; }

/* ---- tables / pagination / misc ---- */
body[class*="skin-"] .table thead th { color: var(--sk-th-ink) !important; border-bottom: 2px solid var(--sk-p) !important; border-top: 0 !important; background: var(--sk-th) !important; font-weight: 700; }
body[class*="skin-"] .table td, body[class*="skin-"] .table th { border-color: var(--sk-line) !important; }
body[class*="skin-"] .table-hover tbody tr:hover { background: var(--sk-pl) !important; }
body[class*="skin-"] .page-link { color: var(--sk-p); border-color: var(--sk-line); }
body[class*="skin-"] .page-item.active .page-link { background: var(--sk-p) !important; border-color: var(--sk-p) !important; color: #fff !important; }
body[class*="skin-"] .nav-pills .nav-link.active, body[class*="skin-"] .nav-pills .show > .nav-link { background: var(--sk-p) !important; color: #fff !important; }
body[class*="skin-"] .progress-bar { background: var(--sk-p) !important; }
body[class*="skin-"] .list-group-item.active { background: var(--sk-p) !important; border-color: var(--sk-p) !important; }
body[class*="skin-"] .alert-primary, body[class*="skin-"] .alert-info { background: var(--sk-pl) !important; border-color: var(--sk-line) !important; color: var(--sk-ink) !important; }