.button.danger {
  border-color: #d7aaa4;
  color: var(--red);
  background: #fff7f5;
}

.button.danger:hover {
  border-color: var(--red);
  background: #fbe9e5;
}

.owner-enquiry-actions {
  justify-content: flex-start;
  margin-top: 18px;
  flex-wrap: wrap;
}

.english-message {
  border-left: 4px solid var(--acid);
  background: #fbfaf5;
}

.translation-note {
  margin: 9px 0 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.original-message {
  margin: 0 0 20px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #f6f3eb;
}

.original-message summary {
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 700;
}

.original-message .message-body {
  margin: 0 12px 12px;
  background: #fff;
}

.translation-workspace {
  display: grid;
  gap: 14px;
}

.translation-workspace > div > h3 {
  margin-bottom: 6px;
}

.translation-workspace > div > p {
  color: var(--muted);
  line-height: 1.5;
}

.translation-actions {
  justify-content: flex-start;
}

.translation-arrow {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--acid);
  color: var(--ink);
  font-size: 20px;
  font-weight: 800;
}

.button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

/* Finishing layer: consistent layout, readable long content and accessible controls. */
body { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.login-art h1,.login-form h2,.topbar h1,.metric strong,.surface h2,.pulse-grid strong,.dialog-heading h2 { font-family: "Iowan Old Style", Baskerville, Georgia, serif; }
.metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pulse-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pulse-grid > div { min-width: 0; }
.detail-head h2,.activity-row strong,.inquiry-card strong { overflow-wrap: anywhere; }
.mobile-back { display: none; }
.sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.attachments { display: grid; gap: 8px; margin: 18px 0; }
.attachments h3 { margin: 0 0 4px; }
.attachment { display: block; width: fit-content; max-width: 100%; border: 1px solid var(--line); background: #f6f3eb; color: var(--ink); padding: 10px 12px; border-radius: 5px; overflow-wrap: anywhere; }
.attachment:hover { border-color: var(--ink); }
.section-heading .text-button { white-space: nowrap; }
.nav-item:focus-visible,.button:focus-visible,.text-button:focus-visible,.row-actions button:focus-visible,.side-bottom button:focus-visible { outline: 3px solid var(--acid); outline-offset: 2px; }

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

@media (max-width: 800px) {
  .mobile-back { display: inline-block; }
}

@media (max-width: 560px) {
  .metric-grid,.pulse-grid { grid-template-columns: 1fr 1fr; }
  .pulse-grid > div:last-child { grid-column: 1 / -1; }
}

/* Enquiries: familiar two-pane email client. */
#inbox.active {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 166px);
}

.inbox-toolbar {
  flex: 0 0 auto;
  grid-template-columns: 210px auto minmax(220px, 1fr) 175px 175px;
  align-items: stretch;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px 8px 0 0;
}

#inbox.team-task-mode .inbox-toolbar {
  grid-template-columns: 210px auto minmax(220px, 1fr) 180px 165px 165px;
}

.inbox-toolbar-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 7px;
}

.inbox-toolbar-title strong { font-size: 14px; }
.inbox-toolbar-title small { color: var(--muted); margin-top: 2px; }
.compose-button { min-width: 132px; justify-content: center; white-space: nowrap; }
.inbox-toolbar select { border-radius: 6px; }
.inbox-toolbar .search { border-radius: 6px; }

.inbox-layout {
  flex: 1 1 auto;
  height: calc(100vh - 244px);
  min-height: 620px;
  grid-template-columns: 380px minmax(0, 1fr);
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.inquiry-list {
  height: 100%;
  max-height: none;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--line);
  box-shadow: none;
  background: #fcfbf7;
  scrollbar-gutter: stable;
}

.inquiry-card {
  position: relative;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  padding: 16px 15px;
  border-bottom: 1px solid #e7e3da;
  color: var(--ink);
}

