.supplements-page{max-width:1400px;padding:var(--space-6);margin:0 auto}.pending-supplements-section{margin-bottom:var(--space-6)}.pending-supplements-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.pending-supplements-loading,.pending-supplements-error{margin-top:var(--space-4);padding:var(--space-6);background:var(--gr-bg-elev);border:1px solid var(--gr-line);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:120px;display:flex}@media (max-width:768px){.pending-supplements-grid{grid-template-columns:1fr}}.supplements-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.supplements-header-actions{gap:var(--space-2);flex-wrap:wrap;align-items:flex-start;display:flex}.header-content h1{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);color:var(--gr-ink)}.header-subtitle{color:var(--gr-ink-mute);font-size:var(--font-size-sm);margin:0}.add-supplement-btn{background:var(--gr-ink);color:var(--gr-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;font-weight:500;transition:background .2s}.add-supplement-btn:hover{background:color-mix(in oklab, var(--gr-ink), var(--gr-accent) 25%)}.supplements-ai-btn{background:var(--gr-bg-sunken);color:var(--gr-ink);border:1px solid var(--gr-line);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.supplements-ai-btn:hover{background:var(--gr-ink);color:var(--gr-bg);border-color:var(--gr-ink)}.assessment-summary{background:var(--gr-bg-elev);border:1px solid var(--gr-line);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.assessment-summary h2{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);color:var(--gr-ink)}.summary-cards{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.summary-card{background:var(--gr-bg);border:1px solid var(--gr-line);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;min-width:100px}.summary-card .summary-value{font-size:var(--font-size-2xl);color:var(--gr-ink);font-weight:700;display:block}.summary-card .summary-label{font-size:var(--font-size-xs);color:var(--gr-ink-mute);margin-top:var(--space-1);display:block}.summary-card.success{border-color:var(--gr-sage)}.summary-card.success .summary-value{color:var(--gr-sage)}.summary-card.info{border-color:var(--gr-ink-mute)}.summary-card.info .summary-value{color:var(--gr-ink-mute)}.summary-card.warning{border-color:var(--gr-amber)}.summary-card.warning .summary-value{color:var(--gr-amber)}.summary-card.error{border-color:var(--gr-accent)}.summary-card.error .summary-value{color:var(--gr-accent)}.recommendations{margin-top:var(--space-4);padding:var(--space-4);background:var(--gr-bg-sunken);border-radius:var(--radius-md)}.recommendations h3{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);color:var(--gr-ink-mute)}.recommendations ul{padding-left:var(--space-5);margin:0}.recommendations li{margin-bottom:var(--space-2);color:var(--gr-ink);font-size:var(--font-size-sm)}.insights-section{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md)}.insights-section h3{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm)}.insights-section.redundancies{background:var(--gr-amber-soft)}.insights-section.redundancies h3{color:var(--gr-amber)}.insights-section.gaps{background:var(--gr-bg-sunken)}.insights-section.gaps h3{color:var(--gr-ink-mute)}.insight-card{margin-bottom:var(--space-3)}.insight-card strong{margin-bottom:var(--space-1);color:var(--gr-ink);display:block}.insight-card p{font-size:var(--font-size-sm);color:var(--gr-ink-mute);margin:0}.insight-card .suggestions{margin-top:var(--space-2);color:var(--gr-ink-mute);font-style:italic}.disclaimer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gr-line);font-size:var(--font-size-xs);color:var(--gr-ink-mute);font-style:italic}.filter-controls{margin-bottom:var(--space-4)}.filter-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--gr-ink-mute);display:flex}.filter-checkbox input{width:16px;height:16px}.supplements-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.supplement-card{background:var(--gr-bg-elev);border:1px solid var(--gr-line);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.supplement-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.supplement-header h3{font-size:var(--font-size-md);color:var(--gr-ink);margin:0}.match-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--gr-bg);white-space:nowrap;font-weight:500}.supplement-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.provenance-badge-container{display:inline-block;position:relative}.provenance-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;cursor:default;border:none;font-weight:500;display:inline-flex}.provenance-badge.ai-recommended{background:var(--gr-accent);color:var(--gr-bg)}.provenance-badge.ai-recommended.ai-changed{background:var(--gr-amber);color:var(--gr-amber-ink)}.provenance-badge.ai-recommended.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.provenance-badge.ai-recommended.clickable:hover{box-shadow:0 2px 8px color-mix(in oklab, var(--gr-accent), transparent 60%);transform:scale(1.05)}.provenance-badge.ai-recommended.clickable:focus-visible{outline:2px solid var(--gr-focus);outline-offset:2px}.provenance-badge .modified-indicator{opacity:.85;font-weight:400}.ai-recommendation-popover{z-index:100;background:var(--gr-bg-elev);border:1px solid var(--gr-line);border-radius:var(--radius-md,8px);min-width:280px;max-width:320px;box-shadow:0 4px 12px color-mix(in oklab, var(--gr-ink), transparent 85%);animation:.15s popover-fade-in;position:absolute;top:calc(100% + 8px);left:0}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popover-header{padding:var(--space-3,12px);border-bottom:1px solid var(--gr-line);background:linear-gradient(135deg, color-mix(in oklab, var(--gr-bg-elev), var(--gr-accent-soft) 18%), color-mix(in oklab, var(--gr-bg-elev), var(--gr-accent-soft) 30%));border-radius:var(--radius-md,8px) var(--radius-md,8px) 0 0;justify-content:space-between;align-items:center;display:flex}.popover-header h4{font-size:var(--font-size-sm,14px);color:var(--gr-accent-ink);align-items:center;gap:var(--space-1,4px);margin:0;font-weight:600;display:flex}.popover-header h4:before{content:"⚡"}.ai-recommendation-popover.recommendation-changed .popover-header{background:linear-gradient(135deg, var(--gr-amber-soft), var(--gr-amber))}.ai-recommendation-popover.recommendation-changed .popover-header h4{color:var(--gr-amber-ink)}.ai-recommendation-popover.recommendation-changed .popover-header h4:before{content:"🔄"}.popover-close{color:var(--gr-ink-mute);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;transition:color .15s}.popover-close:hover{color:var(--gr-ink-strong)}.popover-content{padding:var(--space-3,12px)}.assessment-changed-notice{margin-bottom:var(--space-3,12px);padding-bottom:var(--space-3,12px);border-bottom:1px solid var(--gr-line);display:block}.changed-explanation{padding:var(--space-2,8px) var(--space-3,12px);background:var(--gr-amber-soft);border-radius:var(--radius-sm,4px);font-size:var(--font-size-sm,14px);color:var(--gr-ink-strong);margin:0;line-height:1.5}.ai-confirmation{padding:var(--space-2,8px) var(--space-3,12px);background:var(--gr-sage-soft);border-radius:var(--radius-sm,4px);font-size:var(--font-size-sm,14px);color:var(--gr-ink-strong);margin:0;line-height:1.5}.popover-row{margin-bottom:var(--space-2,8px);font-size:var(--font-size-sm,14px);justify-content:space-between;align-items:flex-start;display:flex}.popover-row:last-child{margin-bottom:0}.popover-label{color:var(--gr-ink-mute);flex-shrink:0}.popover-value{text-align:right;color:var(--gr-ink-strong);font-weight:500}.popover-row.modified-notice .popover-value{color:var(--gr-amber-ink)}.change-detail{color:var(--gr-ink-mute);font-weight:400;font-size:var(--font-size-xs,12px)}.popover-footer{padding:var(--space-2,8px) var(--space-3,12px);border-top:1px solid var(--gr-line);background:var(--gr-bg-sunken);border-radius:0 0 var(--radius-md,8px) var(--radius-md,8px)}.popover-link{font-size:var(--font-size-sm,14px);color:var(--gr-accent-ink);align-items:center;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.popover-link:hover{color:color-mix(in oklab, var(--gr-accent-ink), var(--gr-ink) 20%);text-decoration:underline}.supplement-details{font-size:var(--font-size-sm)}.supplement-details p{margin:0 0 var(--space-1) 0}.supplement-details .dose{color:var(--gr-ink);font-weight:500}.supplement-details .duration{color:var(--gr-ink-mute)}.supplement-details .brand,.supplement-details .catalog-match{color:var(--gr-ink-mute);font-size:var(--font-size-xs)}.assessment-info{padding:var(--space-3);background:var(--gr-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.assessment-info .relevance-indicator{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--gr-line);display:flex}.assessment-info .relevance-label{color:var(--gr-ink-mute);font-weight:500;font-size:var(--font-size-xs)}.assessment-info .relevance-value{font-weight:600;font-size:var(--font-size-sm)}.assessment-info .relevance-value.high{color:var(--gr-sage)}.assessment-info .relevance-value.moderate,.assessment-info .relevance-value.low{color:var(--gr-ink-mute)}.assessment-info .rationale{margin:0 0 var(--space-2) 0;color:var(--gr-ink)}.assessment-info .flags{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.assessment-info .flag{padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.assessment-info .flag-high{background:var(--gr-accent-soft);color:var(--gr-accent)}.assessment-info .flag-medium{background:var(--gr-amber-soft);color:var(--gr-amber)}.assessment-info .flag-low{background:var(--gr-bg-sunken);color:var(--gr-ink-mute)}.assessment-info .recommendation{margin:var(--space-2) 0 0 0;padding:var(--space-2);background:var(--gr-amber-soft);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--gr-amber)}.supplement-actions{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--gr-line);margin-top:auto;display:flex}.supplement-actions button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.btn-edit{background:var(--gr-bg-sunken);color:var(--gr-line);border:1px solid var(--gr-line)}.btn-edit:hover{background:var(--gr-line);color:var(--gr-bg)}.btn-stop{background:var(--gr-amber-soft);color:var(--gr-amber);border:1px solid var(--gr-amber)}.btn-stop:hover{background:var(--gr-amber);color:var(--gr-bg)}.btn-delete{color:var(--gr-ink-mute);border:1px solid var(--gr-line);background:0 0}.btn-delete:hover{background:var(--gr-accent);color:var(--gr-bg);border-color:var(--gr-accent)}.supplements-modal-overlay{background:var(--gr-scrim);z-index:1000;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.supplements-modal-overlay .supplements-modal-content{border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:var(--gr-bg-elev)!important;background-color:var(--gr-bg-elev)!important}.supplements-modal-overlay .supplements-modal-content h2{margin:0 0 var(--space-5) 0;font-size:var(--font-size-xl);color:var(--gr-ink)}.form-group{margin-bottom:var(--space-4);position:relative}.form-group label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--gr-ink);font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--gr-line);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--gr-bg);color:var(--gr-ink)}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--gr-focus);outline-offset:2px;border-color:var(--gr-ink)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.catalog-suggestions{background:var(--gr-bg-elev);border:1px solid var(--gr-line);border-radius:var(--radius-md);z-index:10;max-height:200px;box-shadow:var(--shadow-md);margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.catalog-suggestions li{padding:var(--space-3);cursor:pointer;border-bottom:1px solid var(--gr-line);justify-content:space-between;align-items:center;display:flex}.catalog-suggestions li:last-child{border-bottom:none}.catalog-suggestions li:hover{background:var(--gr-bg)}.catalog-suggestions .category{font-size:var(--font-size-xs);color:var(--gr-ink-mute);text-transform:capitalize}.search-loading{font-size:var(--font-size-xs);color:var(--gr-ink-mute);margin-top:var(--space-1)}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--gr-line);display:flex}.btn-cancel{padding:var(--space-3) var(--space-4);color:var(--gr-ink-mute);border:1px solid var(--gr-line);border-radius:var(--radius-md);cursor:pointer;background:0 0}.btn-cancel:hover{background:var(--gr-bg)}.btn-submit{padding:var(--space-3) var(--space-4);background:var(--gr-ink);color:var(--gr-bg);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:500}.btn-submit:hover{background:color-mix(in oklab, var(--gr-ink), var(--gr-accent) 25%)}@media (max-width:768px){.supplements-page{padding:var(--space-4)}.supplements-header{flex-direction:column}.supplements-header-actions{flex-direction:column;align-items:stretch;width:100%}.supplements-ai-btn,.add-supplement-btn{width:100%}.summary-cards{justify-content:center}.supplements-grid,.form-row{grid-template-columns:1fr}}.intervention-section{margin-top:var(--space-8)}.toggle-label{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);display:flex}.toggle-label input[type=checkbox]{cursor:pointer;width:auto}.form-help{font-size:var(--font-size-xs);color:var(--gr-ink-mute);margin:var(--space-1) 0 var(--space-3) 0}.components-section{background:var(--gr-bg);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.components-section>label{margin-bottom:var(--space-1);font-weight:500;display:block}.component-row{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:2fr 1fr 80px auto;align-items:center;display:grid}.component-name,.component-amount,.component-unit{padding:var(--space-2);border:1px solid var(--gr-line);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--gr-bg-elev);color:var(--gr-ink)}.component-name:focus-visible,.component-amount:focus-visible,.component-unit:focus-visible{outline:2px solid var(--gr-focus);outline-offset:2px;border-color:var(--gr-ink)}.btn-remove-component{background:var(--gr-accent);width:28px;height:28px;color:var(--gr-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.btn-remove-component:hover{opacity:.9}.btn-add-component{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--gr-ink);border:1px dashed var(--gr-ink);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);background:0 0;width:100%}.btn-add-component:hover{background:var(--gr-accent-soft)}@media (max-width:480px){.component-row{gap:var(--space-2);grid-template-columns:1fr}.btn-remove-component{margin-top:calc(-1 * var(--space-8));justify-self:end}}.add-mode-tabs{gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--gr-line);padding-bottom:var(--space-3);display:flex}.mode-tab{padding:var(--space-2) var(--space-4);border:1px solid var(--gr-line);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--gr-ink-mute);background:0 0;transition:all .2s}.mode-tab:hover{background:var(--gr-bg);color:var(--gr-ink)}.mode-tab.active{background:var(--gr-ink);border-color:var(--gr-ink);color:var(--gr-bg)}.scan-mode{text-align:center}.scan-upload-area{margin-bottom:var(--space-4)}.scan-upload-area .file-input{display:none}.scan-upload-area .upload-label{padding:var(--space-8) var(--space-4);border:2px dashed var(--gr-line);border-radius:var(--radius-lg);cursor:pointer;background:var(--gr-bg);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.scan-upload-area .upload-label:hover{border-color:var(--gr-ink);background:color-mix(in oklab, var(--gr-bg-elev), var(--gr-accent-soft) 20%)}.scan-upload-area .upload-icon{margin-bottom:var(--space-3);font-size:48px}.scan-upload-area .upload-text{font-size:var(--font-size-md);color:var(--gr-ink);margin-bottom:var(--space-1);font-weight:500}.scan-upload-area .upload-hint{font-size:var(--font-size-sm);color:var(--gr-ink-mute)}.scan-help{font-size:var(--font-size-xs);color:var(--gr-ink-mute);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gr-line)}.scan-disclaimer{font-size:var(--font-size-xs);color:var(--gr-ink-mute);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--gr-amber-soft);border-radius:var(--radius-sm);text-align:center}.extracted-preview{background:var(--gr-sage-soft);border:1px solid var(--gr-sage);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);text-align:left}.extracted-preview h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);color:var(--gr-sage)}.extracted-details p{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);color:var(--gr-ink)}.extracted-details p strong{color:var(--gr-ink-mute);margin-right:var(--space-1)}.extracted-details .confidence{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gr-sage);font-size:var(--font-size-xs);color:var(--gr-ink-mute)}.btn-apply-extracted{width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gr-sage);color:var(--gr-bg);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:var(--font-size-sm);border:none;transition:background .2s}.btn-apply-extracted:hover{background:var(--gr-sage-ink)}.product-search-mode{min-height:300px}.search-count{font-size:var(--font-size-xs);color:var(--gr-sage);margin-top:var(--space-1)}.search-help{font-size:var(--font-size-xs);color:var(--gr-ink-mute);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gr-line);text-align:center}.product-suggestions{background:var(--gr-bg-elev);border:1px solid var(--gr-line);border-radius:var(--radius-md);z-index:10;max-height:280px;box-shadow:var(--shadow-lg);margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.product-suggestions li{padding:var(--space-3);cursor:pointer;border-bottom:1px solid var(--gr-line);transition:background .15s}.product-suggestions li:last-child{border-bottom:none}.product-suggestions li:hover{background:var(--gr-bg)}.product-suggestions li.loading{opacity:.5;pointer-events:none}.product-suggestions .product-name{font-size:var(--font-size-sm);color:var(--gr-ink);margin-bottom:var(--space-1);font-weight:500}.product-suggestions .product-brand{font-size:var(--font-size-xs);color:var(--gr-ink);margin-bottom:var(--space-1)}.product-suggestions .product-serving{font-size:var(--font-size-xs);color:var(--gr-ink-mute)}.selected-product-preview{background:var(--gr-bg);border:1px solid var(--gr-line);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.selected-product-preview h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);color:var(--gr-ink-mute);text-transform:uppercase;letter-spacing:.05em}.selected-product-preview .product-details{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gr-line)}.selected-product-preview .product-details>p{margin:0 0 var(--space-1) 0}.selected-product-preview .product-details>p:first-child{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.selected-product-preview .detail-row{font-size:var(--font-size-sm);color:var(--gr-ink-mute)}.selected-product-preview .ingredients-list{margin-top:var(--space-3)}.selected-product-preview .ingredients-list ul{margin:var(--space-2) 0 0 0;padding-left:var(--space-5)}.selected-product-preview .ingredients-list li{font-size:var(--font-size-xs);color:var(--gr-ink);margin-bottom:var(--space-1)}.selected-product-preview .ingredients-list li span{color:var(--gr-ink-mute)}.selected-product-preview .ingredients-list .more-ingredients{color:var(--gr-ink-mute);font-style:italic}.medications-tab{animation:.3s ease-out fadeIn}.medication-loading{padding:var(--space-8);text-align:center;color:var(--gr-ink-mute)}.medication-toolbar{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.medication-toolbar-left{align-items:center;gap:var(--space-4);display:flex}.medication-count{color:var(--gr-ink-mute);font-size:14px;font-weight:500}.medication-filter-toggle{color:var(--gr-ink-mute);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.medication-filter-toggle input{cursor:pointer}.medication-add-btn{background:var(--gr-ink-strong);color:var(--gr-bg);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.medication-add-btn:hover{opacity:.9}.medication-form-card{background:var(--gr-bg-elev);border:1px solid var(--gr-line);padding:var(--space-5,20px);margin-bottom:var(--space-4,16px);border-radius:8px}.medication-form-title{color:var(--gr-ink-strong);margin:0 0 16px;font-size:16px;font-weight:600}.medication-form-grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.medication-form-field{flex-direction:column;gap:4px;display:flex}.medication-form-field-wide{grid-column:1/-1}.medication-form-field label{color:var(--gr-ink-mute);font-size:13px;font-weight:500}.medication-form-field label .required{color:var(--gr-accent-ink)}.medication-form-field input,.medication-form-field select{border:1px solid var(--gr-line);color:var(--gr-ink-strong);background:var(--gr-bg-elev);border-radius:6px;padding:8px 10px;font-size:14px;transition:border-color .2s}.medication-form-field input:focus-visible,.medication-form-field select:focus-visible{outline:2px solid var(--gr-focus);outline-offset:2px;border-color:var(--gr-ink-strong)}.medication-form-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.medication-form-cancel{background:var(--gr-bg-elev);border:1px solid var(--gr-line);color:var(--gr-ink-mute);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.medication-form-cancel:hover{border-color:var(--gr-line);color:var(--gr-ink-strong)}.medication-form-submit{background:var(--gr-ink-strong);color:var(--gr-bg);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s}.medication-form-submit:hover{opacity:.9}.medication-form-submit:disabled{opacity:.5;cursor:not-allowed}.medication-empty{padding:var(--space-10,40px) var(--space-6,24px);text-align:center;color:var(--gr-ink-mute);flex-direction:column;justify-content:center;align-items:center;display:flex}.medication-empty h3{color:var(--gr-ink-strong);margin:16px 0 8px;font-size:18px;font-weight:600}.medication-empty p{max-width:400px;margin:0 0 20px;font-size:14px;line-height:1.5}.medication-list{flex-direction:column;gap:8px;display:flex}.medication-section-title{color:var(--gr-ink-mute);text-transform:uppercase;letter-spacing:.05em;margin:24px 0 12px;font-size:14px;font-weight:600}.medication-row{background:var(--gr-bg-elev);border:1px solid var(--gr-line);border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .2s;display:flex}.medication-row:hover{border-color:var(--gr-line)}.medication-row-stopped{opacity:.6}.medication-row-info{flex:1;min-width:0}.medication-row-header{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.medication-name{color:var(--gr-ink-strong);font-size:15px;font-weight:600}.medication-generic{color:var(--gr-ink-mute);font-size:13px}.medication-badge-stopped{background:var(--gr-accent-soft);color:var(--gr-accent-ink);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.medication-row-details{flex-wrap:wrap;gap:6px 12px;margin-top:4px;display:flex}.medication-detail{color:var(--gr-ink-mute);font-size:13px}.medication-route{text-transform:capitalize}.medication-duration{color:var(--gr-ink-strong);font-weight:500}.medication-reason{color:var(--gr-ink-mute);margin-top:4px;font-size:13px;font-style:italic}.medication-row-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:12px;display:flex}.medication-action-btn{width:30px;height:30px;color:var(--gr-ink-mute);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.medication-action-btn:hover{background:var(--gr-bg-sunken);color:var(--gr-ink-strong)}.medication-stop-btn:hover{background:var(--gr-amber-soft);color:var(--gr-amber-ink)}.medication-delete-btn:hover{background:var(--gr-accent-soft);color:var(--gr-accent-ink)}@media (max-width:640px){.medication-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.medication-form-grid{grid-template-columns:1fr}.medication-row{flex-direction:column;align-items:flex-start;gap:10px}.medication-row-actions{align-self:flex-end;margin-left:0}}