.approval-tabs{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap}.approval-tabs button{border:1px solid color-mix(in srgb,var(--green) 55%,#fff);border-radius:8px;background:color-mix(in srgb,var(--green) 7%,#fff);padding:8px 12px;color:var(--ink);font-weight:800}.approval-tabs button.active{background:var(--green);color:#fff}.approval-tabs b{margin-left:5px}.approval-table th{background:var(--green);color:#fff}.approval-table td{vertical-align:middle}.approval-table td small{display:block;margin-top:3px;color:var(--muted)}.approval-panel{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0 0 10px;padding:12px 14px;border:1px solid var(--green);border-radius:10px;background:color-mix(in srgb,var(--green) 10%,#fff)}.approval-panel h2{margin:2px 0;font-size:1.05rem}.approval-panel p{margin:3px 0;color:var(--muted)}.approval-actions{display:flex;gap:7px;align-items:start}.approval-history{grid-column:1/-1;border-top:1px solid color-mix(in srgb,var(--green) 35%,#fff);padding-top:9px}.approval-history h3{margin:0 0 6px}.approval-history>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:7px 0;border-top:1px solid color-mix(in srgb,var(--green) 18%,#fff);font-size:.72rem}.approval-history>div p{grid-column:1/-1;margin:0}@media(max-width:800px){.approval-panel{grid-template-columns:1fr}.approval-actions{flex-wrap:wrap}.approval-history>div{grid-template-columns:1fr}}