.inquiry-card:hover { background: #f5f3ed; }
.inquiry-card.active { background: #eef5d2; box-shadow: inset 3px 0 #9cbd21; }
.inquiry-card.active:after { content: ""; position: absolute; right: -1px; top: 0; bottom: 0; width: 1px; background: #eef5d2; }

.sender-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #e8e4d9;
  color: #35372f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .02em;
}

.sender-avatar.large { width: 46px; height: 46px; font-size: 14px; background: var(--acid); }
.sender-avatar.sent-avatar { background: #e8edff; color: #4658d4; }
.inquiry-card-content { min-width: 0; display: block; }

.inquiry-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 9px;
}

.inquiry-card-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.inquiry-card-head time { flex: 0 0 auto; color: var(--muted); font-size: 10px; }
.inquiry-subject { display: block; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 650; }

.inquiry-preview {
  display: -webkit-box;
  margin-top: 4px;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.inquiry-card-foot { margin-top: 9px; color: var(--muted); font-size: 10px; }
.inquiry-card-foot > span { display: inline-flex; align-items: center; gap: 5px; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: #a8a79f; }
.status-dot.new { background: #3e79c7; }
.status-dot.in_progress { background: var(--amber); }
.status-dot.waiting { background: #7d69ad; }
.status-dot.completed { background: var(--green); }
.urgent-text { color: var(--red); }

.inquiry-detail {
  height: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  overflow-y: auto;
  background: #fffefa;
  scrollbar-gutter: stable;
}

.mail-detail-toolbar {
  position: sticky;
  top: 0;
  z-index: 5;
  min-height: 55px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 24px;
  border-bottom: 1px solid var(--line);
  background: rgba(255,254,250,.96);
  backdrop-filter: blur(9px);
}

.toolbar-spacer { flex: 1; }
.mail-reading-pane { width: min(850px, 100%); margin: 0 auto; padding: 28px clamp(24px, 4vw, 52px) 60px; }

.mail-header {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  padding-bottom: 22px;
}

.mail-header-main { min-width: 0; }
.mail-header h2 { margin: 5px 0 10px; font: 500 clamp(25px, 2.4vw, 36px)/1.08 "Iowan Old Style", Baskerville, Georgia, serif; letter-spacing: -.025em; overflow-wrap: anywhere; }
.mail-header time { color: var(--muted); font-size: 11px; white-space: nowrap; }
.sender-line { display: flex; flex-wrap: wrap; gap: 5px; font-size: 13px; }
.sender-line span,.mail-header-main > small { color: var(--muted); }
.mail-header-main > small { display: block; margin-top: 3px; }

.more-menu { position: relative; }
.more-menu > summary { list-style: none; display: flex; align-items: center; gap: 8px; }
.more-menu > summary::-webkit-details-marker,.workflow-panel > summary::-webkit-details-marker { display: none; }
.more-menu-panel {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 20;
  width: 250px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  box-shadow: 0 16px 42px rgba(30,29,24,.17);
}

.more-menu-panel button {
  width: 100%;
  padding: 10px 11px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  text-align: left;
  font-size: 12px;
  font-weight: 650;
}

.more-menu-panel button:hover { background: #f3f1eb; }
.more-menu-panel .danger-text { color: var(--red); }

.ai-summary {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 11px;
  margin: 0 0 24px;
  padding: 15px 17px;
  border: 1px solid #dae6a8;
  border-left: 1px solid #dae6a8;
  border-radius: 8px;
  background: #f6f9e8;
}

.ai-star { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--acid); font-weight: 900; }
.ai-summary strong { font-size: 12px; }
.ai-summary small { margin-left: 8px; color: var(--muted); }
.ai-summary p { margin: 5px 0 0; color: #4f514a; font-size: 13px; line-height: 1.55; }

.mail-message { margin-bottom: 24px; }
.mail-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.mail-section-heading h3 { margin: 0; font-size: 14px; }
.mail-section-heading span { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.mail-message > .message-body { max-height: none; overflow: visible; padding: 22px; border: 1px solid var(--line); border-left: 3px solid #bad62f; border-radius: 7px; background: white; font-size: 14px; line-height: 1.72; }

.original-message { margin: 12px 0 0; border-radius: 7px; background: white; }
.original-message summary { display: flex; justify-content: space-between; gap: 10px; padding: 11px 13px; }
.original-message summary small { color: var(--muted); font-weight: 500; }
.original-message .message-body { max-height: 430px; overflow: auto; margin: 0; padding: 17px; border: 0; border-top: 1px solid var(--line); font-size: 13px; }

.workflow-panel { margin: 22px 0; border: 1px solid var(--line); border-radius: 8px; background: #faf9f5; }
.workflow-panel > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; cursor: pointer; list-style: none; }
.workflow-panel > summary > span:first-child { display: flex; flex-direction: column; gap: 2px; }
.workflow-panel > summary strong { font-size: 12px; }
.workflow-panel > summary small { color: var(--muted); }
.workflow-panel .chevron { transition: transform .15s ease; }
.workflow-panel[open] .chevron { transform: rotate(180deg); }
.workflow-body { padding: 4px 15px 16px; border-top: 1px solid var(--line); }
.workflow-body .detail-controls { margin: 15px 0; }
.workflow-body .notes-box textarea { background: white; }

.email-composer {
  margin-top: 26px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #c9c6bd;
  border-radius: 9px;
  background: white;
  box-shadow: 0 10px 28px rgba(36,34,27,.06);
}

.composer-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 16px; border-bottom: 1px solid var(--line); background: #faf9f5; }
.composer-heading > div { display: flex; align-items: center; gap: 10px; }
.composer-heading h3 { margin: 0; font-size: 14px; }
.composer-heading p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.composer-icon { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: var(--acid); font-weight: 900; }
.language-pill { padding: 5px 8px; border-radius: 20px; background: #ece9e0; color: #56574f; font-size: 10px; font-weight: 750; }
.email-composer > textarea,.composer-step textarea { width: 100%; display: block; margin: 0; padding: 18px; border: 0; outline: none; resize: vertical; color: var(--ink); background: white; font-size: 14px; line-height: 1.6; }
.email-composer > textarea:focus,.composer-step textarea:focus { box-shadow: inset 0 0 0 2px rgba(177,208,48,.6); }
.composer-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 14px; border-top: 1px solid var(--line); background: #faf9f5; }
.composer-footer small { color: var(--muted); line-height: 1.35; }
.send-button { min-width: 122px; }
.reject-reply-button { margin-left: auto; white-space: nowrap; }

.composer-step { padding: 14px 16px 0; }
.composer-step-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.composer-step-head > span { display: flex; align-items: center; gap: 8px; }
.composer-step-head b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #e7e3d8; font-size: 10px; }
.composer-step-head strong { font-size: 12px; }
.composer-step-head small { color: var(--muted); }
.composer-step textarea { border: 1px solid var(--line); border-radius: 6px; }
.translated-step { padding-bottom: 16px; background: #faf9f5; }
.translate-button { width: calc(100% - 32px); display: flex; align-items: center; justify-content: center; gap: 9px; margin: 14px 16px; padding: 10px; border: 1px solid #b9c97a; border-radius: 6px; background: #f4f9df; color: var(--ink); font-size: 12px; font-weight: 750; }
.translate-button:hover { background: #edf7c7; }
.translate-button:disabled { opacity: .5; cursor: not-allowed; }

.closed-conversation { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: #faf9f5; }
.closed-conversation > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #e2f1e8; color: var(--green); }
.closed-conversation h3 { margin: 0; }
.closed-conversation p { margin: 4px 0 0; color: var(--muted); }
.mail-empty { padding-top: 150px; }
.mail-empty > span,.inbox-clear > span { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto; border-radius: 50%; background: #eeeadf; color: #6e7067; font-size: 20px; }
.compose-dialog { width: min(760px,calc(100vw - 32px)); }
.compose-dialog form { display: grid; gap: 16px; }
.compose-dialog .dialog-heading { margin-bottom: 2px; }
.compose-dialog .dialog-heading .kicker { margin: 0 0 5px; }
.compose-dialog label { display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.compose-dialog input,.compose-dialog textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 12px 13px; background: white; color: var(--ink); font: inherit; line-height: 1.55; outline: none; }
.compose-dialog input:focus,.compose-dialog textarea:focus { border-color: #7587ff; box-shadow: 0 0 0 3px rgba(117,135,255,.15); }
.compose-dialog textarea { resize: vertical; min-height: 250px; }

@media (max-width: 1180px) {
  .inbox-toolbar { grid-template-columns: auto minmax(220px,1fr) 165px 165px; }
  #inbox.team-task-mode .inbox-toolbar { grid-template-columns: auto minmax(220px,1fr) repeat(3, 155px); }
  .inbox-toolbar-title { display: none; }
  .inbox-layout { grid-template-columns: 340px minmax(0,1fr); }
  .mail-reading-pane { padding-inline: 28px; }
}

@media (max-width: 800px) {
  #inbox.active { min-height: 0; }
  .inbox-toolbar { grid-template-columns: 1fr 1fr; border-radius: 8px; }
  #inbox.team-task-mode .inbox-toolbar { grid-template-columns: 1fr 1fr; }
  .inbox-toolbar .search { grid-column: 1 / -1; }
  .inbox-layout { height: auto; min-height: 0; grid-template-columns: 1fr; border-radius: 8px; }
  .inquiry-list { height: auto; border-right: 0; }
  .inquiry-detail.mobile-open { padding: 0; }
  .mail-detail-toolbar { padding-inline: 15px; }
  .mail-reading-pane { padding: 22px 18px 45px; }
  .mail-header { grid-template-columns: 42px minmax(0,1fr); }
  .sender-avatar.large { width: 42px; height: 42px; }
  .mail-header time { grid-column: 2; }
  .composer-footer { align-items: stretch; flex-direction: column; }
  .send-button { width: 100%; }
  .reject-reply-button { width: 100%; margin-left: 0; }
}

@media (max-width: 520px) {
  .inbox-toolbar { grid-template-columns: 1fr; }
  #inbox.team-task-mode .inbox-toolbar { grid-template-columns: 1fr; }
  .inbox-toolbar .search { grid-column: auto; }
  .inquiry-card { grid-template-columns: 34px minmax(0,1fr); padding-inline: 12px; }
  .sender-avatar { width: 34px; height: 34px; }
  .mail-header h2 { font-size: 25px; }
  .mail-header .sender-line span { width: 100%; overflow-wrap: anywhere; }
  .detail-controls { grid-template-columns: 1fr; }
  .mail-message > .message-body { padding: 17px; }
  .composer-step-head { align-items: flex-start; }
  .composer-step-head small { max-width: 130px; text-align: right; }
}
.toggle-grid label > span { display: grid; gap: 3px; }
.toggle-grid label small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.toggle-grid label:has(input:disabled) { opacity: .7; cursor: not-allowed; }
.badge.current-account { background: #e2f1e8; color: var(--green); }

/* Cash-up workspace: the existing Basement till flow, rebuilt inside Operations. */
.cashup-page-head { display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px; }
.cashup-page-head h2 { margin:0;font-size:36px;letter-spacing:-.04em; }
.cashup-page-head p:last-child { margin:8px 0 0;color:var(--muted); }
.cashup-lang { display:flex;gap:7px; }
#cashup-alert { margin-bottom:16px;border:1px solid #abefc6;border-radius:10px;background:#ecfdf3;color:#067647; }
#cashup-alert.error { border-color:#fecdca;background:#fef3f2;color:#b42318; }
.cashup-summary-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px; }
.cashup-stat { min-height:112px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow); }
.cashup-stat span { color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase; }
.cashup-stat strong { font-size:25px;letter-spacing:-.035em; }
.cashup-stat.bank { border-color:#b42318;background:linear-gradient(145deg,#b42318,#d92d20);color:#fff; }
.cashup-stat.bank span { color:#fee4e2; }
.variance-alert { color:var(--red)!important;font-weight:750; }
.cashup-form { display:grid;gap:18px; }
.cashup-section { padding:25px; }
.cashup-section .section-heading { margin-bottom:20px; }
.cashup-form-grid { display:grid;gap:15px; }
.cashup-form-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cashup-form-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cashup-form label,.cashup-payout-row label,.denomination-grid label { display:grid;gap:7px;color:#344054;font-size:11px;font-weight:750;letter-spacing:.035em; }
.cashup-form input,.cashup-form select,.cashup-form textarea { width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;padding:12px 13px;color:var(--ink);outline:none; }
.cashup-form input:focus,.cashup-form select:focus,.cashup-form textarea:focus { border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.14); }
.cashup-form input:disabled,.cashup-form select:disabled,.cashup-form textarea:disabled { background:#f2f4f7;color:#667085; }
.money-input { position:relative;display:block; }
.money-input b { position:absolute;left:13px;top:50%;z-index:1;transform:translateY(-50%);color:#667085;font-size:14px; }
.money-input input { padding-left:29px; }
.cashup-payouts { display:grid;gap:11px; }
.cashup-payout-row { display:grid;grid-template-columns:140px 1.2fr 1fr 120px 150px 140px auto;gap:9px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f9fafb; }
.cashup-payout-row .button { min-height:43px; }
.cashup-total-line { display:flex;justify-content:flex-end;gap:20px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line); }
.cashup-total-line span { color:var(--muted); }
.cashup-total-line strong { min-width:100px;text-align:right;font-size:18px; }
.cashup-till-total { min-width:160px;padding:11px 14px;border-radius:10px;background:#eef2ff;text-align:right; }
.cashup-till-total span,.cashup-till-total strong { display:block; }
.cashup-till-total span { color:#4f46e5;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase; }
.cashup-till-total strong { margin-top:4px;font-size:22px; }
.denomination-grid { display:grid;grid-template-columns:repeat(8,minmax(76px,1fr));gap:10px; }
.denomination-grid label span { color:#344054;font-size:12px; }
.denomination-grid input { text-align:center;font-size:16px;font-weight:700; }
.cashup-notes { display:block!important; }
.cashup-recount { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border:1px solid #fedf89;border-radius:10px;background:#fffaeb;color:#93370d; }
.cashup-recount p { margin:4px 0 0;color:#b54708; }
.cashup-recount label { display:flex;align-items:center;gap:8px;white-space:nowrap; }
.cashup-recount input { width:auto; }
.cashup-actions { display:flex;justify-content:flex-end;gap:10px;padding-bottom:6px; }
.cashup-actions .button { min-width:150px;padding:13px 18px; }
.cashup-history { margin-top:24px; }
.cashup-history .text-button { padding:0; }

.philsheet-head-actions { display:flex;gap:10px; }
.philsheet-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.philsheet-main-grid { display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start; }
.philsheet-entry-column { display:grid;gap:18px; }
.philsheet-reconciliation { position:sticky;top:20px;display:grid;gap:16px; }
.reconciliation-card { padding:23px; }
.reconciliation-card h2 { margin:5px 0 18px;font-size:23px;letter-spacing:-.03em; }
.reconciliation-card dl { margin:0; }
.reconciliation-card dl>div { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line); }
.reconciliation-card dt { color:var(--muted); }
.reconciliation-card dd { margin:0;font-weight:750;font-variant-numeric:tabular-nums; }
.reconciliation-card .reconciliation-total { margin-top:2px;border-top:2px solid #101828; }
.reconciliation-card .reconciliation-total dt,.reconciliation-card .reconciliation-total dd { color:var(--ink);font-weight:800; }
.reconciliation-card .reconciliation-bank,.reconciliation-card .reconciliation-card-total { margin:12px -10px -9px;padding:13px 10px;border:0;border-radius:8px;color:#fff; }
.reconciliation-card .reconciliation-bank { background:#b42318; }
.reconciliation-card .reconciliation-card-total { background:#175cd3; }
.reconciliation-card .reconciliation-bank dt,.reconciliation-card .reconciliation-card-total dt { color:#fff;font-weight:800; }
.reconciliation-card .reconciliation-bank dd,.reconciliation-card .reconciliation-card-total dd { font-size:19px; }
.philsheet-help { margin:0;padding:16px 18px;border:1px solid #d6bbfb;border-radius:10px;background:#f9f5ff;color:#53389e;line-height:1.5; }
.philsheet-payouts { display:grid;gap:10px; }
.philsheet-payout-row { display:grid;grid-template-columns:1.4fr 1fr 125px auto;gap:10px;align-items:end;padding:13px;border:1px solid var(--line);border-radius:10px;background:#f9fafb; }
.philsheet-payout-row label { display:grid;gap:7px;color:#344054;font-size:11px;font-weight:750;letter-spacing:.035em; }
.philsheet-payout-row input { width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:12px 13px; }
.philsheet-payout-row .button { min-height:43px; }
.philsheet-history { margin-top:24px; }

/* Role dashboards: decisions first for Chris, simple finance control for Phil. */
.dashboard-hero { position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;min-height:190px;margin-bottom:16px;padding:32px 34px;overflow:hidden;border-radius:18px;color:#fff;box-shadow:0 18px 45px rgba(16,24,40,.13); }
.dashboard-hero::after { content:"";position:absolute;right:-70px;bottom:-120px;width:330px;height:330px;border:75px solid rgba(255,255,255,.07);border-radius:50%; }
.dashboard-hero>div,.dashboard-hero time { position:relative;z-index:1; }
.dashboard-hero.owner-hero { background:linear-gradient(125deg,#101828 0%,#24334f 60%,#354d70 100%); }
.dashboard-hero.finance-hero { background:linear-gradient(125deg,#172b27 0%,#1f5145 62%,#317568 100%); }
.dashboard-hero .kicker { margin:0 0 10px;color:#d0d5dd!important; }
.dashboard-hero h2 { margin:0;font-size:36px;line-height:1.05;letter-spacing:-.045em; }
.dashboard-hero p:last-child { margin:12px 0 0;color:#e4e7ec;font-size:14px; }
.dashboard-hero time { min-width:185px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.08);color:#f2f4f7;text-align:center;font-size:12px;font-weight:700; }
.attention-strip { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px; }
#finance-attention { grid-template-columns:repeat(3,minmax(0,1fr)); }
.attention-card { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:60px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;color:#344054;text-align:left;box-shadow:0 3px 12px rgba(16,24,40,.04);cursor:pointer; }
.attention-card:hover { border-color:#98a2b3;transform:translateY(-1px); }
.attention-card strong { display:grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border-radius:8px;background:#f2f4f7;color:#101828;font-size:15px; }
.attention-card span { font-size:12px;font-weight:750; }
.attention-card b { color:#98a2b3; }
.attention-card.danger strong { background:#fef3f2;color:#b42318; }
.attention-card.amber strong { background:#fffaeb;color:#b54708; }
.attention-card.blue strong { background:#eff8ff;color:#175cd3; }
.attention-card.success strong { background:#ecfdf3;color:#067647; }
.command-metrics { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:16px; }
.finance-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.command-metric { display:flex;min-height:128px;flex-direction:column;padding:19px;border:1px solid #e4e7ec;border-radius:13px;background:#fff;box-shadow:0 4px 18px rgba(16,24,40,.05); }
.command-metric>span { color:#667085;font-size:11px;font-weight:760;letter-spacing:.045em;text-transform:uppercase; }
.command-metric strong { margin-top:auto;color:#101828;font-size:27px;line-height:1;letter-spacing:-.045em; }
.command-metric small { margin-top:8px;color:#98a2b3;font-size:10px; }
.command-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start; }
.command-grid .span-2 { grid-column:1/-1; }
.command-card { padding:23px; }
.command-card .section-heading { margin-bottom:18px; }
.command-card .section-heading h2 { margin-top:4px;font-size:21px;letter-spacing:-.035em; }
.inline-summary { display:flex;gap:0;margin-bottom:18px;padding:12px 0;border-block:1px solid #eaecf0; }
.inline-summary>div { flex:1;padding:3px 18px;border-right:1px solid #eaecf0; }
.inline-summary>div:first-child { padding-left:0; }
.inline-summary>div:last-child { border:0; }
.inline-summary span,.inline-summary strong { display:block; }
.inline-summary span { margin-bottom:5px;color:#667085;font-size:10px;font-weight:750;text-transform:uppercase; }
.inline-summary strong { color:#101828;font-size:17px; }
.cash-chart { display:flex;align-items:flex-end;justify-content:space-around;gap:12px;min-height:195px;padding-top:12px; }
.cash-bar-column { display:grid;grid-template-rows:24px 125px 20px;gap:5px;width:min(82px,13%);height:174px;text-align:center; }
.cash-bar-column>strong { overflow:hidden;color:#475467;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.cash-bar-column>small { color:#667085;font-size:10px; }
.cash-bar-track { position:relative;display:flex;align-items:flex-end;height:125px;overflow:hidden;border-radius:7px 7px 3px 3px;background:#f2f4f7; }
.cash-bar-track i { width:100%;min-height:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#7f95bc,#263e66); }
.finance-hero+.attention-strip+.command-metrics+.command-grid .cash-bar-track i { background:linear-gradient(180deg,#56a893,#1f6656); }
.dashboard-list { display:grid;gap:2px; }
.dashboard-list-row { display:grid;width:100%;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 6px;border:0;border-bottom:1px solid #f2f4f7;background:transparent;color:#344054;text-align:left;cursor:pointer; }
.dashboard-list-row:hover:not(.static) { border-radius:8px;background:#f9fafb; }
.dashboard-list-row:last-child { border-bottom:0; }
.dashboard-list-row>span:nth-child(2) { min-width:0; }
.dashboard-list-row strong,.dashboard-list-row small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.dashboard-list-row strong { font-size:12px; }
.dashboard-list-row small { margin-top:4px;color:#667085;font-size:10px; }
.dashboard-list-row>b { color:#98a2b3; }
.dashboard-list-row.static { cursor:default; }
.list-icon,.mini-avatar { display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f2f4f7;color:#475467;font-size:13px;font-weight:800; }
.list-icon.danger { background:#fef3f2;color:#b42318; }
.list-icon.blue { background:#eff8ff;color:#175cd3; }
.workload-row { display:grid;grid-template-columns:32px minmax(85px,.8fr) minmax(80px,1.2fr) 24px;align-items:center;gap:10px;padding:9px 3px; }
.workload-row strong { overflow:hidden;font-size:12px;text-overflow:ellipsis; }
.workload-meter { height:6px;overflow:hidden;border-radius:99px;background:#f2f4f7; }
.workload-meter i { display:block;height:100%;border-radius:99px;background:#5d75a0; }
.workload-row b { text-align:right;font-size:12px; }
.on-call-person { display:flex;align-items:center;gap:14px;padding:19px;border:1px solid #d1fadf;border-radius:12px;background:linear-gradient(145deg,#ecfdf3,#f6fef9); }
.command-card .on-call-person { border-left-color:#d1fadf; }
.on-call-avatar { display:grid;place-items:center;width:50px;height:50px;flex:0 0 auto;border-radius:50%;background:#067647;color:#fff;font-size:16px;font-weight:800; }
.on-call-person>div { min-width:0; }
.on-call-person strong,.on-call-person a,.on-call-person small { display:block; }
.on-call-person strong { color:#054f31;font-size:16px; }
.on-call-person a { margin-top:5px;color:#067647;font-size:14px;font-weight:750;text-decoration:none; }
.on-call-person small { margin-top:5px;color:#42846d;font-size:10px; }
.dashboard-empty { padding:18px;border-radius:10px;background:#f9fafb;color:#667085;text-align:center; }
.dashboard-empty p { margin:5px 0 0;font-size:11px; }
.dashboard-empty.warning { border:1px solid #fedf89;background:#fffaeb;color:#93370d; }
.dashboard-empty.success { border:1px solid #abefc6;background:#ecfdf3;color:#067647; }
.check-list.compact .check-row { padding-block:10px; }
.dashboard-table table { min-width:620px; }
.dashboard-table th,.dashboard-table td { padding-block:11px; }
.call-summary { display:grid;gap:16px; }
.call-stat-pair { display:grid;grid-template-columns:1fr 1fr;gap:9px; }
.call-stat-pair>div { padding:17px;border-radius:11px;background:#f2f4f7;text-align:center; }
.call-stat-pair strong,.call-stat-pair span { display:block; }
.call-stat-pair strong { color:#101828;font-size:27px;letter-spacing:-.04em; }
.call-stat-pair span { margin-top:3px;color:#667085;font-size:10px;text-transform:uppercase; }
.call-summary dl { margin:0; }
.call-summary dl>div { display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #eaecf0;font-size:11px; }
.call-summary dl>div:last-child { border:0; }
.call-summary dt { color:#667085; }
.call-summary dd { margin:0;color:#101828;font-weight:750;text-align:right; }
.privacy-note { color:#667085;font-size:10px; }

@media(max-width:1280px){
  .command-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .finance-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cashup-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cashup-payout-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .denomination-grid { grid-template-columns:repeat(5,minmax(76px,1fr)); }
  .philsheet-main-grid { grid-template-columns:minmax(0,1fr) 310px; }
}
@media(max-width:800px){
  .dashboard-hero { min-height:170px;align-items:flex-start;flex-direction:column;padding:26px; }
  .dashboard-hero h2 { font-size:30px; }
  .dashboard-hero time { min-width:0;text-align:left; }
  .attention-strip,#finance-attention { grid-template-columns:1fr 1fr; }
  .command-metrics,.finance-metrics { grid-template-columns:1fr 1fr; }
  .command-grid { grid-template-columns:1fr; }
  .command-grid .span-2 { grid-column:auto; }
  .inline-summary { display:grid;grid-template-columns:1fr 1fr; }
  .inline-summary>div { padding:10px;border-right:0;border-bottom:1px solid #eaecf0; }
  .inline-summary>div:nth-last-child(-n+2) { border-bottom:0; }
  .cashup-page-head { align-items:flex-start; }
  .cashup-summary-grid,.cashup-form-grid.three { grid-template-columns:1fr 1fr; }
  .cashup-form-grid.two { grid-template-columns:1fr; }
  .cashup-payout-row { grid-template-columns:1fr 1fr; }
  .denomination-grid { grid-template-columns:repeat(3,minmax(76px,1fr)); }
  .cashup-recount { align-items:flex-start;flex-direction:column; }
  .philsheet-main-grid { grid-template-columns:1fr; }
  .philsheet-reconciliation { position:static;grid-template-columns:1fr 1fr; }
  .philsheet-help { grid-column:1/-1; }
  .philsheet-payout-row { grid-template-columns:1fr 1fr; }
}
@media(max-width:520px){
  .dashboard-hero { min-height:155px;padding:22px 20px; }
  .dashboard-hero h2 { font-size:27px; }
  .dashboard-hero time { display:none; }
  .attention-strip,#finance-attention,.command-metrics,.finance-metrics { grid-template-columns:1fr; }
  .command-metric { min-height:104px; }
  .command-card { padding:18px; }
  .cash-chart { gap:5px;overflow-x:auto;justify-content:flex-start; }
  .cash-bar-column { min-width:58px;width:58px; }
  .dashboard-list-row { grid-template-columns:34px minmax(0,1fr) auto; }
  .inline-summary { grid-template-columns:1fr; }
  .inline-summary>div,.inline-summary>div:nth-last-child(-n+2) { border-bottom:1px solid #eaecf0; }
  .inline-summary>div:last-child { border-bottom:0; }
  .cashup-page-head { flex-direction:column; }
  .cashup-summary-grid,.cashup-form-grid.three,.cashup-payout-row { grid-template-columns:1fr; }
  .denomination-grid { grid-template-columns:repeat(3,minmax(64px,1fr)); }
  .cashup-section { padding:18px; }
  .cashup-section .section-heading { align-items:flex-start; }
  .cashup-till-total { width:100%;text-align:left; }
  .cashup-actions { flex-direction:column-reverse; }
  .cashup-actions .button { width:100%; }
  .philsheet-head-actions { width:100%;flex-direction:column-reverse; }
  .philsheet-head-actions .button { width:100%; }
  .philsheet-reconciliation,.philsheet-payout-row { grid-template-columns:1fr; }
  .philsheet-help { grid-column:auto; }
}
@media print {
  body * { visibility:hidden!important; }
  #cashup,#cashup * { visibility:visible!important; }
  #cashup { position:absolute;inset:0;width:100%;padding:0;background:#fff; }
  .cashup-lang,.cashup-actions,.cashup-history,#cashup-add-payout,[data-remove-payout],.cashup-recount { display:none!important; }
  .cashup-summary-grid { grid-template-columns:repeat(3,1fr); }
  .cashup-section,.cashup-stat { box-shadow:none;break-inside:avoid; }
}