/* Scoped adaptation of the supplied Cycle balance card using the application theme. */
#workspaceProductConceptsSettings .learning-balance-card { margin:20px 0; padding:22px 24px; border:1px solid var(--appearance-line,#dfe2fa); border-radius:14px; background:linear-gradient(180deg,var(--quiet,#fafbff),var(--appearance-surface,#fff)); color:var(--ink,#1a1a1f); min-width:0; }
#workspaceProductConceptsSettings .learning-balance-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
#workspaceProductConceptsSettings .learning-balance-title { display:flex; align-items:flex-start; gap:10px; min-width:0; }
#workspaceProductConceptsSettings .learning-balance-icon { display:grid; place-items:center; flex:0 0 30px; height:30px; border-radius:8px; font-size:23px; color:var(--blue,#3355e0); background:var(--appearance-surface,#fff); }
#workspaceProductConceptsSettings .learning-balance-card h4 { margin:0 0 4px; font-size:15px; }
#workspaceProductConceptsSettings .learning-balance-subtitle { margin:0; font-size:12.5px; line-height:1.6; color:var(--muted,#6b6b74); }
#workspaceProductConceptsSettings .learning-balance-modes { display:flex; flex-shrink:0; border:1px solid var(--appearance-line,#d5d7de); border-radius:9px; overflow:hidden; }
#workspaceProductConceptsSettings .learning-balance-modes .button { min-height:40px; border:0; border-radius:0; padding:6px 14px; font-size:12px; color:var(--muted,#667085); background:var(--appearance-surface,#fff); }
#workspaceProductConceptsSettings .learning-balance-modes .button[aria-pressed=true] { color:#fff; background:var(--blue,#3355e0); }
#workspaceProductConceptsSettings .learning-weight-list,#workspaceProductConceptsSettings .learning-ratio-list { display:grid; gap:10px; margin:18px 0; }
#workspaceProductConceptsSettings .learning-weight-row { display:grid; grid-template-columns:12px minmax(130px,1fr) minmax(130px,190px) 80px; gap:14px; align-items:center; border:1px solid var(--appearance-line,#ececf3); border-radius:11px; padding:12px 14px; background:var(--appearance-surface,#fff); }
#workspaceProductConceptsSettings .learning-subject-dot { flex:0 0 10px; width:10px; height:10px; border-radius:50%; background:var(--subject-color,#3355e0); }
#workspaceProductConceptsSettings .learning-weight-copy { display:flex; flex-wrap:wrap; gap:4px 7px; align-items:center; min-width:0; }
#workspaceProductConceptsSettings .learning-weight-copy strong { font-size:13px; overflow-wrap:anywhere; }
#workspaceProductConceptsSettings .learning-weight-copy small { flex-basis:100%; color:var(--muted,#6b6b74); font-size:11.5px; }
#workspaceProductConceptsSettings .learning-baseline-badge { border-radius:6px; padding:3px 6px; font-size:10px; font-weight:700; color:var(--muted,#6b6b74); background:var(--quiet,#f1f1f4); }
#workspaceProductConceptsSettings .learning-weight-row input[type=range] { width:100%; min-width:0; min-height:44px; padding:0; margin:0; accent-color:var(--blue,#3355e0); cursor:pointer; background:transparent; border:0; }
#workspaceProductConceptsSettings .learning-weight-row output { font-size:14px; font-weight:800; text-align:right; overflow-wrap:anywhere; }
#workspaceProductConceptsSettings .learning-ratio-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; border:1px solid var(--appearance-line,#ececf3); border-radius:11px; background:var(--appearance-surface,#fff); padding:12px 14px; font-size:13px; }
#workspaceProductConceptsSettings .learning-ratio-row strong { overflow-wrap:anywhere; }
#workspaceProductConceptsSettings .learning-ratio-row input[type=number] { width:100px; min-height:44px; padding:8px; text-align:center; color:var(--ink,#1a1a1f); background:var(--appearance-input,var(--appearance-surface,#fff)); border:1px solid var(--appearance-line,#d5d7de); border-radius:8px; font:inherit; font-weight:700; }
#workspaceProductConceptsSettings .learning-ratio-row input[aria-invalid=true] { border-color:var(--danger,#b42318); }
#workspaceProductConceptsSettings .learning-ratio-row .button { margin-left:auto; font-size:12px; }
#workspaceProductConceptsSettings .learning-composition-head { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 14px; font-size:11.5px; color:var(--muted,#6b6b74); margin:20px 0 10px; }
#workspaceProductConceptsSettings .learning-composition-head strong { text-transform:uppercase; letter-spacing:.04em; font-size:11px; }
#workspaceProductConceptsSettings .learning-composition-bar { display:flex; height:26px; width:100%; overflow:hidden; border:1px solid var(--appearance-line,#ececf3); border-radius:8px; background:var(--appearance-surface,#fff); }
#workspaceProductConceptsSettings .learning-composition-segment { height:100%; transition:width .2s ease; min-width:0; }
#workspaceProductConceptsSettings .learning-composition-segment + .learning-composition-segment { box-shadow:inset 1px 0 var(--appearance-surface,#fff); }
#workspaceProductConceptsSettings .learning-composition-legend { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:12px; }
#workspaceProductConceptsSettings .learning-composition-item { display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:12px; }
#workspaceProductConceptsSettings .learning-composition-item small { color:var(--muted,#6b6b74); }
#workspaceProductConceptsSettings .learning-balance-hint { background:var(--quiet,#f7f8fc); border-radius:9px; padding:12px 14px; margin:18px 0 0; font-size:12px; color:var(--muted,#6b6b74); line-height:1.7; }
#workspaceProductConceptsSettings .learning-balance-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:16px; }
#workspaceProductConceptsSettings .learning-balance-status { min-height:1.5em; font-size:12px; margin:10px 0 0; }
#workspaceProductConceptsSettings .learning-balance-card :disabled { cursor:default; opacity:.6; }
@media(max-width:700px) { #workspaceProductConceptsSettings .learning-balance-card { padding:16px; } #workspaceProductConceptsSettings .learning-balance-head { flex-wrap:wrap; } #workspaceProductConceptsSettings .learning-weight-row { grid-template-columns:10px minmax(0,1fr) 80px; gap:10px; } #workspaceProductConceptsSettings .learning-weight-row input[type=range] { grid-column:2; grid-row:2; } #workspaceProductConceptsSettings .learning-weight-row output { grid-column:3; grid-row:2; } #workspaceProductConceptsSettings .learning-weight-copy { grid-column:2 / 4; } #workspaceProductConceptsSettings .learning-balance-actions .button { flex:1 1 170px; } }
@media(prefers-reduced-motion:reduce) { #workspaceProductConceptsSettings .learning-composition-segment { transition:none; } }
@media(max-width:480px) { #workspaceProductConceptsSettings .learning-balance-card { padding:12px; } #workspaceProductConceptsSettings .learning-weight-row { padding:10px; grid-template-columns:10px minmax(0,1fr) 72px; gap:8px; } #workspaceProductConceptsSettings .learning-weight-copy { grid-column:2; } #workspaceProductConceptsSettings .learning-weight-row output { grid-column:3; grid-row:1; } #workspaceProductConceptsSettings .learning-weight-row input[type=range] { grid-column:1 / -1; grid-row:2; } }