#approvals [hidden],#reconsiderForm [hidden]{display:none!important}
#approvalHistoryFilters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#approvalHistorySearch{width:280px;max-width:100%}
#approvals .reviewTask,#approvals .pendingReviewTask{white-space:normal;text-align:left;overflow-wrap:anywhere;max-width:100%}
#approvals .approval-content{white-space:pre-wrap;overflow-wrap:anywhere}
#reconsiderForm textarea{min-height:130px}

#approvals.active{display:flex;flex-direction:column;height:var(--approval-height,calc(100dvh - 170px));min-height:240px;overflow:hidden}
#approvals .approval-fixed-head{flex:none;background:#f3f8fb;padding:0 0 10px;border-bottom:1px solid #dbe5ee}
#approvals .approval-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#approvals .approval-heading h2{margin:0;font-size:22px;color:#0f4c81}
#approvals .approval-tabs{display:flex;gap:6px;flex:none;align-items:center}
#approvals .approval-tabs button{margin:0;white-space:nowrap}
#approvals .approval-tabs button[aria-pressed="true"]{background:#0f4c81;color:white;border-color:#0f4c81}
#approvals #approvalHistoryFilters{margin:8px 0 0;justify-content:flex-start}
#approvals .approval-fixed-head>label{display:flex;align-items:center;gap:6px;margin:8px 0 0}
#approvals #approvalList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 5px 12px 0}
#approvals .approval-item{padding:10px 12px;margin:8px 0}
#approvals .review-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}
#approvals .review-summary{display:flex;align-items:center;gap:10px;margin-top:6px}
#approvals .review-summary>.badge{flex:none}
#approvals .review-comment{flex:1;min-width:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
#approvals .review-summary>.editReview{flex:none;margin:0}
@media(max-width:700px){
 #approvals .approval-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}
 #approvals .approval-heading h2{font-size:18px}
 #approvals .approval-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 #approvals .approval-tabs button{padding:8px 6px;min-height:40px;font-size:13px}
 #approvals #approvalHistoryFilters{display:grid;grid-template-columns:minmax(0,1fr) auto}
 #approvals #approvalHistoryStatus{grid-column:1/-1;width:100%}
 #approvals #approvalHistorySearch{width:100%;min-width:0}
 #approvals .review-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
 #approvals .review-summary>.badge{justify-self:start;white-space:normal}
 #approvals .review-summary>.editReview{grid-column:2;grid-row:1;font-size:11px;max-width:150px;white-space:normal;padding:7px}
 #approvals .review-comment{grid-column:1/-1;font-size:13px}
 #approvals .approval-item{padding:9px}
}