/* F: decants first; shared operational tokens also serve existing learning/reports/expenses. */
.l4-operations .decants-view{gap:var(--sp-5);}
.l4-operations .decants-view>.ui-sechead{margin:0;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;}
.l4-operations .decants-tools{gap:var(--sp-3);}
.l4-operations .decant-row{padding:var(--sp-4);background:var(--surface);}
.l4-operations .decant-row>summary{min-height:var(--h-row);gap:var(--sp-3);}
.l4-operations .decant-row>summary .thumb{width:52px;height:52px;flex-shrink:0;}
.l4-operations .decant-row>summary .grow{display:grid;gap:var(--sp-1);}
.l4-operations .decant-row>summary small{font-variant-numeric:tabular-nums;}
.l4-operations .decant-row>summary::after{content:'';width:8px;height:8px;flex-shrink:0;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);margin-left:auto;}
.l4-operations .decant-row[open]>summary::after{transform:rotate(225deg);}
.l4-operations .decant-row>.stack{margin-top:var(--sp-5);}
.l4-operations .decant-bottle{padding-block:var(--sp-4);}
.l4-operations .decant-bottle>summary{font-weight:var(--fw-semi);gap:var(--sp-2);overflow-wrap:anywhere;}
.l4-operations .decant-bottle>.row{margin-top:var(--sp-3);}
.l4-operations .decant-valuation{padding:var(--sp-4);background:var(--card);border-radius:var(--r-m);font-variant-numeric:tabular-nums;}
.l4-operations .decant-valuation>p+p{margin-top:var(--sp-3);}
.l4-operation-sheet .decant-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);}
.l4-operation-sheet .decant-fields .field>span{font-size:var(--fs-s);}
.l4-operation-sheet .practice .option{min-height:var(--hit);font-size:var(--fs-m);padding:var(--sp-4);text-align:left;}
.l4-operation-sheet .practice .situation{font-size:var(--fs-l);line-height:var(--lh-body);}
.l4-operations[data-operation-page=aprendizaje] .scroll-x{max-width:100%;overscroll-behavior-x:contain;}
.l4-operations[data-operation-page=gastos] .grid-2{gap:var(--sp-4);}
@media(max-width:599px){
 .l4-operations .decants-tools>.btn{flex:1 1 220px;}
 .l4-operations .decant-row .facts>li{flex-wrap:wrap;gap:var(--sp-2);}
 .l4-operation-sheet .decant-fields{grid-template-columns:minmax(0,1fr);}
 .l4-operations[data-operation-page=gastos] .grid-2{grid-template-columns:minmax(0,1fr);}
}