.med-main>h1{font-size:38px;margin-bottom:12px}.med-panel,.med-home{padding:24px;margin:22px 0;border:1px solid var(--line);border-radius:22px;background:#fffaf3;min-width:0}.med-home>h2,.med-panel h2,.med-dialog h2{font:normal 25px/1.4 Georgia,serif;margin:0 0 16px}.med-panel summary{cursor:pointer;font:normal 23px/1.4 Georgia,serif}.med-panel form{margin-top:24px;max-width:520px}.med-panel label,.med-dialog label{margin-top:16px}.med-panel fieldset{border:1px solid var(--line);border-radius:14px;margin:20px 0;padding:16px}.med-muted,.med-time{color:var(--muted);font-size:12px;line-height:1.7}.med-error{color:#954c35;font-size:13px;line-height:1.6}.med-quick-pet+.med-quick-pet{margin-top:26px}.med-quick-heading,.med-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.med-quick-heading h3{font:normal 22px Georgia,serif;margin:8px 0 16px}.med-quick-heading a{color:var(--brown);font-size:12px;text-underline-offset:3px}.med-quick-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.med-quick-dose{padding:16px;border-radius:16px;background:#f3dfce;border:1px solid #e5cfbb;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}.med-quick-dose strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.med-quick-dose span,.med-quick-dose small{display:block;margin-top:5px}.med-quick-dose small{font-size:12px;line-height:1.6;color:#815a45;overflow-wrap:anywhere}.med-taken{min-height:42px;padding:8px 14px;border-color:#d3b69d;background:#EED6C1;color:#815A45;font-size:13px}.med-taken:disabled{cursor:default;transform:none;background:#ead7c4;color:#715742;opacity:1}.med-logged{font-size:11px;color:#65583b;line-height:1.6}.med-setting-row,.med-history-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.med-setting-row>span,.med-history-row>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.med-history-row strong{font-size:14px;font-weight:500}.med-history-row span,.med-history-row small{display:block;margin-top:6px}.med-history-row small{font-size:11px;color:var(--muted)}.med-row-actions{display:flex;gap:10px;font-size:12px}.med-check{display:flex;gap:10px;align-items:center;font-size:13px}.med-check input{width:18px;height:18px;min-height:0;flex-shrink:0;accent-color:#815a45}.med-dialog{width:calc(100% - 36px);max-width:460px;padding:26px;background:var(--cream);color:var(--brown);border:1px solid var(--line);border-radius:22px;max-height:90vh;overflow:auto}.med-dialog::backdrop{background:#39271d55}.med-dialog p,.med-dialog li{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.med-dialog button:disabled{opacity:.6;cursor:default}.med-panel .form-actions{flex-wrap:wrap}.med-panel .form-actions .action{flex:1;min-width:140px}.med-dialog .primary{margin:0}@media(max-width:520px){.med-home,.med-panel{padding:18px}.med-quick-list{grid-template-columns:1fr}.med-quick-dose{flex-direction:row;align-items:center}.med-taken{width:auto;min-width:70px;flex-shrink:0}.med-history-row{align-items:flex-start}.med-row-actions{flex-direction:column;gap:6px}}

.med-quick-dose .med-taken[data-taken=true],.dashboard-medications .med-quick-dose .med-taken[data-taken=true] {background:#E1F3E4;color:#008A35;border:1px solid #4CAF50;box-shadow:none;}
.med-quick-actions {display:flex;flex-direction:column;gap:5px;flex-shrink:0;}
.med-another-dose {font-size:11px;line-height:1.4;text-align:center;padding:3px;}

.med-quick-dose .med-interval-time {font-size:12px;line-height:1.6;color:#815A45;overflow-wrap:anywhere;}
.med-quick-dose .med-interval-due {font-size:11px;color:#8B6036;background:#F4E3C7;padding:4px 8px;border-radius:999px;align-self:flex-start;}
.dashboard-medications .med-quick-dose .med-interval-time,.dashboard-medications .med-quick-dose .med-interval-due {grid-column:1/-1;font-size:11px;}

/* Keep interval details inside the available text width beside the actions. */
.med-quick-dose>div:first-child {min-width:0;}
.med-quick-dose .med-interval-time {white-space:normal;overflow-wrap:anywhere;}
