.approval-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.drawer-backdrop{z-index:60;background:#10231d66;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-drawer{background:#fff;width:min(560px,100%);height:100%;padding:24px;overflow:auto;box-shadow:-14px 0 50px #0002}.detail-drawer>header{border-bottom:1px solid #e5eae7;justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.detail-drawer>header button{background:0 0;border:0;font-size:28px}.detail-drawer dl{grid-template-columns:92px 1fr;gap:11px;margin:22px 0;display:grid}.detail-drawer dt{color:#718079}.detail-drawer dd{margin:0}.timeline>div{border-left:2px solid #b8d5cb;padding:0 0 16px 16px}.timeline span{color:#718079;font-size:12px;display:block}.timeline p{margin:5px 0}.opinion{gap:8px;margin-top:18px;display:grid}.opinion textarea{border:1px solid #d9e1dd;border-radius:9px;min-height:96px;padding:12px}.drawer-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.rule-banner{color:#6b5523;background:#fff9e9;border:1px solid #e4cf9e;border-radius:12px;justify-content:space-between;gap:18px;margin-bottom:16px;padding:14px 18px;display:flex}.rule-banner span{font-size:13px}@media (width<=800px){.rule-banner{flex-direction:column}}