.log-summary{gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-direction:column;display:flex}.log-peptide{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.log-dose{font-size:var(--font-size-base);color:var(--color-accent);font-weight:var(--font-weight-medium)}.log-datetime-row{gap:var(--space-3);display:flex}.log-datetime-input{padding:var(--space-3) var(--space-4);font-size:16px;font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;flex:1;min-height:48px}.log-datetime-input:focus{border-color:var(--color-accent)}.log-units-edit-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-underline-offset:2px;text-decoration:underline}.log-sites-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.log-site-btn{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.log-site-btn:hover{border-color:var(--color-border-hover)}.log-site-active{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.log-dose-row{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.log-dose-sep{color:var(--color-text-tertiary)}.log-units-display{align-items:center;gap:var(--space-1);border:none;border-bottom:1px dashed var(--color-accent);color:var(--color-accent);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--transition-fast);background:0 0;padding:0 0 1px;display:inline-flex}.log-units-display svg{color:var(--color-text-tertiary)}.log-units-display:hover{border-color:var(--color-accent-hover)}.log-units-edit{border:1px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-glow-sm);align-items:center;display:inline-flex;overflow:hidden}.log-units-input{background:var(--color-bg-primary);width:56px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;border:none;outline:none}.log-units-suffix{font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding-right:var(--space-2);background:var(--color-bg-primary)}.log-off-protocol-hint{font-size:var(--font-size-xs);color:var(--color-warning);margin-top:var(--space-2);display:block}.log-last-site{font-weight:var(--font-weight-regular);color:var(--color-accent);font-size:var(--font-size-xs);margin-left:var(--space-2)}.log-picker{gap:var(--space-2);flex-direction:column;display:flex}.log-picker-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);text-align:left;display:flex}.log-picker-item:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}.log-picker-info{flex-direction:column;gap:2px;display:flex}.log-picker-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.log-picker-dose{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.log-picker-item svg{color:var(--color-text-tertiary);flex-shrink:0}.log-change-protocol{text-align:center;width:100%;padding:var(--space-2);font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:block}.log-change-protocol:hover{color:var(--color-accent-hover)}.log-final-dose{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.log-final-icon{margin-bottom:var(--space-2)}.log-final-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:280px}