/* Goal tools belong to the catalogue panel; the original loadout stays intact. */
.eq-workspace .eq-browser :is(.eq-goal-about,.eq-goal-materials){margin:0 14px 12px;color:#b9aec4;font-size:11px;line-height:1.65}
.eq-workspace .eq-browser :is(.eq-goal-about,.eq-goal-materials)>summary{min-height:44px;box-sizing:border-box;padding:11px 0;color:#d9c29e;cursor:pointer}
.eq-workspace .eq-browser :is(.eq-goal-about,.eq-goal-materials) p{margin:5px 0}
:is(.eq-workspace .eq-browser,.bank-goal-summary) .eq-goal-materials table{width:100%;border-collapse:collapse;font-size:11px}
:is(.eq-workspace .eq-browser,.bank-goal-summary) .eq-goal-materials :is(th,td){padding:7px 5px;text-align:right;border-bottom:1px solid #514656}
:is(.eq-workspace .eq-browser,.bank-goal-summary) .eq-goal-materials :is(th,td):first-child{text-align:left}
:is(.eq-workspace .eq-browser,.bank-goal-summary) .eq-goal-materials a{color:#dcc290}
.bank-goal-summary{margin-top:16px;padding:18px;border:1px solid #514752;border-radius:8px;background:linear-gradient(125deg,#252732,#1d242d);color:#b9aec4;font-size:12px;line-height:1.65}
.bank-goal-summary h3{color:#e0c89f;font:500 22px Georgia,serif;margin:0 0 12px}
.bank-goal-summary :is(a,summary){color:#dcc290}
.bank-goal-summary summary{min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer}
.bank-goal-summary .eq-goal-budget{display:grid;gap:4px;margin:12px 0}
.bank-goal-summary button{min-height:44px;padding:8px 12px;border:1px solid #665374;border-radius:5px;background:#342a40;color:#e4d2ee}
.eq-workspace .eq-browser .eq-goal-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:7px;margin:0 14px 14px;padding:10px;border:1px solid #514752;border-radius:7px;background:linear-gradient(120deg,#302934,#212630);box-shadow:inset 0 1px #d6b57717;min-width:0}
.eq-workspace .eq-browser .eq-goal-toolbar>button{min-width:0;min-height:44px;padding:7px 9px;border:1px solid #65516e;border-radius:5px;background:#302738;color:#cbb6d9;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;padding:3px;border:1px solid #3d3c47;border-radius:6px;background:#191e27}
.eq-workspace .eq-browser .eq-goal-tabs button{min-width:0;min-height:44px;padding:7px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:#b9adca;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-tabs button:hover:not(:disabled){background:#2b2834;color:#e9ddeb}
.eq-workspace .eq-browser .eq-goal-tabs button:is([aria-selected=true],[aria-pressed=true],.is-active){border-color:#987caa;background:linear-gradient(130deg,#49364f,#332d3e);color:#f0dfeb;box-shadow:inset 0 1px #d8b2ec20}
.eq-workspace .eq-browser .eq-goal-context{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:8px 10px;min-width:0;margin-top:9px}
.eq-workspace .eq-browser .eq-goal-context label{display:flex;flex-direction:column;flex:1 1 145px;gap:4px;min-width:0;color:#bfb1cc;font-size:10px;line-height:1.4}
.eq-workspace .eq-browser .eq-goal-context :is(select,input){width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:7px 9px;border:1px solid #5b4b68;border-radius:5px;background:#1c202a;color:#e0d5e8;font-size:12px;line-height:1.4}
.eq-workspace .eq-browser .eq-goal-context>span,.eq-workspace .eq-browser .eq-goal-context>small{max-width:100%;padding:4px 7px;border:1px solid #6a583f;border-radius:4px;background:#332c25;color:#dfc596;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-context p{flex-basis:100%;margin:0;color:var(--eq-muted,#b1a9bd);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-context>div{flex:1 1 150px;min-width:0}
.eq-workspace .eq-browser .eq-goal-context h4{margin:3px 0 5px;color:#e0c89f;font:500 19px/1.4 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goals-content>.eq-goal-context{margin:0 14px 12px}
.eq-workspace .eq-browser .eq-goals-content>.eq-goal-note{margin:0 14px 10px}
.eq-workspace .eq-browser .eq-goals-content>.eq-goal-actions{margin:0 14px 14px}
.eq-workspace .eq-browser .eq-goals-content>button,.eq-workspace .eq-browser .eq-goal-empty button{min-width:0;min-height:44px;padding:7px 10px;border:1px solid #8b724a;border-radius:5px;background:#413426;color:#e5cc9f;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goals-content>button{margin:0 14px 14px}

.eq-workspace .eq-browser .eq-goal-list{display:grid;gap:9px;min-width:0;margin:0;padding:0 14px 14px;list-style:none}
.eq-workspace .eq-browser .eq-goal-card,.eq-workspace .eq-browser .eq-loadout-card{position:relative;min-width:0;padding:12px;border:1px solid #48404f;border-radius:7px;background:linear-gradient(125deg,#252732,#1d242d);box-shadow:inset 2px 0 #a587b54d}
.eq-workspace .eq-browser .eq-goal-card.is-paused,.eq-workspace .eq-browser .eq-goal-card[data-state=paused]{border-style:dashed;box-shadow:none}
.eq-workspace .eq-browser .eq-goal-card.is-acquired,.eq-workspace .eq-browser .eq-goal-card[data-state=acquired]{border-color:#456154;box-shadow:inset 2px 0 #81ae93}
.eq-workspace .eq-browser .eq-goal-item{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 10px;min-width:0}
.eq-workspace .eq-browser .eq-goal-item>img{flex:none;width:40px;height:40px;min-width:40px;max-width:40px;max-height:40px;object-fit:contain;border:1px solid var(--item-quality,#776282);border-radius:4px;background:#151c25}
.eq-workspace .eq-browser .eq-goal-item>div{flex:1 1 130px;min-width:0}
.eq-workspace .eq-browser .eq-goal-item>.eq-goal-status{flex:0 1 auto;align-self:flex-start;margin:0 0 0 auto}
.eq-workspace .eq-browser .eq-goal-item :is(h4,h5){margin:0;color:var(--item-quality,#e6cfab);font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-item :is(h4,h5) a{color:inherit;text-decoration:none}
.eq-workspace .eq-browser .eq-goal-item :is(h4,h5) a:hover{text-decoration:underline}
.eq-workspace .eq-browser .eq-goal-item :is(p,small){display:block;margin:3px 0 0;color:#b5a8c2;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-status{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0;margin:8px 0 0;color:#c6b7d2;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-status :is(span,small){display:inline-block;max-width:100%;padding:2px 6px;border:1px solid #5d4b6b;border-radius:4px;background:#342b3d;color:#d5bfdf;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-status[data-state]{display:inline-flex;max-width:100%;padding:2px 6px;border:1px solid #5d4b6b;border-radius:4px;background:#342b3d}
.eq-workspace .eq-browser .eq-goal-status:is([data-state=usable-now],[data-state=usable_now],[data-state=acquired]),.eq-workspace .eq-browser .eq-goal-status :is([data-state=usable-now],[data-state=usable_now],[data-state=acquired],.is-usable-now,.is-usable_now,.is-acquired){border-color:#4d6d5b;background:#26372e;color:#b1d9bd}
.eq-workspace .eq-browser .eq-goal-status:is([data-state=future]),.eq-workspace .eq-browser .eq-goal-status :is([data-state=future],.is-future){border-color:#73603e;background:#3c3324;color:#e4c98e}
.eq-workspace .eq-browser .eq-goal-status:is([data-state=unknown-requirements],[data-state=unknown],[data-state=paused]),.eq-workspace .eq-browser .eq-goal-status :is([data-state=unknown-requirements],[data-state=unknown],[data-state=paused],.is-unknown-requirements,.is-unknown,.is-paused){border-color:#5b5267;background:#302b39;color:#c0b4ce}
.eq-workspace .eq-browser .eq-goal-status:is([data-state=incompatible]),.eq-workspace .eq-browser .eq-goal-status :is([data-state=incompatible],.is-incompatible){border-color:#795263;background:#402b36;color:#e3b3c4}
.eq-workspace .eq-browser .eq-goal-note{min-width:0;margin:8px 0 0;color:#b9aec4;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-note strong{color:#d9c9e1;font-weight:550}
.eq-workspace .eq-browser .eq-goal-note a{color:#dcc290;text-underline-offset:2px;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-note[role=status]{padding:8px 10px;border:1px solid #62523e;border-radius:5px;background:#332d25;color:#e2c99e}
.eq-workspace .eq-browser>.eq-goal-note{margin:0 14px 12px}
.eq-workspace .eq-browser .eq-goal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;margin-top:10px}
.eq-workspace .eq-browser .eq-goal-actions :is(button,input,select),.eq-workspace .eq-browser .eq-goal-action{min-width:0;min-height:44px;box-sizing:border-box;padding:7px 9px;border:1px solid #665374;border-radius:5px;background:#342a40;color:#e4d2ee;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-actions :is(input,select){flex:1 1 120px;width:100%;background:#1c202a;color:#dfd4e7}
.eq-workspace .eq-browser .eq-goal-actions label{display:flex;flex:1 1 120px;flex-direction:column;gap:4px;min-width:0;color:#bbafc7;font-size:10px;line-height:1.4}
.eq-workspace .eq-browser .eq-goal-actions button:hover:not(:disabled),.eq-workspace .eq-browser .eq-goal-action:hover:not(:disabled){border-color:#b093c4;background:#45334e;color:#f1e4f6}
.eq-workspace .eq-browser .eq-goal-actions button[data-destructive=true]{border-color:#6a4b5c;background:#382832;color:#d8afbf}
.eq-workspace .eq-browser .eq-goal-actions button[aria-pressed=true],.eq-workspace .eq-browser .eq-goal-action[aria-pressed=true]{border-color:#b898cc;background:#49344f;color:#f2e3f4}
.eq-workspace .eq-browser .eq-goal-action{flex:0 1 auto;align-self:center}

.eq-workspace .eq-browser .eq-goal-empty{min-width:0;margin:0 14px 14px;padding:23px 16px;border:1px dashed #615266;border-radius:7px;background:radial-gradient(ellipse at 50% 0,#51405a33,transparent 78%),#1c232d;text-align:center}
.eq-workspace .eq-browser .eq-goal-empty h4{margin:0 0 7px;color:#dec7a2;font:500 19px/1.4 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-empty p{max-width:34em;margin:0 auto;color:#b5a9c2;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-empty .eq-goal-actions{justify-content:center}
.eq-workspace .eq-browser .eq-loadout-card :is(h4,h5){margin:0;color:#e4c99e;font:500 18px/1.4 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-loadout-card>p{margin:6px 0 0;color:#b5a8c2;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-loadout-card>label{display:flex;flex-direction:column;gap:4px;min-width:0;margin-top:9px;color:#c2b2cf;font-size:11px;line-height:1.5}
.eq-workspace .eq-browser .eq-loadout-card>label input{width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:7px 9px;border:1px solid #5b4b68;border-radius:5px;background:#1c202a;color:#e0d5e8}
.eq-workspace .eq-browser .eq-goal-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr));gap:8px;min-width:0;margin:0 14px 12px}
.eq-workspace .eq-browser .eq-goal-filters label{display:flex;flex-direction:column;gap:4px;min-width:0;color:#c2b2cf;font-size:10px;line-height:1.5}
.eq-workspace .eq-browser .eq-goal-filters>summary{grid-column:1/-1;min-width:0;min-height:44px;box-sizing:border-box;padding:11px 0;color:#cab4d8;font-size:11px;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-filters>small{grid-column:1/-1;min-width:0;color:#b4a8bf;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-filters>button{min-width:0;min-height:44px;align-self:end;padding:7px 9px;border:1px solid #786044;border-radius:5px;background:#3c3026;color:#e0c59a;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-filters :is(input,select){width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:7px 8px;border:1px solid #5b4b68;border-radius:5px;background:#1c202a;color:#dfd4e7;font-size:11px}
.eq-workspace .eq-browser .eq-goal-card>.eq-goal-filters{margin:10px 0 0}
.eq-workspace .eq-browser .eq-goal-preview{min-width:0;margin:0 14px 14px;padding:12px;border:1px solid #897349;border-radius:7px;background:linear-gradient(130deg,#302b2c,#222831)}
.eq-workspace .eq-browser .eq-goal-preview :is(h4,h5){margin:0 0 7px;color:#e4ca9e;font:500 18px/1.4 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-preview :is(p,li){color:#c5b8ce;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-preview ul{padding-left:19px}
.eq-workspace .eq-browser .eq-goal-preview table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}
.eq-workspace .eq-browser .eq-goal-preview :is(th,td){padding:7px 5px;border-bottom:1px solid #514656;text-align:right;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-preview :is(th,td):first-child{text-align:left}
.eq-workspace .eq-browser .eq-goal-preview th{color:#d9c29e;font-weight:550}
.eq-workspace .eq-browser .eq-goal-budget{display:grid;gap:3px;min-width:0;margin:0 14px 14px;padding:11px 12px;border:1px solid #514c42;border-radius:6px;background:#24272b;color:#c4b8ca;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.eq-workspace .eq-browser .eq-goal-budget :is(h4,strong){color:#e0c99e}
.eq-workspace .eq-browser .eq-goal-budget h4{margin:0 0 6px;font:500 17px/1.4 Georgia,"Times New Roman",serif}
.eq-workspace .eq-browser .eq-goal-budget p{margin:5px 0 0}
.eq-workspace .eq-browser .eq-goal-budget small{color:#b0a4bd;font-size:10px;line-height:1.5}
.eq-workspace .eq-browser .eq-goal-budget dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin:0;font-variant-numeric:tabular-nums}
.eq-workspace .eq-browser .eq-goal-budget dd{margin:0;color:#ded0e5;text-align:right}
.eq-workspace .eq-browser :is(.eq-goal-toolbar,.eq-goal-card,.eq-loadout-card,.eq-goal-preview,.eq-goal-filters,.eq-goal-empty) :is(button,a,input,select,summary):focus-visible,.eq-workspace .eq-browser .eq-goal-action:focus-visible{outline:2px solid #d9b9f2;outline-offset:2px;box-shadow:none}
.eq-workspace .eq-browser :is(.eq-goal-tabs,.eq-goal-actions) button:disabled,.eq-workspace .eq-browser .eq-goal-action:disabled{opacity:.55;cursor:not-allowed;border-style:dashed}

@container equipment (max-width:650px){
 .eq-workspace .eq-browser .eq-goal-toolbar{margin-inline:12px;padding:8px}
 .eq-workspace .eq-browser .eq-goal-list{padding-inline:12px}
 .eq-workspace .eq-browser :is(.eq-goal-empty,.eq-goal-preview,.eq-goal-budget,.eq-goal-filters){margin-inline:12px}
 .eq-workspace .eq-browser .eq-goal-tabs button{padding-inline:5px;font-size:11px}
 .eq-workspace .eq-browser .eq-goal-actions button{flex:1 1 100px}
 .eq-workspace .eq-browser .eq-goal-context label{flex-basis:100%}
 .eq-workspace .eq-browser .eq-goal-action{flex:1 1 90px}
}
@container equipment (max-width:450px){
 .eq-workspace .eq-browser .eq-goal-toolbar{grid-template-columns:minmax(0,1fr)}
 .eq-workspace .eq-browser .eq-goal-toolbar>button{justify-self:end}
}
