.attribute-controls { display:grid; gap:.65rem; padding:.75rem; border:2px solid var(--ink); border-radius:10px; color:var(--parch); background:rgba(20,10,30,.45); box-shadow:inset 0 2px 6px rgba(0,0,0,.45); }
.attribute-controls h3 { margin:0; color:var(--brass-l); font:400 17px var(--font-display); text-shadow:0 2px 0 var(--ink); }
.attribute-controls dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem .75rem; margin:0; }
.attribute-controls dl>div { display:flex; justify-content:space-between; gap:.5rem; }
.attribute-controls dt { color:var(--text-dim); font-weight:800; }
.attribute-controls dd { margin:0; font-variant-numeric:tabular-nums; }
.attribute-controls__actions,.attribute-controls__confirm { display:flex; flex-wrap:wrap; gap:.5rem; }
.attribute-controls p { margin:0; color:var(--text-dim); font-size:12px; font-weight:800; }
.attribute-controls__reason { color:#ffe39d !important; }
.attribute-controls__status { min-height:1.3em; color:var(--parch) !important; }
.attribute-controls button { min-height:44px; padding:.4em .9em; border:2px solid var(--ink); border-radius:9px; color:var(--ink); background:linear-gradient(180deg,var(--brass-l),var(--brass)); box-shadow:0 2px 0 var(--ink); font:800 14px var(--font-ui); cursor:pointer; }
.attribute-controls button:disabled { opacity:.55; cursor:default; }
@media (max-width:420px) { .attribute-controls dl { grid-template-columns:1fr; } }