
/* Sidebar collapse / expand button: coloured round button with a neat double-chevron icon */
#desktopSidebar .dsb-collapse-btn{width:30px !important;height:30px !important;border-radius:50% !important;background:linear-gradient(135deg,#2b8de6,#005fb8) !important;border:2px solid #fff !important;color:#fff !important;box-shadow:0 2px 8px rgba(0,95,184,.45) !important;padding:0 !important;transition:transform .25s,box-shadow .2s,filter .2s !important}
#desktopSidebar .dsb-collapse-btn svg{display:block;pointer-events:none}
#desktopSidebar .dsb-collapse-btn:hover{background:linear-gradient(135deg,#1a78d0,#003e92) !important;border-color:#fff !important;color:#fff !important;box-shadow:0 3px 12px rgba(0,62,146,.55) !important;filter:brightness(1.05)}
#desktopSidebar .dsb-collapse-btn:active{filter:brightness(.92)}


/* Patient-review dashboard, right column: Income cards -> Lab status -> Consultants / Admitted lists */
#dashRightStack{grid-column:8/-1;grid-row:3;align-self:start;display:flex;flex-direction:column;gap:14px;min-width:0}
#dashRightStack > *{min-width:0;margin:0 !important}
#dashIncomeBlock > * + *{margin-top:14px}
#dashRightStack .dr-card{background:#fff;border:1px solid #cbd8e7;border-radius:12px;padding:12px;box-shadow:0 2px 10px rgba(16,42,80,.08)}
#dashRightStack .dr-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:#0a3d7a;margin-bottom:9px}
#dashRightStack .dr-title small{font-size:10.5px;font-weight:600;color:#005fb8;cursor:pointer;white-space:nowrap}
#dashRightStack .dr-hero{background:linear-gradient(135deg,#003e92,#005fb8);color:#fff;border-radius:12px;padding:12px 14px;cursor:pointer;box-shadow:0 4px 14px rgba(0,62,146,.3)}
#dashRightStack .dr-hero-l{font-size:11.5px;opacity:.85}
#dashRightStack .dr-hero-v{font-size:25px;font-weight:700;margin-top:2px;letter-spacing:.2px}
#dashRightStack .dr-hero-s{font-size:11px;opacity:.8;margin-top:1px}
#dashRightStack .dr-hero-row{display:flex;gap:16px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.25);font-size:11px;opacity:.95;flex-wrap:wrap}
#dashRightStack .dr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#dashRightStack .dr-mini{background:#f3f8fe;border:1px solid #d5e3f3;border-left:3px solid #005fb8;border-radius:8px;padding:7px 9px;cursor:pointer;min-width:0}
#dashRightStack .dr-mini:hover{background:#e6f1fc}
#dashRightStack .dr-mini.zero{opacity:.55}
#dashRightStack .dr-mini .n{font-size:11px;color:#42536b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashRightStack .dr-mini .a{font-size:14px;font-weight:700;color:#0a3d7a;margin-top:1px}
#dashRightStack .dr-mini .c{font-size:10px;color:#6b7c93}
#dashRightStack .dr-mini.sel{background:#dcebfb;border-color:#005fb8}
#dashRightStack .dr-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}
#dashRightStack .dr-row{display:flex;align-items:center;gap:9px;background:#f7fafd;border:1px solid #e0eaf5;border-radius:9px;padding:6px 9px;cursor:pointer}
#dashRightStack .dr-row:hover{background:#eaf3fc}
#dashRightStack .dr-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
#dashRightStack .dr-in{flex:1;min-width:0}
#dashRightStack .dr-row.tall{align-items:flex-start}
#dashRightStack .dr-row.tall .dr-sb{white-space:normal;line-height:1.35;margin-top:1px}
#dashRightStack .dr-row.tall .dr-av{margin-top:2px}
#dashRightStack .dr-nm{font-size:12px;font-weight:600;color:#14233a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashRightStack .dr-sb{font-size:10.5px;color:#6b7c93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashRightStack .dr-pill{font-size:10px;font-weight:700;border-radius:20px;padding:2px 8px;background:#dcebfb;color:#005fb8;white-space:nowrap}
#dashRightStack .dr-empty{font-size:11.5px;color:#6b7c93;text-align:center;padding:12px 6px}
@media (max-width:767px){#dashRightStack{grid-column:auto;grid-row:auto}}
/* align Income Today card top with the Patient Modules cards (below the 'Patient Modules' title) */
@media (min-width:768px){.patient-modules-wrap{margin-top:-26px}#pmSecTitle{margin:9px 0 1px !important;justify-content:center !important;gap:14px}#pmSecTitle::before,#pmSecTitle::after{content:'';flex:1;height:4px;border-radius:3px;background:#005fb8}#pmSecTitle > span{white-space:nowrap}
#pmSecTitle{align-self:flex-start;width:calc(171.4286% + 17.1429px)}#dashRightStack{margin-top:15px}}


/* Every receipt form: input / dropdown height + text size same as the OPD form (34px, 13px) */
#rmodalContent .rform:not(.rform-opd):has(.rform-actions-row) :is(input,select):not([type=checkbox]):not([type=radio]):not([type=hidden]):not(.rs-in){height:34px !important;min-height:34px !important;font-size:13px !important;padding-top:0 !important;padding-bottom:0 !important}


/* Dashboard: Recent Patients (left half) and Live Activity (right half) side by side */
html body .dash-tail-main{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-rows:auto 1fr !important;gap:14px 24px !important;align-items:start !important;flex-direction:initial !important}
html body .dash-tail-main > *{min-width:0 !important}
html body .dash-tail-main > *:nth-child(1){grid-column:1 !important;grid-row:1 !important}
html body .dash-tail-main > *:nth-child(2){grid-column:1 !important;grid-row:2 !important}
html body .dash-tail-main > *:nth-child(3){grid-column:2 !important;grid-row:1 !important}
html body .dash-tail-main > *:nth-child(4){grid-column:2 !important;grid-row:2 !important}
@media (max-width:800px){
html body .dash-tail-main{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:none !important}
html body .dash-tail-main > *:nth-child(n){grid-column:1 !important;grid-row:auto !important}
}


/* Dashboard Recent Patients + Live Activity: compact rows, height fits the text (1 line, max 2 when it wraps) */
html body #recentPatientsList .patient-item{padding:4px 10px !important;gap:8px !important;margin-bottom:4px !important;min-height:0 !important;border-width:1px !important;border-radius:8px !important;box-shadow:none !important}
html body #recentPatientsList .p-avatar{width:26px !important;height:26px !important;font-size:11px !important}
html body #recentPatientsList .p-info{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;column-gap:10px !important;row-gap:0 !important;min-width:0 !important}
html body #recentPatientsList .p-name{font-size:12.5px !important;line-height:1.3 !important;max-width:100%}
html body #recentPatientsList .p-dept{font-size:11px !important;margin-top:0 !important;line-height:1.3 !important;white-space:nowrap}
html body #recentPatientsList .status-pill{padding:1px 8px !important;font-size:10px !important;line-height:1.5 !important}
html body #activityFeed .act-item{padding:4px 10px !important;gap:8px !important;margin-bottom:4px !important;min-height:0 !important;border-width:1px !important;border-radius:8px !important;box-shadow:none !important;align-items:center !important}
html body #activityFeed .act-dot{width:8px !important;height:8px !important;margin-top:0 !important}
html body #activityFeed .act-content{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;column-gap:10px !important;row-gap:0 !important;min-width:0 !important}
html body #activityFeed .act-title{font-size:12.5px !important;line-height:1.3 !important}
html body #activityFeed .act-desc{font-size:11px !important;margin-top:0 !important;line-height:1.3 !important}
html body #activityFeed .act-time{font-size:10px !important;margin-top:0 !important;line-height:1.3 !important;margin-left:auto;white-space:nowrap}

/* Welcome info moved into the dark date/time strip, on the right side */
.date-bar .date-welcome{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.date-bar .dw-greet{opacity:.75}
.date-bar .dw-name{font-weight:700;color:#fff}
.date-bar .dw-role{opacity:.8}
.date-bar .dw-avatar{width:22px;height:22px;margin:-4px 0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#005fb8,#003e92);border:1.5px solid rgba(255,255,255,.7)}
@media (max-width:767px){.date-bar .dw-greet,.date-bar .dw-role,.date-bar .dw-avatar{display:none}.date-bar .date-welcome{overflow:hidden;text-overflow:ellipsis}}

/* Patient module / receipt cards: shorter height, every card sized the same inside */
@media (min-width:768px){
.patient-modules-wrap .modules-grid .mod-card .mod-top,
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mod-top{padding:6px 13px 5px !important}
.patient-modules-wrap .modules-grid .mod-card .mod-icon,
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mod-icon{width:28px !important;height:28px !important;font-size:14px !important}
.patient-modules-wrap .modules-grid .mod-card .mod-icon-row,
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mod-icon-row{margin-bottom:3px !important}
.patient-modules-wrap .modules-grid .mod-card .mst{padding:4px 12px !important}
.patient-modules-wrap .modules-grid .mod-card .mod-stats{margin-bottom:6px}
.patient-modules-wrap .modules-grid .mod-card .mod-btn{padding:6px 12px !important;margin-bottom:8px}
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mod-title{font-size:13px !important}
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mst-val{font-size:14px !important}
}

/* Patient module cards: badges hidden, icon placed left of the heading, shorter cards */
@media (min-width:768px){
.patient-modules-wrap .modules-grid .mod-card .mod-badge{display:none !important}
.patient-modules-wrap .modules-grid .mod-card .mod-top,
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mod-top{display:flex !important;align-items:center;gap:8px;padding:6px 13px 6px !important}
.patient-modules-wrap .modules-grid .mod-card .mod-icon-row,
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mod-icon-row{margin:0 !important;flex:0 0 auto}
.patient-modules-wrap .modules-grid .mod-card .mod-title-row{flex:1 1 auto;min-width:0;flex-wrap:nowrap !important}
}
@media (min-width:1200px){
.patient-modules-wrap .modules-grid .mod-card .mod-top,
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mod-top{gap:6px;padding:6px 10px !important}
.patient-modules-wrap .modules-grid .mod-card .mod-icon,
.patient-modules-wrap .modules-grid .mod-card:nth-child(9) .mod-icon{width:26px !important;height:26px !important}
.patient-modules-wrap .modules-grid .mod-card .mod-title,
.patient-modules-wrap .modules-grid .mod-card .mod-sub{white-space:nowrap}
}

/* Patient Review: smaller space between the date/time strip and the Financial/Patient Review buttons */
@media (min-width:768px){
#desktopMain{padding-top:0 !important}
}

/* Patient module card order: Emergency, OPD, Admission, Lab, Ultrasound, Nursery, X-Ray, CT Scan, Ambulance */
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(9){order:1}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(1){order:2}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(2){order:3}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(6){order:4}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(7){order:5}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(3){order:6}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(5){order:7}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(4){order:8}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(8){order:9}
.patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(10){order:10}

/* Patient Review layout: Income Today on top (full width), then the receipt/module cards across the full width, then Lab status + lists */
@media (min-width:768px){
body.patient-review-mode #dashRightStack{display:contents}
body.patient-review-mode #dashIncomeBlock{grid-column:1 / -1;grid-row:3;margin-top:0 !important}
body.patient-review-mode .patient-modules-wrap{grid-column:1 / -1;grid-row:4;margin-top:0}
body.patient-review-mode #labStatusWrap{grid-column:1 / -1;grid-row:5}
body.patient-review-mode #dashListsBlock{grid-column:1 / -1;grid-row:6}
body.patient-review-mode #pmSecTitle{width:auto;align-self:stretch}
}
@media (min-width:1200px){
body.patient-review-mode .patient-modules-wrap .modules-grid.core-services-grid{grid-template-columns:repeat(10,minmax(0,1fr)) !important;align-items:stretch !important}
/* each card = 2 of 10 columns (same width as before); 2nd row (4 cards: Nursery, X-Ray, CT, Ambulance) starts at column 2 so it sits centred */
body.patient-review-mode .patient-modules-wrap .modules-grid.core-services-grid .mod-card{grid-column:span 2}
body.patient-review-mode .patient-modules-wrap .modules-grid.core-services-grid .mod-card:nth-child(9){grid-column:span 2 !important}
/* Layout: 10 cards, 5 per row (5 + 5), all cards the same width */
body.patient-review-mode .patient-modules-wrap .modules-grid.core-services-grid .mod-card{display:flex;flex-direction:column;min-width:0;height:auto}
body.patient-review-mode .patient-modules-wrap .modules-grid.core-services-grid .mod-card .mod-btn{margin-top:auto}
/* compact: every part of every card (text, icons, stats, button, padding) shrinks by the same factor so the 3 rows fit on one screen */
body.patient-review-mode .patient-modules-wrap .modules-grid.core-services-grid{zoom:.85;gap:18px !important;width:100%;max-width:1400px;margin-left:auto;margin-right:auto}
/* tighter spacing above and below the 'Patient Modules & Receipts' section */
body.patient-review-mode .dash-cols{row-gap:12px !important}
body.patient-review-mode .patient-modules-wrap{margin-top:0;gap:8px}
body.patient-review-mode #pmSecTitle{margin:6px 0 0 !important}
/* Lab Report Status / Consultants / Admitted Patients: three vertical cards side by side */
body.patient-review-mode #labStatusWrap{grid-column:1 / 5;grid-row:5;align-self:stretch}
body.patient-review-mode #labStatusWrap .cash-pos-grid{grid-template-columns:1fr !important}
body.patient-review-mode #dashListsBlock{display:contents}
body.patient-review-mode #dashListsBlock > .dr-card{grid-row:5;align-self:stretch;margin-top:0 !important}
body.patient-review-mode #dashListsBlock > .dr-card:nth-child(1){grid-column:5 / 9}
body.patient-review-mode #dashListsBlock > .dr-card:nth-child(2){grid-column:9 / 13}
}

/* Income Today box: new colour, compact height, plus MTD / YTD / date-range figures in one row */
body.patient-review-mode #dashRightStack .dr-hero{background:linear-gradient(135deg,#064e3b,#047857 55%,#059669) !important;color:#fff !important;box-shadow:0 4px 14px rgba(4,120,87,.35);padding:8px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;border-radius:12px}
#dashRightStack .dr-hero .dr-hero-vs{display:flex;align-items:baseline;gap:8px}
#dashRightStack .dr-hero .dr-hero-v{font-size:21px;margin-top:0}
#dashRightStack .dr-hero .dr-hero-s{margin-top:0}
#dashRightStack .dr-hero .dr-hero-row{order:1;margin:0;padding:0;border-top:0;border-left:0;align-items:center}
#dashRightStack .dr-hero .dr-hero-main{order:3;margin-left:auto;padding-left:22px;border-left:1px solid rgba(255,255,255,.35)}
#dashRightStack .dr-hero .dr-range{order:2;margin-left:0;display:flex;align-items:center;gap:6px;padding-left:22px;border-left:1px solid rgba(255,255,255,.35);font-size:11px;flex-wrap:wrap}
#dashRightStack .dr-hero .dr-range-l{opacity:.85}
#dashRightStack .dr-hero .dr-range-to{opacity:.8}
#dashRightStack .dr-hero .dr-range input[type=date]{height:20px;line-height:1;padding:0 4px;font-size:11px;font-family:inherit;border:1px solid rgba(255,255,255,.55);border-radius:5px;background:rgba(255,255,255,.95);color:#064e3b;width:126px;min-width:0;margin:0;box-sizing:border-box}
#dashRightStack .dr-hero .dr-range input[type=date]::-webkit-calendar-picker-indicator{width:10px;height:10px;padding:0;margin:0 0 0 4px;cursor:pointer}
#dashRightStack .dr-hero .dr-range input[type=date]::-webkit-datetime-edit{padding:0}
#dashRightStack .dr-hero .dr-range b{font-size:11px}
#dashRightStack .dr-hero .dr-range small{opacity:.8;font-size:10px}

/* ===== v3.43.1 overlap fix: "Rs." / icon prefix vs the typed value =====
   The Windows-theme rule (themes.css section 5) forces padding:6px 10px !important on every
   input inside a window, which beat the old .rs-in rule and pushed the amount UNDER the "Rs." label.
   The :not(#_ov) parts raise the specificity so the prefix gap always wins. */
input.rs-in:not(#_ov1):not(#_ov2){padding-left:max(var(--rs-pad,40px),38px) !important;text-align:left}
[data-wc-done="1"] .wc-body div[style*="position:relative"] > span[style*="position:absolute"] + input:not(.rs-in):not(#_ov1):not(#_ov2){padding-left:36px !important}

/* ===== v3.43.2 Patient Search Module: Calibri window + one-line patient row ===== */
#patientModuleModal,#patientModuleModal :is(div,span,label,input,select,textarea,button,option){font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif !important}
#patientModuleModal #pmResults .pm-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:1px 14px;min-width:0}
#patientModuleModal #pmResults .pm-name{font-size:15px !important;font-weight:400 !important;color:#0f172a !important;white-space:nowrap;line-height:1.3}
#patientModuleModal #pmResults .pm-meta{font-size:12.5px !important;font-weight:400 !important;color:#475569 !important;line-height:1.3}

/* ===== v3.43.5 Data Management window: plain, sober style ===== */
#dataMgmtOverlay .dm,#dataMgmtOverlay .dm *{font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif !important;box-sizing:border-box}
#dataMgmtOverlay .dm{color:#1f2937;font-size:13.5px}
#dataMgmtOverlay .dm-sec{padding:14px 18px;border-bottom:1px solid #e5e7eb}
#dataMgmtOverlay .dm-sec.dm-last{border-bottom:0}
#dataMgmtOverlay .dm-h{font-size:14px;font-weight:700;color:#111827;margin:0 0 8px;display:flex;align-items:center;gap:8px}
#dataMgmtOverlay .dm-count{font-size:11.5px;font-weight:600;color:#4b5563;background:#eef0f3;border-radius:10px;padding:1px 8px}
#dataMgmtOverlay .dm-note{font-size:12.5px;color:#6b7280;line-height:1.45;margin:0 0 10px}
#dataMgmtOverlay .dm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#dataMgmtOverlay .dm-stats div{background:#f6f7f9;border:1px solid #e5e7eb;border-radius:4px;padding:7px 10px;display:flex;flex-direction:column;gap:2px}
#dataMgmtOverlay .dm-stats span{font-size:11.5px;color:#6b7280}
#dataMgmtOverlay .dm-stats b{font-size:15px;font-weight:700;color:#111827}
#dataMgmtOverlay .dm-row{display:flex;gap:8px;align-items:center}
#dataMgmtOverlay .dm-btn{flex:1;padding:8px 14px !important;background:#fff !important;color:#1f2937 !important;border:1px solid #b6bcc6 !important;border-radius:4px !important;font-size:13px !important;font-weight:600 !important;cursor:pointer;box-shadow:none !important;text-shadow:none !important;min-height:0 !important;line-height:1.3}
#dataMgmtOverlay .dm-btn:hover{background:#f1f3f5 !important}
#dataMgmtOverlay .dm-btn.dm-primary{background:#1f3a5f !important;border-color:#1f3a5f !important;color:#fff !important}
#dataMgmtOverlay .dm-btn.dm-primary:hover{background:#2a4a78 !important}
#dataMgmtOverlay .dm-btn.dm-danger{color:#9b1c1c !important;border-color:#d9a3a3 !important}
#dataMgmtOverlay .dm-btn.dm-danger:hover{background:#fbf1f1 !important}
#dataMgmtOverlay .dm-btn.dm-fit{flex:0 0 auto}
#dataMgmtOverlay .dm-btn.dm-sm{flex:0 0 auto;padding:4px 12px !important;font-size:12px !important}
#dataMgmtOverlay .dm-input{flex:1;padding:7px 10px !important;border:1px solid #b6bcc6 !important;border-radius:4px !important;font-size:13px !important;background:#fff !important;color:#1f2937 !important}
#dataMgmtOverlay .dm-input:focus{outline:none;border-color:#1f3a5f !important}
#dataMgmtOverlay .dm-list{margin-top:8px;border:1px solid #e5e7eb;border-radius:4px;max-height:200px;overflow-y:auto;background:#fff}
#dataMgmtOverlay .dm-list:empty{display:none}
#dataMgmtOverlay .dm-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #eef0f3;font-size:13px}
#dataMgmtOverlay .dm-item:last-child{border-bottom:0}
#dataMgmtOverlay .dm-item em{font-style:normal;color:#4b5563;font-size:12px}
#dataMgmtOverlay .dm-empty{padding:12px;text-align:center;color:#6b7280;font-size:12.5px}
#dataMgmtOverlay .dm-notes{margin:0;padding-left:18px;color:#4b5563;font-size:12.5px;line-height:1.6}
/* rows produced by "Find & Delete" search */
#dataMgmtOverlay #findDeleteResults label{border-bottom:1px solid #eef0f3 !important;padding:7px 10px !important;font-size:13px !important}
#dataMgmtOverlay #findDeleteResults>div{font-size:12.5px !important;color:#6b7280 !important}
#dataMgmtOverlay #findDeleteResults button{margin:8px !important;width:calc(100% - 16px) !important;background:#fff !important;color:#9b1c1c !important;border:1px solid #d9a3a3 !important;border-radius:4px !important;padding:8px 14px !important;font-size:13px !important;font-weight:600 !important}

/* ===== v3.43.8 Discharge / Referral: MR No. sits in the tab row, right beside the Referral Card tab ===== */
#dcModal .dc-tab-mr{display:flex;align-items:center;gap:8px;margin-left:14px;flex:0 1 auto}
#dcModal .dc-tab-mr[style*="display:none"]{display:none !important}
#dcModal .dc-tab-mr label{margin:0;white-space:nowrap;font-size:12px;font-weight:600;color:var(--u-navy,#003e92)}
#dcModal .dc-tab-mr input{width:190px !important;padding:6px 10px !important;border:1px solid var(--u-line-2,#b4c4d7) !important;border-radius:4px !important;font-size:13px !important;background:#fff !important}

/* ===== v3.43.9 Discharge form: Patient & Admission Details in fixed rows ===== */
#dcModal .dc-grid.dc-pr1{grid-template-columns:1fr 1fr 1fr}
#dcModal .dc-grid.dc-pr2{grid-template-columns:1.5fr 1.3fr .9fr 1.7fr 1fr}
#dcModal .dc-grid.dc-pr3{grid-template-columns:1fr 2.4fr}
#dcModal .dc-grid.dc-pr4{grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr}
#dcModal .dc-agebox{display:flex;gap:6px}
#dcModal .dc-agebox input{flex:0 0 38%;min-width:0}
#dcModal .dc-agebox select{flex:1 1 auto;min-width:0}
@media (max-width:900px){
#dcModal .dc-grid.dc-pr2,#dcModal .dc-grid.dc-pr4{grid-template-columns:1fr 1fr}
#dcModal .dc-grid.dc-pr1,#dcModal .dc-grid.dc-pr3{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
#dcModal .dc-grid.dc-pr1,#dcModal .dc-grid.dc-pr2,#dcModal .dc-grid.dc-pr3,#dcModal .dc-grid.dc-pr4{grid-template-columns:1fr}
}

/* ===== Discharge Card 2: Link Patient (MR No.) search sits in the tab row, beside the Referral Card tab (shown on the Discharge tab only) ===== */
#dcModal .dc-tab-link{display:none;align-items:center;gap:8px;margin-left:14px;flex:1 1 auto;max-width:460px}
#dcModal #dcTab-discharge.active ~ .dc-tab-link{display:flex}
#dcModal .dc-tab-link label{margin:0;white-space:nowrap;font-size:12px;font-weight:600;color:var(--u-navy,#003e92)}
#dcModal .dc-tab-link input{flex:1 1 auto;min-width:0;width:auto !important;padding:6px 10px !important;border:1px solid var(--u-line-2,#b4c4d7) !important;border-radius:4px !important;font-size:13px !important;background:#fff !important}

/* ===== Discharge Card 2: smart medicine entry (only rows with .dc-med-v2) ===== */
#dcModal .dc-med-row.dc-med-v2{grid-template-columns:30px 1fr 110px 84px 34px;gap:8px 8px;align-items:center;padding:10px;margin-bottom:10px;background:#fff;border:1px solid var(--u-line-2,#b4c4d7);border-left:4px solid var(--u-accent,#005fb8);border-radius:8px}
#dcModal .dc-med-v2 .dcv2-num{width:26px;height:26px;border-radius:50%;background:var(--u-accent,#005fb8);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
#dcModal .dc-med-v2 input{height:38px !important;font-size:14px !important;border:1px solid var(--u-line-2,#b4c4d7) !important;border-radius:6px !important;background:#fff !important}
#dcModal .dc-med-v2 input:focus{border-color:var(--u-accent,#005fb8) !important;box-shadow:0 0 0 2px rgba(0,95,184,.15)}
#dcModal .dc-med-v2 .dc-freq-chips{display:none !important}
#dcModal .dc-med-v2 .dcv2-tools{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
#dcModal .dc-med-v2 .dcv2-grp{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
#dcModal .dc-med-v2 .dcv2-lbl{font-size:11px;font-weight:700;color:#64748b;margin-right:2px;text-transform:uppercase;letter-spacing:.3px}
#dcModal .dc-med-v2 .dcv2-tools button{padding:5px 11px;border-radius:99px;border:1px solid var(--u-line-2,#b4c4d7);background:#fff;color:var(--u-navy,#003e92);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
#dcModal .dc-med-v2 .dcv2-tools button:hover{border-color:var(--u-accent,#005fb8)}
#dcModal .dc-med-v2 .dcv2-tools button.on{background:var(--u-accent,#005fb8);color:#fff;border-color:var(--u-accent,#005fb8)}
#dcModal .dc-med-v2 .dcv2-day{min-width:34px;padding:5px 8px !important}
@media (max-width:640px){
#dcModal .dc-med-row.dc-med-v2{grid-template-columns:30px 1fr 34px}
#dcModal .dc-med-v2 .dcv2-tools{grid-column:1/-1}
#dcModal .dc-med-row.dc-med-v2>input{grid-column:2/3}
}

/* ===== Discharge Card 2: field text fully visible (select / input), tighter top-bottom padding, slightly shorter fields ===== */
#dcModal.dc-card2 #dcForm-discharge .dc-grid :is(input,select):not([type=checkbox]):not([type=radio]):not([type=hidden]){padding-top:0 !important;padding-bottom:0 !important;line-height:normal !important;box-sizing:border-box !important}
#dcModal.dc-card2 #dcForm-discharge .dc-grid select{padding-left:8px !important;padding-right:24px !important;text-overflow:clip}
#dcModal.dc-card2 #dcForm-discharge .dc-grid.dc-pr :is(input,select):not([type=checkbox]):not([type=radio]):not([type=hidden]){height:32px !important;min-height:32px !important}

/* ===== Desktop sidebar: collapse button as a neat rounded-rectangle tab instead of a round circle ===== */
#desktopSidebar .dsb-collapse-row .dsb-collapse-btn{width:42px !important;height:26px !important;border-radius:8px !important;background:#eef4fb !important;border:1px solid #aac3e0 !important;color:#003e92 !important;box-shadow:none !important;filter:none !important;padding:0 !important}
#desktopSidebar .dsb-collapse-row .dsb-collapse-btn svg{width:18px;height:18px}
#desktopSidebar .dsb-collapse-row .dsb-collapse-btn:hover{background:#003e92 !important;border-color:#003e92 !important;color:#fff !important;box-shadow:0 2px 6px rgba(0,62,146,.30) !important;filter:none !important}
#desktopSidebar .dsb-collapse-row .dsb-collapse-btn:active{filter:brightness(.92) !important}

/* ===== Lab result entry: clean LIS layout (banner, navigator, tidy table, fixed action bar) ===== */
#labReportsModal.lr-wide.efmodal{max-width:1000px !important}
#labReportForm .lx-hide{display:none !important}
#labReportForm .lx-banner{position:sticky;top:0;z-index:7;background:#fff;border:1px solid #cdd8e6;border-top:3px solid #003e92;border-radius:8px;padding:10px 14px 8px;margin:0 0 8px;box-shadow:0 2px 6px rgba(15,40,80,.08)}
#labReportForm .lx-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
#labReportForm .lx-nm{font-size:16px;font-weight:700;color:#0b2a4a;line-height:1.2}
#labReportForm .lx-meta{font-size:12px;color:#5b6b7f;margin-top:3px}
#labReportForm .lx-sum{display:flex;gap:18px}
#labReportForm .lx-stat{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap;min-width:54px}
#labReportForm .lx-stat b{font-size:20px;font-weight:700;color:#0b2a4a;font-variant-numeric:tabular-nums}
#labReportForm .lx-stat span{font-size:13px;color:#7b8aa0}
#labReportForm .lx-stat i{font-style:normal}
#labReportForm .lx-stat small{flex-basis:100%;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7b8aa0;margin-top:-2px}
#labReportForm .lx-stat.ab b{color:#c0392b}
#labReportForm .lx-bar{height:4px;background:#e4ebf3;border-radius:3px;margin:8px 0 7px;overflow:hidden}
#labReportForm .lx-bar i{display:block;height:100%;width:0;background:#2b8de6;border-radius:3px;transition:width .25s}
#labReportForm .lx-banner.lx-complete .lx-bar i{background:#1e9e5a}
#labReportForm .lx-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#labReportForm .lx-btn{padding:4px 12px;border:1px solid #aac3e0;border-radius:6px;background:#eef4fb;color:#003e92;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
#labReportForm .lx-btn:hover{background:#003e92;border-color:#003e92;color:#fff}
#labReportForm .lx-sw{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#334155;cursor:pointer;margin:0}
#labReportForm .lx-hint{margin-left:auto;font-size:11px;color:#8a98ab}
#labReportForm .lx-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
#labReportForm .lx-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid #cdd8e6;border-radius:999px;background:#fff;color:#0b2a4a;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
#labReportForm .lx-pill:hover{border-color:#003e92}
#labReportForm .lx-pill .dot{width:8px;height:8px;border-radius:50%;background:#c3cddb}
#labReportForm .lx-pill.part .dot{background:#e0a100}
#labReportForm .lx-pill.done .dot{background:#1e9e5a}
#labReportForm .lx-pill.ab{border-color:#e6a9a1}
#labReportForm .lx-pill.ab .n{color:#b3261e}
#labReportForm .lx-pill .c{font-size:11px;color:#7b8aa0;font-variant-numeric:tabular-nums}
#labReportForm .lx-anchor{scroll-margin-top:150px}
@media (min-width:701px){
#labReportForm .lis-panel{border:1px solid #cdd8e6;border-radius:8px;margin-bottom:12px;box-shadow:none}
#labReportForm .lis-panel .lis-ph{background:#f3f6fa !important;color:#0b2a4a !important;border-bottom:1px solid #cdd8e6;padding:7px 12px}
#labReportForm .lis-panel .lis-ph .t{font-size:12px;letter-spacing:.05em}
#labReportForm .lis-panel .lis-ph .cnt{background:#fff;color:#5b6b7f;border:1px solid #cdd8e6}
#labReportForm table.lis-t th{background:#fff;color:#7b8aa0;border-bottom:1px solid #cdd8e6;font-size:10px !important;padding:6px 12px !important}
#labReportForm table.lis-t th:nth-child(1){width:30%}
#labReportForm table.lis-t th:nth-child(2){width:24%}
#labReportForm table.lis-t th:nth-child(3){width:8%}
#labReportForm table.lis-t th:nth-child(4){width:12%}
#labReportForm table.lis-t td{padding:2px 12px !important;height:34px;border-bottom:1px solid #edf1f6}
#labReportForm table.lis-t tbody tr:nth-child(even) td{background:#fff}
#labReportForm table.lis-t td.an{font-weight:600;color:#1b2b40}
#labReportForm table.lis-t td.un{color:#7b8aa0}
#labReportForm table.lis-t td.rf{color:#7b8aa0;font-size:12px}
#labReportForm table.lis-t input.lis-in{height:28px !important;border:1px solid #cdd8e6 !important;border-radius:4px !important;background:#fff !important;font-weight:600 !important}
#labReportForm table.lis-t input.lis-in:focus{border-color:#003e92 !important;box-shadow:0 0 0 2px rgba(0,62,146,.16) !important}
#labReportForm table.lis-t tr.hi td:first-child{box-shadow:inset 3px 0 0 #d93025}
#labReportForm table.lis-t tr.lo td:first-child{box-shadow:inset 3px 0 0 #1a73e8}
#labReportForm table.lis-t tr.ab td:first-child{box-shadow:inset 3px 0 0 #e8a100}
#labReportForm .lis-flag.hi::after{content:"\2191";margin-left:2px}
#labReportForm .lis-flag.lo::after{content:"\2193";margin-left:2px}
}
#labReportForm.lx-onlyab tr[data-lis-row]:not(.hi):not(.lo):not(.ab){display:none !important}
#labReportForm .lx-card{border:1px solid #cdd8e6;border-radius:8px;background:#fff;margin:12px 0}
#labReportForm .lx-card>summary{cursor:pointer;padding:9px 14px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0b2a4a;background:#f3f6fa;border-radius:8px}
#labReportForm .lx-card[open]>summary{border-bottom:1px solid #cdd8e6;border-radius:8px 8px 0 0}
#labReportForm .lx-card-body{padding:12px 14px 6px}
#labReportForm .lr-actions{position:sticky;bottom:0;z-index:6;background:#fff;border-top:1px solid #cdd8e6;margin:14px 0 0;padding:10px 0;gap:8px}
#labReportForm .lr-actions button{flex:0 0 auto !important;padding:9px 18px;border-radius:6px;font-size:13px;font-weight:700;background:#fff !important;color:#003e92 !important;border:1px solid #aac3e0 !important}
#labReportForm .lr-actions button:hover{background:#eef4fb !important}
#labReportForm .lr-actions button:first-child{margin-right:auto;color:#5b6b7f !important;border-color:#cdd8e6 !important}
#labReportForm .lr-actions button:nth-child(2){background:#003e92 !important;color:#fff !important;border-color:#003e92 !important}
#labReportForm .lr-actions button:nth-child(2):hover{background:#002f70 !important}
@media (max-width:700px){#labReportForm .lx-hint{display:none}#labReportForm .lx-sum{gap:12px}#labReportForm .lx-anchor{scroll-margin-top:190px}}

/* ===== Lab receipt list: test-wise status ===== */
#labReportsModal .lxl-filter{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
#labReportsModal .lxl-f{padding:5px 12px;border:1px solid #cdd8e6;border-radius:999px;background:#fff;color:#0b2a4a;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
#labReportsModal .lxl-f b{margin-left:4px;color:#7b8aa0;font-weight:700}
#labReportsModal .lxl-f.on{background:#003e92;border-color:#003e92;color:#fff}
#labReportsModal .lxl-f.on b{color:#cfe0f7}
#labReportsModal .lxl-tchip{font-size:11px !important;font-weight:600 !important;padding:2px 8px !important;border-radius:999px !important;border:1px solid transparent}
#labReportsModal .lxl-tchip em{font-style:normal;font-weight:700;margin-left:3px}
#labReportsModal .lxl-tchip.fin{background:#e3f6ea !important;color:#14683a !important;border-color:#b7e3c7}
#labReportsModal .lxl-tchip.par{background:#fff4d6 !important;color:#8a5a00 !important;border-color:#f1d58a}
#labReportsModal .lxl-tchip.pen{background:#eef1f5 !important;color:#5b6b7f !important;border-color:#d5dce6}
#labReportsModal .lxl-st{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:7px;font-size:11.5px;color:#475569}
#labReportsModal .lxl-st b{font-size:11.5px;letter-spacing:.04em}
#labReportsModal .lxl-st.fin b{color:#14683a}
#labReportsModal .lxl-st.par b{color:#b36b00}
#labReportsModal .lxl-st.pen b{color:#be123c}
#labReportsModal .lxl-st .ab{color:#c0392b;font-weight:700}
#labReportsModal .lxl-st .pc{margin-left:auto;font-variant-numeric:tabular-nums;color:#7b8aa0}
#labReportsModal .lxl-bar{height:4px;background:#e4ebf3;border-radius:3px;margin-top:4px;overflow:hidden}
#labReportsModal .lxl-bar i{display:block;height:100%;border-radius:3px}
#labReportsModal .lxl-bar.fin i{background:#1e9e5a}
#labReportsModal .lxl-bar.par i{background:#e0a100}
#labReportsModal .lxl-bar.pen i{background:#d5dce6}

/* ===== v3.43.10 Discharge card: compact heading, MR No. + Admission ID in the top row, User ID at the bottom, smaller fields ===== */
/* top row: "MR No." search + Admission ID (discharge tab only) */
#dcModal .dc-tab-link{max-width:330px}
#dcModal .dc-tab-adm{display:none;align-items:center;gap:8px;margin-left:10px;flex:0 1 auto}
#dcModal #dcTab-discharge.active ~ .dc-tab-adm{display:flex}
#dcModal .dc-tab-adm label{margin:0;white-space:nowrap}
#dcModal .dc-tabs .dc-tab-adm input,
#dcModal .dc-tabs .dc-tab-link input.dc-link-select:not([type=checkbox]):not([type=radio]):not([type=hidden]){height:28px !important;min-height:28px !important;font-size:12px !important;padding:0 8px !important;box-sizing:border-box}
#dcModal .dc-tabs .dc-tab-adm input{width:150px}
/* heading "Patient & Admission Details": smaller, less space above */
#dcModal #dcForm-discharge .dc-form.dc-form-pa{margin-top:-8px;padding-top:6px}
#dcModal #dcForm-discharge .dc-form.dc-form-pa .dc-form-title{font-size:12px !important;margin-bottom:4px;padding-bottom:3px}
/* row 1 now only holds MR No. ; User ID has its own row at the very bottom */
#dcModal .dc-grid.dc-pr1{grid-template-columns:1fr 3fr}
#dcModal .dc-grid.dc-pr-uid{grid-template-columns:1fr 3fr;margin-bottom:0}
/* all fields in the Discharge form: shorter + narrower */
#dcModal #dcForm-discharge .dc-form.dc-form.dc-form.dc-form :is(input,select):not([type=checkbox]):not([type=radio]):not([type=hidden]){height:26px !important;min-height:26px !important;font-size:12px !important;padding:0 6px !important;box-sizing:border-box !important}
#dcModal #dcForm-discharge .dc-form.dc-form.dc-form.dc-form select{padding-right:20px !important}
#dcModal #dcForm-discharge .dc-form.dc-form.dc-form.dc-form textarea{font-size:12px !important;padding:3px 6px !important;min-height:0 !important}
#dcModal #dcForm-discharge .dc-form .dc-grid,
#dcModal #dcForm-discharge #dc_meds_rows,
#dcModal #dcForm-discharge .dc-rtest-grid{max-width:880px;gap:6px 8px}
#dcModal #dcForm-discharge .dc-form .dc-grid{margin-bottom:6px}
#dcModal #dcForm-discharge .dc-form .dc-grid label{margin-bottom:2px !important}

/* ===== v3.43.11 Discharge form: form MR No. row hidden (value kept, filled from the top MR No. search), smaller labels, first patient row with fixed widths ===== */
#dcModal #dcForm-discharge .dc-grid.dc-pr1{display:none !important}
#dcModal #dcForm-discharge .dc-grid label{font-size:10px !important}
#dcModal #dcForm-discharge .dc-grid.dc-pr2{grid-template-columns:calc(20ch + 18px) calc(20ch + 18px) max-content max-content calc(10ch + 18px) calc(11ch + 18px);justify-content:start;align-items:end}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 select#dcc_gender{width:auto;min-width:0}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox{display:flex;gap:4px;width:max-content}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox input{flex:0 0 auto;width:52px}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox select{flex:0 0 auto;width:auto}
#dcModal #dcForm-discharge .dc-grid.dc-pr3{grid-template-columns:1fr}
@media (max-width:900px){
#dcModal #dcForm-discharge .dc-grid.dc-pr2{grid-template-columns:1fr 1fr}
}

/* ===== v3.43.12 first patient row: fixed pixel widths so Contact No. stays inside the frame ===== */
#dcModal #dcForm-discharge .dc-grid.dc-pr2{grid-template-columns:150px 150px 72px max-content 80px 98px;gap:6px;max-width:100%}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 select#dcc_gender{width:72px}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox{gap:3px}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox input{width:42px}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox select{width:70px}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 > div{min-width:0}

/* ===== v3.43.13 Weight moved to the end of the first patient row ===== */
#dcModal #dcForm-discharge .dc-grid.dc-pr2{grid-template-columns:150px 150px 72px max-content 80px 98px 74px}
#dcModal #dcForm-discharge .dc-grid.dc-cons-row{grid-template-columns:1fr 1fr}

/* ===== v3.43.14 first patient row: fields stretch to cover the full width ===== */
#dcModal #dcForm-discharge .dc-grid.dc-pr2{grid-template-columns:2.2fr 2.2fr .9fr 1.6fr 1.1fr 1.3fr .9fr;gap:8px;max-width:100%;justify-content:stretch}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 select#dcc_gender{width:100%}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox{display:flex;gap:4px;width:100%}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox input{flex:0 0 36%;width:auto;min-width:0}
#dcModal #dcForm-discharge .dc-grid.dc-pr2 .dc-agebox select{flex:1 1 auto;width:auto;min-width:0}
@media (max-width:900px){
#dcModal #dcForm-discharge .dc-grid.dc-pr2{grid-template-columns:1fr 1fr}
}

/* ===== v3.43.15 Address (30 chars) + Ward/Room, Admission, Operation, Discharge date, Condition now share one row ===== */
#dcModal #dcForm-discharge .dc-grid.dc-pr4{grid-template-columns:calc(30ch + 16px) 1.5fr minmax(118px,1.1fr) minmax(118px,1.1fr) minmax(118px,1.1fr) 1.4fr;gap:8px;max-width:100%;justify-content:stretch}
#dcModal #dcForm-discharge .dc-grid.dc-pr4 > div{min-width:0}
@media (max-width:900px){
#dcModal #dcForm-discharge .dc-grid.dc-pr4{grid-template-columns:1fr 1fr}
}

/* ===== v3.43.16 date fields: fixed, smaller width ===== */
#dcModal #dcForm-discharge .dc-grid.dc-pr4{grid-template-columns:calc(30ch + 16px) 1.4fr 104px 104px 104px 1.4fr}
#dcModal #dcForm-discharge .dc-grid.dc-pr4 input[type=date]{padding:0 3px 0 5px !important;font-size:11.5px !important}

/* ===== v3.43.17 Prepared by moved to the bottom row, beside User ID ===== */
#dcModal .dc-grid.dc-pr-uid{grid-template-columns:1fr 1fr 2fr}
#dcModal #dcForm-discharge .dc-grid.dc-cons-row{grid-template-columns:1fr 1fr}

/* ===== v3.43.18 Consultant (20 chars) + Operation Procedure in one row; Diagnosis (Final) and Finding below ===== */
#dcModal #dcForm-discharge .dc-grid.dc-cons-row{grid-template-columns:150px 1fr;max-width:880px}

/* ===== v3.43.19 Consultant / Doctor: 30 chars wide ===== */
#dcModal #dcForm-discharge .dc-grid.dc-cons-row{grid-template-columns:215px 1fr}

/* ===== v3.43.20 Discharge form: no drag-to-resize corner on text boxes; Diagnosis (Final) as tall as the other fields ===== */
#dcModal #dcForm-discharge .dc-form.dc-form.dc-form.dc-form textarea{resize:none !important}
#dcModal #dcForm-discharge .dc-form.dc-form.dc-form.dc-form textarea#dc_diagnosis{height:26px !important;min-height:26px !important;line-height:18px !important;padding:3px 6px !important;box-sizing:border-box !important;overflow-y:auto}

/* ===== v3.43.21 Discharge Medicines: compact, same text size as the rest of the form; Dose as a joined segmented bar ===== */
#dcModal #dcForm-discharge .dc-form:has(#dc_meds_rows) .dc-form-title{font-size:12px !important;margin-bottom:4px;padding-bottom:3px}
#dcModal #dcForm-discharge .dc-med-row.dc-med-v2{grid-template-columns:22px 1fr 96px 64px 26px;gap:4px 6px;padding:5px 8px;margin-bottom:5px;border-left-width:3px;border-radius:5px}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-num{width:20px;height:20px;font-size:11px}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-tools{gap:3px 14px}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-lbl{font-size:10px;margin-right:4px}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-grp{gap:0}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-tools button{padding:0 9px;height:22px;font-size:12px;border-radius:0;margin-left:-1px;line-height:20px}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-tools button:first-of-type{border-radius:4px 0 0 4px;margin-left:0}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-slot ~ .dcv2-sos{border-radius:0 4px 4px 0}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-tools button.on::before{content:"\2713\00a0"}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-day{min-width:24px;padding:0 6px !important;border-radius:0}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-day:first-of-type{border-radius:4px 0 0 4px}
#dcModal #dcForm-discharge .dc-med-v2 .dcv2-day:last-of-type{border-radius:0 4px 4px 0}
#dcModal #dcForm-discharge .dc-med-row button:not(.dcv2-slot):not(.dcv2-sos):not(.dcv2-day){width:26px;height:26px;padding:0;font-size:12px}
#dcModal #dcForm-discharge button[onclick^="dcAddMedRow"]{padding:5px 10px !important;font-size:12px !important}

/* ===== v3.43.22 Discharge Medicines: Dose and Days as pull-down menus (the original text boxes stay hidden and keep the value) ===== */
#dcModal #dcForm-discharge .dc-med-v2 input.dcv2-hid{display:none !important}
#dcModal #dcForm-discharge .dc-med-row.dc-med-v2{grid-template-columns:22px 1fr 220px 90px 26px}
#dcModal #dcForm-discharge .dc-med-v2 select.dcv2-sel{width:100%;min-width:0}

/* ===== v3.43.23 Next Follow-up Date + Notes now sit at the bottom, under Advice ===== */
#dcModal #dcForm-discharge .dc-form-tx .dc-grid{grid-template-columns:108px 1fr}
#dcModal #dcForm-discharge .dc-form-tx input[type=date]{padding:0 3px 0 5px !important;font-size:11.5px !important}

/* ===== Discharge window top bar (tabs, MR No., Admission ID, search results): same font size/face as the form below ===== */
#dcModal .dc-tabs .dc-tab{font-size:12px !important;font-weight:600 !important}
#dcModal .dc-tabs .dc-tab-link label,
#dcModal .dc-tabs .dc-tab-adm label,
#dcModal .dc-tabs .dc-tab-mr label{font-size:10px !important;font-weight:600 !important;line-height:1.2 !important}
#dcModal .dc-tabs .dc-tab-link input.dc-link-select:not([type=checkbox]):not([type=radio]):not([type=hidden]),
#dcModal .dc-tabs .dc-tab-adm input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
#dcModal .dc-tabs .dc-tab-mr input:not([type=checkbox]):not([type=radio]):not([type=hidden]){height:26px !important;min-height:26px !important;font-size:12px !important;font-weight:400 !important;padding:0 6px !important;color:#132B2B !important;box-sizing:border-box !important}
#dcModal #dc_admission_drop .dc-med-drop-item{font-size:12px !important;font-weight:400 !important;color:#132B2B !important}

/* ===== Referral Card: same look as the Discharge Card (top bar MR No. + Admission ID, compact form) ===== */
#dcModal #dcMrWrap-referral{display:none !important}
#dcModal .dc-tab-rflink{display:none;align-items:center;gap:8px;margin-left:14px;flex:1 1 auto;max-width:330px}
#dcModal .dc-tab-rfadm{display:none;align-items:center;gap:8px;margin-left:10px;flex:0 1 auto}
#dcModal #dcTab-referral.active ~ .dc-tab-rflink,
#dcModal #dcTab-referral.active ~ .dc-tab-rfadm{display:flex}
#dcModal .dc-tab-rflink label,#dcModal .dc-tab-rfadm label{margin:0;white-space:nowrap;font-size:10px !important;font-weight:600 !important;line-height:1.2 !important;color:var(--u-navy,#003e92) !important}
#dcModal .dc-tabs .dc-tab-rflink input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
#dcModal .dc-tabs .dc-tab-rfadm input:not([type=checkbox]):not([type=radio]):not([type=hidden]){height:26px !important;min-height:26px !important;font-size:12px !important;font-weight:400 !important;padding:0 6px !important;color:#132B2B !important;box-sizing:border-box !important;border:1px solid var(--u-line-2,#b4c4d7) !important;border-radius:4px !important;background:#fff !important}
#dcModal .dc-tabs .dc-tab-rflink input{flex:1 1 auto;min-width:0;width:auto !important}
#dcModal .dc-tabs .dc-tab-rfadm input{width:150px}
#dcModal #dc_admission_drop .dc-med-drop-item,#dcModal #rf_admission_drop .dc-med-drop-item{font-size:12px !important;font-weight:400 !important;color:#132B2B !important}

#dcModal #dcForm-referral .dc-form.dc-form-pa{margin-top:-8px;padding-top:6px}
#dcModal #dcForm-referral .dc-form .dc-form-title{font-size:12px !important;margin-bottom:4px;padding-bottom:3px}
#dcModal #dcForm-referral .dc-form.dc-form.dc-form.dc-form :is(input,select):not([type=checkbox]):not([type=radio]):not([type=hidden]){height:26px !important;min-height:26px !important;font-size:12px !important;padding:0 6px !important;box-sizing:border-box !important}
#dcModal #dcForm-referral .dc-form.dc-form.dc-form.dc-form select{padding-right:20px !important}
#dcModal #dcForm-referral .dc-form.dc-form.dc-form.dc-form textarea{font-size:12px !important;padding:3px 6px !important;min-height:0 !important;resize:none !important}
#dcModal #dcForm-referral .dc-form .dc-grid{max-width:880px;gap:6px 8px;margin-bottom:6px}
#dcModal #dcForm-referral .dc-form .dc-grid label{font-size:10px !important;margin-bottom:2px !important}
#dcModal #dcForm-referral .dc-grid > div{min-width:0}
#dcModal #dcForm-referral input[type=date],#dcModal #dcForm-referral input[type=time]{padding:0 3px 0 5px !important;font-size:11.5px !important}
#dcModal #dcForm-referral .dc-grid.rf-r1{grid-template-columns:2.2fr 2.2fr .9fr 1.6fr 1.3fr .9fr;max-width:100%;align-items:end}
#dcModal #dcForm-referral .dc-grid.rf-r1 .dc-agebox{display:flex;gap:4px;width:100%}
#dcModal #dcForm-referral .dc-grid.rf-r1 .dc-agebox input{flex:0 0 36%;width:auto;min-width:0}
#dcModal #dcForm-referral .dc-grid.rf-r1 .dc-agebox select{flex:1 1 auto;width:auto;min-width:0}
#dcModal #dcForm-referral .dc-grid.rf-r2{grid-template-columns:2fr 1.3fr 112px 92px 1fr 1.2fr;max-width:100%}
#dcModal #dcForm-referral .dc-grid.rf-r3{grid-template-columns:1.6fr 1.6fr 1fr 1.2fr;max-width:100%}
#dcModal #dcForm-referral .dc-grid.rf-r4{grid-template-columns:1fr 1fr;max-width:100%}
#dcModal #dcForm-referral .dc-grid.rf-vit{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){
#dcModal #dcForm-referral .dc-grid.rf-r1,#dcModal #dcForm-referral .dc-grid.rf-r2,#dcModal #dcForm-referral .dc-grid.rf-r3,#dcModal #dcForm-referral .dc-grid.rf-r4,#dcModal #dcForm-referral .dc-grid.rf-vit{grid-template-columns:1fr 1fr}
}

/* Financial Review: tab row (Financial / Patient Review / Patient Search) sits at the same height as in Patient Review */
@media (min-width:768px){
body:not(.patient-review-mode) #reviewToggle,
body:not(.patient-review-mode) #patientSearchBanner{margin-top:-18px !important}
}
