/* Core layout */
.ttb-meds-wrap { max-width: 1100px; margin: 0 auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.ttb-meds-controls { background:#fafafa; border:1px solid #e5e7eb; padding:16px; border-radius:12px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.ttb-meds-field { margin-bottom:10px; }
.ttb-meds-field label { display:block; font-weight:600; margin-bottom:6px; }
.ttb-meds-field input[type="text"], .ttb-meds-field input[type="number"] { width:100%; padding:10px 12px; border:1px solid #d1d5db; border-radius:10px; }
.ttb-meds-field-group { display:grid; grid-template-columns: 1fr 180px; gap:12px; margin-top:10px; }
#ttb-meds-rows { display:grid; grid-template-columns: 1fr 180px; gap:12px; }

.ttb-meds-row { display: contents; }
.ttb-meds-row .ttb-meds-input, .ttb-meds-row .ttb-meds-dose { }

.ttb-btn { display:inline-block; padding:10px 14px; border-radius:10px; border:1px solid #d1d5db; background:#fff; cursor:pointer; color: #0068ff; }
.ttb-btn:hover { background:#f3f4f6; }
.ttb-btn-primary { background:#111827; color:#fff; border-color:#111827; }
.ttb-btn-primary:hover { background:#0b1220; }
#ttb-meds-add:hover { color: #0068ff; }

.ttb-meds-actions { margin-top:12px; }

/* Table */
#ttb-meds-table { width:100%; border-collapse:collapse; margin-top:16px; table-layout: fixed; }
#ttb-meds-table th, #ttb-meds-table td { border:1px solid #e5e7eb; padding:6px 8px; vertical-align:top; }
#ttb-meds-table th { background:#f8fafc; text-align:left; font-size:14px; }
#ttb-meds-table td { font-size:13px; }
.ttb-dose-group { display:flex; flex-wrap:wrap; gap:6px; }
.ttb-dose-group input[type="checkbox"] { width:16px; height:16px; }

/* Sticky header for large months */
#ttb-meds-table-wrap { overflow:auto; border:1px solid #e5e7eb; border-radius:12px; margin-top:16px; }
#ttb-meds-table thead th { position: sticky; top: 0; z-index: 1; }

/* Print */
@media print {
  body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  #wpadminbar, .site-header, .site-footer, .ttb-meds-controls { display:none !important; }
  #ttb-meds-table { font-size:10px; }
  #ttb-meds-table th, #ttb-meds-table td { padding:4px 6px; }
}