/* Compact touch targets and a visible Print bar on phones. */
:root { color-scheme: light; }
.view-agent-rates .page-head { display:none; }
.view-agent-rates .ref-rate-panel h2 { margin:0 0 6px; font-size:1.15rem; }
.view-agent-rates .ref-rate-panel > p { margin:0 0 10px; font-size:.78rem; }
.view-agent-rates .ref-rate-select { gap:8px; margin-bottom:12px; }
.view-agent-rates .ref-rate-select .btn { min-height:40px; padding:8px 14px; }
.view-win .ref-win-form { gap:8px; align-items:end; }
.view-win .ref-win-form .field { grid-column:auto; margin:0; min-width:0; }
.view-win .ref-win-form .field:has([name="receipt_no"]) { grid-column:1 / -1; }
.view-win .ref-win-form .ref-win-actions { grid-column:1 / -1; justify-content:flex-start; padding:0; gap:8px; }
.view-win .ref-win-form .ref-win-actions .btn { min-height:40px; padding:8px 18px; }
@media screen and (max-width:760px) {
  .reference-shell .field input[type="date"],.reference-shell .field input[type="time"] { min-height:40px; padding:7px 9px; font-size:16px; }
  .view-agent-rates .ref-rate-panel { padding:14px; }
  .view-agent-rates .ref-rate-row { padding:8px 0; }
  .view-agent-rates .ref-rate-row .field { display:grid; grid-template-columns:minmax(80px,.8fr) minmax(0,1.2fr); gap:8px; }
  .view-agent-rates .ref-rate-row input { min-height:40px; padding:7px 9px; }
}
.view-board .board-overview { padding:16px 18px; }
.board-overview-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.board-overview-heading h2 { margin:0; min-width:0; font-size:1.15rem; line-height:1.25; overflow-wrap:anywhere; }
.board-overview-heading .btn { flex:none; min-height:40px; padding:8px 12px; font-size:.78rem; }
.board-overview-summary { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 14px; margin:10px 0; font-size:.86rem; color:var(--mk-muted); }
.board-overview-summary strong { color:var(--mk-pine); font-variant-numeric:tabular-nums; }
.board-overview-filter { display:flex; align-items:center; gap:8px; max-width:360px; }
.board-overview-filter .field { margin:0; flex:1; min-width:0; }
.board-overview-filter label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.board-overview-filter input { width:100%; min-width:0; min-height:40px; padding:7px 10px; }
.board-overview-filter .btn { min-height:40px; padding:8px 16px; }
.board-overview-help { margin:10px 0 0; color:var(--mk-muted); font-size:.76rem; line-height:1.4; }
@media screen and (max-width:380px) {
  .view-win .ref-win-form .field:first-child { grid-column:1 / -1; }
  .view-board .board-overview { padding:12px; }
  .board-overview-heading h2 { font-size:1rem; }
  .board-overview-heading .btn { padding-inline:9px; }
}
@media screen and (max-width:1000px) {
  .view-sell .agent-sell-workspace { padding-bottom:88px; }
  .view-sell .agent-sell-footer { position:fixed; bottom:calc(var(--keyboard-offset,0px) + env(safe-area-inset-bottom,0px)); left:12px; right:12px; z-index:40; border:1px solid #d9e1dc; border-radius:14px 14px 0 0; box-shadow:0 -5px 22px #0002; }
}
.agent-sell-footer { max-width:980px; margin-inline:auto; }
.receipt-duplicate { text-align:center; font-size:1.25rem; font-weight:900; letter-spacing:.14em; padding:10px; border:2px solid currentColor; margin-bottom:14px; }
.previous-slip { padding:14px; margin:12px; border:1px solid #d9e1dc; border-radius:12px; background:#f6f8f5; }
/* Make table actions compact while retaining usable touch areas. */
@media screen {
  .ref-table td .ref-btn,.table td .btn,.agent-device-actions .ref-btn { min-height:36px; padding:7px 11px; font-size:.8rem; border-radius:8px; }
  .ref-table td:last-child,.table td:last-child { vertical-align:middle; }
  .ref-table td:last-child .ref-btn { margin:2px; }
  .ref-panel-actions .ref-btn,.ref-list-actions .ref-btn { min-height:38px; padding:7px 13px; }
  .app-shell:not(.reference-shell) .topbar .breadcrumbs { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .superadmin-signout { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:7px 12px; border-radius:9px; }
}
@media screen and (max-width:760px) {
  .ref-panel { padding:14px; }
  .ref-table td .ref-btn,.agent-device-actions .ref-btn { min-height:36px; padding:7px 10px; }
  .ref-panel-head { gap:10px; flex-wrap:wrap; }
}
@media screen and (max-width:760px) {
  .view-agents .agent-device-actions .btn { flex:0 1 auto; min-height:38px; padding:7px 11px; }
  .view-villages .village-list-panel { padding:12px; }
  .view-villages .village-list-panel .table-wrap { width:100%; overflow-x:auto; }
  .view-villages .ref-table { width:100%; min-width:0; table-layout:fixed; }
  .view-villages .ref-table th,.view-villages .ref-table td { padding:9px 5px; font-size:11px; vertical-align:middle; overflow-wrap:anywhere; }
  .view-villages .ref-table th:nth-child(1) { width:24%; }
  .view-villages .ref-table th:nth-child(2) { width:30%; }
  .view-villages .ref-table th:nth-child(3) { width:46%; }
  .view-villages .ref-table td:nth-child(2) { white-space:nowrap; }
  .view-villages .ref-table td:last-child .ref-btn { min-height:30px; margin:0; padding:5px 6px; font-size:10px; }
}
.village-row-actions { display:flex; flex-wrap:nowrap; align-items:center; gap:3px; }
.village-row-actions .ref-btn { white-space:nowrap; }
.village-pagination { display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 0 0; color:var(--mk-muted); font-size:12px; }
.village-pagination .ref-btn { min-height:32px; padding:5px 10px; }
.agent-open-result { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 18px; border-bottom:1px solid var(--mk-line); color:var(--mk-pine); background:#edf3ec; font-size:12px; }
.agent-open-result[hidden] { display:none; }
.agent-open-result strong { font-size:13px; }
.rate-group-members { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; margin:12px 0 20px; }
.rate-group-members label { display:flex; align-items:center; gap:8px; padding:9px; border:1px solid #dce3dd; border-radius:8px; }
.rate-group-members input { width:auto; }

/* Agent directory and profile settings stay readable on narrow phone screens. */
.agent-directory-list { display:grid; gap:9px; }
.agent-directory-item { overflow:hidden; border:1px solid var(--mk-line); border-radius:12px; background:#fff; }
.agent-directory-item > summary { display:grid; grid-template-columns:34px minmax(130px,1fr) minmax(88px,.35fr) auto 28px; align-items:center; gap:12px; min-height:66px; padding:10px 14px; list-style:none; cursor:pointer; }
.agent-directory-item > summary::-webkit-details-marker { display:none; }
.agent-directory-index { display:grid; width:30px; height:30px; place-items:center; border-radius:50%; color:var(--mk-pine); background:#edf3ed; font-weight:800; }
.agent-directory-name,.agent-directory-points { display:grid; gap:3px; min-width:0; }
.agent-directory-name strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mk-ink); }
.agent-directory-name small,.agent-directory-points small,.agent-directory-details small { color:var(--mk-muted); font-size:.76rem; }
.agent-directory-points strong { color:var(--mk-ink); font-variant-numeric:tabular-nums; }
.agent-directory-status { padding:5px 9px; border-radius:999px; font-size:.75rem; font-weight:750; white-space:nowrap; }
.agent-directory-status.active { color:#176d53; background:#daf3e8; }
.agent-directory-status.inactive { color:#9b2934; background:#f8e3e5; }
.agent-directory-expand { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:var(--mk-pine); background:#edf3ed; font-size:1.2rem; transition:transform .15s ease; }
.agent-directory-item[open] > summary { border-bottom:1px solid var(--mk-line); background:#f7f9f5; }
.agent-directory-item[open] .agent-directory-expand { transform:rotate(45deg); }
.agent-directory-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 16px; padding:13px 15px; }
.agent-directory-details > div { display:grid; align-content:start; gap:4px; min-width:0; }
.agent-directory-details strong { color:var(--mk-ink); font-size:.88rem; font-weight:650; font-variant-numeric:tabular-nums; }
.agent-directory-actions { display:flex!important; grid-column:1/-1; flex-wrap:wrap; align-items:center; gap:6px!important; padding-top:9px; border-top:1px solid var(--mk-line); }
.agent-profile-form > .field { display:grid; grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr); align-items:center; gap:12px; margin:0; padding:10px 2px; border-bottom:1px solid #e5eae3; }
.agent-profile-form > .field > label { margin:0; color:#4d6259; font-weight:650; }
.agent-profile-form > .field input,.agent-profile-form > .field select { min-height:40px; }
.agent-profile-form > .ref-agent-settings { grid-column:1/-1; }
.agent-profile-form .ref-assignment-list { max-height:250px; overflow:auto; }
.agent-profile-form .ref-agent-settings .agent-compensation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.agent-profile-form .agent-compensation-grid .field { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(140px,1.2fr); align-items:center; gap:8px; }
.agent-profile-form .agent-compensation-grid .field small { grid-column:2; }
.agent-profile-form .ref-agent-setting-grid .ref-check { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:43px; margin:0; }
.agent-profile-form .ref-agent-setting-grid .ref-check input { flex:0 0 auto; width:20px; height:20px; margin:0; }
.agent-active-toggle { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; padding:12px 2px; color:#4d6259; font-weight:650; }
.agent-active-toggle span:last-child { display:flex; align-items:center; gap:8px; }
.agent-report-card .table-wrap { max-width:100%; overflow-x:hidden; }
.agent-report-card .ref-table { min-width:0; width:100%; table-layout:fixed; }
.agent-report-card .ref-table th,.agent-report-card .ref-table td { overflow-wrap:anywhere; }
.agent-report-card .ref-table th:first-child { width:27%; }
.agent-report-card .ref-table th:nth-child(2),.agent-report-card .ref-table th:nth-child(3) { width:11%; }
.agent-report-card .ref-table th:nth-child(4) { width:17%; }
.agent-report-card .ref-table th:nth-child(5),.agent-report-card .ref-table th:nth-child(6) { width:17%; }
.agent-report-card .ref-table th:nth-child(n+2),.agent-report-card .ref-table td:nth-child(n+2) { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.agent-report-card .ref-table th:first-child,.agent-report-card .ref-table td:first-child { text-align:left; }
.agent-hisab-market .ref-table { min-width:0; width:100%; table-layout:fixed; background:#111d28; color:#f4f7f6; }
.agent-hisab-market .table-wrap { overflow-x:hidden; }
.agent-hisab-market .ref-table th,.agent-hisab-market .ref-table td { padding:10px 6px; border-color:#ffffff30; overflow-wrap:anywhere; }
.agent-hisab-market .ref-table thead th { color:#e5ad6a; background:#111d28; }
.agent-hisab-market .ref-table tbody tr { background:#111d28; }
.agent-hisab-market .ref-table th:nth-child(1) { width:27%; }
.agent-hisab-market .ref-table th:nth-child(2),.agent-hisab-market .ref-table th:nth-child(3) { width:11%; }
.agent-hisab-market .ref-table th:nth-child(4) { width:17%; }
.agent-hisab-market .ref-table th:nth-child(5),.agent-hisab-market .ref-table th:nth-child(6) { width:17%; }
.agent-hisab-market .ref-table td:nth-child(4),.agent-hisab-market .ref-table tfoot th:nth-child(4) { background:#31d6b0; color:#0b2830; }
.agent-hisab-market .ref-table th:not(:first-child),.agent-hisab-market .ref-table td:not(:first-child),.agent-hisab-market .ref-table tfoot th:not(:first-child) { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.agent-hisab-market .ref-table tfoot { background:#192a36; color:#f4f7f6; font-weight:800; }
.agent-hisab-final { background:#111d28; color:#f4f7f6; }
.agent-hisab-final h2,.agent-hisab-final dt,.agent-hisab-final dd { color:#f4f7f6; }
.agent-hisab-final dt { color:#e5ad6a; }
.agent-hisab-final dl { margin:0 0 16px; }
.agent-hisab-final dl>div { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(90px,.6fr); gap:10px; align-items:center; padding:10px 2px; border-top:1px solid var(--mk-line); }
.agent-hisab-final dt { color:#e5ad6a; }
.agent-hisab-final dd { grid-column:3; margin:0; text-align:right; color:#f4f7f6; font-weight:700; font-variant-numeric:tabular-nums; }
.agent-hisab-final dl>div::after { content:':'; grid-column:2; grid-row:1; text-align:center; }
@media (max-width:720px) {
  .agent-directory-item > summary { grid-template-columns:30px minmax(0,1fr) auto 26px; gap:8px; padding:10px; }
  .agent-directory-points { display:none; }
  .agent-directory-details { grid-template-columns:repeat(2,minmax(0,1fr)); padding:11px; gap:10px; }
  .agent-directory-actions { grid-column:1/-1; }
  .agent-directory-actions .ref-btn { flex:1 1 calc(50% - 8px); min-height:40px; }
  .agent-profile-form > .field { grid-template-columns:minmax(0, .8fr) minmax(0,1.2fr); gap:8px; }
  .agent-profile-form .ref-agent-settings .agent-compensation-grid { grid-template-columns:1fr; }
  .agent-profile-form .agent-compensation-grid .field { grid-template-columns:minmax(112px,.8fr) minmax(0,1.2fr); }
  .agent-profile-form .ref-assignment-list { grid-template-columns:1fr; }
  .agent-hisab-market .ref-table { min-width:0; font-size:10px; }
  .agent-hisab-market .ref-table th,.agent-hisab-market .ref-table td { padding:8px 3px; }
  .agent-report-card .ref-table { font-size:10px; }
  .agent-report-card .ref-table th,.agent-report-card .ref-table td { padding:8px 3px; }
  .agent-report-card .ref-table th:nth-child(n+5),.agent-report-card .ref-table td:nth-child(n+5),.agent-hisab-market .ref-table th:nth-child(n+5),.agent-hisab-market .ref-table td:nth-child(n+5) { white-space:normal; }
  .agent-hisab-final dl>div { grid-template-columns:minmax(0,1fr) 16px minmax(86px,.7fr); }
}
@media (max-width:390px) {
  .agent-directory-item > summary { grid-template-columns:27px minmax(0,1fr) 25px; }
  .agent-directory-status { display:none; }
  .agent-profile-form > .field { grid-template-columns:1fr; gap:5px; }
  .agent-profile-form .agent-compensation-grid .field { grid-template-columns:1fr; }
  .agent-profile-form .agent-compensation-grid .field small { grid-column:auto; }
}
.market-actions { display:flex; gap:6px; flex-wrap:wrap; }
.market-closed-days { border:1px solid #d7dfd9; border-radius:8px; padding:12px; margin:16px 0; }
.market-closed-days legend { font-weight:700; }
.market-closed-days > div { display:flex; gap:12px 20px; flex-wrap:wrap; }
.market-closed-days label { display:inline-flex; align-items:center; gap:6px; }
.rate-current { display:block; margin-top:5px; font-size:14px; color:#35564d; }