.formula-detail-head{position:relative;margin:-19px -17px 0;padding:22px 18px 16px;background:var(--green);color:#fff}
.formula-detail-head .sheet-head{align-items:flex-start;margin-bottom:0}
.formula-detail-head .sheet-head h2{font-size:27px;margin:0 0 5px}
.formula-detail-head .sheet-head p,.formula-detail-character,.formula-detail-materials{margin:4px 0;color:#e1eadf}
.formula-detail-head .close{background:#ffffff20;color:#fff}
.formula-detail-state{position:absolute;right:19px;top:72px;font-size:12px;color:#e1eadf}
.formula-detail-materials{font-weight:700;padding:8px 0 12px;border-bottom:1px solid #ffffff30}
.formula-head-summary{display:flex;align-items:center;gap:18px;padding-top:12px}
.formula-head-summary span{font-size:13px}.formula-head-summary span b{font-size:17px}
.formula-detail-body{margin:0 -17px -30px}
.formula-ratio-section,.formula-trials,.formula-notes{padding:20px 18px;border-bottom:1px solid #d7d8d0}
.formula-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.formula-section-title h3,.formula-notes h3{font-family:serif;font-size:21px;margin:0;color:var(--ink)}
.formula-section-title p{margin:4px 0 12px;color:var(--muted);font-size:12px}
.formula-section-title>strong{font-family:serif;font-size:23px;color:var(--green);border-bottom:1px solid var(--green);min-width:128px;text-align:right;padding-bottom:7px}
.formula-section-title>strong small{font-size:12px;font-weight:400}
.formula-section-title>button{border:0;background:var(--green);color:#fff;border-radius:6px;padding:10px 12px;font-weight:700;white-space:nowrap}
.formula-ratio-label,.formula-ratio-name{display:flex;justify-content:space-between;gap:12px}
.formula-ratio-label{font-size:11px;color:var(--muted);padding:9px 0;border-bottom:1px solid #d7d8d0}
.formula-ratio-row{padding:13px 0 10px;border-bottom:1px solid #d7d8d0}
.formula-ratio-name b{display:block}.formula-ratio-name small{display:block;color:var(--muted);font-weight:400;margin-top:2px}
.formula-ratio-name strong{color:var(--green);white-space:nowrap}
.formula-ratio-meta{font-size:11px;color:var(--muted);margin:4px 0 8px}
.formula-ratio-track{height:1px;background:#d7d8d0}.formula-ratio-track i{display:block;height:2px;background:var(--green)}
.formula-ratio-tip{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 0}
.formula-trial-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 0;border-bottom:1px solid #d7d8d0}
.formula-trial-card em{display:block;color:var(--green);font-size:11px;font-style:normal;margin-bottom:5px}.formula-trial-card b{display:block}
.formula-trial-card small{display:block;color:var(--muted);margin-top:4px}.formula-trial-card>span{color:var(--green);font-size:12px}
.formula-trial-card p{grid-column:1/-1;margin:5px 0 0;white-space:pre-wrap}
.formula-trial-link{cursor:pointer;border-left:3px solid var(--green);padding-left:12px;margin-top:8px;background:var(--card)}
.formula-trial-delete{grid-column:1/-1;justify-self:end;border:0;background:transparent;color:#9d4034;padding:5px 0;font-size:12px}
.trial-progress-summary{grid-column:1/-1;margin-top:7px;border-top:1px solid var(--line)}
.trial-progress-summary dl{display:grid;grid-template-columns:70px 1fr;gap:8px;margin:0;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}
.trial-progress-summary dt{color:var(--green);font-weight:700}.trial-progress-summary dd{margin:0;color:var(--ink);line-height:1.5}
.formula-trial-empty{padding:17px 0}.formula-trial-empty p{color:var(--muted);font-size:13px;line-height:1.7;margin:5px 0}
.formula-notes p{white-space:pre-wrap;line-height:1.7}.formula-private-note{padding:10px;background:var(--sage);border-radius:8px}
.formula-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 16px 28px}
.formula-detail-actions .secondary{background:var(--card);border:1px solid #cfd2ca}
.formula-detail-actions .formula-delete{grid-column:1/-1;border:0;background:transparent;color:#9d4034;padding:10px}
.formula-detail-empty{color:var(--muted);padding:18px 0}
.trial-form-head{margin:-19px -17px 0;background:var(--green);color:#fff;padding:21px 17px 0}
.trial-form-head .sheet-head{margin-bottom:17px}.trial-form-head .sheet-head p{margin:4px 0;color:#e1eadf}
.trial-form-head .close{background:#ffffff20;color:#fff}
.trial-stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 -17px}
.trial-stage-tabs>div{padding:10px 9px 12px;border-top:1px solid #ffffff2b;border-right:1px solid #ffffff2b;opacity:.65}
.trial-stage-tabs>div.active{opacity:1;border-bottom:3px solid #fff}
.trial-stage-tabs i,.trial-stage-tabs b,.trial-stage-tabs small{display:block}.trial-stage-tabs i{font-size:10px;font-style:normal}.trial-stage-tabs b{margin:5px 0 2px}.trial-stage-tabs small{font-size:10px}
.trial-draft,.trial-stage-body{margin:0 -1px;padding:19px 0;border-bottom:1px solid #d7d8d0}
.trial-stage-body .formula-section-title>small{color:var(--muted)}
.trial-field-label{display:block;color:#657068;font-size:13px;margin:12px 0 6px}
.trial-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.trial-status-grid input{position:absolute;opacity:0;pointer-events:none}
.trial-status-grid span{display:block;border:1px solid #cfd2ca;border-radius:6px;background:var(--card);padding:11px;text-align:center;font-weight:700}
.trial-status-grid input:checked+span{background:var(--green);border-color:var(--green);color:#fff}
.trial-save{margin-top:16px}
