.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border-radius:var(--radius-sm)}
.table-wrap::after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg-card));pointer-events:none;border-radius:0 var(--radius-sm)var(--radius-sm)0;display:none}
@media(max-width:767px){.table-wrap::after{display:block}}
.blood-table{width:100%;border-collapse:collapse;min-width:720px;font-size:12px}
.blood-table thead th{background:var(--bg);border-bottom:2px solid var(--border);padding:10px 6px;font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;line-height:1.3;white-space:nowrap;position:sticky;top:0;z-index:1}
.blood-table thead th:first-child{min-width:56px}
.blood-table thead th:last-child{min-width:48px}
.blood-table thead th .ref{font-size:9px;font-weight:400;color:var(--text-muted);display:block;margin-top:2px}
.blood-table tbody td{padding:10px 6px;text-align:center;border-bottom:1px solid var(--border-light);color:var(--text);font-variant-numeric:tabular-nums}
.blood-table tbody td:first-child{font-weight:600;color:var(--primary)}
.blood-table tbody tr:nth-child(even){background:rgba(0,0,0,.012)}
.blood-table tbody tr:hover{background:var(--primary-bg)}
.blood-table tbody td.text-danger{color:var(--danger)!important;font-weight:600}
.blood-table tbody td.text-success{color:var(--success)!important}
.blood-table tbody td.text-warning{color:#B8784A!important}
.med-add-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.med-add-row .form-input{height:34px;font-size:13px;padding:0 10px;flex:1;min-width:100px;max-width:180px}
.med-add-check{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);white-space:nowrap;cursor:pointer}
.med-add-check input{accent-color:var(--primary)}
#medicationList{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.med-tag{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px 14px;min-width:90px;cursor:pointer;position:relative;transition:all .15s var(--ease);user-select:none}
.med-tag:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}
.med-tag.inactive{opacity:.45}
.med-tag-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}
.med-tag-spec{font-size:10px;color:var(--text-muted);line-height:1.3}
.med-tag-status{font-size:9px;font-weight:600;color:var(--success);margin-top:2px}
.med-tag-status.gray{color:var(--text-muted)}
.med-tag-actions{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:6px;margin-top:4px;box-shadow:var(--shadow);gap:4px}
.med-tag-actions.show{display:flex}
.med-tag-btn{flex:1;padding:4px 6px;border-radius:6px;font-size:10px;font-weight:600;border:none;cursor:pointer;transition:all .15s}
.med-tag-btn:active{transform:scale(.94)}
.med-tag-btn.stop{background:var(--warning-bg);color:#8B6914}
.med-tag-btn.stop:hover{background:var(--accent);color:#fff}
.med-tag-btn.start{background:var(--success-bg);color:#4A7A4A}
.med-tag-btn.start:hover{background:var(--success);color:#fff}
.med-tag-btn.del{background:var(--danger-bg);color:var(--danger)}
.med-tag-btn.del:hover{background:var(--danger);color:#fff}
.switch-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px}
.switch-label input{accent-color:var(--primary)}
.history-table{width:100%;border-collapse:collapse;font-size:12px}
.history-table thead th{background:var(--bg);border-bottom:2px solid var(--border);padding:8px 6px;font-size:11px;font-weight:600;color:var(--text-secondary);text-align:left}
.history-table tbody td{padding:8px 6px;border-bottom:1px solid var(--border-light);color:var(--text)}
.history-table tbody tr:nth-child(even){background:rgba(0,0,0,.012)}
.history-table tbody tr:last-child td{border-bottom:none}
.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}
.status-badge.active{background:var(--success-bg);color:#4A7A4A}
.status-badge.inactive{background:var(--danger-bg);color:var(--danger)}
@media(max-width:767px){.med-add-row .form-input{max-width:100%;flex:1 1 40%}.modal-dialog{width:96%;max-height:90vh}.modal-dialog-body{padding:var(--space)var(--space-md)}}