:root {
  --bg: #f4f1eb;
  --card: #fffaf2;
  --text: #171411;
  --muted: #6f6255;
  --line: #e3d8ca;
  --accent: #111111;
  --soft: #efe5d7;
  --danger: #a53624;
  --ok: #1d6b42;
  --shadow: 0 18px 60px rgba(30, 24, 18, 0.10);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top left, #fff7e8, var(--bg) 42%, #ebe2d5);
  color: var(--text);
}
.app-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 60px; }
.topbar { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-bottom: 24px; }
.eyebrow { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
h1,h2,h3 { margin: 0; }
h1 { font-size: clamp(28px, 5vw, 46px); line-height: 1; }
h2 { font-size: 22px; margin-bottom: 14px; }
h3 { font-size: 16px; }
.card {
  background: rgba(255,250,242,.92);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 22px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(12px);
}
.narrow { max-width: 460px; }
.hidden { display: none !important; }

/* v0.40.67: prevent login screen flash while saved session is checked. */
body.boot-mode .app-shell {
  visibility: hidden !important;
}

body.boot-mode {
  min-height: 100vh;
}

.muted { color: var(--muted); }
.error { margin-top: 12px; color: var(--danger); font-weight: 650; }
label { display: grid; gap: 8px; margin: 14px 0; color: var(--muted); font-size: 14px; }
input {
  width: 100%; border: 1px solid var(--line); border-radius: 16px;
  padding: 13px 14px; background: #fff; color: var(--text); font-size: 16px; outline: none;
}
input:focus { border-color: #111; }
button {
  border: 0; border-radius: 16px; padding: 13px 18px;
  background: var(--accent); color: #fff; font-weight: 750; font-size: 15px; cursor: pointer;
}
button:hover { opacity: .92; }
button.secondary { background: #7a6b5c; }
button.ghost { background: transparent; color: var(--text); border: 1px solid var(--line); }
.topbar-actions,.toolbar,.section-head { display: flex; align-items: center; gap: 12px; }
.toolbar { flex-wrap: wrap; margin-bottom: 18px; }
.month-control { max-width: 220px; margin: 0; }
.badge { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 12px; border-radius: 999px; background: var(--soft); font-weight: 700; }
.grid { display: grid; gap: 14px; }
.cards { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; }
.metric { padding: 18px; }
.metric .label { color: var(--muted); font-size: 13px; }
.metric .value { font-size: 24px; font-weight: 850; margin-top: 8px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th,td { text-align: left; padding: 12px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.status { display: inline-block; padding: 5px 9px; border-radius: 999px; background: var(--soft); font-size: 12px; font-weight: 750; }
.status.paid,.status.completed { color: var(--ok); }
.status.rejected,.status.cancelled { color: var(--danger); }
@media (max-width: 850px) {
  .topbar { align-items: flex-start; flex-direction: column; }
  .topbar-actions { width: 100%; justify-content: space-between; }
  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card { border-radius: 20px; padding: 18px; }
}
@media (max-width: 540px) {
  .app-shell { width: min(100% - 20px, 1180px); padding-top: 18px; }
  .cards { grid-template-columns: 1fr; }
  .toolbar { display: grid; }
  button { width: 100%; }
}


.inline-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

button.small {
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 13px;
}

button.danger {
  background: var(--danger);
}

.block-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 24px 0 12px;
}

.empty-state {
  padding: 18px;
  border: 1px dashed var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,0.35);
  color: var(--muted);
}

.request-main-amount {
  font-weight: 900;
  font-size: 17px;
}

.nowrap {
  white-space: nowrap;
}


td .inline-actions {
  min-width: 220px;
}

.inline-actions button {
  white-space: nowrap;
}


.filters-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: end;
  margin: 10px 0 14px;
}

.compact-label {
  margin: 0;
  min-width: 220px;
}

.search-label {
  min-width: min(360px, 100%);
}

select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 13px 14px;
  background: #fff;
  color: var(--text);
  font-size: 16px;
  outline: none;
}

select:focus {
  border-color: #111;
}


.tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 4px 0 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.tab-btn {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--line);
}

.tab-btn.active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.progress-line {
  position: relative;
  height: 16px;
  border-radius: 999px;
  background: var(--soft);
  overflow: hidden;
  border: 1px solid var(--line);
}

.progress-line > span {
  display: block;
  height: 100%;
  width: var(--progress, 0%);
  min-width: 2px;
  max-width: 100%;
  background: var(--accent);
  border-radius: inherit;
}

.overview-section {
  margin-top: 22px;
}

.clickable-row {
  cursor: pointer;
}

.clickable-row:hover {
  background: rgba(0,0,0,.035);
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(17, 14, 10, .46);
  display: grid;
  place-items: center;
  padding: 18px;
}

.modal {
  width: min(1120px, 100%);
  max-height: min(86vh, 900px);
  overflow: auto;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 28px;
  box-shadow: 0 24px 90px rgba(0,0,0,.22);
  padding: 22px;
}

.modal-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.divider {
  height: 1px;
  background: var(--line);
  margin: 18px 0;
}

.small-note {
  font-size: 13px;
  color: var(--muted);
}

@media (max-width: 760px) {
  .form-grid {
    grid-template-columns: 1fr;
  }

  .modal {
    padding: 16px;
    border-radius: 20px;
  }
}



/* Contrast brand refresh v0.31 — light, not black-heavy */
:root {
  --bg: #f1f9e8;
  --card: #ffffff;
  --text: #181a17;
  --muted: #687061;
  --line: #dfead4;
  --accent: #7df000;
  --accent-2: #2fe57b;
  --accent-dark: #52ba00;
  --black: #121212;
  --soft: #eff8e5;
  --danger: #c6533d;
  --ok: #1f8a46;
  --sanzhar: #8ebfff;
  --sanzhar-soft: #eef6ff;
  --sanzhar-line: #b9d9ff;
  --raufal: #ffb29b;
  --raufal-soft: #fff3ee;
  --raufal-line: #ffd1c2;
  --shadow: 0 18px 55px rgba(39, 68, 18, .10);
}

body {
  background:
    radial-gradient(circle at 5% 4%, rgba(125, 240, 0, .24), transparent 24%),
    linear-gradient(90deg, #eaf8dc 0%, #f8fbf3 48%, #ffffff 100%);
  color: var(--text);
}

.app-shell {
  width: min(1500px, calc(100% - 40px));
  padding: 24px 0 70px;
}

.brand-topbar {
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(223,234,212,.95);
  border-radius: 28px;
  padding: 20px 28px;
  box-shadow: 0 24px 80px rgba(32, 56, 15, .10);
  backdrop-filter: blur(14px);
}

.brand-block {
  display: flex;
  align-items: center;
  gap: 24px;
}

.brand-logo {
  width: 190px;
  max-width: 28vw;
  height: auto;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.header-subtitle {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 17px;
  font-weight: 650;
}

.eyebrow {
  color: var(--accent-dark);
  font-weight: 950;
  letter-spacing: .18em;
}

h1 {
  font-weight: 950;
  letter-spacing: -.035em;
}

h2,
h3 {
  font-weight: 900;
  letter-spacing: -.02em;
}

.card {
  background: rgba(255,255,255,.96);
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: 0 18px 50px rgba(32,56,15,.08);
}

#loginScreen {
  margin: 54px auto 0;
}

#loginScreen h2::before,
.block-title h3::before,
.overview-section h3::before {
  content: "";
  display: inline-block;
  width: 42px;
  height: 3px;
  border-radius: 99px;
  margin-right: 10px;
  vertical-align: middle;
  background: var(--accent);
}

button {
  background: var(--accent);
  color: #142000;
  box-shadow: 0 8px 20px rgba(125, 240, 0, .26);
  transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease;
}

button:hover {
  transform: translateY(-1px);
  opacity: .96;
}

button.secondary {
  background: #dfffbd;
  color: #203114;
  border: 1px solid #c6f49a;
  box-shadow: none;
}

button.ghost {
  background: #fff;
  color: var(--text);
  border: 1px solid var(--line);
  box-shadow: none;
}

button.danger {
  background: #fff;
  color: var(--danger);
  border: 1px solid #f0c7bd;
  box-shadow: none;
}

button.danger:hover {
  background: #fff5f2;
}

.badge {
  background: #eff8e5;
  border: 1px solid #d7ecc6;
  color: #26351c;
}

.tabs {
  padding: 8px;
  background: #f7fbf1;
  border: 1px solid var(--line);
  border-radius: 22px;
}

.tab-btn {
  border-radius: 16px;
  box-shadow: none;
  background: transparent;
  color: #36402e;
  border: 1px solid transparent;
}

.tab-btn.active {
  background: var(--black);
  color: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

.metric {
  border-radius: 22px;
  background: #fff;
  border-color: #e5efda;
}

.metric .label {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 950;
  color: #5e6856;
}

.metric .value {
  font-size: clamp(24px, 2.4vw, 40px);
  letter-spacing: -.04em;
}

.brand-goal-card,
.overview-section.card {
  background: linear-gradient(180deg, #edffd7, #ffffff);
  border-color: #c7f597;
}

.goal-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.goal-percent {
  font-size: 34px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.progress-line {
  height: 14px;
  background: #edf2e7;
  border: none;
}

.progress-line > span {
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
}

.department-sanzhar .progress-line > span {
  background: linear-gradient(90deg, #cbe2ff, var(--sanzhar));
}

.department-raufal .progress-line > span {
  background: linear-gradient(90deg, #ffd8cc, var(--raufal));
}

tr.department-sanzhar td {
  background: linear-gradient(90deg, rgba(238,246,255,.82), rgba(255,255,255,.65));
}

tr.department-raufal td {
  background: linear-gradient(90deg, rgba(255,243,238,.88), rgba(255,255,255,.65));
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

th {
  background: #f6f8f1;
  color: #67705f;
  font-weight: 950;
}

td {
  font-weight: 560;
}

tr:hover td {
  background: rgba(125, 240, 0, .035);
}

.status {
  background: #eef4e7;
  border: 1px solid #dfe9d4;
  color: #293422;
}

.status.new {
  background: #ecffe2;
  color: #287a00;
  border-color: #c9f6a7;
}

.status.paid,
.status.cash_received,
.status.completed {
  background: #eafbea;
  color: var(--ok);
  border-color: #bfe7c3;
}

.status.rejected,
.status.cancelled {
  background: #fff1ed;
  color: var(--danger);
  border-color: #f0c7bd;
}

.status.draft {
  background: #f0f2ec;
  color: #5b6454;
}

input,
select {
  background: #fff;
  border-color: #dfead4;
}

input:focus,
select:focus {
  border-color: var(--accent-dark);
  box-shadow: 0 0 0 3px rgba(125, 240, 0, .18);
}

.modal {
  background: linear-gradient(180deg, #ffffff, #fbfff5);
  border-color: #dfead4;
}

.estimate-table th:nth-child(1),
.estimate-table td:nth-child(1),
.estimate-table th:nth-child(2),
.estimate-table td:nth-child(2) {
  background: #f5f8f0;
}

.estimate-table th:nth-child(3),
.estimate-table td:nth-child(3),
.estimate-table th:nth-child(4),
.estimate-table td:nth-child(4) {
  background: #f1f4f0;
}

.estimate-table th:nth-child(5),
.estimate-table td:nth-child(5),
.estimate-table th:nth-child(6),
.estimate-table td:nth-child(6) {
  background: #f4f7ec;
}

.estimate-table th:nth-child(7),
.estimate-table td:nth-child(7) {
  background: #eaf8fb;
}

.estimate-table th:nth-child(8),
.estimate-table td:nth-child(8) {
  background: #f3effb;
}

.estimate-table td {
  font-weight: 700;
}

.request-main-amount {
  color: #121212;
  font-weight: 950;
}

.empty-state {
  background: rgba(255,255,255,.64);
  border-color: #dce9d1;
}

@media (max-width: 850px) {
  .brand-block {
    gap: 14px;
  }

  .brand-logo {
    width: 142px;
  }
}

@media (max-width: 540px) {
  .brand-block {
    align-items: flex-start;
    flex-direction: column;
  }

  .brand-logo {
    width: 160px;
    max-width: 75vw;
  }
}



/* v0.31.1 overview layout like current Contrast dashboard */
.overview-company-card {
  background: linear-gradient(180deg, #e9ffd7 0%, #f9fff3 100%);
  border: 1px solid #bff48b;
  border-radius: 24px;
  padding: 24px 26px;
  box-shadow: 0 18px 48px rgba(72, 138, 0, .11);
  margin-bottom: 20px;
}

.overview-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 16px;
}

.overview-label {
  color: var(--accent-dark);
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 950;
}

.overview-big-number {
  margin-top: 10px;
  font-size: clamp(32px, 5vw, 54px);
  font-weight: 950;
  letter-spacing: -.055em;
}

.overview-subline {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 800;
}

.overview-company-title {
  font-size: 20px;
  font-weight: 950;
  padding-top: 4px;
}

.overview-company-card .progress-line {
  height: 18px;
  background: rgba(255,255,255,.7);
}

.overview-departments-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.department-overview-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 18px;
  box-shadow: 0 18px 42px rgba(32, 56, 15, .075);
}

.department-overview-card.department-sanzhar {
  background: linear-gradient(180deg, var(--sanzhar-soft), #fff);
  border-color: var(--sanzhar-line);
}

.department-overview-card.department-raufal {
  background: linear-gradient(180deg, var(--raufal-soft), #fff);
  border-color: var(--raufal-line);
}

.department-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}

.department-card-head h3 {
  margin-top: 6px;
  font-size: 22px;
}

.department-total {
  text-align: right;
}

.department-total > div {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 950;
  letter-spacing: -.045em;
}

.department-total > span {
  color: var(--muted);
  font-weight: 850;
  font-size: 14px;
}

.department-overview-card > .progress-line {
  height: 10px;
  margin-bottom: 14px;
}

.manager-progress-list {
  display: grid;
  gap: 8px;
}

.manager-progress-row {
  display: grid;
  grid-template-columns: minmax(160px, 1.3fr) minmax(160px, 1fr);
  gap: 12px;
  align-items: center;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(223,234,212,.75);
  border-radius: 16px;
  padding: 10px 12px;
}

.manager-progress-main {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
}

.manager-progress-main strong {
  font-weight: 950;
}

.manager-progress-main span {
  color: #49513f;
  font-weight: 850;
  white-space: nowrap;
}

.manager-progress-bar .progress-line {
  height: 9px;
}

.department-sanzhar .manager-progress-bar .progress-line > span {
  background: linear-gradient(90deg, #bfdcff, #8ebfff);
}

.department-raufal .manager-progress-bar .progress-line > span {
  background: linear-gradient(90deg, #ffd5c8, #ffb29b);
}

@media (max-width: 980px) {
  .overview-departments-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .overview-card-top,
  .department-card-head {
    flex-direction: column;
  }

  .department-total {
    text-align: left;
  }

  .manager-progress-row {
    grid-template-columns: 1fr;
  }

  .manager-progress-main {
    display: grid;
  }
}


/* v0.31.2 cleaner admin top: no duplicate summary cards */
#summaryCards:empty {
  display: none;
  margin: 0;
}

.year-control {
  max-width: 150px;
}

.toolbar {
  align-items: end;
}

.toolbar select {
  min-height: 48px;
  font-weight: 850;
}


/* v0.31.3 loading and request archive */
.loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 300;
  background: rgba(246, 252, 239, .58);
  display: grid;
  place-items: center;
  backdrop-filter: blur(3px);
}

.loading-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--line);
  box-shadow: 0 18px 60px rgba(31, 60, 12, .18);
  border-radius: 22px;
  padding: 18px 22px;
  min-width: 260px;
}

.loading-card strong {
  display: block;
  font-size: 17px;
  font-weight: 950;
}

.loading-card span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-weight: 700;
}

.loading-dot {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 0 0 rgba(125, 240, 0, .55);
  animation: cfPulse 1s infinite;
}

@keyframes cfPulse {
  0% { transform: scale(.9); box-shadow: 0 0 0 0 rgba(125, 240, 0, .55); }
  70% { transform: scale(1); box-shadow: 0 0 0 14px rgba(125, 240, 0, 0); }
  100% { transform: scale(.9); box-shadow: 0 0 0 0 rgba(125, 240, 0, 0); }
}

.tab-btn[data-admin-tab="requests_archive"] {
  color: #58604e;
}


/* v0.31.4 event modal estimate cleanup */
.estimate-table th:nth-child(1),
.estimate-table td:nth-child(1) {
  background: #f5f8f0;
}

.estimate-table th:nth-child(2),
.estimate-table td:nth-child(2),
.estimate-table th:nth-child(3),
.estimate-table td:nth-child(3) {
  background: #f1f4f0;
}

.estimate-table th:nth-child(4),
.estimate-table td:nth-child(4),
.estimate-table th:nth-child(5),
.estimate-table td:nth-child(5) {
  background: #f4f7ec;
}

.estimate-table th:nth-child(6),
.estimate-table td:nth-child(6) {
  background: #eaf8fb;
}

.estimate-table th:nth-child(7),
.estimate-table td:nth-child(7) {
  background: #f3effb;
}

#eventModalRequestsSection .filters-row {
  margin-top: 8px;
}


/* v0.31.7 event modal estimate cleanup */
.estimate-table th:nth-child(1),
.estimate-table td:nth-child(1) {
  background: #f5f8f0;
}

.estimate-table th:nth-child(2),
.estimate-table td:nth-child(2),
.estimate-table th:nth-child(3),
.estimate-table td:nth-child(3) {
  background: #f1f4f0;
}

.estimate-table th:nth-child(4),
.estimate-table td:nth-child(4),
.estimate-table th:nth-child(5),
.estimate-table td:nth-child(5) {
  background: #f4f7ec;
}

.estimate-table th:nth-child(6),
.estimate-table td:nth-child(6) {
  background: #eaf8fb;
}

.estimate-table th:nth-child(7),
.estimate-table td:nth-child(7) {
  background: #f3effb;
}

#eventModalRequestsSection .filters-row {
  margin-top: 8px;
}


/* v0.31.8 compact event modal metrics */
.modal-metric-cards {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.modal-metric-cards .metric {
  padding: 14px 16px;
  min-height: 108px;
}

.modal-metric-cards .metric .label {
  font-size: 11px;
}

.modal-metric-cards .metric .value {
  font-size: clamp(28px, 3vw, 42px);
}

.income-metric {
  background: linear-gradient(180deg, #e8ffd1 0%, #f8fff0 100%);
  border-color: #bff48b;
}

.manager-salary-row td {
  background: #f0f8e8 !important;
  border-top: 2px solid #bff48b;
  font-weight: 900;
}

.manager-salary-row td:first-child::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 3px;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 999px;
  background: var(--accent);
}

@media (max-width: 1150px) {
  .modal-metric-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .modal-metric-cards {
    grid-template-columns: 1fr;
  }
}


/* v0.31.9 modal metric fit and manager salary row correction */
.modal-metric-cards {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
}

.modal-metric-cards .metric {
  min-width: 0;
  overflow: hidden;
}

.modal-metric-cards .metric .value {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  font-size: clamp(24px, 2.55vw, 38px);
  line-height: .98;
  letter-spacing: -.06em;
}

.modal-metric-cards .metric .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 1200px) {
  .modal-metric-cards .metric {
    padding-left: 14px;
    padding-right: 14px;
  }
}

.manager-salary-row td:nth-child(2) {
  color: var(--muted);
}

.manager-salary-row td:nth-child(3),
.manager-salary-row td:nth-child(4) {
  font-weight: 950;
}


/* v0.32 manager salary request */
.salary-request-btn {
  margin-left: 12px;
  padding: 6px 10px;
  font-size: 12px;
  vertical-align: middle;
}

.manager-salary-row td:first-child {
  min-width: 260px;
}


/* v0.34 manager cabinet create flow */
.manager-create-card {
  padding: 18px;
  margin-bottom: 18px;
}

#managerCreatedEventArea .card {
  margin: 14px 0;
}


/* v0.35 manager cabinet based on 1st-gen layout */
.brand-logo {
  width: 230px;
  max-height: 92px;
}

.manager-top-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.manager-plan-panel {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 18px 22px;
  box-shadow: 0 18px 50px rgba(32,56,15,.08);
  margin-bottom: 18px;
}

.manager-plan-panel h3 {
  margin: 8px 0 0;
}

.manager-plan-main {
  display: grid;
  gap: 8px;
}

.manager-plan-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.manager-workspace {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.manager-sidebar-card,
.manager-detail-card,
.manager-event-card {
  background: rgba(255,255,255,.96);
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: 0 18px 50px rgba(32,56,15,.08);
}

.manager-sidebar-card {
  padding: 18px;
}

.manager-sidebar-card h3 {
  margin-bottom: 2px;
}

.manager-month-row {
  display: grid;
  grid-template-columns: 1fr .7fr;
  gap: 8px;
  margin: 14px 0;
}

.manager-month-row label {
  font-weight: 850;
  color: var(--muted);
}

.manager-mini-list {
  display: grid;
  gap: 12px;
}

.manager-mini-card {
  display: grid;
  text-align: left;
  gap: 7px;
  background: #f8faf5;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 13px;
  color: var(--text);
  box-shadow: none;
}

.manager-mini-card:hover,
.manager-mini-card.active {
  background: #e9ffd7;
  border-color: var(--accent);
  transform: none;
}

.manager-mini-card strong {
  font-size: 18px;
  font-weight: 950;
}

.manager-mini-card span,
.manager-mini-card small {
  color: var(--muted);
  font-weight: 750;
}

.manager-mini-card em {
  justify-self: start;
  font-style: normal;
  color: #1f8a46;
  border: 1px solid #bfe7c3;
  background: #eafbea;
  border-radius: 99px;
  padding: 5px 10px;
  font-weight: 850;
}

.mini-card-pills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.mini-pill {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  border-radius: 99px;
  background: #f0f2ec;
  padding: 4px 8px;
  font-size: 12px;
  color: #4f5949;
}

.mini-pill strong {
  font-size: inherit;
}

.manager-detail-card {
  min-height: 520px;
}

.manager-empty-detail {
  min-height: 520px;
  display: grid;
  place-content: center;
  text-align: center;
  padding: 30px;
}

.empty-icon {
  font-size: 32px;
  color: var(--muted);
  margin-bottom: 10px;
}

.manager-event-card {
  padding: 20px;
}

.manager-event-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.manager-event-head h2 {
  margin: 4px 0 8px;
}

.manager-event-fields {
  margin: 18px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
}

.manager-event-fields label {
  color: var(--text);
  font-weight: 900;
}

.estimate-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #f1f5ec;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  margin: 10px 0 16px;
}

.estimate-tabs button {
  border-radius: 0;
  border: none;
}

.manager-add-position-row {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0 14px;
}

.manager-summary-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.manager-summary-grid .metric {
  padding: 12px 14px;
  min-width: 0;
  overflow: hidden;
}

.manager-summary-grid .metric .value {
  font-size: clamp(20px, 1.7vw, 30px);
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 1150px) {
  .manager-workspace {
    grid-template-columns: 1fr;
  }

  .manager-event-fields,
  .manager-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .manager-plan-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .brand-logo {
    width: 190px;
  }

  .manager-event-fields,
  .manager-summary-grid,
  .manager-month-row {
    grid-template-columns: 1fr;
  }

  .manager-event-head {
    flex-direction: column;
  }
}


/* v0.35.1 manager cabinet cleanup */
.manager-sidebar-card .manager-month-row {
  display: none;
}

#dashboardHint:empty {
  display: none;
}

#newEventSimplifiedPercent:disabled {
  background: #f1f3ee;
  color: #8a9184;
  cursor: not-allowed;
}

.topbar-actions #changePinOpenBtn {
  margin-right: 8px;
}

.toolbar #changePinOpenBtn {
  display: none;
}


/* v0.35.2 manager create modal fixes */
.manager-create-modal #plansModalTitle,
.manager-create-modal .modal-title,
.manager-create-modal-title {
  display: none !important;
}

#managerCreateError {
  margin-top: 14px;
}

#managerCreateError.hidden {
  display: none;
}


/* v0.35.4 manager cabinet logic cleanup */
.manager-card-bottom-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}


/* v0.35.5 external/internal estimate switch */
.estimate-tabs button {
  cursor: pointer;
}

.external-estimate-table input,
.internal-estimate-table input,
.internal-estimate-table select {
  width: 100%;
  min-height: 36px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.75);
  font-weight: 800;
  padding: 7px 9px;
}

.external-estimate-table th,
.internal-estimate-table th {
  font-size: 12px;
  letter-spacing: .14em;
}

.external-estimate-table td,
.internal-estimate-table td {
  vertical-align: middle;
}

.external-estimate-table th:nth-child(1),
.external-estimate-table td:nth-child(1),
.internal-estimate-table th:nth-child(1),
.internal-estimate-table td:nth-child(1) {
  background: #f5f8f0;
}

.external-estimate-table th:nth-child(2),
.external-estimate-table td:nth-child(2),
.external-estimate-table th:nth-child(3),
.external-estimate-table td:nth-child(3),
.external-estimate-table th:nth-child(4),
.external-estimate-table td:nth-child(4),
.external-estimate-table th:nth-child(5),
.external-estimate-table td:nth-child(5),
.internal-estimate-table th:nth-child(2),
.internal-estimate-table td:nth-child(2),
.internal-estimate-table th:nth-child(3),
.internal-estimate-table td:nth-child(3) {
  background: #f1f4f0;
}

.internal-estimate-table th:nth-child(4),
.internal-estimate-table td:nth-child(4),
.internal-estimate-table th:nth-child(5),
.internal-estimate-table td:nth-child(5),
.internal-estimate-table th:nth-child(6),
.internal-estimate-table td:nth-child(6) {
  background: #f4f7ec;
}

.internal-estimate-table th:nth-child(7),
.internal-estimate-table td:nth-child(7) {
  background: #eaf8fb;
}

.internal-estimate-table th:nth-child(8),
.internal-estimate-table td:nth-child(8) {
  background: #f3effb;
}

.internal-estimate-table th:nth-child(9),
.internal-estimate-table td:nth-child(9) {
  background: #eef3fb;
}

.internal-estimate-table th:nth-child(10),
.internal-estimate-table td:nth-child(10) {
  background: #ecffd8;
}

.external-estimate-totals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.icon-btn {
  border-radius: 10px;
  min-width: 36px;
  min-height: 34px;
  padding: 4px 8px;
}

@media (max-width: 900px) {
  .external-estimate-totals {
    grid-template-columns: 1fr;
  }
}


/* v0.35.6 compact estimates and frontend draft editing */
.estimate-table {
  font-size: 13px;
}

.estimate-table th {
  font-size: 10px !important;
  padding: 7px 8px;
}

.estimate-table td {
  padding: 6px 8px;
}

.external-estimate-table input,
.internal-estimate-table input,
.internal-estimate-table select {
  min-height: 30px;
  border-radius: 8px;
  padding: 5px 7px;
  font-size: 12px;
}

.external-estimate-totals,
.manager-summary-grid {
  gap: 8px;
}

.external-estimate-totals .metric,
.manager-summary-grid .metric {
  padding: 10px 12px;
  min-height: 72px;
}

.external-estimate-totals .metric .label,
.manager-summary-grid .metric .label {
  font-size: 10px;
}

.external-estimate-totals .metric .value,
.manager-summary-grid .metric .value {
  font-size: clamp(18px, 1.45vw, 26px);
  line-height: 1;
}

