@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url('fonts/cairo-400.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:500;font-display:swap;src:url('fonts/cairo-500.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:600;font-display:swap;src:url('fonts/cairo-600.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url('fonts/cairo-700.ttf') format('truetype')}
@font-face{font-family:Cairo;font-style:normal;font-weight:800;font-display:swap;src:url('fonts/cairo-800.ttf') format('truetype')}
.korvell-logo{display:block;max-width:200px;max-height:56px;width:auto;height:auto}
:root{--tblr-primary:#0e2d46;--tblr-primary-rgb:14,45,70;--tblr-font-sans-serif:Cairo,Arial,sans-serif;--bs-primary:#0e2d46;--bs-primary-rgb:14,45,70;--korvell-navy:#0e2d46;--korvell-bronze:#b97a4a;--korvell-mist:#f6f4f0;--korvell-silver:#e5e7eb;--korvell-graphite:#111820}
*{box-sizing:border-box}body.korvell-body{font-family:Cairo,Arial,sans-serif!important;background:var(--korvell-mist);color:var(--korvell-graphite);min-height:100vh}.korvell-shell{display:flex;min-height:100vh}.korvell-sidebar{width:260px;flex:0 0 260px;background:var(--korvell-navy);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh;z-index:50}.korvell-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:21px;padding:8px 10px 28px}.korvell-brand:hover{color:#fff}.korvell-brand small{display:block;font-size:8px;font-weight:600;letter-spacing:.1em;line-height:1.2}.korvell-brand-mark{width:38px;height:38px;border:1px solid #fff;display:grid;place-items:center;font-size:24px;line-height:1}.korvell-nav{display:grid;gap:5px}.korvell-nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#e9edf1;text-decoration:none;border-radius:7px;border-inline-start:3px solid transparent;font-weight:600}.korvell-nav-link:hover,.korvell-nav-link:focus-visible{background:rgba(255,255,255,.12);color:#fff}.korvell-nav-link.active{background:rgba(255,255,255,.13);color:#fff;border-inline-start-color:var(--korvell-bronze)}.korvell-nav-link svg{width:19px;height:19px}.korvell-count{margin-inline-start:auto;background:var(--korvell-bronze);color:#fff;border-radius:20px;min-width:24px;text-align:center;padding:0 6px;font-size:12px}.korvell-workspace{flex:1;min-width:0}.korvell-topbar{background:#fff;border-bottom:1px solid var(--korvell-silver);min-height:68px;display:flex;align-items:center;gap:16px;padding:12px 28px}.korvell-topbar-title{font-weight:800;font-size:18px;color:var(--korvell-navy)}.korvell-topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.korvell-main{padding:30px;max-width:1500px;margin:auto}.korvell-menu-button{border:0;background:transparent;color:var(--korvell-navy);display:none}.korvell-menu-button svg{width:24px}.korvell-page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.korvell-page-head h1{font-size:25px;font-weight:800;color:var(--korvell-navy);margin:0}.korvell-card{background:#fff;border:1px solid var(--korvell-silver);border-radius:10px;box-shadow:0 2px 8px rgba(17,24,32,.03)}.korvell-card-header{padding:18px 22px;border-bottom:1px solid var(--korvell-silver);font-weight:700;color:var(--korvell-navy)}.korvell-card-body{padding:22px}.korvell-stat{padding:24px}.korvell-stat-label{color:#56606a;font-weight:600}.korvell-stat-number{font-size:36px;font-weight:800;color:var(--korvell-navy);line-height:1.2;margin-top:10px}.btn-primary{background:var(--korvell-navy)!important;border-color:var(--korvell-navy)!important;color:#fff!important}.btn-primary:hover{opacity:.88}.btn-bronze{background:var(--korvell-bronze);border-color:var(--korvell-bronze);color:#fff}.btn-bronze:hover{background:var(--korvell-bronze);color:#fff;opacity:.88}.form-control:focus,.form-select:focus{border-color:var(--korvell-bronze);box-shadow:0 0 0 .2rem rgba(185,122,74,.2)}a{color:var(--korvell-navy)}a:hover{color:var(--korvell-bronze)}.table>thead th{color:var(--korvell-navy);font-weight:700;background:#faf9f7}.table td,.table th{vertical-align:middle}.korvell-thumb{width:62px;height:45px;object-fit:cover;border-radius:4px;background:var(--korvell-mist)}.korvell-gallery-thumb{width:115px;height:84px;object-fit:cover;border-radius:5px}.korvell-unread{font-weight:800;background:#fbf8f4}.nav-tabs .nav-link.active{color:var(--korvell-navy);border-bottom:2px solid var(--korvell-bronze);font-weight:700}.korvell-login{min-height:100vh;display:grid;place-items:center;background:var(--korvell-navy);padding:20px}.korvell-login-card{width:min(440px,100%);background:#fff;border-radius:12px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.korvell-login .korvell-brand{color:var(--korvell-navy);justify-content:center}.korvell-login .korvell-brand-mark{border-color:var(--korvell-navy)}.korvell-login h1{text-align:center;color:var(--korvell-navy);font-size:24px;font-weight:800;margin:8px 0 28px}.korvell-login .btn-bronze{width:100%;min-height:46px}.form-label{font-weight:700}.korvell-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.korvell-detail{border-bottom:1px solid var(--korvell-silver);padding-bottom:10px}.korvell-detail-label{display:block;color:#68717a;font-size:13px}.korvell-detail-value{font-weight:600;overflow-wrap:anywhere}.korvell-detail-full{grid-column:1/-1}button,a,select,input,textarea{transition:box-shadow .15s ease,background-color .15s ease}a:focus-visible,button:focus-visible{outline:2px solid var(--korvell-bronze);outline-offset:2px}@media(max-width:900px){.korvell-sidebar{position:fixed;inset-inline-start:-270px;transition:inset-inline-start .2s}.korvell-sidebar.open{inset-inline-start:0}.korvell-menu-button{display:inline-flex}.korvell-main{padding:20px}.korvell-admin-name{display:none}}@media(max-width:560px){.korvell-topbar{padding:12px 16px}.korvell-topbar-actions{gap:6px}.korvell-topbar-title{font-size:15px}.korvell-main{padding:16px}.korvell-page-head{align-items:flex-start;flex-direction:column}.korvell-detail-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Replace the template's default bright blue interactive states. */
:root {
  --bs-link-color: #111820;
  --bs-link-color-rgb: 17, 24, 32;
  --bs-link-hover-color: #b97a4a;
  --bs-link-hover-color-rgb: 185, 122, 74;
  --bs-focus-ring-color: rgba(185, 122, 74, .35);
}
.korvell-main .nav-tabs .nav-link {
  color: var(--korvell-graphite) !important;
  background-color: transparent;
}
.korvell-main .nav-tabs .nav-link:hover,
.korvell-main .nav-tabs .nav-link:focus-visible {
  color: var(--korvell-bronze) !important;
  border-color: transparent transparent var(--korvell-bronze);
}
.korvell-main .nav-tabs .nav-link.active {
  color: var(--korvell-graphite) !important;
  border-bottom-color: var(--korvell-bronze);
}
.korvell-main a:not(.btn):not(.korvell-stat) { color: var(--korvell-graphite); }
.korvell-main a:not(.btn):not(.korvell-stat):hover { color: var(--korvell-bronze); }
.korvell-main .btn-outline-primary {
  --bs-btn-color: #b97a4a;
  --bs-btn-border-color: #b97a4a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b97a4a;
  --bs-btn-hover-border-color: #b97a4a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b97a4a;
  --bs-btn-active-border-color: #b97a4a;
}
.korvell-main .pagination {
  --bs-pagination-color: #111820;
  --bs-pagination-hover-color: #b97a4a;
  --bs-pagination-focus-color: #b97a4a;
  --bs-pagination-active-bg: #b97a4a;
  --bs-pagination-active-border-color: #b97a4a;
}
.korvell-main .form-check-input:checked {
  background-color: var(--korvell-bronze);
  border-color: var(--korvell-bronze);
}

/* Brand assets and the public 404 page. */
.korvell-sidebar .korvell-brand { justify-content: center; padding-bottom: 20px; }
.korvell-sidebar .korvell-logo { max-height: 104px; max-width: 130px; }
.korvell-login .korvell-logo { max-height: 112px; max-width: 130px; }
.korvell-error { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.korvell-error-card { width: min(560px, 100%); padding: clamp(24px, 5vw, 48px); text-align: center; background: #fff; border: 1px solid var(--korvell-silver); border-radius: 12px; box-shadow: 0 12px 40px rgba(17,24,32,.06); }
.korvell-error-brand { display: inline-flex; justify-content: center; }
.korvell-error-brand img { display: block; width: 92px; height: auto; }
.korvell-error-image { display: block; width: min(320px, 100%); height: auto; margin: 18px auto 12px; }
.korvell-error h1 { color: var(--korvell-navy); font-size: clamp(23px, 5vw, 30px); font-weight: 800; margin: 0 0 10px; }
.korvell-error p { color: var(--korvell-graphite); line-height: 1.8; margin: 0 0 26px; }
.korvell-error-button { display: inline-block; color: #fff; background: var(--korvell-bronze); border: 1px solid var(--korvell-bronze); border-radius: 6px; padding: 10px 22px; text-decoration: none; font-weight: 700; }
.korvell-error-button:hover { color: #fff; background: var(--korvell-navy); border-color: var(--korvell-navy); }

/* Admin account forms. */
.korvell-profile { display: grid; gap: 20px; max-width: 900px; }
.korvell-admin-name { color: var(--korvell-navy); font-weight: 700; text-decoration: none; }
.korvell-admin-name:hover { color: var(--korvell-bronze); }
.korvell-profile .input-group .btn { min-width: 72px; }
.korvell-settings-form { max-width: 900px; }
.korvell-popup-preview { max-width: min(100%, 360px); max-height: 360px; width: auto; height: auto; object-fit: contain; border: 1px solid var(--korvell-silver); border-radius: 8px; }

.korvell-main .table tbody tr[data-row-href] { cursor: pointer; }
.korvell-main .table tbody tr[data-row-href] > * { transition: background-color .15s ease; }
.korvell-main .table tbody tr[data-row-href]:hover > *,
.korvell-main .table tbody tr[data-row-href]:focus-within > * { background-color: #f9f1ea; }
