.approval-alert{height:34px;border:1px solid #f0c8c8;background:#fff7f7;color:#9f3f45;border-radius:6px;padding:0 9px;display:flex;align-items:center;gap:6px;cursor:pointer;font:inherit}.approval-alert:hover{background:#fff0f0}.approval-alert b{font-size:12px}.approval-alert em{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d95c62;color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center}.approval-alert.clear{border-color:var(--line);background:#fff;color:var(--text-2)}.approval-alert.clear em{background:var(--text-3)}
.approval-center{max-width:1080px;margin:0 auto}.approval-center-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:6px 0 18px;border-bottom:1px solid var(--line)}.approval-center-head>div>span{font-size:12px;color:var(--brand);font-weight:700}.approval-center-head h1{margin:5px 0;font-size:28px}.approval-center-head p{margin:0;color:var(--text-2)}.approval-total{text-align:center;min-width:92px}.approval-total b{display:block;font-size:30px;color:#d95c62}.approval-total span{font-size:12px;color:var(--text-3)}
.approval-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.approval-summary a{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--text);text-decoration:none}.approval-summary span{font-size:13px}.approval-summary b{font-size:20px;color:var(--brand)}
.approval-section{background:#fff;border:1px solid var(--line);border-radius:7px;margin-top:14px;overflow:hidden}.approval-section>header{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line-2)}.approval-section h2{font-size:17px;margin:0 0 3px}.approval-section header p{margin:0;font-size:12px;color:var(--text-3)}.approval-section header em{font-style:normal;font-size:12px;color:var(--text-2)}.approval-list{padding:0 17px}.approval-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line-2)}.approval-item:last-child{border-bottom:0}.approval-copy{min-width:0}.approval-copy>span{font-size:11px;color:var(--text-3)}.approval-copy h3{font-size:14px;margin:4px 0 7px}.approval-copy p{font-size:12px;color:var(--text-2);margin:3px 0;white-space:pre-line}.approval-copy p b{color:var(--text)}.approval-actions{display:flex;gap:7px;flex:none}.approval-center-empty{padding:30px 10px;text-align:center;color:var(--text-3)}.approval-center-empty span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9f5ef;color:#438b69}.approval-center-empty p{margin:8px 0 0;font-size:12px}
@media(max-width:800px){.approval-alert b{display:none}.approval-center-head{align-items:center}.approval-center-head h1{font-size:23px}.approval-summary{grid-template-columns:1fr}.approval-item{align-items:flex-start;flex-direction:column}.approval-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.approval-section>header{align-items:flex-start}.approval-total{min-width:62px}}
.approval-history-filters{display:flex;gap:12px;align-items:end;padding:12px 0}.approval-history-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2)}.approval-history-filters input,.approval-history-filters select{min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#fff}