.cashier-page{max-width:1240px;margin:0 auto}
.cashier-page [hidden]{display:none!important}
.cashier-page .page-heading{margin-bottom:20px}
.cashier-tabs{display:flex;gap:7px;padding:5px;background:#eaf0f8;border-radius:11px;width:fit-content;margin-bottom:22px}
.cashier-tabs .btn{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none;min-width:120px}
.cashier-tabs .btn.active{background:white;color:var(--brand);border-color:#d8e2ef;box-shadow:0 2px 5px #10243f08}
.cashier-entry{padding:24px;overflow:visible}
.cashier-entry-grid{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(160px,1fr) minmax(150px,.7fr);gap:20px;align-items:start}
.cashier-expense-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(160px,240px);gap:20px}
.cashier-name-field{min-width:0}
.cashier-name-field>label{margin-bottom:7px}
.cashier-name-search{position:relative}
.cashier-name-search>input{width:100%}
.cashier-name-status{font-size:11px;color:var(--muted);margin-top:8px;min-height:17px;line-height:1.5}
.cashier-text-button{border:0;background:none;color:var(--brand);padding:4px 0;margin-top:4px;font-size:12px;font-weight:600;text-align:left}
.cashier-text-button:hover{text-decoration:underline}
.cashier-text-button:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}
.cashier-patient-options{position:absolute;left:0;right:0;top:46px;z-index:20;background:white;border:1px solid #b7c8e4;border-radius:9px;box-shadow:0 8px 25px #10243f1a;max-height:280px;overflow-y:auto;padding:4px}
.cashier-patient-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;width:100%;border:0;border-radius:5px;background:white;padding:10px;color:var(--ink);font-size:13px;overflow-wrap:anywhere}
.cashier-patient-options button+button{border-top:1px solid #eef1f6}
.cashier-patient-options button:hover,.cashier-patient-options button[aria-selected=true]{background:var(--brand-soft)}
.cashier-patient-options small{font-size:10px;color:var(--muted)}
.cashier-new-name{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.cashier-new-name .field>span{font-size:11px}
.cashier-new-name .field>span small{font-size:10px;font-weight:400}
.cashier-middle-initial{max-width:180px;grid-column:1/-1}
.cashier-new-name input{width:100%}
.cashier-amount input{font-variant-numeric:tabular-nums}
.cashier-save-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid #edf0f5}
.cashier-save-row>span{color:#396455;font-size:12px;line-height:1.5}
.cashier-save-row>.btn{min-width:108px}
.cashier-records{margin-top:24px}
.cashier-records-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 24px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#fff 65%,#faf7ef)}
.cashier-total>span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.cashier-total>strong{display:block;font-size:27px;letter-spacing:-.7px;line-height:1.25;color:var(--navy);font-variant-numeric:tabular-nums}
.cashier-date{width:178px;flex:none}
.cashier-date>span{font-size:11px}
.cashier-date input{width:100%;background:#fff}
.cashier-table{width:100%;table-layout:fixed;min-width:520px}
.cashier-table th:first-child{width:43%}
.cashier-table td{overflow-wrap:anywhere;white-space:pre-wrap}
.cashier-table .cashier-money{text-align:right;width:190px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cashier-table td.cashier-money{font-weight:600}
.cashier-table .cashier-empty{text-align:center;color:var(--muted);padding:35px 20px;font-size:13px;white-space:normal}
.cashier-records-summary{border-top:1px solid var(--line);padding:13px 24px;background:#fcfdfe;color:var(--muted);font-size:11px;min-height:43px}
.cashier-records>.error-box{margin:18px 24px}
.cashier-loading{padding:35px 24px;color:var(--muted);font-size:13px}
.cashier-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.cashier-entry-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cashier-name-field{grid-column:1/-1}.cashier-new-name{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(110px,.65fr)}.cashier-middle-initial{grid-column:auto;max-width:none}}
@media(max-width:600px){.cashier-entry{padding:19px 17px}.cashier-tabs{width:100%}.cashier-tabs .btn{flex:1;min-width:0}.cashier-entry-grid,.cashier-expense-grid{grid-template-columns:1fr;gap:18px}.cashier-new-name{grid-template-columns:1fr 1fr}.cashier-middle-initial{grid-column:1/-1;max-width:180px}.cashier-records-head{padding:19px 17px;gap:15px;flex-wrap:wrap}.cashier-total>strong{font-size:24px}.cashier-date{width:160px}.cashier-records-summary{padding-left:17px;padding-right:17px}.cashier-table{min-width:460px}.cashier-table .cashier-money{width:150px}.cashier-save-row{margin-top:18px}.cashier-save-row>.btn{min-width:110px}.cashier-records>.error-box{margin-left:17px;margin-right:17px}}