.manager-card-bottom-actions [data-manager-event-save-draft] {
  background: #2f312f;
  color: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

.manager-card-bottom-actions [data-manager-event-save-draft]:hover {
  background: #1f211f;
}

.manager-detail-card .empty-state {
  min-height: 0;
  padding: 18px;
}


/* v0.35.7 estimate cleanup and real gray save button */
.external-estimate-totals {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}

.external-estimate-totals .metric,
.manager-summary-grid .metric {
  min-height: 66px;
  padding: 9px 11px;
}

.external-estimate-totals .metric .value,
.manager-summary-grid .metric .value {
  font-size: clamp(18px, 1.35vw, 24px);
  letter-spacing: -.04em;
}

.save-draft-btn,
.manager-card-bottom-actions .save-draft-btn,
button[data-manager-event-save-draft] {
  background: #3c3f3a !important;
  color: #ffffff !important;
  border: 1px solid #3c3f3a !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
}

.save-draft-btn:hover,
button[data-manager-event-save-draft]:hover {
  background: #252824 !important;
}


/* v0.35.9 fact input formatting */
.internal-estimate-table input:disabled {
  background: #eef2ea;
  color: #31352d;
  opacity: 1;
}


/* v0.35.10 coordinator inactive fields */
.internal-estimate-table select:disabled {
  background: #eef2ea;
  color: #31352d;
  opacity: 1;
  cursor: not-allowed;
}


/* v0.35.11 estimate structure cleanup */
.external-estimate-totals-four,
.manager-summary-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.internal-estimate-table .system-row td {
  border-top: 2px solid rgba(110, 245, 0, .35);
  background: #f7fbf1;
}

.internal-estimate-table .agency-row td,
.internal-estimate-table .simplified-row td {
  background: #f4f8ee;
}

.internal-estimate-table .manager-percent-row td {
  background: #f8f8f2;
}

@media (max-width: 900px) {
  .external-estimate-totals-four,
  .manager-summary-grid-four {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* v0.35.12 summary cards and draft header editing */
.manager-summary-grid-six {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.manager-event-fields input:not(:disabled),
.manager-event-fields select:not(:disabled) {
  background: #fff;
  border-color: rgba(110, 245, 0, .35);
}

@media (max-width: 1100px) {
  .manager-summary-grid-six {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .manager-summary-grid-six {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* v0.35.13 spreadsheet navigation and draggable rows */
.estimate-table .drag-col {
  width: 34px;
  min-width: 34px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.drag-handle {
  cursor: grab;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid rgba(123,133,116,.36);
  background: rgba(255,255,255,.55);
  color: #7b8574;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  user-select: none;
}

.drag-handle:hover {
  background: rgba(110, 245, 0, .16);
  color: #111;
}

.drag-handle.muted {
  cursor: not-allowed;
  opacity: .45;
}

.dragging-row {
  opacity: .55;
}

.drag-over-row {
  outline: 2px solid rgba(110, 245, 0, .75);
  outline-offset: -2px;
}

.estimate-table input:focus,
.estimate-table select:focus {
  border-color: #6ef500 !important;
  box-shadow: 0 0 0 2px rgba(110, 245, 0, .18);
}


/* v0.35.14 internal delete button and live cards */
.internal-estimate-table th:last-child,
.internal-estimate-table td:last-child {
  width: 42px;
  min-width: 42px;
  text-align: center;
}

/* v0.37.16 plans editor + manager soft delete */
.plans-editor {
  display: grid;
  gap: 18px;
}

.plans-editor-title {
  align-items: flex-start;
}

.plans-settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 12px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
}

.plans-settings-grid label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.plans-table-wrap {
  overflow-x: auto;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 10px;
}

.plans-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.plans-table th {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  text-align: left;
  padding: 0 10px;
}

.plans-table td {
  background: #fff;
  border-top: 1px solid rgba(223,234,212,.9);
  border-bottom: 1px solid rgba(223,234,212,.9);
  padding: 9px 10px;
  font-weight: 850;
}

.plans-table td:first-child {
  border-left: 1px solid rgba(223,234,212,.9);
  border-radius: 14px 0 0 14px;
}

.plans-table td:last-child {
  border-right: 1px solid rgba(223,234,212,.9);
  border-radius: 0 14px 14px 0;
}

.plan-month-input {
  width: 180px;
  max-width: 100%;
}

.plans-save-message {
  min-height: 22px;
  font-weight: 800;
}

.manager-progress-row {
  grid-template-columns: minmax(160px, 1.3fr) minmax(160px, 1fr) auto;
}

.manager-progress-row.is-inactive {
  background: rgba(242, 244, 247, .92);
  border-color: rgba(152, 162, 179, .35);
  filter: grayscale(.35);
}

.manager-progress-row.is-inactive .manager-progress-main,
.manager-progress-row.is-inactive .manager-progress-bar {
  opacity: .74;
}

.manager-progress-row.is-inactive .progress-fill {
  background: linear-gradient(90deg, #98a2b3, #667085);
}

.manager-inactive-badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(102, 112, 133, .10);
  border: 1px solid rgba(102, 112, 133, .18);
  color: #667085;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.manager-delete-btn,
.manager-restore-btn,
.manager-action-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 999px;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
}

.manager-delete-btn,
.manager-restore-btn {
  cursor: pointer;
}

.manager-action-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(152, 162, 179, .28);
  background: rgba(152, 162, 179, .08);
  color: #98a2b3;
}

.manager-delete-btn {
  border: 1px solid rgba(180, 35, 24, .32);
  background: rgba(180, 35, 24, .08);
  color: #b42318;
}

.manager-delete-btn:hover {
  background: rgba(180, 35, 24, .16);
  border-color: rgba(180, 35, 24, .55);
}

.manager-restore-btn {
  border: 1px solid rgba(18, 140, 64, .32);
  background: rgba(18, 140, 64, .10);
  color: #128c40;
  font-size: 18px;
}

.manager-restore-btn:hover {
  background: rgba(18, 140, 64, .18);
  border-color: rgba(18, 140, 64, .58);
}

@media (max-width: 920px) {
  .plans-settings-grid {
    grid-template-columns: 1fr;
  }

  .manager-progress-row {
    grid-template-columns: 1fr auto;
  }

  .manager-progress-bar {
    grid-column: 1 / -1;
  }

  .manager-delete-btn,
  .manager-restore-btn,
  .manager-action-placeholder {
    grid-row: 1;
    grid-column: 2;
  }
}

/* v0.37.18 month-specific plan percentages */
.plans-help-card {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  background: rgba(110, 245, 0, .08);
  border: 1px solid rgba(110, 245, 0, .22);
  border-radius: 18px;
  padding: 13px 16px;
  color: var(--text);
  font-weight: 850;
}

.plans-help-card span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.plans-table-monthly {
  min-width: 1080px;
}

.plan-percent-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(86px, 1fr));
  gap: 8px;
}

.plan-percent-cell {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.15;
}

.plan-percent-input {
  width: 92px;
  max-width: 100%;
  text-align: right;
}

.plans-table-monthly td[data-plan-calc-sanzhar],
.plans-table-monthly td[data-plan-calc-raufal],
.plans-table-monthly td[data-plan-calc-manager] {
  white-space: nowrap;
}

/* v0.37.19 compact plans editor */
.plans-editor {
  gap: 12px;
}

.plans-editor-title {
  align-items: center;
  gap: 12px;
}

.plans-editor-title h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.15;
}

.plans-editor-title p {
  margin-top: 3px;
  max-width: 760px;
  font-size: 12px;
  line-height: 1.25;
}

.plans-help-card.plans-help-card-compact {
  padding: 8px 10px;
  border-radius: 14px;
  font-size: 12px;
  line-height: 1.25;
}

.plans-help-card.plans-help-card-compact span {
  font-size: 12px;
  line-height: 1.25;
}

.plans-table-wrap {
  padding: 6px;
  border-radius: 16px;
}

.plans-table-monthly {
  min-width: 900px;
  table-layout: fixed;
  border-spacing: 0 5px;
}

.plans-table-monthly th {
  padding: 0 6px 2px;
  font-size: 10px;
  letter-spacing: .045em;
  white-space: nowrap;
}

.plans-table-monthly td {
  padding: 5px 6px;
  font-size: 12px;
  line-height: 1.15;
  vertical-align: middle;
  white-space: nowrap;
}

.plans-table-monthly td:first-child {
  width: 78px;
  font-size: 12px;
}

.plans-table-monthly th:nth-child(1) { width: 78px; }
.plans-table-monthly th:nth-child(2) { width: 126px; }
.plans-table-monthly th:nth-child(3) { width: 178px; }
.plans-table-monthly th:nth-child(4),
.plans-table-monthly th:nth-child(5),
.plans-table-monthly th:nth-child(7) { width: 112px; }
.plans-table-monthly th:nth-child(6) { width: 78px; }

.plans-table-monthly .plan-month-input {
  width: 116px;
  height: 32px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 850;
}

.plan-percent-pair {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
}

.plan-percent-cell {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  min-width: 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.plan-percent-control {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.plan-percent-control b {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
}

.plan-percent-input {
  width: 48px;
  min-width: 48px;
  height: 28px;
  padding: 4px 4px;
  box-sizing: border-box;
  font-size: 10.5px;
  font-weight: 850;
  text-align: center;
}

.plans-table-monthly td[data-plan-calc-sanzhar],
.plans-table-monthly td[data-plan-calc-raufal],
.plans-table-monthly td[data-plan-calc-manager] {
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.plans-save-message {
  min-height: 18px;
  font-size: 12px;
}

@media (max-width: 1100px) {
  .plans-table-monthly {
    min-width: 860px;
  }

  .plans-table-monthly th:nth-child(3) {
    width: 164px;
  }

  .plan-percent-input {
    width: 46px;
    min-width: 46px;
    font-size: 10px;
  }
}

/* v0.37.20 plan table alignment polish */
.plans-table-monthly th:nth-child(4),
.plans-table-monthly th:nth-child(5),
.plans-table-monthly th:nth-child(6),
.plans-table-monthly th:nth-child(7) {
  text-align: center;
}

.plans-table-monthly td:nth-child(4),
.plans-table-monthly td:nth-child(5),
.plans-table-monthly td:nth-child(6),
.plans-table-monthly td:nth-child(7) {
  text-align: center;
}

.plans-table-monthly td:nth-child(6) .plan-percent-cell {
  justify-content: center;
}

.plans-table-monthly td:nth-child(6) .plan-percent-control {
  justify-content: center;
}

.plans-table-monthly td:nth-child(3) .plan-percent-pair {
  justify-content: center;
}

/* v0.37.23 compact month closing calculator */
.closing-panel {
  display: grid;
  gap: 12px;
}

.closing-title {
  align-items: center;
  gap: 12px;
}

.closing-title h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.15;
}

.closing-title p {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.25;
}

.closing-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(152, 162, 179, .25);
  background: rgba(152, 162, 179, .10);
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.closing-status.closed {
  border-color: rgba(18, 140, 64, .30);
  background: rgba(18, 140, 64, .10);
  color: #128c40;
}

.closing-status-row {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.closing-status.pending {
  min-width: 76px;
  border-color: rgba(245, 158, 11, .30);
  background: rgba(245, 158, 11, .10);
  color: #b45309;
}

.closing-mini-section {
  display: grid;
  gap: 8px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 10px;
}

.closing-section-head,
.closing-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.closing-section-head h4,
.closing-card-head h4 {
  margin: 0;
  font-size: 13px;
  line-height: 1.15;
}

.closing-section-head span,
.closing-card-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.closing-expense-form {
  display: grid;
  grid-template-columns: minmax(130px, 1.4fr) 108px 132px 94px 94px minmax(120px, 1fr) auto;
  gap: 6px;
  align-items: center;
}

.closing-expense-form input,
.closing-expense-form select {
  height: 32px;
  padding: 6px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
}

.closing-expense-form button,
.closing-actions button {
  height: 32px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.closing-table-wrap {
  overflow-x: auto;
}

.closing-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0 5px;
}

.closing-table th {
  padding: 0 7px 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.closing-table td {
  padding: 6px 7px;
  background: #fff;
  border-top: 1px solid rgba(223,234,212,.9);
  border-bottom: 1px solid rgba(223,234,212,.9);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  vertical-align: middle;
}

.closing-table td:first-child {
  border-left: 1px solid rgba(223,234,212,.9);
  border-radius: 12px 0 0 12px;
}

.closing-table td:last-child {
  border-right: 1px solid rgba(223,234,212,.9);
  border-radius: 0 12px 12px 0;
  width: 66px;
  text-align: center;
}

.closing-table td small {
  display: block;
  margin-top: 2px;
  max-width: 260px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.closing-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 999px;
  font-size: 17px;
  line-height: 1;
  font-weight: 950;
}

.closing-icon-btn.danger {
  border: 1px solid rgba(180, 35, 24, .28);
  background: rgba(180, 35, 24, .08);
  color: #b42318;
}

.closing-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.closing-table tr.is-editing td {
  background: rgba(110, 245, 0, .045);
}

.closing-table tfoot td {
  background: rgba(110, 245, 0, .08);
  border-top: 1px solid rgba(110, 245, 0, .28);
  border-bottom: 1px solid rgba(110, 245, 0, .28);
  color: var(--text);
  font-size: 12px;
  font-weight: 950;
}

.closing-table tfoot td:first-child {
  color: var(--green-strong);
  letter-spacing: .08em;
}

.closing-table tfoot td:nth-child(2),
.closing-table tfoot td:nth-child(4),
.closing-table tfoot td:nth-child(5) {
  font-size: 13px;
}

.closing-edit-amount-input {
  width: 92px;
  height: 28px;
  padding: 4px 7px;
  border-radius: 9px;
  border: 1px solid rgba(110, 245, 0, .38);
  background: #fff;
  font-size: 11px;
  font-weight: 900;
  text-align: right;
  box-sizing: border-box;
}

.closing-icon-btn.edit {
  border: 1px solid rgba(18, 140, 64, .24);
  background: rgba(18, 140, 64, .07);
  color: #128c40;
  font-size: 14px;
}

.closing-icon-btn.success {
  border: 1px solid rgba(18, 140, 64, .30);
  background: rgba(18, 140, 64, .11);
  color: #128c40;
  font-size: 14px;
}

.closing-icon-btn.neutral {
  border: 1px solid rgba(152, 162, 179, .28);
  background: rgba(152, 162, 179, .10);
  color: #667085;
  font-size: 14px;
}

.closing-calc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 8px;
}

.closing-department-card,
.closing-founders-card {
  background: #fff;
  border: 1px solid rgba(223,234,212,.92);
  border-radius: 16px;
  padding: 10px;
}

.closing-lines {
  display: grid;
  gap: 5px;
  margin-top: 8px;
}

.closing-lines div,
.closing-founders-grid div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 22px;
  font-size: 12px;
}

.closing-lines span,
.closing-founders-grid span {
  color: var(--muted);
  font-weight: 800;
}

.closing-lines b,
.closing-founders-grid b {
  font-weight: 950;
  text-align: right;
  white-space: nowrap;
}

.closing-lines .total {
  margin-top: 2px;
  padding-top: 6px;
  border-top: 1px dashed rgba(152, 162, 179, .25);
}

.closing-founders-card {
  margin-top: 8px;
}

.closing-founders-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.closing-founders-grid div {
  min-height: 34px;
  padding: 6px 8px;
  border-radius: 12px;
  background: rgba(110, 245, 0, .06);
  border: 1px solid rgba(110, 245, 0, .14);
}

.closing-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  margin-top: 8px;
}

.closing-empty {
  padding: 12px;
  font-size: 12px;
}

.closing-message,
.closing-error {
  font-size: 12px;
}

@media (max-width: 980px) {
  .closing-expense-form {
    grid-template-columns: 1fr 110px;
  }

  .closing-calc-grid,
  .closing-founders-grid {
    grid-template-columns: 1fr;
  }
}

/* v0.38.2 — read-only кабинеты глав депов */
.department-head-plan-panel {
  margin-bottom: 14px;
}

.department-head-metrics {
  margin-bottom: 14px;
}

.department-head-panel,
.department-head-total-section {
  margin-top: 14px;
}

.compact-block-title {
  margin: 10px 0 8px;
}

.department-head-manager-list {
  display: grid;
  gap: 8px;
}

.department-head-manager-row {
  display: grid;
  grid-template-columns: minmax(160px, 240px) 1fr;
  gap: 14px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(70, 88, 62, .12);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
}

.department-head-manager-main {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.department-head-manager-main strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.department-head-manager-progress {
  min-width: 0;
}

.department-head-plan-row {
  font-size: 12px;
  margin-bottom: 6px;
}

.department-head-table-wrap table,
.department-head-expenses-wrap table {
  font-size: 12px;
}

.department-head-events-table th,
.department-head-events-table td,
.department-head-requests-table th,
.department-head-requests-table td,
.department-head-expenses-table th,
.department-head-expenses-table td {
  padding: 8px 9px;
  vertical-align: middle;
}

.department-head-events-table td:nth-child(7),
.department-head-events-table td:nth-child(8),
.department-head-events-table td:nth-child(9),
.department-head-events-table td:nth-child(10),
.department-head-events-table td:nth-child(11),
.department-head-requests-table td:nth-child(6),
.department-head-expenses-table td:nth-child(3),
.department-head-expenses-table td:nth-child(4) {
  text-align: right;
  white-space: nowrap;
}

.department-head-calc-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.mini-chip {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(50, 168, 82, .12);
  color: #277235;
  font-size: 10px;
  font-weight: 900;
  vertical-align: middle;
}

@media (max-width: 820px) {
  .department-head-manager-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}


/* v0.38.3 — полировка кабинета глав депов */
.department-head-manager-main {
  justify-content: flex-start;
}

.manager-events-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(50, 168, 82, .13);
  color: #277235;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  flex: 0 0 auto;
}

.department-head-plan-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 70px;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
}

.department-head-plan-row span,
.department-head-plan-row strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.department-head-plan-row span:nth-child(2) {
  text-align: center;
}

.department-head-plan-row strong {
  text-align: right;
}

.department-head-filters-row {
  margin-bottom: 10px;
}

.department-head-calc-grid {
  grid-template-columns: repeat(6, minmax(112px, 1fr));
  gap: 10px;
}

.department-head-calc-grid .metric {
  min-width: 0;
  padding: 12px 10px;
  border-radius: 16px;
}

.department-head-calc-grid .metric .label {
  font-size: 11px;
  line-height: 1.15;
}

.department-head-calc-grid .metric .value {
  font-size: clamp(14px, 1.35vw, 18px);
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 980px) {
  .department-head-calc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .department-head-plan-row {
    grid-template-columns: 1fr;
  }
  .department-head-plan-row span:nth-child(2),
  .department-head-plan-row strong {
    text-align: left;
  }
}

/* v0.38.5 — главдеп: план по центру + независимая модалка расходов */
.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 72px;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong:nth-child(2) {
  text-align: center;
}

.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong:nth-child(3) {
  text-align: right;
}

.department-expense-summary-card {
  appearance: none;
  border: 1px solid rgba(70, 88, 62, .12);
  cursor: pointer;
  text-align: left;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.department-expense-summary-card:hover {
  transform: translateY(-1px);
  border-color: rgba(53, 203, 40, .38);
  box-shadow: 0 14px 30px rgba(32, 56, 15, .1);
}

.department-expense-summary-card .metric-hint {
  margin-top: 5px;
  font-size: 10.5px;
  font-weight: 800;
  color: #5f6d57;
  white-space: nowrap;
}

.department-expenses-modal-backdrop {
  z-index: 90;
}

.department-expenses-modal {
  width: fit-content;
  min-width: min(620px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  padding: 22px 24px 24px;
}

.department-expenses-modal #departmentExpensesModalContent {
  width: fit-content;
  max-width: 100%;
}

.department-expenses-modal-content {
  display: grid;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
}

.department-expenses-modal-summary {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(70, 88, 62, .12);
  border-radius: 14px;
  background: rgba(247, 252, 243, .9);
  font-size: 12px;
}

.department-expenses-modal-summary span {
  font-weight: 900;
}

.department-expenses-modal-summary strong {
  font-size: 13px;
  white-space: nowrap;
}

.department-expenses-modal-summary em {
  color: #6a745f;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.department-head-expenses-wrap.compact-expenses-wrap {
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  border-radius: 14px;
}

.department-head-expenses-table.compact-expenses-table {
  width: auto;
  min-width: 0;
  table-layout: auto;
  font-size: 11.5px;
  white-space: nowrap;
}

.department-head-expenses-table.compact-expenses-table th,
.department-head-expenses-table.compact-expenses-table td {
  padding: 7px 9px;
  text-align: center;
  vertical-align: middle;
}

.department-head-expenses-table.compact-expenses-table th:first-child,
.department-head-expenses-table.compact-expenses-table td:first-child,
.department-head-expenses-table.compact-expenses-table th:last-child,
.department-head-expenses-table.compact-expenses-table td:last-child {
  text-align: left;
}

.department-head-expenses-table.compact-expenses-table td:nth-child(3),
.department-head-expenses-table.compact-expenses-table td:nth-child(4) {
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.compact-empty-state {
  padding: 12px 14px;
  font-size: 12px;
}

@media (max-width: 720px) {
  .department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) {
    grid-template-columns: 1fr;
  }
  .department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong:nth-child(2),
  .department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong:nth-child(3) {
    text-align: left;
  }
  .department-expenses-modal {
    min-width: 0;
    width: calc(100vw - 24px);
    padding: 18px 16px;
  }
  .department-expenses-modal-summary {
    grid-template-columns: 1fr;
  }
}


/* v0.38.6 — главдеп: настоящий центр плана в строке шкалы
   Причина v0.38.5: grid 1fr/1fr/72px ставил План в центр второй колонки,
   а не в центр всей шкалы. Теперь метки независимы: факт слева, план по центру, % справа. */
.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row),
.department-head-plan-row {
  position: relative;
  display: block;
  width: 100%;
  min-height: 18px;
  gap: 0;
}

.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong,
.department-head-plan-row span,
.department-head-plan-row strong {
  position: absolute;
  top: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong:nth-child(1),
.department-head-plan-row span:nth-child(1) {
  left: 0;
  max-width: 42%;
  text-align: left;
}

.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong:nth-child(2),
.department-head-plan-row span:nth-child(2) {
  left: 50%;
  transform: translateX(-50%);
  max-width: 42%;
  text-align: center;
}

.department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong:nth-child(3),
.department-head-plan-row strong:nth-child(3) {
  right: 0;
  max-width: 86px;
  text-align: right;
}

@media (max-width: 720px) {
  .department-head-plan-panel .manager-plan-row:not(.department-head-plan-row),
  .department-head-plan-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3px;
    min-height: 0;
  }

  .department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong,
  .department-head-plan-row span,
  .department-head-plan-row strong {
    position: static;
    transform: none;
    max-width: 100%;
    text-align: left !important;
  }
}

/* v0.38.8 login screen cleanup: only the auth card, no top header */
body.login-mode .brand-topbar {
  display: none !important;
}

body.login-mode .app-shell {
  min-height: 100vh;
  width: min(1500px, calc(100% - 40px));
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.login-mode main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.login-mode #loginScreen.auth-card {
  margin: 0 auto;
}

body.login-mode #loginScreen .auth-title {
  font-size: 22px;
  line-height: 1.18;
  margin: 0 auto 24px;
  text-align: center;
  max-width: 360px;
  letter-spacing: -.025em;
}

body.login-mode #loginScreen .auth-title::before {
  display: none !important;
  content: none !important;
}

@media (max-width: 540px) {
  body.login-mode .app-shell {
    width: min(100% - 20px, 1500px);
    padding: 16px 0;
  }

  body.login-mode #loginScreen .auth-title {
    font-size: 20px;
    max-width: 300px;
  }
}


