@font-face {
  font-family: "ALKATIPTorTom";
  src: url("/ALKATIPTorTom.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

:root {
  --admin-bg: #f4f6f6;
  --admin-surface: #fff;
  --admin-surface-soft: #faf9f7;
  --admin-text: #3d4145;
  --admin-muted: #7d8187;
  --admin-border: #e5e2df;
  --admin-primary: #61789d;
  --admin-primary-hover: #526a91;
  --admin-primary-soft: #edf1f6;
  --admin-teal: #5b8f7f;
  --admin-teal-soft: #eaf4f0;
  --admin-amber: #c18a4b;
  --admin-amber-soft: #fff4e6;
  --admin-coral: #c56b62;
  --admin-coral-hover: #b85c54;
  --admin-coral-soft: #fff0ed;
  --admin-rose: #c56c78;
  --admin-rose-soft: #faecef;
  --admin-shadow: 0 5px 18px rgba(58, 48, 43, .045);
}

html,
body,
button,
input,
select,
textarea,
table,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar,
.nav,
.tooltip,
.popover {
  font-family: "ALKATIPTorTom", Arial, sans-serif !important;
}

body *:not(.mdi):not([class^="mdi-"]):not([class*=" mdi-"]) {
  font-family: "ALKATIPTorTom", Arial, sans-serif !important;
}

/* The bundled icon font is v2.0.46; map newer class names used by the admin UI. */
.mdi-account-group-outline::before { content: "\F00E"; }
.mdi-cellphone-cog::before { content: "\F123"; }
.mdi-cog-outline::before { content: "\F493"; }
.mdi-content-save-outline::before { content: "\F193"; }
.mdi-credit-card-outline::before,
.mdi-credit-card-multiple-outline::before,
.mdi-credit-card-sync-outline::before { content: "\F19B"; }
.mdi-database-alert::before,
.mdi-database-search-outline::before { content: "\F1B8"; }
.mdi-delete-outline::before { content: "\F1C0"; }
.mdi-file-document-outline::before,
.mdi-file-sign::before { content: "\F219"; }
.mdi-image-outline::before { content: "\F2E9"; }
.mdi-pencil-outline::before { content: "\F3EB"; }
.mdi-shield-check-outline::before { content: "\F498"; }
.mdi-upload-outline::before { content: "\F552"; }
.mdi-view-dashboard-outline::before { content: "\F56E"; }

.dropdown-profile .img-avatar {
  display: none;
}

html,
body {
  letter-spacing: 0;
}

body,
.manage-page,
.lyear-layout-content {
  color: var(--admin-text);
  background: var(--admin-bg);
}

/* Keep the right sidebar compact and prevent long menu labels from wrapping. */
.sidebar-main .nav-drawer a {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-main .nav-drawer > li > a > i {
  flex: 0 0 24px;
}

.sidebar-main .nav-subnav > li > a {
  display: flex !important;
  width: 100%;
  min-width: 0;
  flex-wrap: nowrap !important;
  align-items: center;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

.sidebar-main .nav-subnav,
.sidebar-main .nav-subnav > li {
  width: 100%;
  white-space: nowrap !important;
}

.sidebar-main .nav-item-has-subnav > a::after {
  display: none;
  content: none;
}

/* Secondary descriptions are intentionally omitted in the compact admin UI. */
.brand-copy small,
.dashboard-intro p,
.metric-change,
.card-subtitle,
.manage-heading p,
.auto-pay-heading p,
.deduction-action-copy div > span,
.deduction-modal-title small,
.manage-form .form-group > small:not(.form-warning),
.upload-help,
.manage-empty > span,
.auto-empty > span {
  display: none !important;
}

/* Warm, restrained visual system shared by every admin page. */
.lyear-layout-sidebar {
  border-left-color: var(--admin-border);
  background: var(--admin-surface);
  box-shadow: -4px 0 18px rgba(58, 48, 43, .025);
}

.sidebar-header,
.lyear-layout-header .navbar {
  border-color: var(--admin-border);
  background: rgba(255, 255, 255, .97);
}

.brand-symbol { background: var(--admin-coral); }

.nav-drawer > li.active > a,
.nav-drawer > li.active > a:hover,
.nav-drawer .nav-subnav > li.active > a {
  color: #a95249;
  background: var(--admin-coral-soft);
}

.nav-drawer > li > a:hover,
.nav-drawer .nav-subnav > li > a:hover {
  color: var(--admin-text);
  background: var(--admin-surface-soft);
}

.metric-card,
.dashboard-card,
.auto-stat,
.auto-toolbar,
.auto-table-card,
.manage-toolbar,
.manage-table-wrap,
.manage-form-wrap,
.settings-panel,
.contract-summary div {
  border-color: var(--admin-border);
  background: var(--admin-surface);
  box-shadow: var(--admin-shadow);
}

.metric-users { --metric-color: var(--admin-primary); --metric-bg: var(--admin-primary-soft); }
.metric-groups { --metric-color: var(--admin-teal); --metric-bg: var(--admin-teal-soft); }
.metric-messages { --metric-color: var(--admin-amber); --metric-bg: var(--admin-amber-soft); }
.metric-charge { --metric-color: var(--admin-rose); --metric-bg: var(--admin-rose-soft); }
.stat-contracts { --stat-color: var(--admin-primary); }
.stat-active { --stat-color: var(--admin-teal); }
.stat-orders { --stat-color: var(--admin-amber); }
.stat-amount { --stat-color: var(--admin-rose); }

.manage-primary,
.manage-primary:hover,
.manage-primary:focus,
.auto-filter-button,
.settings-actions .manage-primary,
.login-submit {
  border-color: var(--admin-primary);
  color: #fff;
  background: var(--admin-primary);
  box-shadow: 0 4px 12px rgba(97, 120, 157, .16);
}

.manage-primary:hover,
.auto-filter-button:hover,
.login-submit:hover,
.login-submit:focus {
  border-color: var(--admin-primary-hover);
  background: var(--admin-primary-hover);
}

.settings-tabs,
.settings-actions,
.table > thead > tr > th,
.manage-table > thead > tr > th,
.auto-table > thead > tr > th,
.deduction-modal .modal-header,
.deduction-modal .modal-footer {
  border-color: var(--admin-border);
  background: var(--admin-surface-soft);
}

.settings-tabs button.is-active,
.record-tabs a.active,
.count-link {
  color: var(--admin-primary);
  background: var(--admin-primary-soft);
}

.settings-tabs button.is-active::after,
.auto-pagination .active a,
.manage-pagination li.active a {
  border-color: var(--admin-primary);
  background: var(--admin-primary);
}

.settings-form .form-control,
.manage-form .form-control,
.manage-search input,
.manage-toolbar select,
.auto-field input,
.auto-filter select,
.field-wrap .form-control {
  border-color: #dcdedc;
  color: var(--admin-text);
  background: #fdfdfc;
}

.settings-form .form-control:focus,
.manage-form .form-control:focus,
.manage-search input:focus,
.manage-toolbar select:focus,
.auto-field input:focus,
.auto-filter select:focus,
.field-wrap .form-control:focus {
  border-color: #8193ae;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(97, 120, 157, .11);
}

.deduction-button.is-batch {
  border-color: #cdd7e5;
  color: #526a91;
  background: #edf1f6;
  box-shadow: none;
}

.deduction-button.is-all {
  border-color: #ead0cb;
  color: #a9564f;
  background: #fff0ed;
  box-shadow: none;
}

.deduction-button.is-batch:hover,
.deduction-button.is-batch:focus {
  border-color: #b9c7d9;
  color: #465d82;
  background: #e3e9f1;
}

.deduction-button.is-all:hover,
.deduction-button.is-all:focus {
  border-color: #dfbbb5;
  color: #944c46;
  background: #fae3df;
}
.deduction-modal-title > span,
.deduction-amount-field span { background: var(--admin-primary); }

.manage-status.is-active,
.status-success { color: #427565; background: var(--admin-teal-soft); }
.status-warning { color: #98672f; background: var(--admin-amber-soft); }
.status-danger { color: #a04e59; background: var(--admin-rose-soft); }

.login-panel { box-shadow: 0 22px 64px rgba(47, 41, 38, .24); }
.visual-overlay { background: rgba(48, 54, 62, .66); }
.login-header { margin-bottom: 26px; }