:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#12343c;background:#f4f8f8;--accent:#0b737b}*{box-sizing:border-box}body{margin:0}header,main,body>p,body>section,footer{max-width:720px;margin-inline:auto}header{padding:18px 16px 6px;display:flex;justify-content:space-between;align-items:center}header small{font-size:11px;letter-spacing:2px;color:#4d7378}h1{font-size:23px;margin:4px 0}h2{font-size:19px}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button,.actions a{min-height:44px;border:0;border-radius:12px;padding:10px 14px;background:var(--accent);color:white;cursor:pointer}header button{background:#e0eeee;color:#15575f}.secondary{background:#e3eeee;color:#174d55}.text-button{background:transparent;color:var(--accent);padding:6px}input{font:inherit;font-size:16px;border:1px solid #cadcde;border-radius:10px;padding:11px;max-width:100%;min-width:0;width:100%}label{display:block;margin:10px 0;font-size:14px}.inline{display:flex;gap:8px}.inline input{flex:1}.panel{background:white;padding:16px;margin:10px 14px;border:1px solid #dce8e8;border-radius:18px}#sync-status{font-size:12px;color:#526c72;padding:6px 16px;min-height:25px}main{padding:8px 14px 30px}.search{display:flex;align-items:center;background:white;border-radius:16px;border:1px solid #c5dadd;padding:3px 12px;gap:10px}.search input{border:0;background:transparent;outline-offset:3px}.search span{font-size:28px}.chips{display:flex;gap:7px;overflow-x:auto;padding:8px 0}.chips button{flex:none;font-size:13px;background:#e8efef;color:#375b61;min-height:40px;padding:8px 12px}.chips button[aria-pressed=true]{background:#123e47;color:white}.result-line{display:flex;justify-content:space-between;align-items:center;font-size:13px}.patient-card{width:100%;display:flex;align-items:center;text-align:right;justify-content:space-between;background:white;color:#143d45;border:1px solid #e0eaea;border-radius:16px;padding:15px;margin-bottom:9px;gap:12px}.patient-card strong{display:block;font-size:16px}.patient-card small{display:block;color:#667d81;margin-top:5px}.patient-card .amount{white-space:nowrap;font-size:14px;color:#0b737b}.patient-hero,.info-block{background:white;border:1px solid #dde8e8;border-radius:16px;padding:16px;margin:10px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.facts div{background:#eef5f5;padding:12px;border-radius:12px;font-size:13px}.facts strong{display:block;font-size:19px;margin-top:4px}.row{border-bottom:1px solid #edf2f2;padding:10px 0;display:flex;justify-content:space-between;gap:12px;font-size:14px}.row span{overflow-wrap:anywhere}.muted{font-size:13px;color:#647b80}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.actions>*{flex:1;text-align:center;text-decoration:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.9 system-ui;background:white;border:1px solid #dce8e8;padding:16px;border-radius:14px}footer{font-size:11px;text-align:center;color:#647b80;padding:12px 14px 25px}.empty{text-align:center;padding:35px 20px;color:#647b80}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}:focus-visible{outline:3px solid #f4b23a;outline-offset:3px}@media print{header,footer,#sync-status,#connection,.search,.chips,button,.actions,.muted,label,#search-view,#patient-view{display:none!important}#report-view{display:block!important}main{padding:0}pre{border:0;padding:0}h2{font-size:18px}}@media(min-width:700px){main{padding-top:20px}.facts{grid-template-columns:repeat(3,1fr)}}
.info-block summary{cursor:pointer;font-weight:700;min-height:32px;padding:5px 0}.info-block[open] summary{margin-bottom:9px}.patient-card>div{min-width:0}.patient-card strong{overflow-wrap:anywhere}@media print{.info-block{display:none}}

.lite-nav{display:flex;gap:8px;margin:0 0 14px}.lite-nav button{flex:1;background:#e3eeee;color:#174d55}.lite-nav button[aria-pressed=true]{background:#0b737b;color:white}#qr-image svg{width:min(100%,240px);height:auto;display:block;margin:12px auto}#accounts-view .facts{margin-bottom:16px}@media print{.lite-nav,#accounts-view,#patient-barcode{display:none!important}}

select{font:inherit;font-size:16px;max-width:100%;width:100%;min-height:44px;padding:10px;border:1px solid #cadcde;border-radius:10px;background:white;color:#12343c}.finance-panel{margin-top:24px;border-top:1px solid #c5dadd;padding-top:12px}.finance-table{overflow:auto;margin:15px 0}.finance-table table{width:100%;border-collapse:collapse;font-size:13px}.finance-table td,.finance-table th{padding:10px 7px;text-align:start;border-bottom:1px solid #dde8e8;min-width:75px}.finance-panel .facts strong{font-size:17px}.finance-panel button{margin:5px 0}.patient-card small{unicode-bidi:plaintext}@media print{select,[data-finance],.finance-panel{display:none!important}}

.date-entry{display:flex;align-items:center;gap:8px}.date-entry input{flex:1;min-width:0}.date-entry button{flex:none;white-space:nowrap}.date-calendar{width:min(360px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #cadcde;border-radius:18px;padding:14px;color:#12343c;background:#fff}.date-calendar::backdrop{background:#12343c66}.calendar-heading,.calendar-controls{display:flex;align-items:center;gap:6px;justify-content:space-between}.calendar-heading h2{font-size:17px;margin:0}.calendar-controls{margin:10px 0}.calendar-controls select{padding:7px 3px;min-width:0}.calendar-controls select:first-of-type{flex:1.7}.calendar-controls select:last-of-type{flex:1}.calendar-controls button{padding:8px 12px;flex:none}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}.calendar-weekdays{font-size:12px;color:#647b80;margin:10px 0 4px}.calendar-days button{background:#eef5f5;color:#12343c;min-height:40px;border-radius:9px;padding:8px 0;font-size:15px}.calendar-days button[aria-current=date]{box-shadow:inset 0 0 0 1px #0b737b}.calendar-days button[aria-pressed=true]{background:#0b737b;color:white}.date-calendar>button{margin-top:12px;width:100%}.date-calendar .muted{font-size:12px;margin-bottom:0}@media print{.date-calendar,.date-field{display:none!important}}
