/* JazzCash website references and original logo sources are in ../README.md.
   Orange is the primary action color; dark red is reserved for the brand shell. */
:root {
  --brand: #f1a100;
  --brand-dark: #501a1e;
  --brand-deep: #351217;
  --brand-light: #fff2da;
  --page: #fff8f1;
  --ink: #3b2324;
  --muted: #796965;
  --line: #f0ded2;
  --bs-primary-rgb: 241, 161, 0;
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--page);
  --bs-border-color: var(--line);
  --bs-link-color: #945008;
  --bs-link-hover-color: #63300b;
}

.text-brand { color: #ad6508 !important; }
button:focus-visible, a:focus-visible { outline-color: #f1a100; }
.btn-primary {
  --bs-btn-color: #361a10;
  --bs-btn-bg: #f1a100;
  --bs-btn-border-color: #f1a100;
  --bs-btn-hover-color: #361a10;
  --bs-btn-hover-bg: #e99a00;
  --bs-btn-hover-border-color: #df9200;
  --bs-btn-active-color: #361a10;
  --bs-btn-active-bg: #d88b00;
  --bs-btn-active-border-color: #ce8300;
  --bs-btn-disabled-color: #654726;
  --bs-btn-disabled-bg: #ecd4a2;
  --bs-btn-disabled-border-color: #ecd4a2;
  --bs-btn-focus-shadow-rgb: 241, 161, 0;
}
.btn-primary-soft {
  --bs-btn-color: #804609;
  --bs-btn-bg: #fff0d3;
  --bs-btn-border-color: #eed4a7;
  --bs-btn-hover-color: #63300b;
  --bs-btn-hover-bg: #ffe4b3;
  --bs-btn-hover-border-color: #e5bd7e;
}
.btn-light {
  --bs-btn-bg: #faf4ed;
  --bs-btn-border-color: #eadbd0;
  --bs-btn-color: #69544c;
  --bs-btn-hover-bg: #f3e8dc;
  --bs-btn-hover-border-color: #ddc8b8;
}
.btn-outline-secondary {
  --bs-btn-border-color: #d9c8bc;
  --bs-btn-color: #69544c;
  --bs-btn-hover-bg: #faf0e4;
  --bs-btn-hover-border-color: #c9aa91;
  --bs-btn-hover-color: #573629;
}
.form-control, .form-select { color: var(--ink); border-color: #dbcabc; }
.form-control::placeholder { color: #8b7a70; }
.form-control:focus, .form-select:focus { border-color: #d18a26; box-shadow: 0 0 0 .25rem #f1a10026; }
.form-label { color: #573a2e; }
.form-check-input:checked { background-color: #a95c0c; border-color: #a95c0c; }
.form-check-input:focus { border-color: #d18a26; box-shadow: 0 0 0 .25rem #f1a10026; }

.brand-logo { width: 84px; height: 69px; object-fit: contain; background: #fff; padding: 8px; border-radius: 8px; flex-shrink: 0; }
.brand-caption { color: #ffd9ba; font-size: .6875rem; letter-spacing: .055em; line-height: 1.4; margin: 0 0 .35rem; }
.brand-console-title { display: block; color: #fff6eb; font-size: 1rem; font-weight: 600; white-space: nowrap; }
.sidebar-brand { padding: 1.4rem 1rem; gap: .8rem; }
.sidebar-brand .brand-logo { width: 72px; height: 59px; padding: 6px; }
.sidebar-brand .brand-console-title { font-size: .9375rem; }
.sidebar-brand .btn-close { width: .6rem; height: .6rem; }
.sidebar { color: #f1d9d4; }
.sidebar-navigation { scrollbar-color: #985154 transparent; }
.workspace-label { color: #f8e4d5; border-color: #8d4d46; }
.workspace-label-end { color: #ebba9f; }
.workspace-dot { background: #ffc60a; }
.nav-group-title { color: #e3b3a6; }
.nav-item-button { color: #f1d6cc; }
.nav-item-button:hover { background: #65242a; color: #fff; }
.nav-item-button.active { background: #78352e; color: #fff0cf; }
.nav-item-button.active::after { background: #ffc60a; }
.sidebar-footer { border-color: #783d38; }
.sidebar-footer .internal-badge { background: #71312a; color: #ffdcae; }
.sidebar-footer p { color: #dfada0; }
.internal-badge { background: #fff0d5; color: #845419; }
.internal-badge > span { background: #c37909; }
.user-avatar { color: #87430d; background: #ffebc9; }
.login-brand { background: linear-gradient(145deg, #71252a 0%, #501a1e 65%, #351217 100%); }
.login-brand .brand-caption { color: #ffddb3; }
.login-intro .eyebrow { color: #ffcd85; }
.login-intro p { color: #f0cdc0; }
.login-brand-footer { color: #ddaea4; }
.login-panel { background: #fff8ef; }
.illustration-card { background: #833a2c; border-color: #b87549; }
.mini-mark { background: #ffd16d; color: #653411; }
.illustration-line { background: #b9774f; }
.illustration-line.long { background: #efb981; }
.illustration-row i { background: #a45136; }
.illustration-row span { background: #cd8a58; }
.illustration-row b { color: #ffd16d; }
.illustration-tag { background: #ffe7b1; color: #764112; box-shadow: 0 8px 25px #35121730; }

.data-panel, .table-card { box-shadow: 0 .125rem .25rem #6334150d; }
.panel-heading h2, #breadcrumb-current { color: var(--ink); }
.count-badge { background: #fff0d5; color: #875415; }
.data-table { --bs-table-color: var(--ink); --bs-table-border-color: var(--line); }
.data-table thead th, .data-table thead .actions-cell { background: #fff5e8; color: #68482e; border-bottom-color: #efddc8; }
.data-table td { color: #513a32; border-bottom-color: #f1e5db; }
.data-table .primary-cell { color: #513424; }
.data-table tbody tr:hover td { background: #fffaf2; }
.row-action { color: #985308; }
.row-action:hover { color: #6b3208; background: #fff0d7; }
.row-action.danger, .logout-button { color: #b02a37; }
.row-action.danger:hover { color: #8c1c28; background: #fcebed; }
.logout-button { border-color: #dcafb5; }
.logout-button:hover { color: #fff; background: #b02a37; border-color: #b02a37; }
.table-state { color: var(--muted); }
.table-state svg { stroke: #c2a07a; }
.table-state strong { color: #7c5d48; }
.config-group-item { border-color: #eadaca; }
.config-group-item:hover { border-color: #e2b66d; }
.config-group-item.active { border-color: #d9982e; background: #fff2da; }
.color-dot { border-color: #68482e30; }
.secret-note { color: #876238; }
.record-form .form-control:disabled, .record-form .form-select:disabled { color: #806e61; background: #f9f2e9; border-color: #ecdfd1; }
.readonly-json { color: #785a42; background: #fff8ef; border-color: #ecdfd1; }

/* Success, warning and failure keep their established semantic colors. */
.status-badge { color: #246b3d; background: #e4f4e9; }
.status-badge.neutral { color: #626770; background: #eef0f3; }
.status-badge.warning { color: #846014; background: #fff5d9; }
.status-badge.danger { color: #a42a37; background: #fcebed; }

@media (max-width: 767.98px) {
  .login-brand { padding: 1.25rem 1.75rem; }
  .login-brand .brand-logo { width: 72px; height: 59px; padding: 6px; }
  .brand-console-title { font-size: .9375rem; }
}