/* v0.40.24: compact admin event editor + fixed estimate colors */
#eventModalBackdrop.admin-event-edit-mode .estimate-tabs { display: none !important; }
#eventModalBackdrop.admin-event-edit-mode .modal,
#eventModalBackdrop.admin-event-edit-mode .event-modal,
#eventModalBackdrop.admin-event-edit-mode .modal-card {
  width: min(1500px, calc(100vw - 24px)) !important;
  max-width: 1500px !important;
}
#eventModalBackdrop.admin-event-edit-mode #eventModalContent,
#eventModalBackdrop.admin-event-edit-mode .estimate-table-wrap { overflow-x: hidden !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table th,
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table td {
  padding: 6px 5px !important;
  font-size: 11px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table input,
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table select {
  min-height: 28px !important;
  padding: 4px 5px !important;
  font-size: 11px !important;
  border-radius: 7px !important;
}
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.drag-col,
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table th.drag-col,
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table td.drag-col {
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.position-col { width: 14% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.plan-col { width: 9% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.fact-col { width: 9% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.commission-col { width: 7.5% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.payment-col { width: 9% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.bin-col { width: 9% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.kgd-col { width: 42px !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.vat-col { width: 7% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.deduction-col { width: 7% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.paid-col { width: 7.5% !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table col.actions-col { width: 32px !important; }
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table th.kgd-col,
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table td.kgd-col {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  text-align: center !important;
}
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table td.kgd-col .icon-btn {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 8px !important;
}

#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table th.kgd-col,
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table td.kgd-col {
  background: #f4f7ec !important;
}
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table th.paid-col,
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table td.paid-col {
  background: #fff !important;
}
#eventModalBackdrop.admin-event-edit-mode .internal-estimate-table .drag-handle {
  width: 16px !important;
  height: 16px !important;
  font-size: 10px !important;
  border-radius: 4px !important;
}

/* Цвета внутренних колонок должны быть постоянными, а не зависеть от сдвига nth-child. */
.internal-estimate-table th.vat-col,
.internal-estimate-table td.vat-col,
.internal-estimate-table col.vat-col,
.event-modal-estimate-table th.vat-col,
.event-modal-estimate-table td.vat-col,
.event-modal-estimate-table col.vat-col {
  background: #eaf8fb !important;
}
.internal-estimate-table th.deduction-col,
.internal-estimate-table td.deduction-col,
.internal-estimate-table col.deduction-col,
.event-modal-estimate-table th.deduction-col,
.event-modal-estimate-table td.deduction-col,
.event-modal-estimate-table col.deduction-col {
  background: #f3effb !important;
}
.internal-estimate-table th.commission-col,
.internal-estimate-table td.commission-col,
.event-modal-estimate-table th.commission-col,
.event-modal-estimate-table td.commission-col,
.event-modal-estimate-table th.method-col,
.event-modal-estimate-table td.method-col {
  background: #f4f7ec !important;
}
.internal-estimate-table th.paid-col,
.internal-estimate-table td.paid-col,
.event-modal-estimate-table th.paid-col,
.event-modal-estimate-table td.paid-col {
  background: #fff !important;
}
.event-modal-estimate-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}
.event-modal-estimate-table col.position-col { width: 28% !important; }
.event-modal-estimate-table col.amount-col,
.event-modal-estimate-table col.commission-col,
.event-modal-estimate-table col.vat-col,
.event-modal-estimate-table col.deduction-col { width: 10.5% !important; }
.event-modal-estimate-table col.method-col { width: 11% !important; }
.event-modal-estimate-table th,
.event-modal-estimate-table td {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* v0.40.29 — badges with total monthly event count in admin and department-head overview */
.overview-subline-with-badge {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}

.overview-events-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(50, 168, 82, .13);
  border: 1px solid rgba(50, 168, 82, .20);
  color: #277235;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.overview-company-card .overview-events-count-badge {
  min-width: 26px;
  height: 24px;
  font-size: 13px;
}


/* v0.40.30 — customer prepayments in admin event modal */
.modal-metric-cards .customer-paid-metric,
.manager-summary-grid .customer-paid-metric {
  background: rgba(245, 246, 248, .96) !important;
  border-color: rgba(130, 138, 150, .22) !important;
}
.modal-metric-cards .customer-paid-metric.is-complete,
.manager-summary-grid .customer-paid-metric.is-complete {
  background: rgba(50, 168, 82, .12) !important;
  border-color: rgba(50, 168, 82, .28) !important;
}
.customer-paid-rest {
  margin-top: 4px;
  color: #69707c;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.customer-payment-add-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}
.customer-payment-add-row input {
  min-width: 0;
  width: 100%;
  height: 30px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid rgba(130, 138, 150, .28);
  background: #fff;
  font-size: 12px;
  font-weight: 800;
}
.customer-payment-add-row .icon-btn {
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 8px;
}
@media (min-width: 901px) {
  #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* v0.40.38 — month lists show only day number; dates never wrap */
.date-day-cell {
  width: 44px;
  min-width: 44px;
  max-width: 52px;
  text-align: center;
  font-weight: 800;
  white-space: nowrap !important;
}

.admin-events-table th:first-child,
.admin-events-table td:first-child,
.department-head-events-table th:first-child,
.department-head-events-table td:first-child,
.department-head-requests-table th:first-child,
.department-head-requests-table td:first-child,
table td.date-day-cell {
  white-space: nowrap !important;
}

/* v0.40.50: lightweight local button lock during patch-update actions */
button.soft-loading,
button.is-loading {
  cursor: wait;
  opacity: 0.72;
}

button.soft-loading::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-left: 0.45em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  vertical-align: -0.1em;
  animation: cfButtonSpin 0.7s linear infinite;
}

@keyframes cfButtonSpin {
  to { transform: rotate(360deg); }
}

/* v0.40.76 compact request tables: one-line cells with native hover tooltips */
.request-compact-table {
  table-layout: fixed;
  min-width: 1120px;
  font-size: 12px;
}

.request-compact-table th,
.request-compact-table td {
  padding: 8px 7px;
  line-height: 1.12;
  vertical-align: middle;
}

.request-compact-table th {
  font-size: 10px;
  letter-spacing: .07em;
}

.request-compact-table .clip-cell {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.request-compact-table .request-main-amount,
.request-compact-table strong {
  font-size: 13px;
  line-height: 1.05;
}

.request-compact-table .status {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 7px;
  font-size: 10.5px;
}

.request-compact-table .request-actions-cell {
  overflow: visible;
  white-space: nowrap;
}

.request-compact-table .request-actions-row {
  flex-wrap: nowrap;
  gap: 6px;
  min-width: 0;
}

.request-compact-table .request-actions-row button,
.request-compact-table button.small {
  padding: 7px 9px;
  border-radius: 12px;
  font-size: 12px;
}

.admin-requests-table th:nth-child(1),
.admin-requests-table td:nth-child(1) { width: 4%; }
.admin-requests-table th:nth-child(2),
.admin-requests-table td:nth-child(2) { width: 11%; }
.admin-requests-table th:nth-child(3),
.admin-requests-table td:nth-child(3) { width: 8%; }
.admin-requests-table th:nth-child(4),
.admin-requests-table td:nth-child(4) { width: 8%; }
.admin-requests-table th:nth-child(5),
.admin-requests-table td:nth-child(5) { width: 10%; }
.admin-requests-table th:nth-child(6),
.admin-requests-table td:nth-child(6) { width: 15%; }
.admin-requests-table th:nth-child(7),
.admin-requests-table td:nth-child(7) { width: 7%; }
.admin-requests-table th:nth-child(8),
.admin-requests-table td:nth-child(8) { width: 8%; }
.admin-requests-table th:nth-child(9),
.admin-requests-table td:nth-child(9) { width: 8%; }
.admin-requests-table th:nth-child(10),
.admin-requests-table td:nth-child(10) { width: 8%; }
.admin-requests-table th:nth-child(11),
.admin-requests-table td:nth-child(11) { width: 13%; }

.event-modal-requests-table {
  table-layout: fixed;
  width: 100%;
}
.event-modal-requests-table th:nth-child(1),
.event-modal-requests-table td:nth-child(1) { width: 11%; }
.event-modal-requests-table th:nth-child(2),
.event-modal-requests-table td:nth-child(2) { width: 8%; }
.event-modal-requests-table th:nth-child(3),
.event-modal-requests-table td:nth-child(3) { width: 17%; }
.event-modal-requests-table th:nth-child(4),
.event-modal-requests-table td:nth-child(4) { width: 8%; text-align: center; }
.event-modal-requests-table th:nth-child(5),
.event-modal-requests-table td:nth-child(5) { width: 8%; }
.event-modal-requests-table th:nth-child(6),
.event-modal-requests-table td:nth-child(6) { width: 9%; }
.event-modal-requests-table th:nth-child(7),
.event-modal-requests-table td:nth-child(7) { width: 8%; }
.event-modal-requests-table th:nth-child(8),
.event-modal-requests-table td:nth-child(8) { width: 9%; }
.event-modal-requests-table th:nth-child(9),
.event-modal-requests-table td:nth-child(9) { width: 22%; }

.event-modal-requests-table th,
.event-modal-requests-table td {
  padding-left: 5px;
  padding-right: 5px;
}

.event-modal-requests-table .request-amount-cell,
.event-modal-requests-table .request-method-cell,
.event-modal-requests-table .request-tax-cell,
.event-modal-requests-table .request-status-cell,
.event-modal-requests-table .request-money-cell,
.event-modal-requests-table .request-actions-cell {
  text-align: center;
}

.event-modal-requests-table .request-actions-row {
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
}

.event-modal-requests-table .request-actions-row button,
.event-modal-requests-table button.small {
  padding: 4px 7px;
  font-size: 10px;
  line-height: 1;
  border-radius: 9px;
  white-space: nowrap;
}

.event-modal-requests-table .event-request-status-badge {
  padding: 3px 6px;
  font-size: 10px;
  line-height: 1.05;
  max-width: 100%;
}

.department-head-requests-table.request-compact-table th:nth-child(1),
.department-head-requests-table.request-compact-table td:nth-child(1) { width: 5%; }
.department-head-requests-table.request-compact-table th:nth-child(2),
.department-head-requests-table.request-compact-table td:nth-child(2) { width: 12%; }
.department-head-requests-table.request-compact-table th:nth-child(3),
.department-head-requests-table.request-compact-table td:nth-child(3) { width: 10%; }
.department-head-requests-table.request-compact-table th:nth-child(4),
.department-head-requests-table.request-compact-table td:nth-child(4) { width: 11%; }
.department-head-requests-table.request-compact-table th:nth-child(5),
.department-head-requests-table.request-compact-table td:nth-child(5) { width: 13%; }
.department-head-requests-table.request-compact-table th:nth-child(6),
.department-head-requests-table.request-compact-table td:nth-child(6) { width: 17%; }
.department-head-requests-table.request-compact-table th:nth-child(7),
.department-head-requests-table.request-compact-table td:nth-child(7) { width: 9%; }
.department-head-requests-table.request-compact-table th:nth-child(8),
.department-head-requests-table.request-compact-table td:nth-child(8) { width: 9%; }
.department-head-requests-table.request-compact-table th:nth-child(9),
.department-head-requests-table.request-compact-table td:nth-child(9) { width: 7%; }
.department-head-requests-table.request-compact-table th:nth-child(10),
.department-head-requests-table.request-compact-table td:nth-child(10) { width: 7%; }

/* v0.40.79 admin overview: separate monthly finance card */
.overview-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 3.15fr) minmax(260px, 1fr);
  gap: 18px;
  margin-bottom: 20px;
}

.overview-top-grid .overview-company-card {
  margin-bottom: 0;
}

.overview-company-card-main {
  min-width: 0;
}

.overview-month-finance-card {
  background: linear-gradient(180deg, rgba(248, 250, 252, .96), rgba(255,255,255,.94));
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 24px;
  padding: 22px 22px;
  box-shadow: 0 18px 42px rgba(32, 56, 15, .075);
  display: grid;
  align-content: start;
  gap: 18px;
  min-width: 0;
}

.overview-finance-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.overview-finance-card-title {
  color: var(--text);
  font-size: 16px;
  font-weight: 950;
  white-space: nowrap;
}

.overview-finance-list {
  display: grid;
  gap: 10px;
}

.overview-finance-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
}

.overview-finance-row span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.1;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-finance-row strong {
  color: var(--text);
  font-size: clamp(17px, 1.35vw, 22px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.04em;
  white-space: nowrap;
}

@media (max-width: 1080px) {
  .overview-top-grid {
    grid-template-columns: 1fr;
  }
}

/* Google Sheets archive export */
.google-export-panel {
  display: grid;
  gap: 18px;
}
.google-export-card {
  background: #f8fbf5;
  border: 1px solid rgba(93, 180, 60, 0.20);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 16px 35px rgba(40, 80, 20, 0.08);
  display: grid;
  gap: 16px;
}
.google-export-card h3 {
  margin: 4px 0 8px;
  font-size: 24px;
}
.google-export-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.google-export-year-control {
  display: grid;
  gap: 6px;
  min-width: 160px;
  color: #6d7668;
  font-size: 13px;
  font-weight: 900;
}
.google-export-year-control select {
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(93, 180, 60, 0.22);
  background: #fff;
  color: var(--text);
  padding: 0 12px;
  font-size: 16px;
  font-weight: 900;
}
.google-export-stats {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.google-export-stats span {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid rgba(93, 180, 60, 0.18);
  font-weight: 800;
}
.google-export-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}
.google-export-action-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.google-export-action-row button {
  white-space: nowrap;
}
.google-export-status a {
  color: #239300;
  font-weight: 900;
  text-decoration: none;
}

/* v0.40.46: event-level manager salary percent edit */
.manager-salary-metric .manager-percent-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
}

.manager-percent-edit-btn {
  width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(126, 143, 116, .32);
  background: rgba(255, 255, 255, .78);
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
}

.manager-percent-edit-btn:hover {
  border-color: rgba(80, 210, 40, .65);
  box-shadow: 0 0 0 3px rgba(80, 210, 40, .10);
}

/* v0.40.56 — mobile-only admin compact mode. Desktop is untouched. */
@media (max-width: 720px) {
  body.admin-mode .app-shell {
    width: calc(100% - 14px);
    padding-top: 12px;
    padding-bottom: 28px;
  }

  body.admin-mode .topbar {
    gap: 10px;
    margin-bottom: 12px;
  }

  body.admin-mode h1 {
    font-size: 22px;
    line-height: 1.05;
  }

  body.admin-mode h2 {
    font-size: 17px;
    margin-bottom: 8px;
  }

  body.admin-mode h3 {
    font-size: 14px;
  }

  body.admin-mode .card {
    border-radius: 16px;
    padding: 12px;
  }

  body.admin-mode .toolbar,
  body.admin-mode .filters-row,
  body.admin-mode .section-head,
  body.admin-mode .topbar-actions {
    gap: 7px;
  }

  body.admin-mode .toolbar {
    margin-bottom: 10px;
  }

  body.admin-mode label,
  body.admin-mode .compact-label {
    font-size: 11px;
    gap: 5px;
    margin: 6px 0;
    min-width: 0;
  }

  body.admin-mode input,
  body.admin-mode select {
    min-height: 38px;
    padding: 9px 10px;
    border-radius: 12px;
    font-size: 14px;
  }

  body.admin-mode button {
    min-height: 38px;
    padding: 9px 11px;
    border-radius: 12px;
    font-size: 13px;
  }

  body.admin-mode button.small {
    min-height: 32px;
    padding: 7px 9px;
    border-radius: 10px;
    font-size: 12px;
  }

  body.admin-mode .tabs {
    gap: 6px;
    margin: 2px 0 10px;
    padding-bottom: 8px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  body.admin-mode .tab-btn {
    width: auto;
    flex: 0 0 auto;
    min-height: 34px;
    padding: 8px 10px;
    font-size: 12px;
    white-space: nowrap;
  }

  body.admin-mode .cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
  }

  body.admin-mode .metric {
    padding: 10px;
    border-radius: 14px;
  }

  body.admin-mode .metric .label {
    font-size: 10.5px;
    line-height: 1.1;
  }

  body.admin-mode .metric .value {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.05;
    letter-spacing: -.02em;
  }

  body.admin-mode .badge,
  body.admin-mode .status {
    min-height: 0;
    padding: 4px 7px;
    font-size: 10.5px;
    line-height: 1.05;
  }

  body.admin-mode .empty-state {
    padding: 12px;
    border-radius: 14px;
    font-size: 13px;
  }

  /* Admin events: on mobile the table becomes compact cards with only key info. */
  body.admin-mode .admin-events-table-wrap {
    overflow-x: visible !important;
  }

  body.admin-mode .admin-events-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border-spacing: 0 !important;
    font-size: 12px !important;
  }

  body.admin-mode .admin-events-table thead {
    display: none !important;
  }

  body.admin-mode .admin-events-table tbody {
    display: grid !important;
    gap: 8px !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    grid-template-areas:
      "date client status"
      "date title status"
      "manager manager manager"
      "turnover income income";
    gap: 3px 8px;
    padding: 9px 10px;
    border: 1px solid rgba(120, 140, 110, .16);
    border-radius: 15px;
    box-shadow: 0 8px 22px rgba(28, 45, 18, .055);
    overflow: hidden;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-sanzhar {
    background: rgba(225, 246, 218, .86) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-raufal {
    background: rgba(226, 241, 255, .86) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-mixed,
  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-mixed-sanzhar-raufal {
    background: linear-gradient(90deg, rgba(225, 246, 218, .86), rgba(244, 247, 241, .88), rgba(226, 241, 255, .86)) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row:not(.department-sanzhar):not(.department-raufal):not(.department-mixed):not(.department-mixed-sanzhar-raufal) {
    background: rgba(244, 247, 241, .90) !important;
  }

  body.admin-mode .admin-events-table th,
  body.admin-mode .admin-events-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.admin-mode .admin-events-table td:nth-child(1) {
    grid-area: date;
    align-self: start;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px;
    display: grid !important;
    place-items: center;
    border-radius: 12px !important;
    background: rgba(255,255,255,.62) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(2) {
    grid-area: manager;
    color: rgba(43, 54, 35, .76) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(3) {
    grid-area: client;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(3) strong {
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(4) {
    grid-area: title;
    color: rgba(43, 54, 35, .82) !important;
    font-size: 11.5px !important;
  }

  body.admin-mode .admin-events-table td:nth-child(6) {
    grid-area: status;
    align-self: start;
    justify-self: end;
    max-width: 94px !important;
  }

  body.admin-mode .admin-events-table td:nth-child(8) {
    grid-area: turnover;
    margin-top: 4px;
    padding-top: 6px !important;
    border-top: 1px solid rgba(110, 130, 100, .13) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(8)::before {
    content: "Оборот ";
    color: rgba(43, 54, 35, .62);
    font-weight: 800;
  }

  body.admin-mode .admin-events-table td:nth-child(9) {
    grid-area: income;
    margin-top: 4px;
    padding-top: 6px !important;
    border-top: 1px solid rgba(110, 130, 100, .13) !important;
    text-align: right;
    font-size: 11px !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(9)::before {
    content: "Доход ";
    color: rgba(43, 54, 35, .62);
    font-weight: 800;
  }

  body.admin-mode .admin-events-table td:nth-child(5),
  body.admin-mode .admin-events-table td:nth-child(7),
  body.admin-mode .admin-events-table td:nth-child(10),
  body.admin-mode .admin-events-table td:nth-child(11) {
    display: none !important;
  }

  body.admin-mode .admin-events-table .admin-event-status-badge,
  body.admin-mode .admin-events-table .admin-event-money-badge {
    max-width: 100% !important;
    padding: 4px 7px !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
}

/* v0.40.57 — mobile admin overview: strict mobile-only layout polish. Desktop is untouched. */
@media (max-width: 720px) {
  /* Header: keep only logo + ADMIN, no subtitle/no product text. */
  body.admin-mode .brand-topbar {
    align-items: center;
    margin-bottom: 8px;
    padding: 0 2px;
  }

  body.admin-mode .brand-block {
    flex-direction: row !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0;
  }

  body.admin-mode .brand-logo {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    border-radius: 10px;
    object-fit: cover;
  }

  body.admin-mode .brand-block .eyebrow,
  body.admin-mode #pageSubtitle {
    display: none !important;
  }

  body.admin-mode #pageTitle {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
  }

  body.admin-mode .topbar-actions {
    margin-left: auto;
  }

  /* Toolbar: month and year always share the first row. */
  body.admin-mode #dashboardScreen > .toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: end;
    gap: 7px !important;
    margin-bottom: 9px !important;
  }

  body.admin-mode #dashboardScreen > .toolbar .month-control,
  body.admin-mode #dashboardScreen > .toolbar .year-control {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.admin-mode #dashboardScreen > .toolbar .month-control select,
  body.admin-mode #dashboardScreen > .toolbar .year-control select {
    width: 100% !important;
  }

  body.admin-mode #reloadBtn,
  body.admin-mode #changePinOpenBtn {
    width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    font-size: 12px;
  }

  /* Remove the duplicate mobile section title "Админка". */
  body.admin-mode #dashboardScreen > .card > .section-head {
    display: none !important;
  }

  /* Company plan card: left-aligned data, event badge in top-right, no "Компания" label. */
  body.admin-mode .overview-company-card-main {
    position: relative;
    padding: 13px 13px 12px !important;
    border-radius: 17px !important;
    margin-bottom: 9px !important;
  }

  body.admin-mode .overview-company-card-main .overview-card-top {
    display: block !important;
    margin-bottom: 9px !important;
    padding-right: 76px;
  }

  body.admin-mode .overview-company-card-main .overview-company-title {
    display: none !important;
  }

  body.admin-mode .overview-company-card-main .overview-label {
    font-size: 10px !important;
    letter-spacing: .12em !important;
  }

  body.admin-mode .overview-company-card-main .overview-big-number {
    margin-top: 6px !important;
    font-size: 24px !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    text-align: left !important;
  }

  body.admin-mode .overview-company-card-main .overview-subline {
    display: block !important;
    margin-top: 3px !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.admin-mode .overview-company-card-main .overview-events-count-badge {
    position: absolute !important;
    top: 12px;
    right: 12px;
    height: 22px;
    min-width: 0;
    max-width: 68px;
    padding: 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px !important;
    white-space: nowrap;
  }

  body.admin-mode .overview-company-card-main .progress-line {
    height: 10px !important;
  }

  /* Keep monthly totals card readable but compact. */
  body.admin-mode .overview-top-grid {
    gap: 8px !important;
  }

  body.admin-mode .overview-month-finance-card {
    padding: 12px !important;
    border-radius: 17px !important;
  }

  body.admin-mode .overview-finance-card-title {
    display: none !important;
  }

  body.admin-mode .overview-finance-row {
    font-size: 12px !important;
    padding: 5px 0 !important;
  }

  /* Departments as a horizontal swipe carousel. */
  body.admin-mode .overview-departments-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 2px 10px;
    margin-left: -2px;
    margin-right: -2px;
  }

  body.admin-mode .overview-departments-grid::-webkit-scrollbar {
    display: none;
  }

  body.admin-mode .department-overview-card {
    position: relative;
    flex: 0 0 calc(100vw - 28px);
    max-width: calc(100vw - 28px);
    scroll-snap-align: start;
    padding: 13px !important;
    border-radius: 17px !important;
  }

  body.admin-mode .department-card-head {
    display: block !important;
    margin-bottom: 10px !important;
    padding-right: 74px;
  }

  body.admin-mode .department-card-head .overview-label {
    display: none !important;
  }

  body.admin-mode .department-card-head h3 {
    margin: 0 0 5px !important;
    color: var(--accent-dark);
    font-size: 12px !important;
    line-height: 1 !important;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 950;
  }

  body.admin-mode .department-total {
    text-align: left !important;
  }

  body.admin-mode .department-total > div {
    font-size: 22px !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
  }

  body.admin-mode .department-total > span {
    display: block !important;
    margin-top: 2px;
    color: rgba(43,54,35,.68);
    font-size: 10.5px !important;
    line-height: 1.15;
  }

  body.admin-mode .department-overview-card .overview-events-count-badge {
    position: absolute !important;
    top: 12px;
    right: 12px;
    height: 22px;
    max-width: 68px;
    padding: 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px !important;
    white-space: nowrap;
  }

  body.admin-mode .department-overview-card > .progress-line {
    height: 8px !important;
    margin-bottom: 10px !important;
  }

  /* Manager rows: one compact info line + progress bar. */
  body.admin-mode .manager-progress-list {
    gap: 6px !important;
  }

  body.admin-mode .manager-progress-row.is-inactive {
    display: none !important;
  }

  body.admin-mode .manager-progress-row {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding: 8px 9px !important;
    border-radius: 13px !important;
  }

  body.admin-mode .manager-progress-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px !important;
  }

  body.admin-mode .manager-progress-main strong {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 4px;
    font-size: 11px !important;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
  }

  body.admin-mode .manager-progress-main strong > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.admin-mode .manager-progress-main span:not(.champion-badge) {
    font-size: 10.5px !important;
    line-height: 1.1;
    white-space: nowrap;
  }

  body.admin-mode .manager-events-count-badge {
    height: 16px;
    min-width: 16px;
    padding: 0 4px;
    font-size: 9px;
  }

  body.admin-mode .champion-badge {
    transform: scale(.86);
    transform-origin: center;
  }

  body.admin-mode .manager-progress-bar .progress-line {
    height: 7px !important;
  }

  body.admin-mode .manager-delete-btn,
  body.admin-mode .manager-restore-btn,
  body.admin-mode .manager-action-placeholder {
    display: none !important;
  }
}



/* v0.40.58 — mobile admin header and overview tightening. Desktop is untouched. */
@media (max-width: 720px) {
  /* Header: full logo in the left top corner, ADMIN in the right top corner. */
  body.admin-mode .brand-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand admin"
      "actions actions";
    align-items: start !important;
    gap: 10px 12px !important;
    padding: 14px 16px 13px !important;
  }

  body.admin-mode .brand-block {
    display: contents !important;
  }

  body.admin-mode .brand-logo {
    grid-area: brand;
    justify-self: start;
    width: 118px !important;
    max-width: 44vw !important;
    height: auto !important;
    max-height: 42px !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
    mix-blend-mode: multiply;
  }

  body.admin-mode .brand-block > div {
    grid-area: admin;
    justify-self: end;
    align-self: start;
    min-width: 0;
    text-align: right;
  }

  body.admin-mode #pageTitle {
    margin-top: 3px !important;
    font-size: 14px !important;
    letter-spacing: .18em !important;
  }

  body.admin-mode .topbar-actions {
    grid-area: actions;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100% !important;
    gap: 8px !important;
    margin-left: 0 !important;
  }

  body.admin-mode .topbar-actions #changePinOpenBtn,
  body.admin-mode .topbar-actions #logoutBtn {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 12px !important;
  }

  /* Month/year/update in one compact row. */
  body.admin-mode #dashboardScreen > .toolbar {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .78fr) minmax(88px, .72fr) !important;
    gap: 6px !important;
    align-items: end !important;
  }

  body.admin-mode #dashboardScreen > .toolbar .month-control,
  body.admin-mode #dashboardScreen > .toolbar .year-control {
    max-width: none !important;
  }

  body.admin-mode #dashboardScreen > .toolbar .month-control select,
  body.admin-mode #dashboardScreen > .toolbar .year-control select {
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
  }

  body.admin-mode #reloadBtn {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
  }

  body.admin-mode #changePinOpenBtn {
    width: 100% !important;
  }

  /* Event count badges: make room for the full word. */
  body.admin-mode .overview-company-card-main .overview-card-top,
  body.admin-mode .department-card-head {
    padding-right: 110px !important;
  }

  body.admin-mode .overview-company-card-main .overview-events-count-badge,
  body.admin-mode .department-overview-card .overview-events-count-badge {
    min-width: 102px !important;
    max-width: 112px !important;
    height: 24px !important;
    padding: 0 10px !important;
    justify-content: center !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
  }

  /* Monthly totals: more inner breathing room, slightly smaller values. */
  body.admin-mode .overview-month-finance-card {
    padding: 12px 11px !important;
  }

  body.admin-mode .overview-finance-list {
    gap: 7px !important;
  }

  body.admin-mode .overview-finance-row {
    gap: 8px !important;
    padding: 8px 13px 8px 14px !important;
    border-radius: 15px !important;
    overflow: visible !important;
  }

  body.admin-mode .overview-finance-row span {
    font-size: 10.5px !important;
    letter-spacing: .075em !important;
  }

  body.admin-mode .overview-finance-row strong {
    font-size: 18px !important;
    letter-spacing: -.045em !important;
  }

  /* Department carousel cards must fit inside the phone viewport. */
  body.admin-mode .overview-departments-grid {
    width: 100% !important;
    padding: 0 0 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.admin-mode .department-overview-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 12px !important;
  }
}

/* v0.40.59 — mobile admin events tab polish. Desktop is untouched. */
@media (max-width: 720px) {
  /* Event filters: four menus in one compact row. */
  body.admin-mode .filters-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    align-items: end !important;
    margin: 0 0 8px !important;
  }

  body.admin-mode .filters-row .compact-label {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 3px !important;
    color: rgba(43, 54, 35, .66) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body.admin-mode .filters-row select {
    width: 100% !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 5px 5px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
  }

  /* Event cards: one full filled card, no text-highlight look. */
  body.admin-mode .admin-events-table tbody {
    gap: 7px !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto auto !important;
    grid-template-areas:
      "date client status money"
      "date title turnover turnover"
      "manager manager income income" !important;
    gap: 3px 6px !important;
    width: 100% !important;
    padding: 9px 9px !important;
    border: 1px solid rgba(120, 140, 110, .18) !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 20px rgba(28, 45, 18, .06) !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-sanzhar {
    background: linear-gradient(135deg, rgba(228, 250, 219, .96), rgba(255, 255, 255, .90)) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-raufal {
    background: linear-gradient(135deg, rgba(225, 241, 255, .96), rgba(255, 255, 255, .90)) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-mixed,
  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-mixed-sanzhar-raufal {
    background: linear-gradient(135deg, rgba(228, 250, 219, .94), rgba(255, 255, 255, .90), rgba(225, 241, 255, .94)) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row:not(.department-sanzhar):not(.department-raufal):not(.department-mixed):not(.department-mixed-sanzhar-raufal) {
    background: linear-gradient(135deg, rgba(247, 250, 244, .96), rgba(255, 255, 255, .90)) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row td {
    background: transparent !important;
    box-shadow: none !important;
  }

  body.admin-mode .admin-events-table td:nth-child(1) {
    grid-area: date !important;
    align-self: start !important;
    justify-self: start !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .70) !important;
    color: rgba(28, 32, 24, .92) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(3) {
    grid-area: client !important;
    align-self: end !important;
    min-width: 0 !important;
    padding-top: 1px !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(3) strong {
    font-size: 12px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(4) {
    grid-area: title !important;
    color: rgba(43, 54, 35, .78) !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(2) {
    grid-area: manager !important;
    margin-top: 2px !important;
    color: rgba(43, 54, 35, .72) !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(6) {
    grid-area: status !important;
    align-self: start !important;
    justify-self: end !important;
    max-width: 58px !important;
    margin: 0 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(7) {
    display: block !important;
    grid-area: money !important;
    align-self: start !important;
    justify-self: end !important;
    max-width: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.admin-mode .admin-events-table td:nth-child(8) {
    grid-area: turnover !important;
    justify-self: end !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
    border-top: 1px solid rgba(110, 130, 100, .12) !important;
    text-align: right !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(8)::before {
    content: "Оборот " !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(9) {
    grid-area: income !important;
    justify-self: end !important;
    margin-top: 0 !important;
    padding-top: 1px !important;
    border-top: 0 !important;
    text-align: right !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(9)::before {
    content: "Доход " !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(5),
  body.admin-mode .admin-events-table td:nth-child(10),
  body.admin-mode .admin-events-table td:nth-child(11) {
    display: none !important;
  }

  body.admin-mode .admin-events-table .admin-event-status-badge,
  body.admin-mode .admin-events-table .admin-event-money-badge {
    max-width: 100% !important;
    padding: 4px 5px !important;
    border-radius: 999px !important;
    font-size: 8.8px !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
  }
}

/* v0.40.61 — mobile admin events cards polish. Desktop-safe by default. */
.admin-event-calc-mobile {
  display: none;
}

@media (max-width: 720px) {
  body.admin-mode .admin-events-table tbody tr.admin-event-row {
    grid-template-columns: 40px minmax(0, 1fr) max-content max-content !important;
    column-gap: 5px !important;
  }

  body.admin-mode .admin-events-table td:nth-child(1) {
    border: 1px solid rgba(24, 28, 22, .78) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45) !important;
  }

  body.admin-mode .admin-events-table td:nth-child(3) {
    display: flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body.admin-mode .admin-events-table td:nth-child(3) strong {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode .admin-events-table .admin-event-calc-mobile {
    display: inline-block !important;
    flex: 0 0 auto !important;
    max-width: 88px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 8.8px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
  }

  body.admin-mode .admin-events-table td:nth-child(6),
  body.admin-mode .admin-events-table td:nth-child(7) {
    max-width: none !important;
    min-width: max-content !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-events-table .admin-event-status-badge,
  body.admin-mode .admin-events-table .admin-event-money-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 22px !important;
    padding: 4px 7px !important;
    font-size: 8.6px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}


/* v0.40.62 — date chips and mobile event badge/color polish. */
.admin-events-table td.date-day-cell,
.department-head-events-table td.date-day-cell {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 42px !important;
  height: 30px !important;
  padding: 4px 6px !important;
  border: 1px solid rgba(24, 28, 22, .78) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

@media (max-width: 720px) {
  /* Sanjar events are blue, Raufal events are peach. */
  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-sanzhar {
    background: linear-gradient(135deg, rgba(225, 241, 255, .96), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(46, 126, 190, .18) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-raufal {
    background: linear-gradient(135deg, rgba(255, 232, 210, .96), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(218, 139, 78, .20) !important;
  }

  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-mixed,
  body.admin-mode .admin-events-table tbody tr.admin-event-row.department-mixed-sanzhar-raufal {
    background: linear-gradient(135deg, rgba(225, 241, 255, .94), rgba(255, 255, 255, .90), rgba(255, 232, 210, .94)) !important;
    border-color: rgba(150, 136, 118, .18) !important;
  }

  body.admin-mode .admin-events-table td:nth-child(1).date-day-cell {
    min-width: 36px !important;
    width: 36px !important;
    height: 38px !important;
    margin: 0 !important;
  }

  body.admin-mode .admin-events-table .admin-event-status-badge,
  body.admin-mode .admin-events-table .admin-event-money-badge {
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  body.admin-mode .admin-events-table .admin-event-money-badge {
    margin-left: 0 !important;
    font-size: 8.6px !important;
  }
}

/* v0.40.63 — desktop event date column as separate calendar chip, row rounded from data columns. */
@media (min-width: 721px) {
  .admin-events-table,
  .department-head-events-table {
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
  }

  .admin-events-table th:first-child,
  .admin-events-table td:first-child,
  .department-head-events-table th:first-child,
  .department-head-events-table td:first-child {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .admin-events-table td.date-day-cell,
  .department-head-events-table td.date-day-cell {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(22, 25, 21, .82) !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 34px !important;
    font-weight: 950 !important;
  }

  .admin-events-table tbody tr.admin-event-row td:first-child,
  .department-head-events-table tbody tr td:first-child {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .admin-events-table tbody tr.admin-event-row td:nth-child(2),
  .department-head-events-table tbody tr td:nth-child(2) {
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
  }

  .admin-events-table tbody tr.admin-event-row td:last-child,
  .department-head-events-table tbody tr td:last-child {
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
  }
}

/* v0.40.64 — desktop table date column and numeric/header alignment polish. */
@media (min-width: 721px) {
  .admin-events-table th,
  .admin-requests-table th,
  .department-head-events-table th,
  .department-head-requests-table th,
  .request-compact-table th {
    text-align: center !important;
  }

  .admin-events-table th:nth-child(1),
  .admin-events-table td:nth-child(1),
  .department-head-events-table th:nth-child(1),
  .department-head-events-table td:nth-child(1) {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center !important;
  }

  .admin-events-table th:nth-child(1),
  .department-head-events-table th:nth-child(1) {
    font-size: 8.2px !important;
    letter-spacing: .025em !important;
  }

  .admin-events-table td.date-day-cell,
  .department-head-events-table td.date-day-cell {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    line-height: 28px !important;
    border-radius: 9px !important;
    text-align: center !important;
    vertical-align: middle !important;
  }

  .admin-events-table td:nth-child(7),
  .admin-events-table td:nth-child(8),
  .admin-events-table td:nth-child(9),
  .admin-events-table td:nth-child(10),
  .admin-events-table td:nth-child(11),
  .department-head-events-table td:nth-child(7),
  .department-head-events-table td:nth-child(8),
  .department-head-events-table td:nth-child(9),
  .department-head-events-table td:nth-child(10),
  .department-head-events-table td:nth-child(11) {
    text-align: center !important;
  }

  .admin-requests-table td.date-day-cell,
  .department-head-requests-table td.date-day-cell,
  .request-compact-table td.date-day-cell,
  .admin-requests-table td:nth-child(2),
  .admin-requests-table td:nth-child(7),
  .admin-requests-table td:nth-child(9),
  .admin-requests-table td:nth-child(10),
  .admin-requests-table td:nth-child(11),
  .department-head-requests-table td:nth-child(2),
  .department-head-requests-table td:nth-child(7),
  .department-head-requests-table td:nth-child(9),
  .department-head-requests-table td:nth-child(10),
  .department-head-requests-table td:nth-child(11),
  .request-compact-table td:nth-child(2),
  .request-compact-table td:nth-child(7),
  .request-compact-table td:nth-child(9),
  .request-compact-table td:nth-child(10),
  .request-compact-table td:nth-child(11) {
    text-align: center !important;
  }

  .admin-requests-table td:nth-child(7) strong,
  .department-head-requests-table td:nth-child(7) strong,
  .request-compact-table td:nth-child(7) strong {
    display: inline-block;
    width: 100%;
    text-align: center !important;
  }
}

/* v0.40.65 — desktop tables: compact outlined dates, centered statuses, no request horizontal scroll. */
@media (min-width: 721px) {
  /* Admin / department event tables */
  .admin-events-table,
  .department-head-events-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .admin-events-table th,
  .department-head-events-table th,
  .admin-requests-table th,
  .department-head-requests-table th,
  .request-compact-table th {
    text-align: center !important;
  }

  .admin-events-table th:nth-child(1),
  .admin-events-table td:nth-child(1),
  .department-head-events-table th:nth-child(1),
  .department-head-events-table td:nth-child(1) {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    text-align: center !important;
    background: transparent !important;
  }

  .admin-events-table td.date-day-cell,
  .department-head-events-table td.date-day-cell {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 28px !important;
    padding: 0 !important;
    border: 1px solid rgba(22, 25, 21, .82) !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 26px !important;
    font-weight: 950 !important;
  }

  .admin-events-table tbody tr.admin-event-row td:first-child,
  .department-head-events-table tbody tr td:first-child {
    background: transparent !important;
    border-radius: 8px !important;
  }

  .admin-events-table tbody tr.admin-event-row td:nth-child(2),
  .department-head-events-table tbody tr td:nth-child(2) {
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
  }

  .admin-events-table td:nth-child(6),
  .admin-events-table td:nth-child(7),
  .department-head-events-table td:nth-child(6),
  .department-head-events-table td:nth-child(7) {
    text-align: center !important;
  }

  .admin-events-table td:nth-child(8),
  .department-head-events-table td:nth-child(8) {
    font-weight: 950 !important;
    text-align: center !important;
  }

  .admin-events-table td:nth-child(9),
  .admin-events-table td:nth-child(10),
  .admin-events-table td:nth-child(11),
  .department-head-events-table td:nth-child(9),
  .department-head-events-table td:nth-child(10),
  .department-head-events-table td:nth-child(11) {
    text-align: center !important;
  }

  .admin-events-table .admin-event-status-badge,
  .admin-events-table .admin-event-money-badge,
  .department-head-events-table .admin-event-status-badge,
  .department-head-events-table .admin-event-money-badge,
  .department-head-events-table .status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Request tables: fit the web viewport without horizontal scroll. */
  .request-compact-table,
  .admin-requests-table,
  .department-head-requests-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    font-size: 11px !important;
  }

  .admin-requests-table-wrap,
  .admin-requests-table-wrap .table-wrap,
  .table-wrap:has(.admin-requests-table),
  .table-wrap:has(.department-head-requests-table) {
    overflow-x: visible !important;
  }

  .request-compact-table th,
  .request-compact-table td {
    padding: 6px 4px !important;
    font-size: 11px !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .request-compact-table th {
    font-size: 8.5px !important;
    letter-spacing: .025em !important;
  }

  .admin-requests-table th:nth-child(1),
  .admin-requests-table td:nth-child(1),
  .department-head-requests-table th:nth-child(1),
  .department-head-requests-table td:nth-child(1),
  .request-compact-table th:nth-child(1),
  .request-compact-table td:nth-child(1) { width: 3.5% !important; }

  .admin-requests-table th:nth-child(2),
  .admin-requests-table td:nth-child(2),
  .department-head-requests-table th:nth-child(2),
  .department-head-requests-table td:nth-child(2),
  .request-compact-table th:nth-child(2),
  .request-compact-table td:nth-child(2) { width: 6% !important; }

  .admin-requests-table th:nth-child(3),
  .admin-requests-table td:nth-child(3),
  .department-head-requests-table th:nth-child(3),
  .department-head-requests-table td:nth-child(3),
  .request-compact-table th:nth-child(3),
  .request-compact-table td:nth-child(3) { width: 8% !important; }

  .admin-requests-table th:nth-child(4),
  .admin-requests-table td:nth-child(4),
  .department-head-requests-table th:nth-child(4),
  .department-head-requests-table td:nth-child(4),
  .request-compact-table th:nth-child(4),
  .request-compact-table td:nth-child(4) { width: 10% !important; }

  .admin-requests-table th:nth-child(5),
  .admin-requests-table td:nth-child(5),
  .department-head-requests-table th:nth-child(5),
  .department-head-requests-table td:nth-child(5),
  .request-compact-table th:nth-child(5),
  .request-compact-table td:nth-child(5) { width: 12% !important; }

  .admin-requests-table th:nth-child(6),
  .admin-requests-table td:nth-child(6),
  .department-head-requests-table th:nth-child(6),
  .department-head-requests-table td:nth-child(6),
  .request-compact-table th:nth-child(6),
  .request-compact-table td:nth-child(6) { width: 11% !important; }

  .admin-requests-table th:nth-child(7),
  .admin-requests-table td:nth-child(7),
  .department-head-requests-table th:nth-child(7),
  .department-head-requests-table td:nth-child(7),
  .request-compact-table th:nth-child(7),
  .request-compact-table td:nth-child(7) { width: 7% !important; }

  .admin-requests-table th:nth-child(8),
  .admin-requests-table td:nth-child(8),
  .department-head-requests-table th:nth-child(8),
  .department-head-requests-table td:nth-child(8),
  .request-compact-table th:nth-child(8),
  .request-compact-table td:nth-child(8) { width: 6.5% !important; text-align: center !important; }

  .admin-requests-table th:nth-child(9),
  .admin-requests-table td:nth-child(9),
  .department-head-requests-table th:nth-child(9),
  .department-head-requests-table td:nth-child(9),
  .request-compact-table th:nth-child(9),
  .request-compact-table td:nth-child(9) { width: 7.5% !important; text-align: center !important; }

  .admin-requests-table th:nth-child(10),
  .admin-requests-table td:nth-child(10),
  .department-head-requests-table th:nth-child(10),
  .department-head-requests-table td:nth-child(10),
  .request-compact-table th:nth-child(10),
  .request-compact-table td:nth-child(10) { width: 8% !important; text-align: center !important; }

  .admin-requests-table th:nth-child(11),
  .admin-requests-table td:nth-child(11),
  .department-head-requests-table th:nth-child(11),
  .department-head-requests-table td:nth-child(11),
  .request-compact-table th:nth-child(11),
  .request-compact-table td:nth-child(11) { width: 20.5% !important; }

  .admin-requests-table td.date-day-cell,
  .department-head-requests-table td.date-day-cell,
  .request-compact-table td.date-day-cell {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 28px !important;
    padding: 0 !important;
    border: 1px solid rgba(22, 25, 21, .82) !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 26px !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-weight: 950 !important;
  }

  .request-compact-table td:nth-child(2),
  .request-compact-table td:nth-child(7),
  .request-compact-table td:nth-child(8),
  .request-compact-table td:nth-child(9),
  .request-compact-table td:nth-child(10),
  .request-compact-table td:nth-child(11) {
    text-align: center !important;
  }

  .request-compact-table td:nth-child(7) strong {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
  }

  .request-compact-table .status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    padding: 3px 5px !important;
    font-size: 9.2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .request-compact-table .request-actions-cell {
    overflow: visible !important;
    white-space: normal !important;
  }

  .request-compact-table .request-actions-row {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
  }

  .request-compact-table .request-actions-row button,
  .request-compact-table button.small {
    padding: 5px 7px !important;
    min-height: 28px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }
}


/* v0.40.66 — unified compact date chips for request tables. */
@media (min-width: 721px) {
  .admin-events-table td.date-day-cell,
  .department-head-events-table td.date-day-cell,
  .admin-requests-table td.date-day-cell,
  .department-head-requests-table td.date-day-cell,
  .request-compact-table td.date-day-cell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
  }

  .date-day-cell .date-day-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 1px solid rgba(22, 25, 21, .82) !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  .admin-requests-table td.date-day-cell,
  .department-head-requests-table td.date-day-cell,
  .request-compact-table td.date-day-cell {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* v0.40.72 — mobile admin requests as cards. Desktop is untouched. */
@media (max-width: 720px) {
  body.admin-mode .table-wrap:has(.admin-requests-table) {
    overflow-x: visible !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.admin-mode .admin-requests-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
    font-size: 12px !important;
  }

  body.admin-mode .admin-requests-table thead {
    display: none !important;
  }

  body.admin-mode .admin-requests-table tbody {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.admin-mode .admin-requests-table tbody tr {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content;
    grid-template-areas:
      "date customer pay money"
      "date event amount amount"
      "created position amount amount"
      "manager method actions actions";
    gap: 3px 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 9px !important;
    border: 1px solid rgba(120, 140, 110, .18) !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(247, 250, 244, .96), rgba(255, 255, 255, .92)) !important;
    box-shadow: 0 8px 20px rgba(28, 45, 18, .055) !important;
    overflow: hidden !important;
  }

  body.admin-mode .admin-requests-table th,
  body.admin-mode .admin-requests-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    vertical-align: middle !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(1) {
    grid-area: date !important;
    align-self: start !important;
    justify-self: start !important;
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    border: 1px solid rgba(24, 28, 22, .78) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .72) !important;
    color: rgba(28, 32, 24, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(2) {
    grid-area: created !important;
    color: rgba(43, 54, 35, .52) !important;
    font-size: 8.8px !important;
    font-weight: 650 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(3) {
    grid-area: manager !important;
    color: rgba(43, 54, 35, .70) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(3)::before {
    content: "Менеджер " !important;
    color: rgba(43, 54, 35, .48) !important;
    font-weight: 750 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(4) {
    grid-area: customer !important;
    align-self: end !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    color: rgba(28, 32, 24, .92) !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(5) {
    grid-area: event !important;
    color: rgba(43, 54, 35, .78) !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(6) {
    grid-area: position !important;
    color: rgba(43, 54, 35, .66) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(6)::before {
    content: "Позиция " !important;
    color: rgba(43, 54, 35, .46) !important;
    font-weight: 750 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(7) {
    grid-area: amount !important;
    align-self: end !important;
    justify-self: end !important;
    min-width: max-content !important;
    padding-top: 4px !important;
    border-top: 1px solid rgba(110, 130, 100, .12) !important;
    text-align: right !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(7)::before {
    content: "Сумма " !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(7) strong {
    font-size: 12px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(8) {
    grid-area: method !important;
    color: rgba(43, 54, 35, .60) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(8)::before {
    content: "Способ " !important;
    color: rgba(43, 54, 35, .44) !important;
    font-weight: 750 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(9) {
    grid-area: pay !important;
    align-self: start !important;
    justify-self: end !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(10) {
    grid-area: money !important;
    align-self: start !important;
    justify-self: end !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(11) {
    grid-area: actions !important;
    align-self: end !important;
    justify-self: end !important;
    width: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-requests-table .request-status-badge,
  body.admin-mode .admin-requests-table .request-money-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 22px !important;
    height: 22px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 8.7px !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
  }

  body.admin-mode .admin-requests-table .request-actions-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    max-width: 100% !important;
  }

  body.admin-mode .admin-requests-table .request-actions-row button,
  body.admin-mode .admin-requests-table button.small {
    min-height: 23px !important;
    padding: 5px 7px !important;
    border-radius: 9px !important;
    font-size: 8.8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* v0.40.73 — mobile admin request cards: bottom action row and cleaner compact text. */
@media (max-width: 720px) {
  body.admin-mode .admin-requests-table tbody tr {
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "date event amount amount"
      "date position amount amount"
      "date manager created created"
      "method method method method"
      "actions actions actions actions" !important;
    gap: 3px 5px !important;
    padding: 9px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(2) {
    grid-area: created !important;
    justify-self: end !important;
    align-self: start !important;
    max-width: 150px !important;
    color: rgba(43, 54, 35, .50) !important;
    font-size: 8.6px !important;
    font-weight: 700 !important;
    text-align: right !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(3) {
    grid-area: manager !important;
    justify-self: start !important;
    max-width: 120px !important;
    color: rgba(43, 54, 35, .66) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(3)::before,
  body.admin-mode .admin-requests-table td:nth-child(6)::before,
  body.admin-mode .admin-requests-table td:nth-child(8)::before {
    content: "" !important;
    display: none !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(6) {
    grid-area: position !important;
    color: rgba(43, 54, 35, .64) !important;
    font-size: 10.2px !important;
    font-weight: 750 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(8) {
    grid-area: method !important;
    color: rgba(43, 54, 35, .62) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(9) {
    grid-area: pay !important;
    justify-self: end !important;
    align-self: start !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(10) {
    grid-area: money !important;
    justify-self: start !important;
    align-self: start !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-requests-table .request-status-badge,
  body.admin-mode .admin-requests-table .request-money-badge {
    min-height: 21px !important;
    height: 21px !important;
    padding: 4px 7px !important;
    font-size: 8.5px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(11) {
    grid-area: actions !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 5px !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-requests-table .request-actions-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: stretch !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.admin-mode .admin-requests-table .request-actions-row button,
  body.admin-mode .admin-requests-table button.small {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 6px 6px !important;
    border-radius: 11px !important;
    font-size: 9.4px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* v0.40.74 — mobile admin request cards: denser content layout. Desktop is untouched. */
@media (max-width: 720px) {
  body.admin-mode .admin-requests-table tbody tr {
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "date position amount amount"
      "date created amount amount"
      "date manager amount amount"
      "actions actions actions actions" !important;
    gap: 3px 5px !important;
    padding: 8px 9px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(5),
  body.admin-mode .admin-requests-table td:nth-child(8) {
    display: none !important;
  }

  body.admin-mode .admin-requests-table .request-position-desktop {
    display: none !important;
  }

  body.admin-mode .admin-requests-table .request-position-mobile {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(4) {
    align-self: center !important;
    font-size: 12.4px !important;
    line-height: 1.05 !important;
    max-width: 135px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(6) {
    grid-area: position !important;
    align-self: start !important;
    max-width: 155px !important;
    color: rgba(43, 54, 35, .66) !important;
    font-size: 10.6px !important;
    line-height: 1.1 !important;
    font-weight: 760 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(2) {
    grid-area: created !important;
    justify-self: end !important;
    align-self: end !important;
    max-width: 140px !important;
    padding-top: 2px !important;
    color: rgba(43, 54, 35, .50) !important;
    font-size: 8.6px !important;
    font-weight: 700 !important;
    text-align: right !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(3) {
    grid-area: manager !important;
    justify-self: end !important;
    align-self: start !important;
    max-width: 140px !important;
    color: rgba(43, 54, 35, .64) !important;
    font-size: 9.8px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    text-align: right !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(7) {
    align-self: end !important;
    justify-self: end !important;
    min-width: 116px !important;
    padding-top: 4px !important;
    text-align: right !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(9),
  body.admin-mode .admin-requests-table td:nth-child(10) {
    align-self: start !important;
    justify-self: end !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(10) {
    justify-self: start !important;
  }

  body.admin-mode .admin-requests-table .request-status-badge,
  body.admin-mode .admin-requests-table .request-money-badge {
    min-height: 20px !important;
    height: 20px !important;
    padding: 3px 6px !important;
    font-size: 8.2px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(11) {
    padding-top: 6px !important;
  }
}

@media (min-width: 721px) {
  .request-position-mobile {
    display: none !important;
  }
}

/* v0.40.76 — mobile admin request cards: split method details into separate third line. */
@media (max-width: 720px) {
  body.admin-mode .admin-requests-table tbody tr {
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "date position amount amount"
      "date extra amount amount"
      "date created amount amount"
      "date manager amount amount"
      "actions actions actions actions" !important;
    gap: 3px 5px !important;
    padding: 8px 9px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(5) {
    display: none !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(8) {
    display: block !important;
    grid-area: extra !important;
    align-self: start !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: 165px !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9.8px !important;
    line-height: 1.1 !important;
    font-weight: 760 !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode .admin-requests-table .request-method-desktop {
    display: none !important;
  }

  body.admin-mode .admin-requests-table .request-method-mobile {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(6) {
    max-width: 165px !important;
    color: rgba(43, 54, 35, .70) !important;
    font-size: 10.2px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(2),
  body.admin-mode .admin-requests-table td:nth-child(3) {
    max-width: 128px !important;
  }
}

@media (min-width: 721px) {
  .request-method-mobile {
    display: none !important;
  }
}


/* v0.40.76 — mobile admin request cards: compact created date under day chip. */
@media (max-width: 720px) {
  body.admin-mode .admin-requests-table tbody tr {
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "created position amount amount"
      "created extra manager manager"
      "actions actions actions actions" !important;
    gap: 3px 5px !important;
    padding: 8px 9px !important;
    align-items: start !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(1) {
    align-self: start !important;
    margin-top: 0 !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(2) {
    grid-area: created !important;
    justify-self: center !important;
    align-self: start !important;
    width: 42px !important;
    max-width: 42px !important;
    padding-top: 1px !important;
    color: rgba(43, 54, 35, .46) !important;
    font-size: 8.2px !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.admin-mode .admin-requests-table .request-created-desktop {
    display: none !important;
  }

  body.admin-mode .admin-requests-table .request-created-mobile {
    display: grid !important;
    gap: 1px !important;
    justify-items: center !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(3) {
    grid-area: manager !important;
    justify-self: end !important;
    align-self: start !important;
    max-width: 140px !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9.2px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    text-align: right !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(4) {
    max-width: 180px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(6),
  body.admin-mode .admin-requests-table td:nth-child(8) {
    max-width: 190px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(7) {
    align-self: start !important;
    justify-self: end !important;
    min-width: 112px !important;
    padding-top: 1px !important;
    border-top: 0 !important;
    text-align: right !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(7)::before {
    font-size: 8.7px !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(9),
  body.admin-mode .admin-requests-table td:nth-child(10) {
    align-self: start !important;
    justify-self: end !important;
    overflow: visible !important;
  }

  body.admin-mode .admin-requests-table td:nth-child(10) {
    justify-self: end !important;
  }

  body.admin-mode .admin-requests-table .request-status-badge,
  body.admin-mode .admin-requests-table .request-money-badge {
    min-height: 20px !important;
    height: 20px !important;
    padding: 3px 6px !important;
    font-size: 8.2px !important;
  }
}

@media (min-width: 721px) {
  .request-created-mobile {
    display: none !important;
  }
}

/* v0.40.77 mobile admin plans compact percent editor */
@media (max-width: 720px) {
  body.admin-mode #plansEditor.plans-editor {
    gap: 8px !important;
  }

  body.admin-mode #plansEditor .plans-editor-title {
    display: flex !important;
    justify-content: stretch !important;
    align-items: center !important;
    margin: 0 !important;
  }

  body.admin-mode #plansEditor .plans-editor-title > div,
  body.admin-mode #plansEditor .plans-help-card,
  body.admin-mode #plansEditor .plans-help-card-compact {
    display: none !important;
  }

  body.admin-mode #plansEditor #savePlansYearBtn {
    width: 100% !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body.admin-mode #plansEditor .plans-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding: 5px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-spacing: 0 4px !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(2),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(2),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(4),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(4),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(5),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(5),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(7),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(7) {
    display: none !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(1),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(1) {
    width: 24% !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(3),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(3) {
    width: 50% !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(6),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(6) {
    width: 26% !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th {
    padding: 0 4px 2px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .035em !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(1) {
    text-align: left !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td {
    padding: 4px 4px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    overflow: hidden !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:first-child {
    padding-left: 7px !important;
    font-size: 10.5px !important;
    border-radius: 12px 0 0 12px !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(6) {
    border-right: 1px solid rgba(223,234,212,.9) !important;
    border-radius: 0 12px 12px 0 !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(3) .plan-percent-pair {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3px !important;
    justify-content: stretch !important;
    align-items: center !important;
  }

  body.admin-mode #plansEditor .plan-percent-cell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    justify-items: center !important;
    min-width: 0 !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  body.admin-mode #plansEditor .plan-percent-cell span:first-child {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #plansEditor .plan-percent-control {
    justify-content: center !important;
    gap: 1px !important;
  }

  body.admin-mode #plansEditor .plan-percent-input {
    width: 38px !important;
    min-width: 38px !important;
    height: 24px !important;
    padding: 3px 2px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plan-percent-control b {
    font-size: 8.5px !important;
  }

  body.admin-mode #plansEditor .plans-save-message {
    min-height: 14px !important;
    font-size: 10px !important;
  }
}

/* v0.40.78 mobile plans: month amount + compact percent amounts */
.plan-percent-mobile-amount {
  display: none;
}

@media (max-width: 720px) {
  body.admin-mode #plansEditor .plans-table-monthly thead tr,
  body.admin-mode #plansEditor .plans-table-monthly tbody tr {
    display: grid !important;
    grid-template-columns: 25% 50% 25% !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(2),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(4),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(5),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(7),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(4),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(5),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(7) {
    display: none !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(1),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(1) {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(2) {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    padding: 0 4px 5px 7px !important;
    border-left: 1px solid rgba(223,234,212,.9) !important;
    border-radius: 0 0 0 12px !important;
    background: rgba(255,255,255,.74) !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(3),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(3) {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    width: auto !important;
    align-items: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(6),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(6) {
    display: flex !important;
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    width: auto !important;
    align-items: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(6) {
    justify-content: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:first-child {
    padding: 6px 4px 1px 7px !important;
    border-radius: 12px 0 0 0 !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(6) {
    border-radius: 0 12px 12px 0 !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly .plan-month-input {
    width: 100% !important;
    min-width: 0 !important;
    height: 24px !important;
    padding: 3px 4px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plan-percent-input {
    width: 36px !important;
    min-width: 36px !important;
    height: 19px !important;
    padding: 1px 2px !important;
    border-radius: 7px !important;
    font-size: 9.5px !important;
  }

  body.admin-mode #plansEditor .plan-percent-cell {
    gap: 1px !important;
    font-size: 8.2px !important;
  }

  body.admin-mode #plansEditor .plan-percent-cell span:first-child {
    font-size: 8.2px !important;
  }

  body.admin-mode #plansEditor .plan-percent-mobile-amount {
    display: block !important;
    margin-top: 1px !important;
    font-style: normal !important;
    font-size: 8.2px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    color: rgba(46,56,40,.72) !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* v0.40.79 mobile plans table alignment polish */
@media (max-width: 720px) {
  body.admin-mode #plansEditor .plans-table-wrap {
    padding: 5px !important;
    overflow-x: hidden !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly {
    border-spacing: 0 6px !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly thead tr,
  body.admin-mode #plansEditor .plans-table-monthly tbody tr {
    display: grid !important;
    grid-template-columns: 26% 48% 26% !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly thead tr {
    grid-template-rows: auto !important;
    column-gap: 0 !important;
    margin: 0 !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly tbody tr {
    min-height: 76px !important;
    border: 1px solid rgba(208, 229, 194, .95) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .82) !important;
    overflow: hidden !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th,
  body.admin-mode #plansEditor .plans-table-monthly td {
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(1) {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(3) {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(6) {
    display: block !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(2),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(4),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(5),
  body.admin-mode #plansEditor .plans-table-monthly th:nth-child(7),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(4),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(5),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(7) {
    display: none !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(1) {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 7px 5px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(1) strong {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(2) {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 3px 6px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(3),
  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(6) {
    display: flex !important;
    grid-row: 1 / span 2 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(3) {
    grid-column: 2 !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(6) {
    grid-column: 3 !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly td:nth-child(3) .plan-percent-pair {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    align-items: start !important;
    justify-items: center !important;
  }

  body.admin-mode #plansEditor .plan-percent-cell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    align-items: start !important;
    justify-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 2px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plan-percent-cell span:first-child {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 10px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.admin-mode #plansEditor .plan-percent-control {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly .plan-month-input,
  body.admin-mode #plansEditor .plan-percent-input {
    height: 20px !important;
    min-height: 20px !important;
    padding: 1px 3px !important;
    border-radius: 8px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.admin-mode #plansEditor .plans-table-monthly .plan-month-input {
    width: 100% !important;
    max-width: 76px !important;
    font-size: 10px !important;
    font-weight: 950 !important;
  }

  body.admin-mode #plansEditor .plan-percent-input {
    width: 34px !important;
    min-width: 34px !important;
    font-size: 9px !important;
    font-weight: 950 !important;
  }

  body.admin-mode #plansEditor .plan-percent-control b {
    font-size: 8px !important;
    line-height: 1 !important;
  }

  body.admin-mode #plansEditor .plan-percent-mobile-amount {
    display: block !important;
    width: 100% !important;
    min-height: 10px !important;
    margin: 0 !important;
    font-size: 8.2px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: 950 !important;
    text-align: center !important;
    color: rgba(46, 56, 40, .72) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* v0.40.80 — mobile closing month compact layout */
.closing-allocation-short,
.closing-add-check {
  display: none;
}

@media (max-width: 720px) {
  body.admin-mode #closingPanel .closing-title {
    align-items: center !important;
    margin-bottom: 4px !important;
  }

  body.admin-mode #closingPanel .closing-title p {
    display: none !important;
  }

  body.admin-mode #closingPanel .closing-title h3 {
    font-size: 20px !important;
    line-height: 1.05 !important;
  }

  body.admin-mode #closingPanel .closing-status-row {
    gap: 4px !important;
  }

  body.admin-mode #closingPanel .closing-status {
    min-width: 0 !important;
    height: 28px !important;
    padding: 0 10px !important;
    font-size: 10.5px !important;
  }

  body.admin-mode #closingPanel .closing-mini-section {
    padding: 10px !important;
    border-radius: 16px !important;
    gap: 8px !important;
  }

  body.admin-mode #closingPanel .closing-section-head {
    align-items: center !important;
    gap: 8px !important;
  }

  body.admin-mode #closingPanel .closing-section-head h4 {
    font-size: 16px !important;
  }

  body.admin-mode #closingPanel .closing-section-head span {
    font-size: 13px !important;
    max-width: 58% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.admin-mode #closingPanel .closing-expense-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) 76px 108px 36px !important;
    gap: 5px !important;
    align-items: center !important;
  }

  body.admin-mode #closingPanel .closing-expense-form input,
  body.admin-mode #closingPanel .closing-expense-form select {
    min-width: 0 !important;
    width: 100% !important;
    height: 34px !important;
    padding: 5px 7px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
  }

  body.admin-mode #closingPanel #closingExpenseTitle {
    grid-column: 1 !important;
  }

  body.admin-mode #closingPanel #closingExpenseAmount {
    grid-column: 2 !important;
    text-align: center !important;
  }

  body.admin-mode #closingPanel #closingExpenseAllocation {
    grid-column: 3 !important;
    padding-right: 18px !important;
  }

  body.admin-mode #closingPanel #closingExpenseComment {
    display: none !important;
  }

  body.admin-mode #closingPanel .closing-custom-split:not(.hidden) {
    grid-column: span 2 !important;
    height: 30px !important;
  }

  body.admin-mode #closingPanel #addClosingExpenseBtn {
    grid-column: 4 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  body.admin-mode #closingPanel #addClosingExpenseBtn .closing-add-text {
    display: none !important;
  }

  body.admin-mode #closingPanel #addClosingExpenseBtn .closing-add-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.admin-mode #closingPanel .closing-table-wrap {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  body.admin-mode #closingPanel .closing-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-spacing: 0 2px !important;
  }

  body.admin-mode #closingPanel .closing-table th,
  body.admin-mode #closingPanel .closing-table td {
    padding: 3px 3px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  body.admin-mode #closingPanel .closing-table th {
    padding-bottom: 1px !important;
    font-size: 9.5px !important;
    text-align: center !important;
  }

  body.admin-mode #closingPanel .closing-table th:nth-child(1),
  body.admin-mode #closingPanel .closing-table td:nth-child(1) {
    width: 32% !important;
    text-align: left !important;
  }

  body.admin-mode #closingPanel .closing-table th:nth-child(2),
  body.admin-mode #closingPanel .closing-table td:nth-child(2) {
    width: 20% !important;
    text-align: center !important;
  }

  body.admin-mode #closingPanel .closing-table th:nth-child(3),
  body.admin-mode #closingPanel .closing-table td:nth-child(3) {
    width: 30% !important;
    text-align: center !important;
  }

  body.admin-mode #closingPanel .closing-table th:nth-child(4),
  body.admin-mode #closingPanel .closing-table td:nth-child(4),
  body.admin-mode #closingPanel .closing-table th:nth-child(5),
  body.admin-mode #closingPanel .closing-table td:nth-child(5) {
    display: none !important;
  }

  body.admin-mode #closingPanel .closing-table th:nth-child(6),
  body.admin-mode #closingPanel .closing-table td:nth-child(6) {
    width: 18% !important;
    text-align: center !important;
  }

  body.admin-mode #closingPanel .closing-table td strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }

  body.admin-mode #closingPanel .closing-table td small {
    display: none !important;
  }

  body.admin-mode #closingPanel .closing-allocation-full {
    display: none !important;
  }

  body.admin-mode #closingPanel .closing-allocation-short {
    display: inline !important;
    white-space: nowrap !important;
  }

  body.admin-mode #closingPanel .closing-table td:nth-child(2),
  body.admin-mode #closingPanel .closing-table td:nth-child(3) {
    white-space: nowrap !important;
  }

  body.admin-mode #closingPanel .closing-row-actions {
    gap: 4px !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }

  body.admin-mode #closingPanel .closing-icon-btn {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    font-size: 12px !important;
    padding: 0 !important;
  }

  body.admin-mode #closingPanel .closing-edit-amount-input {
    width: 100% !important;
    max-width: 66px !important;
    height: 22px !important;
    text-align: center !important;
    font-size: 10.5px !important;
  }

  body.admin-mode #closingPanel .closing-expenses-total-row td {
    font-size: 11.5px !important;
  }

  body.admin-mode #closingPanel .closing-calc-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.admin-mode #closingPanel .closing-calc-grid::-webkit-scrollbar {
    display: none !important;
  }

  body.admin-mode #closingPanel .closing-department-card {
    min-width: calc(100% - 4px) !important;
    scroll-snap-align: start !important;
    padding: 10px !important;
  }

  body.admin-mode #closingPanel .closing-founders-card {
    margin-top: 10px !important;
    padding: 10px !important;
  }

  body.admin-mode #closingPanel .closing-founders-grid {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body.admin-mode #closingPanel .closing-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  body.admin-mode #closingPanel .closing-actions button {
    width: 100% !important;
  }
}

/* v0.40.82 — compact desktop event modal summary and inline customer payment editor */
@media (min-width: 901px) {
  #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards {
    align-items: start !important;
    gap: 10px !important;
  }

  #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric {
    min-height: 0 !important;
    padding: 10px 14px 12px !important;
  }

  #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .label {
    min-height: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
  }

  #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .value {
    margin-top: 5px;
    line-height: 1;
  }

  .manager-salary-metric .manager-percent-label {
    justify-content: flex-start !important;
    gap: 8px !important;
  }
}

.customer-payment-control-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
}

.customer-payment-control-row input,
.customer-paid-fixed-value {
  width: 100%;
  min-width: 0;
  height: 30px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid rgba(130, 138, 150, .28);
  background: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.customer-paid-fixed-value {
  display: flex;
  align-items: center;
  color: #69707c;
  background: rgba(245, 246, 248, .92);
}

.customer-payment-control-row .customer-payment-action-btn {
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.customer-payment-control-row .customer-payment-action-btn.is-loading {
  opacity: .7;
  cursor: wait;
}

.customer-paid-metric .customer-paid-rest {
  margin-top: 6px;
}

/* Old customer add row is kept for cache safety, but the active editor uses customer-payment-control-row. */
.customer-payment-add-row {
  display: none;
}

/* v0.40.83: mobile Google archive compact controls */
@media (max-width: 720px) {
  .google-export-card {
    padding: 16px;
    border-radius: 20px;
    gap: 12px;
  }

  .google-export-head {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 10px;
  }

  .google-export-card h3 {
    margin: 2px 0 0;
    font-size: 22px;
    line-height: 1.05;
  }

  .google-export-card .muted {
    display: none;
  }

  .google-export-year-control {
    min-width: 96px;
    gap: 4px;
    font-size: 11px;
    text-align: left;
  }

  .google-export-year-control select {
    width: 96px;
    height: 38px;
    border-radius: 13px;
    padding: 0 9px;
    font-size: 15px;
  }

  .google-export-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .google-export-stats span {
    justify-content: center;
    min-height: 36px;
    padding: 7px 10px;
    font-size: 13px;
    line-height: 1.05;
    text-align: center;
    white-space: nowrap;
  }

  .google-export-actions {
    display: grid;
    gap: 8px;
  }

  .google-export-action-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .google-export-action-row button {
    width: 100%;
    min-height: 42px;
    padding: 9px 10px;
    font-size: 13px;
    line-height: 1.05;
    white-space: normal;
  }

  .google-export-status {
    font-size: 12px;
    line-height: 1.35;
  }
}

/* v0.40.85 — mobile event modal cleanup. Desktop is untouched. */
@media (max-width: 720px) {
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    max-height: calc(100vh - 14px) !important;
    padding: 12px 10px !important;
    border-radius: 20px !important;
    overflow-y: auto !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-head {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    grid-template-areas:
      "title title"
      "close actions" !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin-bottom: 8px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-head > div:first-child {
    grid-area: title !important;
    min-width: 0 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-head .eyebrow {
    display: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle {
    margin: 0 !important;
    display: grid !important;
    gap: 2px !important;
    line-height: 1.08 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-title-client {
    display: block !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    color: var(--text) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-title-name {
    display: block !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: var(--muted) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalCloseBtn {
    grid-area: close !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 6px !important;
    border-radius: 12px !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalActions {
    grid-area: actions !important;
    min-width: 0 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-actions {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    width: 100% !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-actions .event-action-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 4px !important;
    border-radius: 12px !important;
    font-size: 9.6px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-actions .event-edit-btn,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-actions .event-delete-btn,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-actions .event-force-delete-btn {
    display: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalContent {
    overflow-x: hidden !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 4px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric {
    min-height: 0 !important;
    padding: 7px 6px !important;
    border-radius: 13px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .label {
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    font-size: 8.4px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    letter-spacing: .01em !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .value {
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-percent-edit-btn {
    display: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row {
    gap: 3px !important;
    margin-top: 4px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row input,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-fixed-value {
    height: 24px !important;
    padding: 3px 5px !important;
    font-size: 10px !important;
    border-radius: 8px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row .customer-payment-action-btn {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-metric .customer-paid-rest {
    margin-top: 3px !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .divider {
    margin: 8px 0 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) h3 {
    margin: 8px 0 6px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .estimate-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 3px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table {
    min-width: 720px !important;
    font-size: 10px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table th,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table td {
    padding: 5px 6px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalRequestsSection .block-title,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalRequestsSection .filters-row {
    margin-top: 8px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table thead,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table tbody,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table tr,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td {
    display: block !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table thead {
    display: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table tbody {
    display: grid !important;
    gap: 8px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table tbody tr {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "created position pay money"
      "created method amount amount"
      "created manager amount amount"
      "actions actions actions actions" !important;
    gap: 3px 5px !important;
    align-items: start !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(58, 68, 47, .10) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 8px 18px rgba(23, 31, 18, .05) !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(1) {
    grid-area: created !important;
    justify-self: center !important;
    align-self: start !important;
    width: 42px !important;
    max-width: 42px !important;
    color: rgba(43, 54, 35, .50) !important;
    font-size: 8.2px !important;
    font-weight: 850 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-created-desktop {
    display: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-created-mobile {
    display: grid !important;
    justify-items: center !important;
    gap: 1px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(2) {
    grid-area: manager !important;
    justify-self: end !important;
    align-self: start !important;
    max-width: 115px !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    text-align: right !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(3) {
    grid-area: position !important;
    justify-self: start !important;
    max-width: 180px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    color: var(--text) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-position-desktop,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-method-desktop {
    display: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-position-mobile,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-method-mobile {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(4) {
    grid-area: amount !important;
    justify-self: end !important;
    align-self: center !important;
    text-align: right !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    color: var(--text) !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(5) {
    grid-area: method !important;
    justify-self: start !important;
    max-width: 180px !important;
    color: rgba(43, 54, 35, .62) !important;
    font-size: 9.6px !important;
    font-weight: 780 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(6) {
    display: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(7) {
    grid-area: pay !important;
    justify-self: end !important;
    align-self: start !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(8) {
    grid-area: money !important;
    justify-self: end !important;
    align-self: start !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .event-request-status-badge {
    min-height: 20px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 8.6px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(9) {
    grid-area: actions !important;
    margin-top: 4px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(58, 68, 47, .08) !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-actions-row {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    width: 100% !important;
    justify-content: stretch !important;
    flex-wrap: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-actions-row button {
    width: 100% !important;
    min-width: 0 !important;
    height: 28px !important;
    padding: 0 3px !important;
    border-radius: 10px !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }
}

/* v0.40.86 — mobile event modal metric density and request cards repair. Desktop is untouched. */
@media (max-width: 720px) {
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards {
    gap: 5px !important;
    align-items: stretch !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric {
    min-height: auto !important;
    height: auto !important;
    padding: 6px 5px !important;
    border-radius: 12px !important;
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .label {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    font-size: 7.35px !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .value {
    margin-top: 0 !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-metric {
    padding: 5px !important;
    gap: 2px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row {
    gap: 2px !important;
    margin-top: 2px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row input,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-fixed-value {
    height: 20px !important;
    padding: 2px 5px !important;
    border-radius: 7px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row .customer-payment-action-btn {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    border-radius: 7px !important;
    font-size: 9px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-metric .customer-paid-rest {
    margin-top: 1px !important;
    font-size: 7.4px !important;
    line-height: 1 !important;
  }

  /* The previous mobile card attempt still inherited fixed desktop table sizing and clipped cells.
     Force the modal requests table into a real card grid and reset all cell clipping/width rules. */
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .table-wrap:has(.event-modal-requests-table) {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    display: block !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table tbody {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table tbody tr {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    grid-template-columns: 42px minmax(0, 1fr) minmax(54px, 66px) minmax(74px, 92px) !important;
    grid-template-areas:
      "created position pay money"
      "created method amount amount"
      "created manager amount amount"
      "actions actions actions actions" !important;
    gap: 3px 5px !important;
    padding: 8px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td {
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(1) {
    width: 42px !important;
    max-width: 42px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(3),
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(5) {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(4) {
    align-self: end !important;
    font-size: 12.5px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(7),
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(8) {
    justify-self: stretch !important;
    max-width: none !important;
    overflow: visible !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .event-request-status-badge {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 19px !important;
    height: 19px !important;
    padding: 0 3px !important;
    font-size: 7.4px !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table td:nth-child(9) {
    width: 100% !important;
    margin-top: 4px !important;
    padding-top: 6px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table .request-actions-row {
    width: 100% !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
  }
}

/* v0.40.87 — mobile event modal paid metric and request cards final repair. */
.event-modal-request-cards {
  display: none;
}

@media (max-width: 720px) {
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards {
    align-items: start !important;
    grid-auto-rows: auto !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .card.metric,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-metric {
    min-height: 48px !important;
    height: auto !important;
    padding: 6px 5px !important;
    align-content: center !important;
    gap: 2px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .label {
    font-size: 7.1px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .value {
    font-size: 11.2px !important;
    line-height: 1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 2px !important;
    margin-top: 1px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row input,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-fixed-value {
    height: 18px !important;
    min-height: 18px !important;
    padding: 1px 4px !important;
    border-radius: 7px !important;
    font-size: 8.2px !important;
    line-height: 1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row .customer-payment-action-btn,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-control-row button.customer-payment-action-btn.icon-btn {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-metric .customer-paid-rest {
    margin-top: 1px !important;
    font-size: 6.8px !important;
    line-height: 1 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .table-wrap:has(.event-modal-requests-table) {
    display: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-cards {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-card {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "date main statuses"
      "date main side"
      "actions actions actions" !important;
    gap: 5px 8px !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(58, 68, 47, .12) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, .90) !important;
    box-shadow: 0 8px 18px rgba(23, 31, 18, .05) !important;
    overflow: hidden !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-date {
    grid-area: date !important;
    display: grid !important;
    justify-items: center !important;
    align-self: start !important;
    gap: 2px !important;
    color: rgba(43, 54, 35, .56) !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-date strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(22, 25, 21, .82) !important;
    border-radius: 11px !important;
    color: var(--text) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: transparent !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-main {
    grid-area: main !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-main strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    color: var(--text) !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-main span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    color: rgba(43, 54, 35, .62) !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-statuses {
    grid-area: statuses !important;
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-statuses .status {
    min-height: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-side {
    grid-area: side !important;
    justify-self: end !important;
    display: grid !important;
    gap: 1px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-side strong {
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: var(--text) !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-side span {
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .62) !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    width: 100% !important;
    margin-top: 4px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(58, 68, 47, .08) !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-actions button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 0 5px !important;
    border-radius: 10px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}


/* v0.40.88 — mobile event modal request dates as plain text, not calendar chips. */
@media (max-width: 720px) {
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-card {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 5px 7px !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-date {
    align-self: start !important;
    justify-items: start !important;
    text-align: left !important;
    gap: 1px !important;
    padding-top: 2px !important;
    min-width: 0 !important;
    color: rgba(43, 54, 35, .58) !important;
    font-weight: 850 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-date strong {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(43, 54, 35, .74) !important;
    font-size: 9.2px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-date span {
    display: block !important;
    font-size: 8.4px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .50) !important;
  }
}

/* v0.40.89 — department-head cabinets aligned with main admin visual system. */
@media (min-width: 721px) {
  body.department-head-mode #dashboardScreen > .card {
    padding: 26px 28px 30px !important;
    border-radius: 30px !important;
  }

  body.department-head-mode #dashboardScreen > .card > .section-head {
    align-items: center !important;
    margin-bottom: 20px !important;
  }

  body.department-head-mode #dashboardTitle {
    font-size: 22px !important;
    line-height: 1.05 !important;
    letter-spacing: -.03em !important;
  }

  body.department-head-mode #adminTabs {
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px !important;
    border-radius: 24px !important;
  }

  body.department-head-mode #adminTabs .tab-btn {
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  body.department-head-mode .department-head-plan-panel,
  body.department-head-mode .department-head-panel,
  body.department-head-mode .department-head-total-section {
    border-radius: 22px !important;
  }

  body.department-head-mode .department-head-plan-panel {
    padding: 22px !important;
  }

  body.department-head-mode .department-head-overview-name {
    font-size: 24px !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }

  body.department-head-mode .department-head-manager-row {
    min-height: 58px !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
  }

  body.department-head-mode .department-head-events-table,
  body.department-head-mode .department-head-requests-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.department-head-mode .department-head-events-table th,
  body.department-head-mode .department-head-events-table td,
  body.department-head-mode .department-head-requests-table th,
  body.department-head-mode .department-head-requests-table td {
    text-align: center !important;
    vertical-align: middle !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(2),
  body.department-head-mode .department-head-events-table td:nth-child(3),
  body.department-head-mode .department-head-events-table td:nth-child(4),
  body.department-head-mode .department-head-requests-table td:nth-child(3),
  body.department-head-mode .department-head-requests-table td:nth-child(4),
  body.department-head-mode .department-head-requests-table td:nth-child(5),
  body.department-head-mode .department-head-requests-table td:nth-child(6) {
    text-align: left !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(7),
  body.department-head-mode .department-head-events-table td:nth-child(8),
  body.department-head-mode .department-head-events-table td:nth-child(9),
  body.department-head-mode .department-head-requests-table td:nth-child(7) {
    font-weight: 950 !important;
    text-align: center !important;
  }

  body.department-head-mode .department-head-events-table .status,
  body.department-head-mode .department-head-requests-table .status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 720px) {
  body.department-head-mode .brand-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand admin"
      "actions actions";
    align-items: start !important;
    gap: 10px 12px !important;
    padding: 14px 16px 13px !important;
  }

  body.department-head-mode .brand-block {
    display: contents !important;
  }

  body.department-head-mode .brand-logo {
    grid-area: brand;
    justify-self: start;
    width: 118px !important;
    max-width: 44vw !important;
    height: auto !important;
    max-height: 42px !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
    mix-blend-mode: multiply;
  }

  body.department-head-mode .brand-block > div {
    grid-area: admin;
    justify-self: end;
    align-self: start;
    min-width: 0;
    text-align: right;
  }

  body.department-head-mode .brand-block .eyebrow,
  body.department-head-mode #pageSubtitle {
    display: none !important;
  }

  body.department-head-mode #pageTitle {
    margin: 3px 0 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .topbar-actions {
    grid-area: actions;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100% !important;
    gap: 8px !important;
    margin-left: 0 !important;
  }

  body.department-head-mode .topbar-actions #changePinOpenBtn,
  body.department-head-mode .topbar-actions #logoutBtn {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 12px !important;
  }

  body.department-head-mode #dashboardScreen > .toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .78fr) minmax(88px, .72fr) !important;
    gap: 6px !important;
    align-items: end !important;
    margin-bottom: 10px !important;
  }

  body.department-head-mode #dashboardScreen > .toolbar .month-control,
  body.department-head-mode #dashboardScreen > .toolbar .year-control {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.department-head-mode #dashboardScreen > .toolbar .month-control select,
  body.department-head-mode #dashboardScreen > .toolbar .year-control select,
  body.department-head-mode #reloadBtn {
    width: 100% !important;
  }

  body.department-head-mode #reloadBtn {
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 12px !important;
  }

  body.department-head-mode #dashboardScreen > .card > .section-head {
    display: none !important;
  }

  body.department-head-mode #adminTabs {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 9px !important;
    border-radius: 22px !important;
  }

  body.department-head-mode #adminTabs::-webkit-scrollbar {
    display: none;
  }

  body.department-head-mode #adminTabs .tab-btn {
    flex: 0 0 auto !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    scroll-snap-align: center;
  }

  body.department-head-mode .department-head-plan-panel {
    position: relative !important;
    padding: 13px !important;
    border-radius: 17px !important;
    margin-bottom: 9px !important;
  }

  body.department-head-mode .department-head-plan-panel .overview-label {
    display: none !important;
  }

  body.department-head-mode .department-head-overview-name {
    display: block !important;
    margin: 0 0 8px !important;
    padding-right: 82px !important;
    color: var(--accent-dark) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .16em !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-events-word-badge {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    height: 22px !important;
    max-width: 78px !important;
    padding: 0 7px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
  }

  body.department-head-mode .department-head-plan-panel .manager-plan-main {
    gap: 8px !important;
  }

  body.department-head-mode .department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) {
    display: block !important;
    margin-bottom: 7px !important;
    text-align: left !important;
  }

  body.department-head-mode .department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong {
    display: block !important;
    margin: 2px 0 !important;
    font-size: 10.8px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  body.department-head-mode .department-head-plan-panel .manager-plan-row:not(.department-head-plan-row) strong:first-child {
    font-size: 23px !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    height: 9px !important;
  }

  body.department-head-mode .department-head-plan-panel .muted {
    margin-top: 5px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.department-head-mode .department-head-panel,
  body.department-head-mode .department-head-total-section {
    padding: 12px !important;
    border-radius: 17px !important;
  }

  body.department-head-mode .department-head-manager-list {
    gap: 6px !important;
  }

  body.department-head-mode .department-head-manager-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    padding: 8px 9px !important;
    border-radius: 13px !important;
  }

  body.department-head-mode .department-head-manager-main {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-manager-main strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  body.department-head-mode .department-head-plan-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 10px !important;
  }

  body.department-head-mode .department-head-plan-row span,
  body.department-head-mode .department-head-plan-row strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body.department-head-mode .department-head-filters-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.department-head-mode .department-head-filters-row .compact-label {
    min-width: 0 !important;
    font-size: 9.5px !important;
  }

  body.department-head-mode .department-head-filters-row select {
    min-height: 34px !important;
    padding: 6px 8px !important;
    font-size: 10.5px !important;
  }

  body.department-head-mode .department-head-table-wrap {
    overflow-x: visible !important;
    width: 100% !important;
  }

  body.department-head-mode .department-head-events-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  body.department-head-mode .department-head-events-table thead {
    display: none !important;
  }

  body.department-head-mode .department-head-events-table tbody {
    display: grid !important;
    gap: 8px !important;
  }

  body.department-head-mode .department-head-events-table tbody tr {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) max-content !important;
    grid-template-areas:
      "date customer status"
      "date title money"
      "manager manager turnover"
      "manager manager income" !important;
    gap: 3px 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 9px !important;
    border: 1px solid rgba(120, 140, 110, .18) !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(247, 250, 244, .96), rgba(255, 255, 255, .92)) !important;
    box-shadow: 0 8px 20px rgba(28, 45, 18, .055) !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.department-sanzhar {
    background: linear-gradient(135deg, rgba(225, 242, 255, .96), rgba(255, 255, 255, .92)) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.department-raufal {
    background: linear-gradient(135deg, rgba(255, 236, 218, .96), rgba(255, 255, 255, .92)) !important;
  }

  body.department-head-mode .department-head-events-table th,
  body.department-head-mode .department-head-events-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(1) { grid-area: date !important; }
  body.department-head-mode .department-head-events-table td:nth-child(2) { grid-area: manager !important; font-weight: 850 !important; color: rgba(43,54,35,.70) !important; }
  body.department-head-mode .department-head-events-table td:nth-child(3) { grid-area: customer !important; font-size: 12.4px !important; font-weight: 950 !important; color: var(--text) !important; }
  body.department-head-mode .department-head-events-table td:nth-child(4) { grid-area: title !important; font-size: 10.8px !important; font-weight: 750 !important; color: rgba(43,54,35,.72) !important; }
  body.department-head-mode .department-head-events-table td:nth-child(5) { grid-area: status !important; justify-self: end !important; overflow: visible !important; }
  body.department-head-mode .department-head-events-table td:nth-child(6) { grid-area: money !important; justify-self: end !important; overflow: visible !important; }
  body.department-head-mode .department-head-events-table td:nth-child(7) { grid-area: turnover !important; justify-self: end !important; text-align: right !important; font-weight: 950 !important; }
  body.department-head-mode .department-head-events-table td:nth-child(7)::before { content: "Оборот " !important; color: rgba(43,54,35,.55) !important; font-size: 9px !important; }
  body.department-head-mode .department-head-events-table td:nth-child(9) { grid-area: income !important; justify-self: end !important; text-align: right !important; font-weight: 950 !important; }
  body.department-head-mode .department-head-events-table td:nth-child(9)::before { content: "Доход " !important; color: rgba(43,54,35,.55) !important; font-size: 9px !important; }
  body.department-head-mode .department-head-events-table td:nth-child(8),
  body.department-head-mode .department-head-events-table td:nth-child(10),
  body.department-head-mode .department-head-events-table td:nth-child(11) { display: none !important; }

  body.department-head-mode .department-head-events-table td.date-day-cell {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    border: 1px solid rgba(24, 28, 22, .78) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .72) !important;
    color: rgba(28, 32, 24, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  body.department-head-mode .department-head-events-table .status {
    min-height: 20px !important;
    height: 20px !important;
    padding: 3px 6px !important;
    font-size: 8.2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-requests-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
  }

  body.department-head-mode .department-head-requests-table thead {
    display: none !important;
  }

  body.department-head-mode .department-head-requests-table tbody {
    display: grid !important;
    gap: 8px !important;
  }

  body.department-head-mode .department-head-requests-table tbody tr {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "date position amount amount"
      "date method amount amount"
      "date created amount amount"
      "date manager amount amount" !important;
    gap: 3px 5px !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(120, 140, 110, .18) !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(247, 250, 244, .96), rgba(255, 255, 255, .92)) !important;
    box-shadow: 0 8px 20px rgba(28, 45, 18, .055) !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-requests-table th,
  body.department-head-mode .department-head-requests-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(1) { grid-area: date !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(2) { grid-area: created !important; justify-self: end !important; color: rgba(43,54,35,.50) !important; font-size: 8.6px !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(3) { grid-area: manager !important; justify-self: end !important; color: rgba(43,54,35,.64) !important; font-weight: 800 !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(4) { grid-area: customer !important; font-size: 12.4px !important; font-weight: 950 !important; color: var(--text) !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(5) { display: none !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(6) { grid-area: position !important; color: rgba(43,54,35,.70) !important; font-weight: 800 !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(7) { grid-area: amount !important; justify-self: end !important; text-align: right !important; min-width: 112px !important; font-weight: 950 !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(7)::before { content: "Сумма " !important; color: rgba(43,54,35,.55) !important; font-size: 9px !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(8) { grid-area: method !important; color: rgba(43,54,35,.58) !important; font-weight: 760 !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(9) { grid-area: pay !important; justify-self: end !important; overflow: visible !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(10) { grid-area: money !important; justify-self: start !important; overflow: visible !important; }

  body.department-head-mode .department-head-requests-table td.date-day-cell {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    border: 1px solid rgba(24, 28, 22, .78) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .72) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  body.department-head-mode .department-head-requests-table .request-status-badge,
  body.department-head-mode .department-head-requests-table .request-money-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: 3px 6px !important;
    border-radius: 999px !important;
    font-size: 8.2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-calc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.department-head-mode .department-head-calc-grid .metric {
    min-height: 72px !important;
    padding: 11px !important;
    border-radius: 15px !important;
  }

  body.department-head-mode .department-head-calc-grid .metric .label {
    font-size: 9px !important;
    letter-spacing: .08em !important;
  }

  body.department-head-mode .department-head-calc-grid .metric .value {
    font-size: 19px !important;
    line-height: 1.05 !important;
  }
}

/* v0.40.90 — department-head mobile overview aligned with main admin overview. */
@media (max-width: 720px) {
  body.department-head-mode .brand-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand admin"
      "actions actions" !important;
    align-items: start !important;
    gap: 10px 12px !important;
    padding: 14px 16px 13px !important;
    margin-bottom: 10px !important;
  }

  body.department-head-mode .brand-block {
    display: contents !important;
  }

  body.department-head-mode .brand-logo {
    grid-area: brand !important;
    justify-self: start !important;
    width: 118px !important;
    max-width: 44vw !important;
    height: auto !important;
    max-height: 42px !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
    mix-blend-mode: multiply !important;
  }

  body.department-head-mode .brand-block > div {
    grid-area: admin !important;
    justify-self: end !important;
    align-self: start !important;
    text-align: right !important;
  }

  body.department-head-mode #pageTitle {
    margin: 3px 0 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
  }

  body.department-head-mode #userBadge {
    display: none !important;
  }

  body.department-head-mode .topbar-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.department-head-mode .topbar-actions #changePinOpenBtn,
  body.department-head-mode .topbar-actions #logoutBtn {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 8px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body.department-head-mode #dashboardScreen > .toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .74fr) minmax(88px, .70fr) !important;
    gap: 6px !important;
    align-items: end !important;
    margin-bottom: 10px !important;
  }

  body.department-head-mode #dashboardScreen > .toolbar .month-control,
  body.department-head-mode #dashboardScreen > .toolbar .year-control {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.department-head-mode #dashboardScreen > .toolbar .month-control select,
  body.department-head-mode #dashboardScreen > .toolbar .year-control select,
  body.department-head-mode #reloadBtn {
    width: 100% !important;
    min-height: 34px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    padding: 7px 8px !important;
  }

  body.department-head-mode #adminTabs {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    padding: 9px !important;
    border-radius: 22px !important;
    width: 100% !important;
  }

  body.department-head-mode #adminTabs::-webkit-scrollbar {
    display: none !important;
  }

  body.department-head-mode #adminTabs .tab-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    scroll-snap-align: center !important;
  }

  body.department-head-mode .department-head-plan-panel {
    position: relative !important;
    padding: 13px !important;
    border-radius: 17px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-card-head {
    display: block !important;
    position: relative !important;
    margin-bottom: 10px !important;
    padding-right: 86px !important;
  }

  body.department-head-mode .department-head-card-title-block .overview-label,
  body.department-head-mode .department-head-card-head .overview-label {
    display: none !important;
  }

  body.department-head-mode .department-head-overview-name {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: var(--accent-dark) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .16em !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-total {
    text-align: left !important;
  }

  body.department-head-mode .department-head-total > div {
    font-size: 24px !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    font-weight: 950 !important;
    color: var(--text) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.department-head-mode .department-head-total > span {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(43,54,35,.68) !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-events-word-badge {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    height: 22px !important;
    max-width: 84px !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  body.department-head-mode .department-head-main-progress {
    display: grid !important;
    gap: 6px !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    height: 9px !important;
    margin: 0 !important;
  }

  body.department-head-mode .department-head-overview-muted {
    margin-top: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    color: rgba(43, 54, 35, .62) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* v0.40.91 — department-head mobile fully aligned with main admin patterns. */
@media (max-width: 720px) {
  /* Tabs: exactly one row for Обзор / Мероприятия / Заявки / Итог. */
  body.department-head-mode #adminTabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: hidden !important;
    padding: 7px !important;
    border-radius: 20px !important;
  }

  body.department-head-mode #adminTabs .tab-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 6px !important;
    border-radius: 15px !important;
    font-size: 10.8px !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
    white-space: nowrap !important;
  }

  /* Main department goal card: same density as main admin department card. */
  body.department-head-mode .department-head-plan-panel {
    padding: 11px 12px 10px !important;
    border-radius: 16px !important;
    margin-bottom: 12px !important;
  }

  body.department-head-mode .department-head-card-head {
    display: block !important;
    position: relative !important;
    min-height: 0 !important;
    margin: 0 0 7px !important;
    padding-right: 116px !important;
  }

  body.department-head-mode .department-head-overview-name {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
  }

  body.department-head-mode .department-head-total > div {
    font-size: 25px !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
  }

  body.department-head-mode .department-head-total > span {
    margin-top: 2px !important;
    font-size: 10.7px !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-events-word-badge {
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
    min-width: 102px !important;
    max-width: 122px !important;
    height: 25px !important;
    padding: 0 10px !important;
    font-size: 9.6px !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.department-head-mode .department-head-main-progress {
    display: block !important;
    margin-top: 0 !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    height: 8px !important;
    margin: 0 !important;
  }

  body.department-head-mode .department-head-overview-muted {
    margin-top: 6px !important;
    font-size: 9.8px !important;
    line-height: 1.1 !important;
  }

  /* Events cards: clone the main admin mobile event-card geometry. */
  body.department-head-mode .department-head-events-table tbody {
    display: grid !important;
    gap: 7px !important;
  }

  body.department-head-mode .department-head-events-table tbody tr {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer status money"
      "date title turnover turnover"
      "manager manager income income" !important;
    gap: 3px 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 9px !important;
    border: 1px solid rgba(120, 140, 110, .18) !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 20px rgba(28, 45, 18, .06) !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.department-sanzhar {
    background: linear-gradient(135deg, rgba(225, 241, 255, .96), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(46, 126, 190, .18) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.department-raufal {
    background: linear-gradient(135deg, rgba(255, 232, 210, .96), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(218, 139, 78, .20) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.department-mixed,
  body.department-head-mode .department-head-events-table tbody tr.department-mixed-sanzhar-raufal {
    background: linear-gradient(135deg, rgba(225, 241, 255, .94), rgba(255, 255, 255, .90), rgba(255, 232, 210, .94)) !important;
    border-color: rgba(150, 136, 118, .18) !important;
  }

  body.department-head-mode .department-head-events-table th,
  body.department-head-mode .department-head-events-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.1 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(1) {
    grid-area: date !important;
    align-self: start !important;
    justify-self: start !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(2) {
    grid-area: manager !important;
    margin-top: 2px !important;
    color: rgba(43, 54, 35, .72) !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(3) {
    grid-area: customer !important;
    align-self: end !important;
    display: block !important;
    min-width: 0 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    color: var(--text) !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(3) strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(4) {
    grid-area: title !important;
    color: rgba(43, 54, 35, .78) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(5) {
    grid-area: status !important;
    justify-self: end !important;
    overflow: visible !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(6) {
    grid-area: money !important;
    justify-self: end !important;
    overflow: visible !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(7) {
    grid-area: turnover !important;
    justify-self: end !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
    border-top: 1px solid rgba(110, 130, 100, .12) !important;
    text-align: right !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(7)::before {
    content: "Оборот " !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(9) {
    grid-area: income !important;
    justify-self: end !important;
    text-align: right !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(9)::before {
    content: "Доход " !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }
  body.department-head-mode .department-head-events-table td:nth-child(8),
  body.department-head-mode .department-head-events-table td:nth-child(10),
  body.department-head-mode .department-head-events-table td:nth-child(11) {
    display: none !important;
  }

  body.department-head-mode .department-head-events-table td.date-day-cell {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    border: 1px solid rgba(24, 28, 22, .78) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .70) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42) !important;
    color: rgba(28, 32, 24, .92) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-status-badge,
  body.department-head-mode .department-head-events-table .admin-event-money-badge,
  body.department-head-mode .department-head-events-table .status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 22px !important;
    height: 22px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 8.6px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Head requests: same compact card grid as main admin request cards. */
  body.department-head-mode .department-head-requests-table tbody tr {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "created position amount amount"
      "created method manager manager" !important;
    gap: 3px 5px !important;
    padding: 8px 9px !important;
    align-items: start !important;
    border: 1px solid rgba(120, 140, 110, .18) !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(247, 250, 244, .96), rgba(255, 255, 255, .92)) !important;
    box-shadow: 0 8px 20px rgba(28, 45, 18, .055) !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-requests-table th,
  body.department-head-mode .department-head-requests-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(1) { grid-area: date !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(2) {
    grid-area: created !important;
    justify-self: center !important;
    width: 42px !important;
    max-width: 42px !important;
    color: rgba(43, 54, 35, .46) !important;
    font-size: 8.2px !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  body.department-head-mode .department-head-requests-table td:nth-child(3) {
    grid-area: manager !important;
    justify-self: end !important;
    max-width: 140px !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9.2px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    text-align: right !important;
  }
  body.department-head-mode .department-head-requests-table td:nth-child(4) {
    grid-area: customer !important;
    max-width: 180px !important;
    font-size: 12.4px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    color: var(--text) !important;
  }
  body.department-head-mode .department-head-requests-table td:nth-child(5) { display: none !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(6) {
    grid-area: position !important;
    max-width: 190px !important;
    color: rgba(43, 54, 35, .70) !important;
    font-size: 10.2px !important;
    font-weight: 800 !important;
  }
  body.department-head-mode .department-head-requests-table td:nth-child(7) {
    grid-area: amount !important;
    justify-self: end !important;
    min-width: 112px !important;
    text-align: right !important;
    font-weight: 950 !important;
  }
  body.department-head-mode .department-head-requests-table td:nth-child(7)::before {
    content: "Сумма " !important;
    color: rgba(43,54,35,.55) !important;
    font-size: 9px !important;
  }
  body.department-head-mode .department-head-requests-table td:nth-child(8) {
    grid-area: method !important;
    max-width: 190px !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9.8px !important;
    font-weight: 760 !important;
  }
  body.department-head-mode .department-head-requests-table td:nth-child(9) { grid-area: pay !important; justify-self: end !important; overflow: visible !important; }
  body.department-head-mode .department-head-requests-table td:nth-child(10) { grid-area: money !important; justify-self: end !important; overflow: visible !important; }

  body.department-head-mode .department-head-requests-table td.date-day-cell {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    border: 1px solid rgba(24, 28, 22, .78) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.42) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  body.department-head-mode .department-head-requests-table .request-created-desktop { display: none !important; }
  body.department-head-mode .department-head-requests-table .request-created-mobile {
    display: grid !important;
    gap: 1px !important;
    justify-items: center !important;
  }

  body.department-head-mode .department-head-requests-table .request-status-badge,
  body.department-head-mode .department-head-requests-table .request-money-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: 3px 6px !important;
    border-radius: 999px !important;
    font-size: 8.2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Department-head event modal should reuse admin mobile modal layout but stay read-only. */
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-card {
    width: min(94vw, 760px) !important;
    max-width: 94vw !important;
    max-height: 88vh !important;
    border-radius: 18px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalContent {
    padding: 10px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .card.metric {
    min-height: 54px !important;
    height: auto !important;
    padding: 8px 6px !important;
    border-radius: 13px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .label {
    font-size: 8.4px !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .value {
    font-size: 16px !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-metric,
  body.department-head-mode #eventModalActions {
    display: none !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .estimate-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .estimate-table {
    min-width: 720px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-cards {
    display: grid !important;
    gap: 8px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-requests-table,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalRequestsSection .table-wrap {
    display: none !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-card {
    grid-template-columns: 34px minmax(0, 1fr) max-content max-content !important;
  }

  /* Totals: green highlight for 15% head bonus and head salary. */
  body.department-head-mode .department-head-bonus-metric.is-green {
    background: linear-gradient(135deg, rgba(221, 255, 196, .96), rgba(255,255,255,.88)) !important;
    border-color: rgba(74, 223, 0, .45) !important;
  }
}

/* v0.40.91 — department-head totals green highlight, desktop and mobile. */
.department-head-bonus-metric.is-green {
  background: linear-gradient(135deg, rgba(221, 255, 196, .96), rgba(255,255,255,.88)) !important;
  border-color: rgba(74, 223, 0, .45) !important;
}

/* v0.40.92 — department-head mobile polish: reuse main admin geometry instead of separate almost-copy. */
@media (max-width: 720px) {
  /* Tabs: same narrow horizontal rail as the main admin. */
  body.department-head-mode #adminTabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 7px !important;
    border-radius: 20px !important;
    scrollbar-width: none !important;
  }

  body.department-head-mode #adminTabs::-webkit-scrollbar {
    display: none !important;
  }

  body.department-head-mode #adminTabs .tab-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: none !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
  }

  /* Department-head plan card: remove the extra vertical void and match the admin department card density. */
  body.department-head-mode .department-head-plan-panel {
    display: block !important;
    padding: 11px 12px 9px !important;
    border-radius: 16px !important;
    margin-bottom: 12px !important;
  }

  body.department-head-mode .department-head-card-head {
    display: block !important;
    position: relative !important;
    margin: 0 0 5px !important;
    padding-right: 126px !important;
    min-height: 0 !important;
  }

  body.department-head-mode .department-head-overview-name {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
  }

  body.department-head-mode .department-head-total {
    display: block !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  body.department-head-mode .department-head-total > div {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  body.department-head-mode .department-head-total > span {
    display: block !important;
    margin: 2px 0 0 !important;
    font-size: 10.8px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-events-word-badge {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
    min-width: 114px !important;
    max-width: 126px !important;
    height: 25px !important;
    padding: 0 10px !important;
    font-size: 9.4px !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.department-head-mode .department-head-main-progress {
    display: grid !important;
    gap: 5px !important;
    margin-top: 0 !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    height: 8px !important;
    margin: 0 !important;
  }

  body.department-head-mode .department-head-overview-muted {
    margin: 0 !important;
    font-size: 9.8px !important;
    line-height: 1.1 !important;
  }

  /* Department-head event cards: clone main admin card layout and kill accidental text-highlight backgrounds. */
  body.department-head-mode .department-head-events-table tbody {
    display: grid !important;
    gap: 7px !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date client status money"
      "date title turnover turnover"
      "manager manager income income" !important;
    gap: 3px 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 9px 9px !important;
    border: 1px solid rgba(120, 140, 110, .18) !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 20px rgba(28, 45, 18, .06) !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-sanzhar {
    background: linear-gradient(135deg, rgba(228, 250, 219, .96), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(74, 210, 28, .20) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-raufal {
    background: linear-gradient(135deg, rgba(225, 241, 255, .96), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(46, 126, 190, .18) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-mixed,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-mixed-sanzhar-raufal {
    background: linear-gradient(135deg, rgba(228, 250, 219, .94), rgba(255, 255, 255, .90), rgba(225, 241, 255, .94)) !important;
    border-color: rgba(150, 136, 118, .18) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row:not(.department-sanzhar):not(.department-raufal):not(.department-mixed):not(.department-mixed-sanzhar-raufal) {
    background: linear-gradient(135deg, rgba(247, 250, 244, .96), rgba(255, 255, 255, .90)) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td *,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row strong,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row span:not(.status) {
    background: transparent !important;
    box-shadow: none !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(1) {
    grid-area: date !important;
    align-self: start !important;
    justify-self: start !important;
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    border: 1px solid rgba(24, 28, 22, .78) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .70) !important;
    color: rgba(28, 32, 24, .92) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(2) {
    grid-area: manager !important;
    margin-top: 2px !important;
    color: rgba(43, 54, 35, .72) !important;
    font-size: 10.5px !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(3) {
    grid-area: client !important;
    display: block !important;
    align-self: end !important;
    min-width: 0 !important;
    padding-top: 1px !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(3) strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(4) {
    grid-area: title !important;
    color: rgba(43, 54, 35, .78) !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(5) {
    grid-area: status !important;
    align-self: start !important;
    justify-self: end !important;
    overflow: visible !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(6) {
    grid-area: money !important;
    align-self: start !important;
    justify-self: end !important;
    overflow: visible !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(7) {
    grid-area: turnover !important;
    justify-self: end !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
    border-top: 1px solid rgba(110, 130, 100, .12) !important;
    text-align: right !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(7)::before {
    content: "Оборот " !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(9) {
    grid-area: income !important;
    justify-self: end !important;
    text-align: right !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(9)::before {
    content: "Доход " !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(8),
  body.department-head-mode .department-head-events-table td:nth-child(10),
  body.department-head-mode .department-head-events-table td:nth-child(11) {
    display: none !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-status-badge,
  body.department-head-mode .department-head-events-table .admin-event-money-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 22px !important;
    height: 22px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 8.6px !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
  }

  /* Department-head requests: tighten vertical rhythm and separate amount/manager/details like admin cards. */
  body.department-head-mode .department-head-requests-table tbody tr {
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "created position amount amount"
      "created method manager manager" !important;
    gap: 2px 6px !important;
    padding: 8px 9px !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(2) {
    align-self: start !important;
    padding-top: 1px !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(3) {
    align-self: start !important;
    padding-top: 0 !important;
    font-size: 9.4px !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(6),
  body.department-head-mode .department-head-requests-table td:nth-child(8) {
    line-height: 1.05 !important;
  }

  body.department-head-mode .department-head-requests-table .request-position-mobile,
  body.department-head-mode .department-head-requests-table .request-method-mobile {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(7) {
    align-self: end !important;
    line-height: 1 !important;
  }

  /* Department-head modal: exact mobile admin modal sizes, but action/admin controls remain hidden. */
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-card {
    width: min(94vw, 760px) !important;
    max-width: 94vw !important;
    max-height: 88vh !important;
    border-radius: 18px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalContent {
    padding: 10px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: start !important;
    grid-auto-rows: auto !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .card.metric,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-metric {
    min-height: 48px !important;
    height: auto !important;
    padding: 6px 5px !important;
    align-content: center !important;
    gap: 2px !important;
    border-radius: 13px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .label,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .label {
    font-size: 7.1px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    letter-spacing: .08em !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .metric .value,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .modal-metric-cards .value {
    font-size: 11.2px !important;
    line-height: 1 !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalActions,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-payment-metric,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .customer-paid-metric,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-percent-edit-btn {
    display: none !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .estimate-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .estimate-table {
    min-width: 720px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalRequestsSection .table-wrap,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-requests-table {
    display: none !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-cards {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-card {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    grid-template-areas:
      "date main statuses"
      "date main side"
      "actions actions actions" !important;
    gap: 5px 7px !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(58, 68, 47, .12) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, .90) !important;
    box-shadow: 0 8px 18px rgba(23, 31, 18, .05) !important;
    overflow: hidden !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-date {
    grid-area: date !important;
    display: grid !important;
    align-self: start !important;
    justify-items: start !important;
    text-align: left !important;
    gap: 1px !important;
    padding-top: 2px !important;
    min-width: 0 !important;
    color: rgba(43, 54, 35, .58) !important;
    font-weight: 850 !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-date strong {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(43, 54, 35, .74) !important;
    font-size: 9.2px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-date span {
    display: block !important;
    font-size: 8.4px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .50) !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-main {
    grid-area: main !important;
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-main strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    color: var(--text) !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-main span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    color: rgba(43, 54, 35, .62) !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-statuses {
    grid-area: statuses !important;
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-statuses .status {
    min-height: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-side {
    grid-area: side !important;
    justify-self: end !important;
    display: grid !important;
    gap: 1px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-side strong {
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: var(--text) !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-side span {
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .62) !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-request-actions {
    grid-area: actions !important;
    display: none !important;
  }
}

/* v0.40.93 — department-head mobile exact alignment hotfix.
   Fixes only the mobile head-department cabinet: tabs, overview card,
   event card colors/backgrounds, and request-card vertical rhythm. */
@media (max-width: 720px) {
  /* Top tabs: fit 4 items without horizontal scroll, same compact rail feel as admin. */
  body.department-head-mode #adminTabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow: hidden !important;
    padding: 5px !important;
    min-height: 0 !important;
    border-radius: 17px !important;
  }

  body.department-head-mode #adminTabs .tab-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 4px !important;
    border-radius: 12px !important;
    font-size: 9.6px !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
  }

  /* Department goal card: no void between goal text and progress bar. */
  body.department-head-mode .department-head-plan-panel {
    display: block !important;
    padding: 11px 12px 10px !important;
    border-radius: 17px !important;
    margin-bottom: 10px !important;
    min-height: 0 !important;
  }

  body.department-head-mode .department-head-card-head {
    margin: 0 !important;
    padding-right: 130px !important;
    min-height: 0 !important;
  }

  body.department-head-mode .department-head-overview-name {
    margin: 0 0 5px !important;
  }

  body.department-head-mode .department-head-total,
  body.department-head-mode .department-head-total > div,
  body.department-head-mode .department-head-total > span {
    margin-bottom: 0 !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-events-word-badge {
    min-width: 118px !important;
    max-width: 138px !important;
    height: 24px !important;
    padding: 0 9px !important;
    font-size: 9.4px !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-main-progress {
    margin-top: 6px !important;
    display: grid !important;
    gap: 5px !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    margin: 0 !important;
    height: 8px !important;
  }

  body.department-head-mode .department-head-overview-muted {
    margin: 0 !important;
  }

  /* Event cards: Sanjar blue, Raufal peach, full-card fill only. */
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-sanzhar {
    background: linear-gradient(135deg, rgba(225, 241, 255, .97), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(46, 126, 190, .22) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-raufal {
    background: linear-gradient(135deg, rgba(255, 232, 210, .97), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(218, 139, 78, .22) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-mixed,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-mixed-sanzhar-raufal {
    background: linear-gradient(135deg, rgba(225, 241, 255, .94), rgba(255, 255, 255, .90), rgba(255, 232, 210, .94)) !important;
    border-color: rgba(150, 136, 118, .18) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td:not(.date-day-cell),
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td > *:not(.status):not(.admin-event-status-badge):not(.admin-event-money-badge),
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row .clip-cell,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row strong,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row span:not(.status):not(.admin-event-status-badge):not(.admin-event-money-badge) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.department-head-mode .department-head-events-table td:nth-child(1).date-day-cell {
    background: rgba(255, 255, 255, .70) !important;
  }

  /* Department-head request cards: remove empty vertical zones; lift details, amount, and manager. */
  body.department-head-mode .department-head-requests-table tbody {
    display: grid !important;
    gap: 7px !important;
  }

  body.department-head-mode .department-head-requests-table tbody tr {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "created position amount amount"
      "created method manager manager" !important;
    gap: 1px 6px !important;
    align-items: start !important;
    padding: 8px 9px !important;
    min-height: 0 !important;
  }

  body.department-head-mode .department-head-requests-table td {
    padding: 0 !important;
    min-height: 0 !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(1) {
    grid-area: date !important;
    align-self: start !important;
    margin-top: 0 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(2) {
    grid-area: created !important;
    justify-self: center !important;
    align-self: start !important;
    width: 42px !important;
    max-width: 42px !important;
    padding-top: 1px !important;
    color: rgba(43, 54, 35, .46) !important;
    font-size: 8.2px !important;
    line-height: 1.02 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(3) {
    grid-area: manager !important;
    justify-self: end !important;
    align-self: start !important;
    max-width: 140px !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9.2px !important;
    line-height: 1.05 !important;
    text-align: right !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(4) {
    grid-area: customer !important;
    align-self: start !important;
    max-width: 172px !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(5) {
    display: none !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(6) {
    grid-area: position !important;
    align-self: start !important;
    max-width: 172px !important;
    margin-top: 0 !important;
    color: rgba(43, 54, 35, .66) !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(7) {
    grid-area: amount !important;
    align-self: start !important;
    justify-self: end !important;
    min-width: 105px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    text-align: right !important;
    line-height: 1 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(7)::before {
    font-size: 8.7px !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(8) {
    grid-area: method !important;
    align-self: start !important;
    max-width: 172px !important;
    margin-top: 0 !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9.8px !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(9) {
    grid-area: pay !important;
    align-self: start !important;
    justify-self: end !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(10) {
    grid-area: money !important;
    align-self: start !important;
    justify-self: end !important;
  }

  body.department-head-mode .department-head-requests-table .request-position-mobile,
  body.department-head-mode .department-head-requests-table .request-method-mobile,
  body.department-head-mode .department-head-requests-table .clip-cell {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}


/* v0.40.95 — department-head mobile exact request/event polish.
   Fixes the actual mobile head-department card gaps and prevents department fill from tinting badges/text fragments. */
@media (max-width: 720px) {
  body.department-head-mode #adminTabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: stretch !important;
    align-items: center !important;
    gap: 3px !important;
    overflow: hidden !important;
    padding: 4px !important;
    min-height: 0 !important;
    border-radius: 17px !important;
  }

  body.department-head-mode #adminTabs .tab-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 4px !important;
    border-radius: 13px !important;
    font-size: 10.2px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.department-head-mode .department-head-plan-panel {
    padding: 10px 12px 8px !important;
  }

  body.department-head-mode .department-head-card-head {
    margin-bottom: 0 !important;
  }

  body.department-head-mode .department-head-total > span {
    margin-top: 1px !important;
  }

  body.department-head-mode .department-head-main-progress {
    margin-top: -2px !important;
    gap: 3px !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    margin-top: 0 !important;
  }

  body.department-head-mode .department-head-overview-muted {
    margin-top: 0 !important;
  }

  /* Events: Sanjar is blue, Raufal is peach; color belongs to the whole card only. */
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-sanzhar {
    background: linear-gradient(135deg, rgba(225, 241, 255, .96), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(46, 126, 190, .20) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-raufal {
    background: linear-gradient(135deg, rgba(255, 239, 226, .97), rgba(255, 255, 255, .90)) !important;
    border-color: rgba(224, 126, 80, .20) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-mixed,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row.department-mixed-sanzhar-raufal {
    background: linear-gradient(135deg, rgba(225, 241, 255, .94), rgba(255,255,255,.90), rgba(255, 239, 226, .94)) !important;
    border-color: rgba(150, 136, 118, .18) !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td:not(.date-day-cell),
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td:not(.date-day-cell) > *:not(.status):not(.admin-event-status-badge):not(.admin-event-money-badge),
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row .clip-cell,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row strong,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row span:not(.status):not(.admin-event-status-badge):not(.admin-event-money-badge) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-status-badge,
  body.department-head-mode .department-head-events-table .admin-event-money-badge,
  body.department-head-mode .department-head-events-table .status {
    box-shadow: none !important;
    background-clip: padding-box !important;
  }

  /* Requests: collapse the empty vertical zones marked in the screenshot. */
  body.department-head-mode .department-head-requests-table tbody {
    display: grid !important;
    gap: 7px !important;
  }

  body.department-head-mode .department-head-requests-table tbody tr {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "created position amount amount"
      "created method manager manager" !important;
    column-gap: 5px !important;
    row-gap: 0 !important;
    padding: 7px 9px !important;
    align-items: start !important;
    min-height: 0 !important;
  }

  body.department-head-mode .department-head-requests-table td {
    min-height: 0 !important;
    padding: 0 !important;
    line-height: 1.02 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(4) {
    grid-area: customer !important;
    align-self: start !important;
    max-width: 170px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.02 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(6) {
    grid-area: position !important;
    align-self: start !important;
    max-width: 170px !important;
    margin: -1px 0 0 !important;
    padding: 0 !important;
    font-size: 9.8px !important;
    line-height: 1.02 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(8) {
    grid-area: method !important;
    align-self: start !important;
    max-width: 170px !important;
    margin: -2px 0 0 !important;
    padding: 0 !important;
    font-size: 9.6px !important;
    line-height: 1.02 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(7) {
    grid-area: amount !important;
    justify-self: end !important;
    align-self: start !important;
    min-width: 104px !important;
    margin: -1px 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(3) {
    grid-area: manager !important;
    justify-self: end !important;
    align-self: start !important;
    max-width: 120px !important;
    margin: -2px 0 0 !important;
    padding: 0 !important;
    font-size: 9px !important;
    line-height: 1.02 !important;
    text-align: right !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(2) {
    grid-area: created !important;
    align-self: start !important;
    margin-top: -1px !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(9),
  body.department-head-mode .department-head-requests-table td:nth-child(10) {
    align-self: start !important;
    margin: 0 !important;
  }
}


/* v0.40.95 — exact department-head mobile request cards fix.
   Root cause: department-head request rows used the desktop position cell and did not hide
   request-method desktop/mobile spans, so method + KGD were glued together. Previous negative
   margins also glued amount and manager. Keep the table-render, but make the mobile grid deterministic. */
@media (max-width: 720px) {
  body.department-head-mode .department-head-requests-table tbody tr {
    grid-template-columns: 42px minmax(0, 1fr) max-content max-content !important;
    grid-template-areas:
      "date customer pay money"
      "created position amount amount"
      "created method manager manager" !important;
    column-gap: 6px !important;
    row-gap: 2px !important;
    padding: 8px 9px 8px !important;
    align-items: start !important;
    min-height: 0 !important;
  }

  body.department-head-mode .department-head-requests-table td {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.08 !important;
  }

  body.department-head-mode .department-head-requests-table .request-position-desktop,
  body.department-head-mode .department-head-requests-table .request-method-desktop {
    display: none !important;
  }

  body.department-head-mode .department-head-requests-table .request-position-mobile,
  body.department-head-mode .department-head-requests-table .request-method-mobile {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(4) {
    grid-area: customer !important;
    align-self: start !important;
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(6) {
    grid-area: position !important;
    align-self: start !important;
    max-width: 100% !important;
    font-size: 9.8px !important;
    line-height: 1.08 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(8) {
    grid-area: method !important;
    align-self: start !important;
    max-width: 100% !important;
    color: rgba(43, 54, 35, .62) !important;
    font-size: 9.6px !important;
    line-height: 1.08 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(7) {
    grid-area: amount !important;
    justify-self: end !important;
    align-self: start !important;
    min-width: 104px !important;
    text-align: right !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(3) {
    grid-area: manager !important;
    justify-self: end !important;
    align-self: start !important;
    max-width: 124px !important;
    margin-top: 1px !important;
    padding-top: 0 !important;
    font-size: 9px !important;
    line-height: 1.08 !important;
    text-align: right !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(2) {
    grid-area: created !important;
    align-self: start !important;
    margin-top: 0 !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(9) {
    grid-area: pay !important;
    justify-self: end !important;
    align-self: start !important;
  }

  body.department-head-mode .department-head-requests-table td:nth-child(10) {
    grid-area: money !important;
    justify-self: end !important;
    align-self: start !important;
  }
}

/* v0.40.96 — department-head mobile exact cards fix.
   Root cause: old table-grid request layout made status badges define row height,
   which created the visible empty gaps. Mobile now uses a separate card list.
   Also restores event status badge backgrounds and removes the negative progress offset. */
@media (max-width: 720px) {
  body.department-head-mode .department-head-requests-desktop-wrap {
    display: none !important;
  }

  body.department-head-mode .department-head-requests-mobile-list {
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.department-head-mode .department-head-request-card {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) minmax(108px, max-content) !important;
    gap: 6px !important;
    align-items: start !important;
    padding: 9px 10px !important;
    min-height: 0 !important;
    border: 1px solid rgba(185, 210, 175, .56) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: 0 8px 22px rgba(74, 110, 52, .045) !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-request-date {
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 1px !important;
    color: rgba(43, 54, 35, .52) !important;
    font-size: 8.6px !important;
    line-height: 1.02 !important;
    font-weight: 850 !important;
    text-align: center !important;
  }

  body.department-head-mode .department-head-request-day {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(22, 25, 21, .82) !important;
    border-radius: 11px !important;
    color: var(--text) !important;
    background: rgba(255, 255, 255, .76) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-request-main {
    min-width: 0 !important;
    display: grid !important;
    align-content: start !important;
    gap: 2px !important;
    padding-top: 0 !important;
  }

  body.department-head-mode .department-head-request-main strong {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: var(--text) !important;
    font-size: 12.8px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }

  body.department-head-mode .department-head-request-main span {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(43, 54, 35, .62) !important;
    font-size: 9.7px !important;
    line-height: 1.08 !important;
    font-weight: 850 !important;
  }

  body.department-head-mode .department-head-request-side {
    min-width: 0 !important;
    display: grid !important;
    justify-items: end !important;
    align-content: start !important;
    gap: 3px !important;
    text-align: right !important;
  }

  body.department-head-mode .department-head-request-statuses {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-request-statuses .status {
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    font-size: 8.7px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-request-side strong {
    display: block !important;
    margin-top: 1px !important;
    color: var(--text) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-request-side span:not(.status) {
    display: block !important;
    max-width: 116px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
  }

  body.department-head-mode .department-head-main-progress {
    margin-top: 6px !important;
    gap: 4px !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    margin-top: 0 !important;
  }

  body.department-head-mode .department-head-overview-muted {
    margin-top: 0 !important;
  }

  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td:not(.date-day-cell),
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row td:not(.date-day-cell) > *:not(.status):not(.admin-event-status-badge):not(.admin-event-money-badge),
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row .clip-cell,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row strong,
  body.department-head-mode .department-head-events-table tbody tr.admin-event-row span:not(.status):not(.admin-event-status-badge):not(.admin-event-money-badge) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-status-badge.draft,
  body.department-head-mode .department-head-events-table .admin-event-status-badge.revision {
    background: rgba(244, 247, 241, .98) !important;
    border-color: rgba(125, 133, 118, .28) !important;
    color: #52594f !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-status-badge.review {
    background: rgba(255, 239, 196, .98) !important;
    border-color: rgba(199, 151, 40, .34) !important;
    color: #8a6207 !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-status-badge.accepted,
  body.department-head-mode .department-head-events-table .admin-event-status-badge.completed,
  body.department-head-mode .department-head-events-table .admin-event-status-badge.archive,
  body.department-head-mode .department-head-events-table .admin-event-status-badge.archived {
    background: rgba(216, 244, 210, .98) !important;
    border-color: rgba(53, 150, 57, .28) !important;
    color: #1f7a35 !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-status-badge.cancelled {
    background: rgba(255, 228, 222, .98) !important;
    border-color: rgba(205, 86, 67, .28) !important;
    color: #b84835 !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-money-badge.cash_received,
  body.department-head-mode .department-head-events-table .status.cash_received {
    background: #7CFF35 !important;
    border-color: rgba(72, 195, 12, .62) !important;
    color: #173f0b !important;
  }

  body.department-head-mode .department-head-events-table .admin-event-money-badge.waiting_money,
  body.department-head-mode .department-head-events-table .status.waiting_money {
    background: rgba(245, 245, 245, .92) !important;
    border-color: rgba(150, 150, 150, .28) !important;
    color: #686868 !important;
  }
}

@media (min-width: 721px) {
  body.department-head-mode .department-head-requests-mobile-list {
    display: none !important;
  }
}

/* v0.40.97 — mobile event modal metric title and estimate density fix.
   Root cause: .manager-percent-label stayed inline-flex from desktop percent editor even when
   the edit button is hidden for department-head/mobile, and department-head modal estimate
   table did not inherit the compact admin mobile table typography. */
@media (max-width: 720px) {
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-salary-metric .manager-percent-label,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-salary-metric .manager-percent-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    transform: none !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-salary-metric .manager-percent-label > span,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-salary-metric .manager-percent-label > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table {
    min-width: 620px !important;
    font-size: 8.8px !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table th,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table td,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table th,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table td {
    padding: 3px 5px !important;
    font-size: 8.8px !important;
    line-height: 1.05 !important;
  }

  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table th,
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .event-modal-estimate-table th {
    letter-spacing: .07em !important;
  }
}


/* v0.40.98 — event modal title split + mobile manager metric label alignment.
   Event title is always rendered as two spans: client and event title. Keep them visually
   separated on desktop and mobile; keep manager percent title aligned like other metric labels. */
#eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 0;
  line-height: 1.08;
}

#eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle .event-modal-title-client {
  display: block;
  font-weight: 950;
  color: var(--text);
  line-height: 1.08;
}

#eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle .event-modal-title-name {
  display: block;
  margin-top: 2px;
  font-size: .72em;
  font-weight: 750;
  color: var(--muted);
  line-height: 1.12;
}

@media (max-width: 720px) {
  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-salary-metric .manager-percent-label,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-salary-metric .manager-percent-label {
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    width: 100% !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-salary-metric .manager-percent-label > span,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) .manager-salary-metric .manager-percent-label > span {
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    text-align: left !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle .event-modal-title-client,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle .event-modal-title-client {
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
  }

  body.admin-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle .event-modal-title-name,
  body.department-head-mode #eventModalBackdrop:not(.payment-modal-mode):not(.pin-modal-mode):not(.profile-modal-mode):not(.manager-payments-modal):not(.manager-requests-modal-mode) #eventModalTitle .event-modal-title-name {
    font-size: 12px !important;
    font-weight: 750 !important;
    color: var(--muted) !important;
    line-height: 1.12 !important;
  }
}


/* v0.40.100 — restore department-head desktop overview card to admin-style plan card. */
@media (min-width: 721px) {
  body.department-head-mode .department-head-plan-panel {
    position: relative !important;
    display: block !important;
    min-height: 272px !important;
    padding: 36px 44px 34px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-plan-panel.department-sanzhar {
    background: linear-gradient(135deg, rgba(225, 241, 255, .96), rgba(245, 251, 255, .92)) !important;
    border-color: rgba(120, 188, 255, .72) !important;
  }

  body.department-head-mode .department-head-plan-panel.department-raufal {
    background: linear-gradient(135deg, rgba(255, 239, 226, .96), rgba(255, 250, 245, .92)) !important;
    border-color: rgba(255, 183, 145, .76) !important;
  }

  body.department-head-mode .department-head-plan-topline {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 32px !important;
    margin: 0 0 38px !important;
    padding: 0 !important;
  }

  body.department-head-mode .department-head-plan-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body.department-head-mode .department-head-plan-panel .overview-label {
    margin: 0 0 18px !important;
    font-size: 22px !important;
    line-height: 1 !important;
    letter-spacing: .34em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    color: var(--accent-strong) !important;
  }

  body.department-head-mode .department-head-total {
    display: block !important;
    text-align: left !important;
    min-width: 0 !important;
  }

  body.department-head-mode .department-head-total > div {
    margin: 0 0 18px !important;
    font-size: clamp(48px, 5.4vw, 92px) !important;
    line-height: .90 !important;
    letter-spacing: -.08em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
  }

  body.department-head-mode .department-head-total .overview-subline-with-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    font-weight: 950 !important;
    color: rgba(43, 54, 35, .68) !important;
  }

  body.department-head-mode .department-head-events-word-badge {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 190px !important;
    max-width: none !important;
    height: 42px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  body.department-head-mode .department-head-overview-name {
    flex: 0 0 auto !important;
    margin: 4px 0 0 !important;
    max-width: 34% !important;
    text-align: right !important;
    font-size: clamp(30px, 2.9vw, 46px) !important;
    line-height: .96 !important;
    letter-spacing: -.06em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
  }

  body.department-head-mode .department-head-main-progress {
    display: block !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  body.department-head-mode .department-head-overview-muted {
    margin-top: 18px !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .64) !important;
  }
}

/* v0.40.101 — mobile request tabs grouped by event + position.
   Desktop tables remain unchanged. */
.admin-requests-mobile-group-list,
.department-head-requests-mobile-list {
  display: none;
}

@media (max-width: 720px) {
  body.admin-mode .table-wrap:has(.admin-requests-table) {
    display: none !important;
  }

  body.admin-mode .admin-requests-mobile-group-list,
  body.department-head-mode .department-head-requests-mobile-list {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  .mobile-request-group-card {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(120, 140, 110, .18) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(247, 250, 244, .98), rgba(255, 255, 255, .94)) !important;
    box-shadow: 0 8px 20px rgba(28, 45, 18, .055) !important;
    overflow: hidden !important;
  }

  .request-event-date-chip {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(24, 28, 22, .78) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .72) !important;
    color: rgba(28, 32, 24, .94) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42) !important;
  }

  .request-event-date-chip strong {
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  .mobile-request-group-main {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
  }

  .mobile-request-group-main > strong {
    min-width: 0 !important;
    color: rgba(28, 32, 24, .94) !important;
    font-size: 14px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mobile-request-group-event,
  .mobile-request-group-position {
    min-width: 0 !important;
    color: rgba(43, 54, 35, .70) !important;
    font-size: 10.5px !important;
    line-height: 1.12 !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mobile-request-group-position {
    color: rgba(43, 54, 35, .82) !important;
    font-size: 11.2px !important;
    font-weight: 900 !important;
  }

  .mobile-request-group-list {
    display: grid !important;
    gap: 6px !important;
    margin-top: 6px !important;
  }

  .mobile-request-group-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "info side"
      "actions actions" !important;
    gap: 4px 8px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(110, 130, 100, .13) !important;
    min-width: 0 !important;
  }

  .mobile-request-group-row:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  .mobile-request-group-row-info {
    grid-area: info !important;
    min-width: 0 !important;
    align-self: center !important;
    display: grid !important;
    gap: 1px !important;
    color: rgba(43, 54, 35, .70) !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
    font-weight: 750 !important;
  }

  .mobile-request-group-row-info span {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mobile-request-created {
    color: rgba(43, 54, 35, .48) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
  }

  .mobile-request-group-row-side {
    grid-area: side !important;
    display: grid !important;
    justify-items: end !important;
    align-items: start !important;
    gap: 2px !important;
    min-width: max-content !important;
    text-align: right !important;
  }

  .mobile-request-statuses {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }

  .mobile-request-statuses .status {
    min-height: 21px !important;
    height: 21px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 8.6px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .mobile-request-group-row-side > strong {
    margin-top: 1px !important;
    color: rgba(28, 32, 24, .96) !important;
    font-size: 15px !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
  }

  .mobile-request-group-row-side > strong::before {
    content: "Сумма " !important;
    color: rgba(43, 54, 35, .58) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  .mobile-request-group-row-side > span {
    color: rgba(43, 54, 35, .62) !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    max-width: 132px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mobile-request-actions {
    grid-area: actions !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 3px !important;
  }

  .mobile-request-actions button,
  .mobile-request-actions .small {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 6px 8px !important;
    border-radius: 11px !important;
    font-size: 9.8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* v0.40.102 — department-head desktop overview card: match admin plan reference. */
@media (min-width: 721px) {
  body.department-head-mode .department-head-plan-panel {
    position: relative !important;
    display: block !important;
    min-height: 270px !important;
    padding: 38px 44px 34px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-plan-panel.department-sanzhar {
    background: linear-gradient(135deg, rgba(226, 243, 255, .96), rgba(245, 251, 255, .92)) !important;
    border-color: rgba(120, 188, 255, .78) !important;
  }

  body.department-head-mode .department-head-plan-panel.department-raufal {
    background: linear-gradient(135deg, rgba(255, 238, 225, .96), rgba(255, 250, 246, .92)) !important;
    border-color: rgba(255, 183, 145, .78) !important;
  }

  body.department-head-mode .department-head-plan-topline {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.department-head-mode .department-head-plan-copy {
    width: 100% !important;
    max-width: calc(100% - 260px) !important;
    min-width: 0 !important;
  }

  body.department-head-mode .department-head-plan-panel .overview-label {
    display: block !important;
    margin: 0 0 20px !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    line-height: 1 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    color: var(--accent-strong) !important;
  }

  body.department-head-mode .department-head-total {
    display: block !important;
    text-align: left !important;
    min-width: 0 !important;
  }

  body.department-head-mode .department-head-total > div {
    display: block !important;
    margin: 0 0 18px !important;
    font-size: clamp(54px, 5.4vw, 96px) !important;
    line-height: .90 !important;
    letter-spacing: -.08em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-total .overview-subline-with-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    font-weight: 950 !important;
    color: rgba(43, 54, 35, .68) !important;
    white-space: normal !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-events-word-badge {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 190px !important;
    max-width: none !important;
    height: 42px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  body.department-head-mode .department-head-overview-name {
    position: absolute !important;
    top: 38px !important;
    right: 44px !important;
    margin: 0 !important;
    max-width: 240px !important;
    text-align: right !important;
    font-size: clamp(30px, 2.9vw, 46px) !important;
    line-height: .96 !important;
    letter-spacing: -.06em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
  }

  body.department-head-mode .department-head-main-progress {
    display: block !important;
    margin: 32px 0 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    width: 100% !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  body.department-head-mode .department-head-overview-muted {
    display: block !important;
    margin: 18px 0 0 !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .64) !important;
  }
}


/* v0.40.103 — department-head DESKTOP plan card hard restore.
   Cause of v0.40.102 break: the desktop card was still depending on the old
   .department-head-card-head normal flow/absolute positioning, while earlier
   department-head overrides kept changing .department-head-overview-name and
   subline layout. This grid override makes the desktop card deterministic and
   independent from the mobile/header experiments above. */
@media (min-width: 721px) {
  .department-head-plan-panel {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-areas:
      "dh-copy dh-name"
      "dh-progress dh-progress" !important;
    column-gap: 36px !important;
    row-gap: 30px !important;
    min-height: 270px !important;
    padding: 38px 44px 34px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  .department-head-plan-panel.department-sanzhar {
    background: linear-gradient(135deg, rgba(226, 243, 255, .96), rgba(245, 251, 255, .92)) !important;
    border-color: rgba(120, 188, 255, .78) !important;
  }

  .department-head-plan-panel.department-raufal {
    background: linear-gradient(135deg, rgba(255, 238, 225, .96), rgba(255, 250, 246, .92)) !important;
    border-color: rgba(255, 183, 145, .78) !important;
  }

  .department-head-plan-panel .department-head-card-head,
  .department-head-plan-panel .department-head-plan-topline {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  .department-head-plan-panel .department-head-plan-copy {
    grid-area: dh-copy !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .department-head-plan-panel .overview-label {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 17px !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    color: var(--accent-strong) !important;
  }

  .department-head-plan-panel .department-head-total {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .department-head-plan-panel .department-head-total > div {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: clamp(54px, 5.4vw, 96px) !important;
    line-height: .90 !important;
    letter-spacing: -.08em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .department-head-plan-panel .department-head-total .overview-subline-with-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    font-weight: 950 !important;
    color: rgba(43, 54, 35, .68) !important;
  }

  .department-head-plan-panel .department-head-events-word-badge {
    position: static !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 190px !important;
    max-width: none !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  .department-head-plan-panel .department-head-overview-name {
    grid-area: dh-name !important;
    position: static !important;
    display: block !important;
    align-self: start !important;
    justify-self: end !important;
    width: auto !important;
    max-width: 260px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: clamp(30px, 2.9vw, 46px) !important;
    line-height: .96 !important;
    letter-spacing: -.06em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
  }

  .department-head-plan-panel .department-head-main-progress {
    grid-area: dh-progress !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .department-head-plan-panel .progress-line {
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  .department-head-plan-panel .department-head-overview-muted {
    display: block !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .64) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* v0.40.104 — department-head DESKTOP plan card exact grid fix.
   Root cause: previous overrides used display: contents on .department-head-card-head.
   That left nested legacy rules free to affect .department-head-total and
   .department-head-overview-name, so the department name and goal line fell back
   into the left text flow instead of a fixed right column. Use one explicit
   desktop grid row for copy + department name, then a full-width progress block. */
@media (min-width: 721px) {
  body.department-head-mode .department-head-plan-panel {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 28px !important;
    min-height: 270px !important;
    padding: 38px 44px 34px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-plan-panel.department-sanzhar {
    background: linear-gradient(135deg, rgba(226, 243, 255, .96), rgba(245, 251, 255, .92)) !important;
    border-color: rgba(120, 188, 255, .78) !important;
  }

  body.department-head-mode .department-head-plan-panel.department-raufal {
    background: linear-gradient(135deg, rgba(255, 238, 225, .96), rgba(255, 250, 246, .92)) !important;
    border-color: rgba(255, 183, 145, .78) !important;
  }

  body.department-head-mode .department-head-plan-panel > .department-head-card-head,
  body.department-head-mode .department-head-plan-panel > .department-head-plan-topline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-areas: "copy name" !important;
    align-items: start !important;
    column-gap: 32px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-plan-copy {
    grid-area: copy !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.department-head-mode .department-head-plan-panel .overview-label {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 17px !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    color: var(--accent-strong) !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-total {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-total > div {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: clamp(54px, 5.4vw, 96px) !important;
    line-height: .90 !important;
    letter-spacing: -.08em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-total .overview-subline-with-badge {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    font-weight: 950 !important;
    color: rgba(43, 54, 35, .68) !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-events-word-badge {
    position: static !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 190px !important;
    max-width: none !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-overview-name {
    grid-area: name !important;
    position: static !important;
    display: block !important;
    align-self: start !important;
    justify-self: end !important;
    width: auto !important;
    max-width: 260px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: clamp(30px, 2.9vw, 46px) !important;
    line-height: .96 !important;
    letter-spacing: -.06em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-main-progress {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.department-head-mode .department-head-plan-panel .progress-line {
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  body.department-head-mode .department-head-plan-panel .department-head-overview-muted {
    display: block !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .64) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* v0.40.105 — department-head desktop plan card real final layout.
   Root cause of v0.40.104: the earlier non-scoped .department-head-plan-panel rules
   still contained display: contents / legacy flow overrides. The later body-scoped rules
   did not reliably win in all loaded states, so the department name stayed in the left
   text flow. This override is intentionally unscoped from body and placed last: the card
   is a normal block, department name is absolutely pinned top-right, and the copy/progress
   flow is deterministic. Desktop only. */
@media (min-width: 721px) {
  .department-head-plan-panel {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    padding: 34px 44px 34px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  .department-head-plan-panel.department-sanzhar {
    background: linear-gradient(135deg, rgba(226, 243, 255, .96), rgba(245, 251, 255, .92)) !important;
    border-color: rgba(120, 188, 255, .78) !important;
  }

  .department-head-plan-panel.department-raufal {
    background: linear-gradient(135deg, rgba(255, 238, 225, .96), rgba(255, 250, 246, .92)) !important;
    border-color: rgba(255, 183, 145, .78) !important;
  }

  .department-head-plan-panel > .department-head-card-head,
  .department-head-plan-panel > .department-head-plan-topline {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .department-head-plan-panel .department-head-plan-copy {
    display: block !important;
    position: static !important;
    width: auto !important;
    max-width: calc(100% - 270px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .department-head-plan-panel .overview-label {
    display: block !important;
    width: auto !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    color: var(--accent-strong) !important;
  }

  .department-head-plan-panel .department-head-total {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .department-head-plan-panel .department-head-total > div {
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    font-size: clamp(46px, 4.6vw, 72px) !important;
    line-height: .92 !important;
    letter-spacing: -.075em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .department-head-plan-panel .department-head-total .overview-subline-with-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 21px !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    font-weight: 900 !important;
    color: rgba(43, 54, 35, .68) !important;
  }

  .department-head-plan-panel .department-head-events-word-badge {
    position: static !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 160px !important;
    max-width: none !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  .department-head-plan-panel .department-head-overview-name {
    position: absolute !important;
    top: 34px !important;
    right: 44px !important;
    display: block !important;
    width: auto !important;
    max-width: 260px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: clamp(28px, 2.7vw, 42px) !important;
    line-height: .96 !important;
    letter-spacing: -.055em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
    z-index: 2 !important;
  }

  .department-head-plan-panel .department-head-main-progress {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 38px 0 0 !important;
    padding: 0 !important;
  }

  .department-head-plan-panel .progress-line {
    display: block !important;
    width: 100% !important;
    height: 26px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  .department-head-plan-panel .department-head-overview-muted {
    display: block !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    letter-spacing: -.03em !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .64) !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* v0.40.106 — department-head desktop plan card: clean isolated markup.
   Root cause of the repeated broken layout: desktop and mobile were sharing the same
   legacy nodes/classes (.department-head-total, .department-head-overview-name,
   .overview-subline-with-badge). Older overrides kept winning against each other, so
   department name, goal, badge and progress fell back into one left-side text flow.
   Desktop now uses dedicated .department-head-plan-desktop-* nodes; mobile keeps the
   legacy mobile card. */
@media (min-width: 721px) {
  body.department-head-mode .department-head-plan-panel {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  body.department-head-mode .department-head-plan-mobile-card {
    display: none !important;
  }

  body.department-head-mode .department-head-plan-desktop-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "copy name"
      "progress progress" !important;
    align-items: start !important;
    column-gap: 32px !important;
    row-gap: 30px !important;
    width: 100% !important;
    min-height: 268px !important;
    padding: 34px 44px 34px !important;
    border-radius: inherit !important;
    box-sizing: border-box !important;
  }

  body.department-head-mode .department-head-plan-panel.department-sanzhar .department-head-plan-desktop-card {
    background: linear-gradient(135deg, rgba(226, 243, 255, .96), rgba(245, 251, 255, .92)) !important;
    border: 1px solid rgba(120, 188, 255, .78) !important;
  }

  body.department-head-mode .department-head-plan-panel.department-raufal .department-head-plan-desktop-card {
    background: linear-gradient(135deg, rgba(255, 238, 225, .96), rgba(255, 250, 246, .92)) !important;
    border: 1px solid rgba(255, 183, 145, .78) !important;
  }

  body.department-head-mode .department-head-plan-desktop-copy {
    grid-area: copy !important;
    display: grid !important;
    justify-items: start !important;
    align-content: start !important;
    gap: 14px !important;
    min-width: 0 !important;
  }

  body.department-head-mode .department-head-plan-desktop-label {
    display: block !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    font-weight: 950 !important;
    color: var(--accent-strong) !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-plan-desktop-fact {
    display: block !important;
    margin: 0 !important;
    font-size: clamp(52px, 5vw, 82px) !important;
    line-height: .92 !important;
    letter-spacing: -.075em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-plan-desktop-subline {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 21px !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
    font-weight: 900 !important;
    color: rgba(43, 54, 35, .68) !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-plan-desktop-subline .department-head-events-word-badge,
  body.department-head-mode .department-head-plan-desktop-subline .overview-events-badge {
    position: static !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 160px !important;
    max-width: none !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  body.department-head-mode .department-head-plan-desktop-name {
    grid-area: name !important;
    display: block !important;
    align-self: start !important;
    justify-self: end !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 300px !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: clamp(30px, 2.8vw, 44px) !important;
    line-height: .96 !important;
    letter-spacing: -.055em !important;
    font-weight: 1000 !important;
    color: #151917 !important;
  }

  body.department-head-mode .department-head-plan-desktop-progress {
    grid-area: progress !important;
    display: grid !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.department-head-mode .department-head-plan-desktop-progress .progress-line {
    display: block !important;
    width: 100% !important;
    height: 26px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  body.department-head-mode .department-head-plan-desktop-muted {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    letter-spacing: -.03em !important;
    font-weight: 850 !important;
    color: rgba(43, 54, 35, .64) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 720px) {
  body.department-head-mode .department-head-plan-desktop-card {
    display: none !important;
  }

  body.department-head-mode .department-head-plan-mobile-card {
    display: block !important;
  }
}

/* v0.40.107 — hard redraw of department-head plan card.
   The old card reused manager/admin/mobile classes and kept fighting itself.
   These v107 classes are standalone and do not inherit the broken legacy layout. */
.department-head-plan-card-v107 {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 28px;
  overflow: hidden;
  margin: 18px 0 22px;
}

.department-head-plan-desktop-v107 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "label name"
    "fact name"
    "subline name"
    "progress progress"
    "muted muted";
  align-items: start;
  column-gap: 32px;
  row-gap: 12px;
  width: 100%;
  min-height: 255px;
  padding: 34px 44px 30px;
  box-sizing: border-box;
  border-radius: 28px;
}

.department-head-plan-card-v107.department-sanzhar .department-head-plan-desktop-v107 {
  background: linear-gradient(135deg, rgba(226, 243, 255, .96), rgba(245, 251, 255, .92));
  border: 1px solid rgba(120, 188, 255, .78);
}

.department-head-plan-card-v107.department-raufal .department-head-plan-desktop-v107 {
  background: linear-gradient(135deg, rgba(255, 238, 225, .96), rgba(255, 250, 246, .92));
  border: 1px solid rgba(255, 183, 145, .78);
}

.department-head-plan-label-v107 {
  grid-area: label;
  margin: 0;
  font-size: 17px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 950;
  color: var(--accent-strong);
  white-space: nowrap;
}

.department-head-plan-name-v107 {
  grid-area: name;
  justify-self: end;
  align-self: start;
  margin: 0;
  padding: 0;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 1000;
  color: #151917;
  white-space: nowrap;
  text-align: right;
}

.department-head-plan-fact-v107 {
  grid-area: fact;
  margin: 2px 0 0;
  font-size: clamp(46px, 4.4vw, 72px);
  line-height: .95;
  letter-spacing: -.07em;
  font-weight: 1000;
  color: #151917;
  white-space: nowrap;
}

.department-head-plan-subline-v107 {
  grid-area: subline;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 14px;
  margin: 0;
  min-width: 0;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.04em;
  font-weight: 900;
  color: rgba(43, 54, 35, .68);
  white-space: nowrap;
}

.department-head-plan-subline-v107 .department-head-events-word-badge,
.department-head-plan-subline-v107 .overview-events-badge {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 158px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

.department-head-plan-progress-v107 {
  grid-area: progress;
  width: 100%;
  margin: 18px 0 0;
}

.department-head-plan-progress-v107 .progress-line {
  display: block;
  width: 100%;
  height: 20px;
  margin: 0;
  border-radius: 999px;
}

.department-head-plan-muted-v107 {
  grid-area: muted;
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 1.15;
  letter-spacing: -.03em;
  font-weight: 850;
  color: rgba(43, 54, 35, .64);
  white-space: nowrap;
}

.department-head-plan-mobile-v107 {
  display: none;
}

@media (max-width: 720px) {
  .department-head-plan-card-v107 {
    margin: 14px 0 22px;
    border-radius: 22px;
  }

  .department-head-plan-desktop-v107 {
    display: none;
  }

  .department-head-plan-mobile-v107 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 18px 18px;
    border-radius: 22px;
    border: 1px solid rgba(205, 226, 194, .95);
    background: rgba(255,255,255,.76);
  }

  .department-head-plan-card-v107.department-sanzhar .department-head-plan-mobile-v107 {
    background: linear-gradient(135deg, rgba(230, 244, 255, .92), rgba(255,255,255,.82));
    border-color: rgba(143, 199, 255, .78);
  }

  .department-head-plan-card-v107.department-raufal .department-head-plan-mobile-v107 {
    background: linear-gradient(135deg, rgba(255, 240, 229, .92), rgba(255,255,255,.84));
    border-color: rgba(255, 190, 153, .78);
  }

  .department-head-plan-mobile-name-v107 {
    margin: 0 0 6px;
    color: var(--accent-strong);
    font-size: 18px;
    line-height: 1;
    letter-spacing: .22em;
    text-transform: uppercase;
    font-weight: 950;
  }

  .department-head-plan-mobile-label-v107 {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 950;
    color: rgba(47, 58, 42, .68);
  }

  .department-head-plan-mobile-fact-v107 {
    margin: 0 0 4px;
    font-size: 34px;
    line-height: .98;
    letter-spacing: -.06em;
    font-weight: 1000;
    color: #151917;
  }

  .department-head-plan-mobile-subline-v107 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -.03em;
    font-weight: 850;
    color: rgba(43, 54, 35, .66);
  }

  .department-head-plan-mobile-subline-v107 .department-head-events-word-badge,
  .department-head-plan-mobile-subline-v107 .overview-events-badge {
    position: static !important;
    min-width: 0 !important;
    height: 28px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .department-head-plan-mobile-v107 .progress-line {
    height: 12px;
    margin: 0 0 10px;
  }

  .department-head-plan-mobile-muted-v107 {
    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
  }
}


/* v0.40.108 — department-head plan card typography tuning.
   Desktop structure from v0.40.107 is kept intact; only font sizes are reduced.
   Mobile department name is moved to the right of the title line, matching desktop. */
@media (min-width: 721px) {
  .department-head-plan-label-v107 {
    font-size: 13px !important;
    letter-spacing: .15em !important;
  }

  .department-head-plan-name-v107 {
    font-size: 26px !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
  }

  .department-head-plan-fact-v107 {
    font-size: clamp(36px, 3.25vw, 52px) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
  }

  .department-head-plan-subline-v107 {
    font-size: 16px !important;
    line-height: 1.08 !important;
    gap: 10px !important;
  }

  .department-head-plan-subline-v107 .department-head-events-word-badge,
  .department-head-plan-subline-v107 .overview-events-badge {
    min-width: 136px !important;
    height: 28px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
  }

  .department-head-plan-muted-v107 {
    font-size: 14px !important;
  }
}

@media (max-width: 720px) {
  .department-head-plan-mobile-v107 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "label name"
      "fact fact"
      "subline subline"
      "progress progress"
      "muted muted" !important;
    align-items: start !important;
    column-gap: 10px !important;
    row-gap: 7px !important;
    padding: 16px 16px 14px !important;
  }

  .department-head-plan-mobile-label-v107 {
    grid-area: label !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    white-space: nowrap !important;
  }

  .department-head-plan-mobile-name-v107 {
    grid-area: name !important;
    justify-self: end !important;
    align-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: .16em !important;
  }

  .department-head-plan-mobile-fact-v107 {
    grid-area: fact !important;
    margin: 0 !important;
    font-size: 27px !important;
    line-height: 1 !important;
    letter-spacing: -.055em !important;
  }

  .department-head-plan-mobile-subline-v107 {
    grid-area: subline !important;
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    gap: 6px !important;
  }

  .department-head-plan-mobile-subline-v107 .department-head-events-word-badge,
  .department-head-plan-mobile-subline-v107 .overview-events-badge {
    height: 24px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  .department-head-plan-mobile-v107 .progress-line {
    grid-area: progress !important;
    height: 10px !important;
    margin: 0 0 4px !important;
  }

  .department-head-plan-mobile-muted-v107 {
    grid-area: muted !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
}


/* v0.40.111 — mobile department-head plan badge line fix.
   The old mobile rules used body.department-head-mode .department-head-events-word-badge
   with absolute positioning and max-width, which had higher specificity than the v107 card
   subline rules. Scope the override to the v107 mobile subline with equal/higher specificity. */
@media (max-width: 720px) {
  body.department-head-mode .department-head-plan-mobile-subline-v107 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-plan-mobile-subline-v107 > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body.department-head-mode .department-head-plan-mobile-subline-v107 .department-head-events-word-badge,
  body.department-head-mode .department-head-plan-mobile-subline-v107 .overview-events-badge,
  body.department-head-mode .department-head-plan-card-v107 .department-head-plan-mobile-subline-v107 .department-head-events-word-badge {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 21px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    font-weight: 950 !important;
  }
}




/* v0.40.114 — mobile manager header/toolbar/plan real override (static stylesheet copy). */
@media (max-width: 920px) {
  body.manager-mode .app-shell,
  body[data-cf-role="manager"] .app-shell {
    width: min(100% - 36px, 430px) !important;
    padding: 18px 0 88px !important;
  }

  body.manager-mode .brand-topbar,
  body[data-cf-role="manager"] .brand-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "logo user"
      "pin logout" !important;
    gap: 10px 12px !important;
    align-items: center !important;
    padding: 16px !important;
    margin: 0 0 14px !important;
    border-radius: 28px !important;
  }

  body.manager-mode .brand-block,
  body[data-cf-role="manager"] .brand-block,
  body.manager-mode .topbar-actions,
  body[data-cf-role="manager"] .topbar-actions { display: contents !important; }

  body.manager-mode .brand-logo,
  body[data-cf-role="manager"] .brand-logo {
    grid-area: logo !important;
    justify-self: start !important;
    align-self: center !important;
    width: 132px !important;
    max-width: 45vw !important;
    height: auto !important;
    max-height: 46px !important;
    object-fit: contain !important;
    object-position: left center !important;
    mix-blend-mode: multiply !important;
  }

  body.manager-mode .brand-block > div,
  body[data-cf-role="manager"] .brand-block > div { display: none !important; }

  body.manager-mode #userBadge,
  body[data-cf-role="manager"] #userBadge {
    grid-area: user !important;
    display: inline-flex !important;
    justify-self: end !important;
    align-self: center !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: rgba(230, 248, 218, .96) !important;
    border: 1px solid rgba(72, 195, 12, .22) !important;
    color: #1b251a !important;
    box-shadow: none !important;
  }
  body.manager-mode #userBadge .user-badge-main,
  body[data-cf-role="manager"] #userBadge .user-badge-main { min-width: 0 !important; display: block !important; }
  body.manager-mode #userBadge .user-badge-line,
  body[data-cf-role="manager"] #userBadge .user-badge-line {
    display: block !important;
    max-width: 148px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }
  body.manager-mode #userBadge .user-badge-role,
  body.manager-mode #userBadge .user-badge-edit,
  body[data-cf-role="manager"] #userBadge .user-badge-role,
  body[data-cf-role="manager"] #userBadge .user-badge-edit { display: none !important; }

  body.manager-mode #changePinOpenBtn,
  body[data-cf-role="manager"] #changePinOpenBtn { grid-area: pin !important; }
  body.manager-mode #logoutBtn,
  body[data-cf-role="manager"] #logoutBtn { grid-area: logout !important; }
  body.manager-mode #changePinOpenBtn,
  body.manager-mode #logoutBtn,
  body[data-cf-role="manager"] #changePinOpenBtn,
  body[data-cf-role="manager"] #logoutBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  body.manager-mode #dashboardScreen > .toolbar,
  body[data-cf-role="manager"] #dashboardScreen > .toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .72fr) minmax(92px, .66fr) !important;
    gap: 8px !important;
    align-items: end !important;
    margin: 10px 0 14px !important;
  }
  body.manager-mode #dashboardScreen > .toolbar .month-control,
  body.manager-mode #dashboardScreen > .toolbar .year-control,
  body[data-cf-role="manager"] #dashboardScreen > .toolbar .month-control,
  body[data-cf-role="manager"] #dashboardScreen > .toolbar .year-control {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    color: rgba(25,30,24,.62) !important;
  }
  body.manager-mode #dashboardScreen > .toolbar select,
  body.manager-mode #reloadBtn,
  body[data-cf-role="manager"] #dashboardScreen > .toolbar select,
  body[data-cf-role="manager"] #reloadBtn {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  body.manager-mode #dashboardScreen > .card,
  body[data-cf-role="manager"] #dashboardScreen > .card { padding: 16px !important; border-radius: 28px !important; }
  body.manager-mode #dashboardScreen > .card > .section-head,
  body.manager-mode #summaryCards,
  body[data-cf-role="manager"] #dashboardScreen > .card > .section-head,
  body[data-cf-role="manager"] #summaryCards { display: none !important; }

  body.manager-mode .manager-dashboard-v113,
  body[data-cf-role="manager"] .manager-dashboard-v113 { display: grid !important; gap: 14px !important; }

  body.manager-mode .manager-plan-panel,
  body.manager-mode .manager-plan-panel-v113,
  body[data-cf-role="manager"] .manager-plan-panel,
  body[data-cf-role="manager"] .manager-plan-panel-v113 {
    order: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 18px 16px !important;
    margin: 0 !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(238,255,231,.98), rgba(255,255,255,.98)) !important;
    border: 1px solid rgba(142,226,96,.45) !important;
    box-shadow: 0 18px 44px rgba(32,56,15,.08) !important;
    overflow: hidden !important;
  }
  body.manager-mode .manager-top-actions,
  body.manager-mode .manager-top-actions-v113,
  body[data-cf-role="manager"] .manager-top-actions,
  body[data-cf-role="manager"] .manager-top-actions-v113 { order: 2 !important; display: grid !important; margin: 0 !important; }
  body.manager-mode .manager-top-actions button,
  body.manager-mode .manager-top-actions-v113 button,
  body[data-cf-role="manager"] .manager-top-actions button,
  body[data-cf-role="manager"] .manager-top-actions-v113 button {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }
  body.manager-mode .manager-workspace,
  body.manager-mode .manager-workspace-v113,
  body[data-cf-role="manager"] .manager-workspace,
  body[data-cf-role="manager"] .manager-workspace-v113 { order: 3 !important; }

  body.manager-mode .manager-plan-head-v113,
  body.manager-mode .manager-plan-panel > div:first-child,
  body[data-cf-role="manager"] .manager-plan-head-v113,
  body[data-cf-role="manager"] .manager-plan-panel > div:first-child {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  body.manager-mode .manager-plan-panel .overview-label,
  body[data-cf-role="manager"] .manager-plan-panel .overview-label {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: #43b900 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }
  body.manager-mode .manager-plan-panel h3,
  body[data-cf-role="manager"] .manager-plan-panel h3 {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.05 !important;
    text-align: right !important;
    color: rgba(25,30,24,.72) !important;
    white-space: nowrap !important;
    font-weight: 950 !important;
  }
  body.manager-mode .manager-plan-main,
  body.manager-mode .manager-plan-main-v113,
  body[data-cf-role="manager"] .manager-plan-main,
  body[data-cf-role="manager"] .manager-plan-main-v113 { display: grid !important; gap: 9px !important; }
  body.manager-mode .manager-plan-fact-v113,
  body.manager-mode .manager-plan-row strong:first-child,
  body[data-cf-role="manager"] .manager-plan-fact-v113,
  body[data-cf-role="manager"] .manager-plan-row strong:first-child {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    font-size: clamp(32px, 9vw, 40px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    font-weight: 950 !important;
    color: #111711 !important;
    white-space: nowrap !important;
  }
  body.manager-mode .manager-plan-subline-v113,
  body.manager-mode .manager-plan-row,
  body[data-cf-role="manager"] .manager-plan-subline-v113,
  body[data-cf-role="manager"] .manager-plan-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px 8px !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    color: rgba(25,30,24,.66) !important;
  }
  body.manager-mode .manager-plan-row strong,
  body[data-cf-role="manager"] .manager-plan-row strong {
    width: auto !important;
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
    color: rgba(25,30,24,.66) !important;
    white-space: nowrap !important;
  }
  body.manager-mode .manager-plan-events-badge-v113,
  body.manager-mode .manager-plan-row strong:nth-child(3),
  body[data-cf-role="manager"] .manager-plan-events-badge-v113,
  body[data-cf-role="manager"] .manager-plan-row strong:nth-child(3) {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(216,244,210,.96) !important;
    border: 1px solid rgba(53,150,57,.22) !important;
    color: #1f7a35 !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }
  body.manager-mode .manager-plan-panel .progress-line,
  body[data-cf-role="manager"] .manager-plan-panel .progress-line { height: 10px !important; margin: 2px 0 0 !important; border-radius: 999px !important; }
  body.manager-mode .manager-plan-panel .muted,
  body.manager-mode .manager-plan-muted-v113,
  body[data-cf-role="manager"] .manager-plan-panel .muted,
  body[data-cf-role="manager"] .manager-plan-muted-v113 {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    color: rgba(25,30,24,.62) !important;
  }
}

/* v0.40.115 — mobile manager width containment after plan panel. */
@media (max-width: 920px) {
  body.manager-mode,
  body[data-cf-role="manager"] {
    overflow-x: hidden !important;
  }

  body.manager-mode #dashboardScreen,
  body.manager-mode #dashboardScreen > .card,
  body.manager-mode .manager-dashboard-v113,
  body.manager-mode .manager-plan-panel,
  body.manager-mode .manager-plan-panel-v113,
  body.manager-mode .manager-workspace,
  body.manager-mode .manager-workspace-v113,
  body.manager-mode .manager-sidebar-card,
  body.manager-mode .manager-detail-card,
  body.manager-mode .manager-detail-card-v113,
  body.manager-mode .manager-event-card,
  body[data-cf-role="manager"] #dashboardScreen,
  body[data-cf-role="manager"] #dashboardScreen > .card,
  body[data-cf-role="manager"] .manager-dashboard-v113,
  body[data-cf-role="manager"] .manager-plan-panel,
  body[data-cf-role="manager"] .manager-plan-panel-v113,
  body[data-cf-role="manager"] .manager-workspace,
  body[data-cf-role="manager"] .manager-workspace-v113,
  body[data-cf-role="manager"] .manager-sidebar-card,
  body[data-cf-role="manager"] .manager-detail-card,
  body[data-cf-role="manager"] .manager-detail-card-v113,
  body[data-cf-role="manager"] .manager-event-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.manager-mode #dashboardScreen > .card,
  body[data-cf-role="manager"] #dashboardScreen > .card {
    padding: 12px !important;
    overflow-x: hidden !important;
    border-radius: 24px !important;
  }

  body.manager-mode .manager-dashboard-v113,
  body[data-cf-role="manager"] .manager-dashboard-v113 {
    gap: 12px !important;
  }

  body.manager-mode .manager-plan-panel,
  body.manager-mode .manager-plan-panel-v113,
  body[data-cf-role="manager"] .manager-plan-panel,
  body[data-cf-role="manager"] .manager-plan-panel-v113 {
    gap: 10px !important;
    padding: 14px 12px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  body.manager-mode .manager-plan-head-v113,
  body.manager-mode .manager-plan-panel > div:first-child,
  body[data-cf-role="manager"] .manager-plan-head-v113,
  body[data-cf-role="manager"] .manager-plan-panel > div:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.manager-mode .manager-plan-panel .overview-label,
  body[data-cf-role="manager"] .manager-plan-panel .overview-label {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    letter-spacing: .12em !important;
  }

  body.manager-mode .manager-plan-panel h3,
  body[data-cf-role="manager"] .manager-plan-panel h3 {
    min-width: 0 !important;
    max-width: 42vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-plan-main,
  body.manager-mode .manager-plan-main-v113,
  body[data-cf-role="manager"] .manager-plan-main,
  body[data-cf-role="manager"] .manager-plan-main-v113 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  body.manager-mode .manager-plan-fact-v113,
  body.manager-mode .manager-plan-row strong:first-child,
  body[data-cf-role="manager"] .manager-plan-fact-v113,
  body[data-cf-role="manager"] .manager-plan-row strong:first-child {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(21px, 6.4vw, 28px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  body.manager-mode .manager-plan-subline-v113,
  body.manager-mode .manager-plan-row,
  body[data-cf-role="manager"] .manager-plan-subline-v113,
  body[data-cf-role="manager"] .manager-plan-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 5px 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.05 !important;
  }

  body.manager-mode .manager-plan-subline-v113 span,
  body.manager-mode .manager-plan-row strong,
  body[data-cf-role="manager"] .manager-plan-subline-v113 span,
  body[data-cf-role="manager"] .manager-plan-row strong {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11.5px !important;
    line-height: 1.05 !important;
  }

  body.manager-mode .manager-plan-subline-v113 span:first-child,
  body[data-cf-role="manager"] .manager-plan-subline-v113 span:first-child {
    grid-column: 1 / -1 !important;
  }

  body.manager-mode .manager-plan-events-badge-v113,
  body.manager-mode .manager-plan-row strong:nth-child(3),
  body[data-cf-role="manager"] .manager-plan-events-badge-v113,
  body[data-cf-role="manager"] .manager-plan-row strong:nth-child(3) {
    justify-self: start !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 21px !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-plan-panel .progress-line,
  body[data-cf-role="manager"] .manager-plan-panel .progress-line {
    width: 100% !important;
    max-width: 100% !important;
    height: 8px !important;
  }

  body.manager-mode .manager-plan-panel .muted,
  body.manager-mode .manager-plan-muted-v113,
  body[data-cf-role="manager"] .manager-plan-panel .muted,
  body[data-cf-role="manager"] .manager-plan-muted-v113 {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
  }

  body.manager-mode .manager-sidebar-card,
  body[data-cf-role="manager"] .manager-sidebar-card,
  body.manager-mode .manager-detail-card,
  body[data-cf-role="manager"] .manager-detail-card,
  body.manager-mode .manager-event-card,
  body[data-cf-role="manager"] .manager-event-card {
    padding: 12px !important;
    border-radius: 22px !important;
    overflow-x: hidden !important;
  }

  body.manager-mode .manager-sidebar-card h3,
  body[data-cf-role="manager"] .manager-sidebar-card h3 {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 20px !important;
  }

  body.manager-mode .manager-sidebar-card h3::before,
  body[data-cf-role="manager"] .manager-sidebar-card h3::before {
    width: 30px !important;
  }

  body.manager-mode .manager-sidebar-card > .muted,
  body[data-cf-role="manager"] .manager-sidebar-card > .muted {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }

  body.manager-mode .manager-mini-list,
  body[data-cf-role="manager"] .manager-mini-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  body.manager-mode .manager-mini-card,
  body[data-cf-role="manager"] .manager-mini-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    gap: 5px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body.manager-mode .manager-mini-card > *,
  body[data-cf-role="manager"] .manager-mini-card > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.manager-mode .manager-mini-card [data-mini-title],
  body[data-cf-role="manager"] .manager-mini-card [data-mini-title] {
    font-size: 15px !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.manager-mode .manager-mini-card [data-mini-meta],
  body[data-cf-role="manager"] .manager-mini-card [data-mini-meta] {
    font-size: 10.8px !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.manager-mode .manager-mini-card [data-mini-calc],
  body[data-cf-role="manager"] .manager-mini-card [data-mini-calc] {
    font-size: 10.2px !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.manager-mode .manager-mini-card .mini-card-pills,
  body[data-cf-role="manager"] .manager-mini-card .mini-card-pills,
  body.manager-mode .manager-mini-card .mini-badge-row,
  body[data-cf-role="manager"] .manager-mini-card .mini-badge-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.manager-mode .manager-mini-card .mini-pill,
  body[data-cf-role="manager"] .manager-mini-card .mini-pill,
  body.manager-mode .manager-mini-card .mini-badge-row .status-badge,
  body.manager-mode .manager-mini-card .mini-badge-row .coauthor-badge,
  body[data-cf-role="manager"] .manager-mini-card .mini-badge-row .status-badge,
  body[data-cf-role="manager"] .manager-mini-card .mini-badge-row .coauthor-badge {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 5px 4px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: 9.8px !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
  }

  body.manager-mode .manager-mini-card .mini-pill strong,
  body[data-cf-role="manager"] .manager-mini-card .mini-pill strong {
    font-size: inherit !important;
    line-height: inherit !important;
    min-width: 0 !important;
  }

  body.manager-mode .manager-event-head,
  body[data-cf-role="manager"] .manager-event-head,
  body.manager-mode .manager-event-fields,
  body[data-cf-role="manager"] .manager-event-fields,
  body.manager-mode .estimate-tabs,
  body[data-cf-role="manager"] .estimate-tabs,
  body.manager-mode .manager-summary-grid,
  body[data-cf-role="manager"] .manager-summary-grid,
  body.manager-mode .external-estimate-totals,
  body[data-cf-role="manager"] .external-estimate-totals,
  body.manager-mode .manager-card-bottom-actions,
  body[data-cf-role="manager"] .manager-card-bottom-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.manager-mode .manager-event-head h2,
  body[data-cf-role="manager"] .manager-event-head h2 {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    font-size: 19px !important;
    line-height: 1.04 !important;
  }

  body.manager-mode .event-badge-row,
  body[data-cf-role="manager"] .event-badge-row {
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  body.manager-mode .event-badge-row .status,
  body.manager-mode .event-badge-row .status-badge,
  body.manager-mode .event-badge-row .coauthor-badge,
  body[data-cf-role="manager"] .event-badge-row .status,
  body[data-cf-role="manager"] .event-badge-row .status-badge,
  body[data-cf-role="manager"] .event-badge-row .coauthor-badge {
    max-width: 100% !important;
    padding: 5px 7px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.manager-mode .manager-event-head .inline-actions,
  body[data-cf-role="manager"] .manager-event-head .inline-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.manager-mode .manager-event-head .inline-actions button,
  body[data-cf-role="manager"] .manager-event-head .inline-actions button,
  body.manager-mode .estimate-tabs button,
  body[data-cf-role="manager"] .estimate-tabs button,
  body.manager-mode .manager-card-bottom-actions button,
  body[data-cf-role="manager"] .manager-card-bottom-actions button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 7px 5px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.manager-mode .manager-event-fields input,
  body.manager-mode .manager-event-fields select,
  body.manager-mode .manager-event-fields textarea,
  body[data-cf-role="manager"] .manager-event-fields input,
  body[data-cf-role="manager"] .manager-event-fields select,
  body[data-cf-role="manager"] .manager-event-fields textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
  }

  body.manager-mode .manager-summary-grid,
  body.manager-mode .manager-summary-grid-six,
  body.manager-mode .external-estimate-totals,
  body[data-cf-role="manager"] .manager-summary-grid,
  body[data-cf-role="manager"] .manager-summary-grid-six,
  body[data-cf-role="manager"] .external-estimate-totals {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.manager-mode .manager-summary-grid .metric,
  body.manager-mode .external-estimate-totals .metric,
  body[data-cf-role="manager"] .manager-summary-grid .metric,
  body[data-cf-role="manager"] .external-estimate-totals .metric {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px !important;
    overflow: hidden !important;
  }

  body.manager-mode .manager-summary-grid .metric .label,
  body.manager-mode .external-estimate-totals .metric .label,
  body[data-cf-role="manager"] .manager-summary-grid .metric .label,
  body[data-cf-role="manager"] .external-estimate-totals .metric .label {
    font-size: 9.5px !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.manager-mode .manager-summary-grid .metric .value,
  body.manager-mode .external-estimate-totals .metric .value,
  body[data-cf-role="manager"] .manager-summary-grid .metric .value,
  body[data-cf-role="manager"] .external-estimate-totals .metric .value {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: clamp(13px, 3.7vw, 16px) !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
  }

  body.manager-mode #managerEstimatePanel,
  body[data-cf-role="manager"] #managerEstimatePanel,
  body.manager-mode #managerEstimatePanel .estimate-table-wrap,
  body[data-cf-role="manager"] #managerEstimatePanel .estimate-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.manager-mode #managerEstimatePanel .estimate-table,
  body[data-cf-role="manager"] #managerEstimatePanel .estimate-table {
    width: max-content !important;
    min-width: 680px !important;
    max-width: none !important;
  }
}

/* v0.40.116 — mobile manager compact header, plan row and event fields. */
@media (max-width: 920px) {
  body.manager-mode .app-shell,
  body[data-cf-role="manager"] .app-shell {
    width: min(100% - 24px, 430px) !important;
    padding-top: 10px !important;
  }

  body.manager-mode .brand-topbar,
  body[data-cf-role="manager"] .brand-topbar {
    gap: 4px 6px !important;
    padding: 8px !important;
    margin: 0 0 8px !important;
    border-radius: 20px !important;
  }

  body.manager-mode .brand-logo,
  body[data-cf-role="manager"] .brand-logo {
    width: 108px !important;
    max-width: 38vw !important;
    max-height: 30px !important;
  }

  body.manager-mode #userBadge,
  body[data-cf-role="manager"] #userBadge {
    min-height: 20px !important;
    padding: 3px 6px !important;
    border-radius: 999px !important;
  }

  body.manager-mode #userBadge .user-badge-line,
  body[data-cf-role="manager"] #userBadge .user-badge-line {
    max-width: 112px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
  }

  body.manager-mode #changePinOpenBtn,
  body.manager-mode #logoutBtn,
  body[data-cf-role="manager"] #changePinOpenBtn,
  body[data-cf-role="manager"] #logoutBtn {
    min-height: 24px !important;
    height: 24px !important;
    padding: 3px 6px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  body.manager-mode #dashboardScreen > .toolbar,
  body[data-cf-role="manager"] #dashboardScreen > .toolbar {
    gap: 4px !important;
    margin: 6px 0 8px !important;
    align-items: end !important;
  }

  body.manager-mode #dashboardScreen > .toolbar .month-control,
  body.manager-mode #dashboardScreen > .toolbar .year-control,
  body[data-cf-role="manager"] #dashboardScreen > .toolbar .month-control,
  body[data-cf-role="manager"] #dashboardScreen > .toolbar .year-control {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  body.manager-mode #dashboardScreen > .toolbar select,
  body.manager-mode #reloadBtn,
  body[data-cf-role="manager"] #dashboardScreen > .toolbar select,
  body[data-cf-role="manager"] #reloadBtn,
  body.manager-mode .manager-top-actions button,
  body.manager-mode .manager-top-actions-v113 button,
  body[data-cf-role="manager"] .manager-top-actions button,
  body[data-cf-role="manager"] .manager-top-actions-v113 button {
    min-height: 24px !important;
    height: 24px !important;
    padding: 3px 6px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-dashboard-v113,
  body[data-cf-role="manager"] .manager-dashboard-v113 {
    gap: 8px !important;
  }

  body.manager-mode .manager-plan-panel,
  body.manager-mode .manager-plan-panel-v113,
  body[data-cf-role="manager"] .manager-plan-panel,
  body[data-cf-role="manager"] .manager-plan-panel-v113 {
    padding: 10px 9px !important;
    gap: 7px !important;
    border-radius: 18px !important;
  }

  body.manager-mode .manager-plan-subline-v113,
  body.manager-mode .manager-plan-subline-v116,
  body.manager-mode .manager-plan-row,
  body[data-cf-role="manager"] .manager-plan-subline-v113,
  body[data-cf-role="manager"] .manager-plan-subline-v116,
  body[data-cf-role="manager"] .manager-plan-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 5px !important;
    align-items: center !important;
  }

  body.manager-mode .manager-plan-target-v116,
  body.manager-mode .manager-plan-subline-v113 span:first-child,
  body[data-cf-role="manager"] .manager-plan-target-v116,
  body[data-cf-role="manager"] .manager-plan-subline-v113 span:first-child {
    grid-column: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-plan-events-badge-v113,
  body.manager-mode .manager-plan-row strong:nth-child(3),
  body[data-cf-role="manager"] .manager-plan-events-badge-v113,
  body[data-cf-role="manager"] .manager-plan-row strong:nth-child(3) {
    justify-self: end !important;
    min-height: 18px !important;
    padding: 0 6px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-event-fields,
  body.manager-mode .manager-event-fields-v116,
  body[data-cf-role="manager"] .manager-event-fields,
  body[data-cf-role="manager"] .manager-event-fields-v116 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "calc date"
      "customer title"
      "agency banktax" !important;
    gap: 4px 5px !important;
    margin: 8px 0 !important;
    padding: 5px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body.manager-mode .manager-event-field,
  body[data-cf-role="manager"] .manager-event-field,
  body.manager-mode .manager-event-fields label,
  body[data-cf-role="manager"] .manager-event-fields label {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    font-weight: 950 !important;
  }

  body.manager-mode .manager-event-field-calc,
  body[data-cf-role="manager"] .manager-event-field-calc { grid-area: calc !important; }
  body.manager-mode .manager-event-field-date,
  body[data-cf-role="manager"] .manager-event-field-date { grid-area: date !important; }
  body.manager-mode .manager-event-field-customer,
  body[data-cf-role="manager"] .manager-event-field-customer { grid-area: customer !important; }
  body.manager-mode .manager-event-field-title,
  body[data-cf-role="manager"] .manager-event-field-title { grid-area: title !important; }
  body.manager-mode .manager-event-field-agency,
  body[data-cf-role="manager"] .manager-event-field-agency { grid-area: agency !important; }
  body.manager-mode .manager-event-field-banktax,
  body[data-cf-role="manager"] .manager-event-field-banktax { grid-area: banktax !important; }

  body.manager-mode .manager-event-fields:not(:has(.manager-event-field-banktax)) .manager-event-field-agency,
  body[data-cf-role="manager"] .manager-event-fields:not(:has(.manager-event-field-banktax)) .manager-event-field-agency {
    grid-column: 1 / -1 !important;
  }

  body.manager-mode .manager-event-fields input,
  body.manager-mode .manager-event-fields select,
  body.manager-mode .manager-event-fields textarea,
  body[data-cf-role="manager"] .manager-event-fields input,
  body[data-cf-role="manager"] .manager-event-fields select,
  body[data-cf-role="manager"] .manager-event-fields textarea {
    min-height: 22px !important;
    height: 22px !important;
    padding: 2px 5px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
}


/* v0.40.117 — mobile manager event card readability and action rows. */
@media (max-width: 920px) {
  body.manager-mode .manager-event-card,
  body[data-cf-role="manager"] .manager-event-card {
    font-size: 16px !important;
  }

  body.manager-mode .manager-event-head,
  body[data-cf-role="manager"] .manager-event-head {
    gap: 8px !important;
  }

  body.manager-mode .manager-event-head .overview-label,
  body[data-cf-role="manager"] .manager-event-head .overview-label {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-event-head h2,
  body[data-cf-role="manager"] .manager-event-head h2 {
    font-size: clamp(22px, 6.2vw, 28px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }

  body.manager-mode .event-badge-row .status,
  body.manager-mode .event-badge-row .coauthor-badge,
  body[data-cf-role="manager"] .event-badge-row .status,
  body[data-cf-role="manager"] .event-badge-row .coauthor-badge {
    min-height: 22px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-event-actions-v117,
  body[data-cf-role="manager"] .manager-event-actions-v117 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.manager-mode .manager-event-actions-row,
  body[data-cf-role="manager"] .manager-event-actions-row {
    display: grid !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.manager-mode .manager-event-actions-row-main-v117,
  body[data-cf-role="manager"] .manager-event-actions-row-main-v117 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .82fr) !important;
  }

  body.manager-mode .manager-event-actions-row-secondary-v117,
  body[data-cf-role="manager"] .manager-event-actions-row-secondary-v117 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.manager-mode .manager-event-actions-v117 button,
  body[data-cf-role="manager"] .manager-event-actions-v117 button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 4px 5px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.manager-mode .manager-event-fields-v116,
  body[data-cf-role="manager"] .manager-event-fields-v116 {
    grid-template-columns: minmax(0, 1.06fr) minmax(92px, .94fr) !important;
  }

  body.manager-mode .manager-event-field-date,
  body[data-cf-role="manager"] .manager-event-field-date,
  body.manager-mode .manager-event-field-date input,
  body[data-cf-role="manager"] .manager-event-field-date input {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.manager-mode .manager-event-fields input,
  body.manager-mode .manager-event-fields select,
  body.manager-mode .manager-event-fields textarea,
  body[data-cf-role="manager"] .manager-event-fields input,
  body[data-cf-role="manager"] .manager-event-fields select,
  body[data-cf-role="manager"] .manager-event-fields textarea {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.manager-mode .manager-summary-grid-six,
  body[data-cf-role="manager"] .manager-summary-grid-six {
    gap: 5px !important;
    margin-top: 6px !important;
  }

  body.manager-mode .manager-summary-grid-six .metric,
  body.manager-mode .manager-summary-grid-six .card.metric,
  body[data-cf-role="manager"] .manager-summary-grid-six .metric,
  body[data-cf-role="manager"] .manager-summary-grid-six .card.metric {
    min-height: 0 !important;
    padding: 5px 6px !important;
    border-radius: 10px !important;
  }

  body.manager-mode .manager-summary-grid-six .metric .label,
  body[data-cf-role="manager"] .manager-summary-grid-six .metric .label {
    margin: 0 0 2px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-summary-grid-six .metric .value,
  body[data-cf-role="manager"] .manager-summary-grid-six .metric .value {
    font-size: 13px !important;
    line-height: 1 !important;
  }
}


/* v0.40.118 — hard mobile manager event-card fix.
   Real fixes after v0.40.117 did not apply because CSS cache-bust still pointed to 0.40.116
   and older .inline-actions rules kept competing with the new layout. */
@media (max-width: 920px) {
  body.manager-mode .manager-event-card,
  body[data-cf-role="manager"] .manager-event-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
  }

  body.manager-mode .manager-event-head,
  body[data-cf-role="manager"] .manager-event-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.manager-mode .manager-event-head h2,
  body[data-cf-role="manager"] .manager-event-head h2 {
    font-size: clamp(24px, 7.2vw, 30px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    margin: 1px 0 4px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.manager-mode .manager-event-head .overview-label,
  body[data-cf-role="manager"] .manager-event-head .overview-label {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body.manager-mode .manager-event-actions-v118,
  body[data-cf-role="manager"] .manager-event-actions-v118 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.manager-mode .manager-event-actions-v118 .manager-event-actions-row,
  body[data-cf-role="manager"] .manager-event-actions-v118 .manager-event-actions-row {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.manager-mode .manager-event-actions-row-main-v118,
  body[data-cf-role="manager"] .manager-event-actions-row-main-v118 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .82fr) !important;
  }

  body.manager-mode .manager-event-actions-row-secondary-v118,
  body[data-cf-role="manager"] .manager-event-actions-row-secondary-v118 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.manager-mode .manager-event-actions-v118 button,
  body[data-cf-role="manager"] .manager-event-actions-v118 button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 5px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.manager-mode .manager-event-actions-row-main-v118 button[data-manager-event-payments],
  body[data-cf-role="manager"] .manager-event-actions-row-main-v118 button[data-manager-event-payments] {
    font-size: 11.2px !important;
    letter-spacing: -.035em !important;
  }

  body.manager-mode .manager-event-fields-v116,
  body[data-cf-role="manager"] .manager-event-fields-v116 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 112px !important;
    grid-template-areas:
      "calc date"
      "customer title"
      "agency banktax" !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 4px !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.manager-mode .manager-event-fields-v116:not(:has(.manager-event-field-banktax)),
  body[data-cf-role="manager"] .manager-event-fields-v116:not(:has(.manager-event-field-banktax)) {
    grid-template-areas:
      "calc date"
      "customer title"
      "agency agency" !important;
  }

  body.manager-mode .manager-event-field,
  body[data-cf-role="manager"] .manager-event-field,
  body.manager-mode .manager-event-fields label,
  body[data-cf-role="manager"] .manager-event-fields label {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    gap: 2px !important;
    font-size: 9.8px !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
  }

  body.manager-mode .manager-event-field-calc,
  body[data-cf-role="manager"] .manager-event-field-calc { grid-area: calc !important; }
  body.manager-mode .manager-event-field-date,
  body[data-cf-role="manager"] .manager-event-field-date { grid-area: date !important; }
  body.manager-mode .manager-event-field-customer,
  body[data-cf-role="manager"] .manager-event-field-customer { grid-area: customer !important; }
  body.manager-mode .manager-event-field-title,
  body[data-cf-role="manager"] .manager-event-field-title { grid-area: title !important; }
  body.manager-mode .manager-event-field-agency,
  body[data-cf-role="manager"] .manager-event-field-agency { grid-area: agency !important; }
  body.manager-mode .manager-event-field-banktax,
  body[data-cf-role="manager"] .manager-event-field-banktax { grid-area: banktax !important; }

  body.manager-mode .manager-event-fields-v116 input,
  body.manager-mode .manager-event-fields-v116 select,
  body.manager-mode .manager-event-fields-v116 textarea,
  body[data-cf-role="manager"] .manager-event-fields-v116 input,
  body[data-cf-role="manager"] .manager-event-fields-v116 select,
  body[data-cf-role="manager"] .manager-event-fields-v116 textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 2px 5px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    overflow: hidden !important;
  }

  body.manager-mode .manager-event-field-date input[type="date"],
  body[data-cf-role="manager"] .manager-event-field-date input[type="date"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 3px !important;
    padding-right: 1px !important;
    font-size: 10px !important;
    letter-spacing: -.04em !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body.manager-mode .manager-event-field-date input[type="date"]::-webkit-date-and-time-value,
  body[data-cf-role="manager"] .manager-event-field-date input[type="date"]::-webkit-date-and-time-value {
    text-align: left !important;
    margin: 0 !important;
  }

  body.manager-mode .manager-event-field-date input[type="date"]::-webkit-calendar-picker-indicator,
  body[data-cf-role="manager"] .manager-event-field-date input[type="date"]::-webkit-calendar-picker-indicator {
    width: 12px !important;
    min-width: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.manager-mode .external-estimate-totals,
  body.manager-mode .manager-summary-grid,
  body.manager-mode .manager-summary-grid-six,
  body[data-cf-role="manager"] .external-estimate-totals,
  body[data-cf-role="manager"] .manager-summary-grid,
  body[data-cf-role="manager"] .manager-summary-grid-six {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.manager-mode .external-estimate-totals .metric,
  body.manager-mode .manager-summary-grid .metric,
  body.manager-mode .manager-summary-grid-six .metric,
  body.manager-mode .external-estimate-totals .card.metric,
  body.manager-mode .manager-summary-grid .card.metric,
  body.manager-mode .manager-summary-grid-six .card.metric,
  body[data-cf-role="manager"] .external-estimate-totals .metric,
  body[data-cf-role="manager"] .manager-summary-grid .metric,
  body[data-cf-role="manager"] .manager-summary-grid-six .metric,
  body[data-cf-role="manager"] .external-estimate-totals .card.metric,
  body[data-cf-role="manager"] .manager-summary-grid .card.metric,
  body[data-cf-role="manager"] .manager-summary-grid-six .card.metric {
    min-height: 0 !important;
    height: auto !important;
    padding: 4px 5px !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.manager-mode .external-estimate-totals .metric .label,
  body.manager-mode .manager-summary-grid .metric .label,
  body.manager-mode .manager-summary-grid-six .metric .label,
  body[data-cf-role="manager"] .external-estimate-totals .metric .label,
  body[data-cf-role="manager"] .manager-summary-grid .metric .label,
  body[data-cf-role="manager"] .manager-summary-grid-six .metric .label {
    margin: 0 0 1px !important;
    font-size: 8.8px !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.manager-mode .external-estimate-totals .metric .value,
  body.manager-mode .manager-summary-grid .metric .value,
  body.manager-mode .manager-summary-grid-six .metric .value,
  body[data-cf-role="manager"] .external-estimate-totals .metric .value,
  body[data-cf-role="manager"] .manager-summary-grid .metric .value,
  body[data-cf-role="manager"] .manager-summary-grid-six .metric .value {
    font-size: 12.5px !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}


/* v0.40.119 — desktop manager plan polish and web action row.
   Scope: manager cabinet only. Mobile two-row action layout from v0.40.118 stays inside max-width media. */
body.manager-mode #dashboardTitle,
body[data-cf-role="manager"] #dashboardTitle {
  display: none !important;
}

body.manager-mode .manager-dashboard-v119,
body[data-cf-role="manager"] .manager-dashboard-v119 {
  gap: 14px;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-panel-v113,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-panel-v113 {
  border: 1px solid rgba(47, 107, 255, .18);
  background:
    radial-gradient(circle at top left, rgba(47,107,255,.18), transparent 36%),
    linear-gradient(135deg, rgba(47,107,255,.10), rgba(255,255,255,.96));
  box-shadow: 0 16px 42px rgba(15, 23, 42, .08);
  border-radius: 22px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(180px, .42fr) minmax(320px, 1fr);
  align-items: center;
  gap: 18px;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-head-v113,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-head-v113 {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-head-v113 .overview-label,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-head-v113 .overview-label {
  margin: 0;
  color: #2f6bff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-head-v113 h3,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-head-v113 h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -.04em;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-main-v113,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-main-v113 {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-fact-v113,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-fact-v113 {
  font-size: clamp(30px, 3vw, 44px);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 950;
  white-space: nowrap;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-subline-v116,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-subline-v116 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-target-v116,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-target-v116 {
  min-width: 0;
  color: #1f2937;
  font-size: 14px;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-events-badge-v113,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-events-badge-v113 {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(47,107,255,.13);
  border: 1px solid rgba(47,107,255,.22);
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-panel-v113 .progress-line,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-panel-v113 .progress-line {
  height: 10px;
  margin: 2px 0 0;
  border-radius: 999px;
}

body.manager-mode .manager-dashboard-v119 .manager-plan-muted-v113,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-muted-v113 {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
}

body.manager-mode .manager-dashboard-v119 .manager-top-actions-v113,
body[data-cf-role="manager"] .manager-dashboard-v119 .manager-top-actions-v113 {
  display: flex;
  justify-content: flex-end;
  margin: -2px 0 4px;
}

body.manager-mode .manager-dashboard-v119 #managerCreateEventShortcut,
body[data-cf-role="manager"] .manager-dashboard-v119 #managerCreateEventShortcut {
  min-height: 38px;
  padding: 9px 16px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 900;
}

@media (min-width: 921px) {
  body.manager-mode .manager-event-actions-v118,
  body[data-cf-role="manager"] .manager-event-actions-v118 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    max-width: none !important;
  }

  body.manager-mode .manager-event-actions-v118 .manager-event-actions-row,
  body[data-cf-role="manager"] .manager-event-actions-v118 .manager-event-actions-row {
    display: contents !important;
  }

  body.manager-mode .manager-event-actions-v118 button,
  body[data-cf-role="manager"] .manager-event-actions-v118 button {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 920px) {
  body.manager-mode #dashboardTitle,
  body[data-cf-role="manager"] #dashboardTitle {
    display: none !important;
  }
}


/* v0.40.120 — desktop manager green plan badge and delete-right action.
   Scope: desktop manager cabinet only; mobile layout remains from v0.40.118. */
@media (min-width: 921px) {
  body.manager-mode .manager-dashboard-v119 .manager-plan-panel-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-panel-v113 {
    border-color: rgba(34, 197, 94, .24) !important;
    background:
      radial-gradient(circle at top left, rgba(34,197,94,.24), transparent 38%),
      linear-gradient(135deg, rgba(34,197,94,.13), rgba(255,255,255,.97)) !important;
    box-shadow: 0 16px 42px rgba(22, 163, 74, .10) !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-head-v113 .overview-label,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-head-v113 .overview-label {
    color: #15803d !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-subline-v116,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-subline-v116 {
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-target-v116,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-target-v116 {
    flex: 0 1 auto !important;
    color: #14532d !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-events-badge-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-events-badge-v113 {
    background: rgba(34,197,94,.16) !important;
    border-color: rgba(34,197,94,.30) !important;
    color: #166534 !important;
  }

  body.manager-mode .manager-event-actions-v118 button[data-manager-event-pay],
  body[data-cf-role="manager"] .manager-event-actions-v118 button[data-manager-event-pay] { order: 1 !important; }

  body.manager-mode .manager-event-actions-v118 button[data-manager-event-payments],
  body[data-cf-role="manager"] .manager-event-actions-v118 button[data-manager-event-payments] { order: 2 !important; }

  body.manager-mode .manager-event-actions-v118 button[data-manager-event-transfer],
  body[data-cf-role="manager"] .manager-event-actions-v118 button[data-manager-event-transfer] { order: 3 !important; }

  body.manager-mode .manager-event-actions-v118 button[data-manager-event-coauthor],
  body.manager-mode .manager-event-actions-v118 button[data-manager-event-remove-coauthor],
  body[data-cf-role="manager"] .manager-event-actions-v118 button[data-manager-event-coauthor],
  body[data-cf-role="manager"] .manager-event-actions-v118 button[data-manager-event-remove-coauthor] { order: 4 !important; }

  body.manager-mode .manager-event-actions-v118 button[data-manager-event-delete],
  body[data-cf-role="manager"] .manager-event-actions-v118 button[data-manager-event-delete] {
    order: 99 !important;
    margin-left: auto !important;
  }
}

/* v0.40.121 — desktop manager plan uses brand green, same family as page background / refresh / pay buttons. */
@media (min-width: 921px) {
  body.manager-mode .manager-dashboard-v119 .manager-plan-panel-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-panel-v113 {
    border-color: rgba(125, 240, 0, .38) !important;
    background:
      radial-gradient(circle at 5% 0%, rgba(125, 240, 0, .36), transparent 34%),
      linear-gradient(135deg, rgba(125, 240, 0, .18), rgba(248, 255, 240, .96) 48%, rgba(255, 255, 255, .98)) !important;
    box-shadow: 0 18px 48px rgba(125, 240, 0, .16) !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-head-v113 .overview-label,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-head-v113 .overview-label {
    color: var(--accent-dark) !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-events-badge-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-events-badge-v113 {
    background: linear-gradient(90deg, var(--accent), var(--accent-2)) !important;
    border-color: rgba(125, 240, 0, .58) !important;
    color: #142000 !important;
    box-shadow: 0 8px 20px rgba(125, 240, 0, .20) !important;
  }
}

/* v0.40.122 — desktop manager calmer event-count badge and tighter plan layout.
   Scope: desktop manager cabinet only. Mobile manager keeps its v0.40.118+ layout. */
@media (min-width: 921px) {
  body.manager-mode .manager-dashboard-v119 .manager-plan-panel-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-panel-v113 {
    grid-template-columns: max-content minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 16px 18px !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-head-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-head-v113 {
    gap: 4px !important;
    align-self: center !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-head-v113 h3,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-head-v113 h3 {
    font-size: 22px !important;
    line-height: 1.02 !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-main-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-main-v113 {
    gap: 6px !important;
    align-self: center !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-fact-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-fact-v113 {
    font-size: clamp(30px, 2.55vw, 40px) !important;
    line-height: .96 !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-subline-v116,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-subline-v116 {
    gap: 8px !important;
    align-items: center !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-events-badge-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-events-badge-v113 {
    min-height: 24px !important;
    padding: 4px 10px !important;
    background: rgba(125, 240, 0, .16) !important;
    border: 1px solid rgba(82, 186, 0, .28) !important;
    color: var(--accent-dark) !important;
    box-shadow: none !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-panel-v113 .progress-line,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-panel-v113 .progress-line {
    height: 9px !important;
    margin-top: 0 !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-muted-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-muted-v113 {
    font-size: 11.5px !important;
    line-height: 1 !important;
  }
}



/* v0.40.123 — desktop manager goal readability and compact department-head goal card.
   Scope: desktop web only. Manager mobile and admin/mobile head layouts are not touched. */
@media (min-width: 921px) {
  body.manager-mode .manager-dashboard-v119 .manager-plan-target-v116,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-target-v116 {
    color: #111827 !important;
    font-weight: 950 !important;
  }

  body.manager-mode .manager-dashboard-v119 .manager-plan-events-badge-v113,
  body[data-cf-role="manager"] .manager-dashboard-v119 .manager-plan-events-badge-v113 {
    background: rgba(82, 186, 0, .26) !important;
    border-color: rgba(82, 186, 0, .42) !important;
    color: #123300 !important;
    box-shadow: none !important;
  }
}

@media (min-width: 921px) {
  body.department-head-mode .department-head-plan-card-v107 {
    margin: 10px 0 14px !important;
    border-radius: 22px !important;
  }

  body.department-head-mode .department-head-plan-desktop-v107 {
    min-height: 150px !important;
    padding: 20px 28px 18px !important;
    border-radius: 22px !important;
    column-gap: 24px !important;
    row-gap: 7px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.department-head-mode .department-head-plan-label-v107 {
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
  }

  body.department-head-mode .department-head-plan-name-v107 {
    font-size: 21px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
  }

  body.department-head-mode .department-head-plan-fact-v107 {
    margin-top: 0 !important;
    font-size: clamp(28px, 2.45vw, 40px) !important;
    line-height: .96 !important;
    letter-spacing: -.055em !important;
  }

  body.department-head-mode .department-head-plan-subline-v107 {
    gap: 8px !important;
    font-size: 12.5px !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
    font-weight: 900 !important;
  }

  body.department-head-mode .department-head-plan-subline-v107 .department-head-events-word-badge,
  body.department-head-mode .department-head-plan-subline-v107 .overview-events-badge {
    min-width: 0 !important;
    height: 22px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  body.department-head-mode .department-head-plan-progress-v107 {
    margin: 7px 0 0 !important;
  }

  body.department-head-mode .department-head-plan-progress-v107 .progress-line {
    height: 12px !important;
  }

  body.department-head-mode .department-head-plan-muted-v107 {
    font-size: 11.5px !important;
    line-height: 1.05 !important;
    letter-spacing: -.015em !important;
  }
}


/* v0.40.125 — static mirror for mobile manager "Мои оплаты" modal. Final precedence is in app.js injected style. */
@media (max-width: 920px) {
  #eventModalBackdrop.manager-payments-modal.manager-requests-modal-mode #eventModalCloseBtn,
  #eventModalBackdrop.manager-payments-modal.manager-requests-modal-mode .modal-head button.ghost {
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
  }
}

/* v0.5.16: Admin closing head percent override controls */
.closing-card-head .closing-head-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.closing-card-head .closing-head-title h4 {
  margin: 0;
}

.closing-head-percent-edit {
  width: 28px;
  height: 28px;
  min-width: 28px;
  padding: 0;
  border-radius: 10px;
  line-height: 1;
}

.closing-head-override-label {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.10);
  color: #1d4ed8;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

/* v0.5.20: admin statistics tab and annual statistics panel */
body.admin-mode #adminTabs .admin-statistics-tab {
  margin-left: auto;
  border-color: rgba(93, 180, 60, 0.46);
  background: linear-gradient(135deg, rgba(93, 180, 60, 0.18), rgba(239, 248, 229, 0.98));
  color: #2f6f1f;
  box-shadow: 0 8px 18px rgba(93, 180, 60, 0.12);
  font-weight: 900;
}
body.admin-mode #adminTabs .admin-statistics-tab.active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}
.statistics-panel {
  gap: 20px;
}
.statistics-export-card {
  background: linear-gradient(135deg, rgba(248, 251, 245, .98), rgba(239, 248, 229, .92));
}
.statistics-export-card .google-export-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.annual-statistics-panel {
  display: grid;
  gap: 18px;
}
.statistics-loading-card,
.statistics-section {
  background: #fff;
  border: 1px solid rgba(93, 180, 60, 0.16);
  border-radius: 24px;
  box-shadow: 0 16px 35px rgba(40, 80, 20, 0.07);
}
.statistics-loading-card {
  padding: 20px 22px;
  font-weight: 900;
  color: #5d684f;
}
.statistics-loading-card.error {
  border-color: rgba(202, 68, 45, .22);
  color: #a93c28;
  background: #fff6f3;
}
.statistics-section {
  padding: 22px;
  display: grid;
  gap: 16px;
}
.statistics-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.statistics-section h3 {
  margin: 4px 0 0;
  font-size: 22px;
}
.statistics-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.statistics-kpi-card {
  background: #f8fbf5;
  border: 1px solid rgba(93, 180, 60, 0.15);
  border-radius: 18px;
  padding: 14px 16px;
  display: grid;
  gap: 6px;
}
.statistics-kpi-card span {
  color: #6d7668;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.statistics-kpi-card strong {
  color: #172014;
  font-size: 20px;
  line-height: 1.1;
}
.statistics-table-wrap {
  width: 100%;
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid rgba(93, 180, 60, 0.14);
}
.statistics-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 920px;
  background: #fff;
}
.statistics-wide-table {
  min-width: 1120px;
}
.statistics-table th,
.statistics-table td {
  padding: 11px 12px;
  border-bottom: 1px solid rgba(93, 180, 60, 0.12);
  text-align: right;
  white-space: nowrap;
  font-size: 13px;
}
.statistics-table th:first-child,
.statistics-table td:first-child {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 1;
  background: inherit;
}
.statistics-table th {
  background: #f3f9ed;
  color: #4c5c42;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.statistics-table tbody tr:nth-child(even) td {
  background: #fbfdf8;
}
.statistics-table tbody tr:hover td {
  background: #f5faef;
}
.statistics-percent-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #e9f5df;
  border: 1px solid rgba(93, 180, 60, .22);
  color: #26351c;
  font-weight: 950;
}

@media (max-width: 920px) {
  body.admin-mode #adminTabs .admin-statistics-tab {
    margin-left: 0;
  }
  .statistics-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .statistics-section {
    padding: 16px;
    border-radius: 20px;
  }
}

@media (max-width: 560px) {
  .statistics-kpi-grid {
    grid-template-columns: 1fr;
  }
  .statistics-kpi-card strong {
    font-size: 18px;
  }
}

/* v0.5.21: Admin annual statistics compact tables polish */
.statistics-export-card-compact {
  padding: 16px 18px;
  display: grid;
  gap: 12px;
}
.statistics-top-label {
  color: var(--accent);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.statistics-only-actions {
  align-items: center;
  gap: 10px;
}
.statistics-year-inline {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}
.statistics-year-inline span {
  font-size: 11px;
}
.statistics-company-section {
  gap: 12px;
}
.statistics-kpi-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.statistics-kpi-grid-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.statistics-kpi-card-accent {
  background: linear-gradient(135deg, rgba(93, 180, 60, .16), rgba(93, 180, 60, .08));
  border-color: rgba(93, 180, 60, .34);
}
.statistics-kpi-card-accent strong,
.statistics-kpi-card-accent-soft strong {
  color: #2f7a1e;
}
.statistics-kpi-card-accent-soft {
  background: rgba(93, 180, 60, .08);
  border-color: rgba(93, 180, 60, .24);
}
.statistics-section-head-compact {
  align-items: center;
  min-height: 0;
}
.statistics-section-head-compact h3 {
  margin-top: 2px;
  font-size: 18px;
}
.statistics-table-no-scroll {
  overflow-x: hidden;
}
.statistics-table-no-scroll .statistics-table {
  min-width: 0;
  table-layout: fixed;
}
.statistics-dynamics-table th,
.statistics-dynamics-table td {
  width: 25%;
}
.statistics-annual-grid-table {
  font-size: 10px;
}
.statistics-annual-grid-table th,
.statistics-annual-grid-table td {
  padding: 6px 5px;
  font-size: 10px;
  letter-spacing: 0;
  white-space: normal;
  line-height: 1.15;
  word-break: normal;
}
.statistics-annual-grid-table th:first-child,
.statistics-annual-grid-table td:first-child {
  width: 128px;
  min-width: 128px;
  max-width: 128px;
}
.statistics-department-grid-table th:not(:first-child),
.statistics-department-grid-table td:not(:first-child) {
  width: calc((100% - 128px) / 13);
}
.statistics-manager-grid-table th:first-child,
.statistics-manager-grid-table td:first-child {
  width: 118px;
  min-width: 118px;
  max-width: 118px;
}
.statistics-manager-grid-table th:not(:first-child),
.statistics-manager-grid-table td:not(:first-child) {
  width: calc((100% - 118px) / 13);
}
.statistics-done-cell {
  background: rgba(93, 180, 60, .15) !important;
  color: #225f18 !important;
  font-weight: 950;
}
.statistics-total-row td,
.statistics-total-cell {
  background: #f3f9ed !important;
  font-weight: 950;
}
.statistics-total-row .statistics-done-cell,
.statistics-total-cell.statistics-done-cell {
  background: rgba(93, 180, 60, .20) !important;
}

@media (max-width: 1180px) {
  .statistics-annual-grid-table th,
  .statistics-annual-grid-table td {
    padding: 5px 3px;
    font-size: 9px;
  }
  .statistics-annual-grid-table th:first-child,
  .statistics-annual-grid-table td:first-child {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
  }
  .statistics-manager-grid-table th:first-child,
  .statistics-manager-grid-table td:first-child {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
  }
}

/* v0.5.22: restore full annual dynamics columns and emphasize clean income */
.statistics-dynamics-table {
  font-size: 10px;
}
.statistics-dynamics-table th,
.statistics-dynamics-table td {
  width: auto;
  padding: 6px 5px;
  font-size: 10px;
  line-height: 1.15;
  letter-spacing: 0;
  white-space: normal;
}
.statistics-dynamics-table th:first-child,
.statistics-dynamics-table td:first-child {
  width: 12%;
}
.statistics-dynamics-table .statistics-clean-income-cell {
  font-weight: 950;
}
@media (max-width: 1180px) {
  .statistics-dynamics-table th,
  .statistics-dynamics-table td {
    padding: 5px 3px;
    font-size: 9px;
  }
}

/* v0.5.23: annual statistics table cleanup and alignment */
.statistics-table th,
.statistics-table td {
  text-align: center;
}
.statistics-table th:first-child,
.statistics-table td:first-child {
  text-align: left;
}
.statistics-dynamics-table {
  table-layout: auto !important;
  font-size: 12px;
}
.statistics-dynamics-table th,
.statistics-dynamics-table td {
  padding: 9px 7px;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}
.statistics-dynamics-table th:first-child,
.statistics-dynamics-table td:first-child {
  width: 70px;
}
.statistics-dynamics-table th:nth-child(6),
.statistics-dynamics-table td:nth-child(6) {
  font-weight: 950;
}
.statistics-department-income-row td {
  font-weight: 950;
}
.statistics-manager-grid-table tbody tr {
  vertical-align: middle;
}
@media (max-width: 1180px) {
  .statistics-dynamics-table th,
  .statistics-dynamics-table td {
    padding: 7px 4px;
    font-size: 11px;
  }
}

/* v0.5.25: annual statistics expense split and detailed manager rows */
.statistics-dynamics-table {
  font-size: 13px;
}
.statistics-dynamics-table th,
.statistics-dynamics-table td {
  padding: 10px 8px;
  font-size: 13px;
}
.statistics-dynamics-table th:first-child,
.statistics-dynamics-table td:first-child {
  width: 74px;
}
.statistics-dynamics-table th:nth-child(7),
.statistics-dynamics-table td:nth-child(7) {
  font-weight: 950;
}
.statistics-manager-grid-table th:nth-child(2),
.statistics-manager-grid-table td:nth-child(2) {
  text-align: left;
  width: 92px;
  min-width: 92px;
  max-width: 92px;
}
.statistics-manager-grid-table th:first-child,
.statistics-manager-grid-table td:first-child {
  width: 96px;
  min-width: 96px;
  max-width: 96px;
}
.statistics-manager-grid-table th:not(:first-child):not(:nth-child(2)),
.statistics-manager-grid-table td:not(:first-child):not(:nth-child(2)) {
  width: calc((100% - 188px) / 13);
}
.statistics-manager-plan-row td {
  background: #f8fbf5 !important;
  font-weight: 850;
}
.statistics-manager-income-row td {
  border-top: 2px solid rgba(40, 70, 35, .12);
}
@media (max-width: 1180px) {
  .statistics-dynamics-table th,
  .statistics-dynamics-table td {
    padding: 8px 4px;
    font-size: 11px;
  }
  .statistics-manager-grid-table th:first-child,
  .statistics-manager-grid-table td:first-child {
    width: 76px;
    min-width: 76px;
    max-width: 76px;
  }
  .statistics-manager-grid-table th:nth-child(2),
  .statistics-manager-grid-table td:nth-child(2) {
    width: 74px;
    min-width: 74px;
    max-width: 74px;
  }
  .statistics-manager-grid-table th:not(:first-child):not(:nth-child(2)),
  .statistics-manager-grid-table td:not(:first-child):not(:nth-child(2)) {
    width: calc((100% - 150px) / 13);
  }
}

/* v0.5.26: mobile-only statistics sticky columns and compact controls */
@media (max-width: 700px) {
  .statistics-export-card-compact {
    padding: 10px 10px;
    gap: 8px;
  }

  .statistics-only-actions {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 4px;
    width: 100%;
  }

  .statistics-year-inline {
    flex: 0 0 auto;
    gap: 3px;
    margin-right: 0;
    min-width: 0;
  }

  .statistics-year-inline span {
    font-size: 9px;
  }

  .statistics-year-inline select {
    width: 58px;
    min-width: 58px;
    height: 30px;
    padding: 4px 18px 4px 6px;
    font-size: 11px;
  }

  .statistics-only-actions button {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
    height: 30px;
    padding: 4px 5px;
    border-radius: 10px;
    font-size: 9px;
    line-height: 1.05;
    white-space: normal;
  }

  .statistics-section {
    padding: 12px 8px;
    gap: 10px;
    border-radius: 18px;
  }

  .statistics-section-head-compact h3 {
    font-size: 15px;
  }

  .statistics-table-no-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .statistics-dynamics-table,
  .statistics-department-grid-table,
  .statistics-manager-grid-table {
    table-layout: fixed !important;
    width: max-content;
    min-width: max-content;
  }

  .statistics-dynamics-table th,
  .statistics-dynamics-table td,
  .statistics-department-grid-table th,
  .statistics-department-grid-table td,
  .statistics-manager-grid-table th,
  .statistics-manager-grid-table td {
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .statistics-dynamics-table th:first-child,
  .statistics-dynamics-table td:first-child,
  .statistics-department-grid-table th:first-child,
  .statistics-department-grid-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    width: 72px;
    min-width: 72px;
    max-width: 72px;
    background: #fff !important;
    box-shadow: 8px 0 12px rgba(40, 70, 35, .08);
  }

  .statistics-dynamics-table thead th:first-child,
  .statistics-department-grid-table thead th:first-child {
    z-index: 6;
    background: #f3f9ed !important;
  }

  .statistics-dynamics-table tbody tr:nth-child(even) td:first-child,
  .statistics-department-grid-table tbody tr:nth-child(even) td:first-child,
  .statistics-manager-grid-table tbody tr:nth-child(even) td:first-child,
  .statistics-manager-grid-table tbody tr:nth-child(even) td:nth-child(2) {
    background: #fbfdf8 !important;
  }

  .statistics-dynamics-table tbody tr:hover td:first-child,
  .statistics-department-grid-table tbody tr:hover td:first-child,
  .statistics-manager-grid-table tbody tr:hover td:first-child,
  .statistics-manager-grid-table tbody tr:hover td:nth-child(2) {
    background: #f5faef !important;
  }

  .statistics-dynamics-table th:not(:first-child),
  .statistics-dynamics-table td:not(:first-child) {
    width: 74px;
    min-width: 74px;
    max-width: 74px;
    padding: 7px 4px;
    font-size: 10px;
    line-height: 1.15;
  }

  .statistics-department-grid-table th:not(:first-child),
  .statistics-department-grid-table td:not(:first-child) {
    width: 62px;
    min-width: 62px;
    max-width: 62px;
    padding: 6px 3px;
    font-size: 9px;
    line-height: 1.12;
  }

  .statistics-manager-grid-table th:first-child,
  .statistics-manager-grid-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 5;
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    padding: 6px 3px;
    font-size: 9px;
    line-height: 1.08;
    background: #fff !important;
    box-shadow: 8px 0 12px rgba(40, 70, 35, .08);
  }

  .statistics-manager-grid-table th:nth-child(2),
  .statistics-manager-grid-table td:nth-child(2) {
    position: sticky;
    left: 54px;
    z-index: 5;
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    padding: 6px 3px;
    font-size: 8.5px;
    line-height: 1.08;
    text-align: left;
    background: #fff !important;
    box-shadow: 8px 0 12px rgba(40, 70, 35, .06);
  }

  .statistics-manager-grid-table thead th:first-child,
  .statistics-manager-grid-table thead th:nth-child(2) {
    z-index: 7;
    background: #f3f9ed !important;
  }

  .statistics-manager-grid-table th:not(:first-child):not(:nth-child(2)),
  .statistics-manager-grid-table td:not(:first-child):not(:nth-child(2)) {
    width: 56px;
    min-width: 56px;
    max-width: 56px;
    padding: 6px 3px;
    font-size: 9px;
    line-height: 1.1;
  }

  .statistics-manager-plan-row td:first-child,
  .statistics-manager-plan-row td:nth-child(2),
  .statistics-manager-plan-row td[colspan="2"] {
    background: #f8fbf5 !important;
  }

  .statistics-total-row td:first-child,
  .statistics-total-cell {
    background: #f3f9ed !important;
  }
}

@media (max-width: 700px) {
  .statistics-manager-grid-table .statistics-manager-plan-row td[colspan="2"] {
    position: sticky;
    left: 0;
    z-index: 6;
    width: 102px;
    min-width: 102px;
    max-width: 102px;
    padding: 6px 3px;
    font-size: 9px;
    line-height: 1.08;
    text-align: left;
    background: #f8fbf5 !important;
    box-shadow: 8px 0 12px rgba(40, 70, 35, .08);
  }
}

/* v0.5.27: mobile-only statistics sticky columns nowrap polish */
@media (max-width: 700px) {
  .statistics-dynamics-table th,
  .statistics-dynamics-table td,
  .statistics-department-grid-table th,
  .statistics-department-grid-table td,
  .statistics-manager-grid-table th,
  .statistics-manager-grid-table td {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-align: center;
  }

  .statistics-dynamics-table th:first-child,
  .statistics-dynamics-table td:first-child {
    width: 76px;
    min-width: 76px;
    max-width: 76px;
    padding: 6px 4px;
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .statistics-department-grid-table th:first-child,
  .statistics-department-grid-table td:first-child {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
    padding: 6px 4px;
    font-size: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .statistics-department-grid-table th:not(:first-child),
  .statistics-department-grid-table td:not(:first-child) {
    width: 58px;
    min-width: 58px;
    max-width: 58px;
    padding: 6px 2px;
    font-size: 8px;
  }

  .statistics-manager-grid-table th:first-child,
  .statistics-manager-grid-table td:first-child {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
    left: 0;
    padding: 6px 4px;
    font-size: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff !important;
    z-index: 8;
  }

  .statistics-manager-grid-table th:nth-child(2),
  .statistics-manager-grid-table td:nth-child(2) {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    left: 72px;
    padding: 6px 3px;
    font-size: 7.5px;
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    background: #fff !important;
    z-index: 8;
    box-shadow: 8px 0 14px rgba(40, 70, 35, .13);
  }

  .statistics-manager-grid-table thead th:first-child,
  .statistics-manager-grid-table thead th:nth-child(2) {
    background: #f3f9ed !important;
    z-index: 10;
    font-size: 7.5px;
    letter-spacing: 0;
  }

  .statistics-manager-grid-table th:not(:first-child):not(:nth-child(2)),
  .statistics-manager-grid-table td:not(:first-child):not(:nth-child(2)) {
    width: 58px;
    min-width: 58px;
    max-width: 58px;
    padding: 6px 2px;
    font-size: 8px;
    line-height: 1.05;
    overflow: hidden;
    text-overflow: clip;
  }

  .statistics-manager-grid-table tbody tr:nth-child(even) td:first-child,
  .statistics-manager-grid-table tbody tr:nth-child(even) td:nth-child(2) {
    background: #fbfdf8 !important;
  }

  .statistics-manager-grid-table tbody tr:hover td:first-child,
  .statistics-manager-grid-table tbody tr:hover td:nth-child(2) {
    background: #f5faef !important;
  }

  .statistics-manager-income-row td:first-child,
  .statistics-manager-income-row td:nth-child(2),
  .statistics-manager-grid-table td:nth-child(2) {
    position: sticky;
    background-clip: padding-box;
  }

  .statistics-manager-grid-table .statistics-manager-plan-row td[colspan="2"] {
    left: 0;
    width: 124px;
    min-width: 124px;
    max-width: 124px;
    font-size: 8px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f8fbf5 !important;
    z-index: 9;
  }

  .statistics-total-row td:first-child,
  .statistics-total-cell {
    white-space: nowrap !important;
  }
}

/* v0.5.28: mobile statistics manager sticky row structure fix */
@media (max-width: 700px) {
  .statistics-manager-grid-table th:first-child,
  .statistics-manager-grid-table td:first-child,
  .statistics-manager-grid-table th:nth-child(2),
  .statistics-manager-grid-table td:nth-child(2) {
    position: sticky !important;
    background-clip: padding-box;
  }

  .statistics-manager-grid-table th:first-child,
  .statistics-manager-grid-table td:first-child {
    left: 0 !important;
  }

  .statistics-manager-grid-table th:nth-child(2),
  .statistics-manager-grid-table td:nth-child(2) {
    left: 72px !important;
  }

  .statistics-manager-grid-table td.statistics-manager-name-spacer {
    color: transparent !important;
  }

  .statistics-manager-grid-table td.statistics-manager-metric-cell {
    font-weight: 850;
  }

  .statistics-manager-grid-table td.statistics-manager-metric-cell,
  .statistics-manager-grid-table th:nth-child(2) {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .statistics-manager-grid-table td:not(:first-child):not(:nth-child(2)) {
    position: static !important;
  }
}


/* v0.5.29: mobile-only statistics header/control alignment polish */
@media (max-width: 700px) {
  .statistics-year-inline select {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    padding: 3px 14px 3px 4px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    text-align: center;
    text-align-last: center;
  }

  .statistics-only-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .statistics-dynamics-table th {
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 7.4px !important;
    line-height: 1 !important;
    letter-spacing: -0.02em;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .statistics-dynamics-table th:not(:first-child),
  .statistics-dynamics-table td:not(:first-child) {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
  }

  .statistics-dynamics-table th:nth-child(6),
  .statistics-dynamics-table td:nth-child(6) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  .statistics-dynamics-table th:nth-child(7),
  .statistics-dynamics-table td:nth-child(7) {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
}

/* v0.5.31 — manager web client estimate PDF button */
.client-estimate-pdf-actions {
  display: flex;
  justify-content: flex-end;
  margin: 12px 0 0;
}

.client-estimate-pdf-btn {
  min-width: 220px;
}

@media (max-width: 760px) {
  .client-estimate-pdf-actions {
    display: none !important;
  }
}

/* v0.5.39 — manager save/review errors must be visible on site */
.manager-save-error {
  display: none;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #dc2626;
  border-radius: 10px;
  background: #fef2f2;
  color: #991b1b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
}
.manager-save-error.show { display: block; }


/* v0.5.41 — manager estimate payment state */
.internal-estimate-table .paid-amount-pending,
.event-modal-estimate-table .paid-amount-pending {
  color: #8a929c;
  font-weight: 700;
}
.internal-estimate-table .paid-amount-complete,
.event-modal-estimate-table .paid-amount-complete {
  color: #171a1f;
  font-weight: 800;
}