.date-entry{display:flex;position:relative}.date-entry>input{width:100%;padding-right:52px}.calendar-trigger{position:absolute;right:1px;top:1px;width:46px;height:calc(100% - 2px);display:grid;place-items:center;color:var(--green);background:#f3f7f5;border-left:1px solid var(--line);border-radius:0 8px 8px 0;overflow:hidden;cursor:pointer}.calendar-trigger input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.field-help{color:var(--muted);font-weight:500}.patient-grid{display:grid;grid-template-columns:1fr;gap:10px}.patient-list-row{width:100%;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 18px;display:grid;grid-template-columns:minmax(200px,1fr) auto;align-items:center;gap:18px;text-align:left;color:var(--ink);transition:.18s}.patient-list-row:hover,.patient-list-row:focus-visible{border-color:#8db5aa;box-shadow:0 7px 20px rgba(28,55,49,.08);transform:translateY(-1px);outline:none}.patient-detail-panel{padding:28px}.detail-record{color:var(--muted);margin:5px 0 0;font-size:.8rem}.detail-status{margin:20px 0}.detail-medications{display:grid;gap:9px;margin:12px 0 22px}.detail-med-row{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;gap:15px;align-items:center}.detail-med-row.suspended{background:#f4f4f1;opacity:.78}.detail-med-row>div:first-child{display:grid;gap:3px}.detail-med-row small{color:var(--muted)}.detail-med-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.edit-dose-btn,.toggle-med-btn{background:transparent;color:var(--green);font-size:.72rem;font-weight:750;padding:6px}.toggle-med-btn.suspend{color:#a64239}.edit-dose-btn:hover,.toggle-med-btn:hover{text-decoration:underline}.detail-action{display:grid;gap:7px;font-size:.78rem;font-weight:750;margin-top:15px}input[readonly]{background:#f1f3f1;color:var(--muted)}.barcode-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--green)}@media(max-width:620px){.detail-med-row{align-items:flex-start;flex-direction:column}.detail-med-actions{width:100%;justify-content:flex-start}}