.my-approvals-entry { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.my-approvals-entry[hidden] { display:none !important; }
.my-approvals-badge { min-width:20px; height:20px; padding:0 5px; display:inline-grid; place-items:center; border-radius:10px; background:#3159e9; color:#fff; font-size:11px; font-weight:700; }
.my-approvals-entry[data-state="error"] .my-approvals-badge { background:#a65816; }
.my-approvals-dialog { box-sizing:border-box; width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); overflow:auto; padding:24px; border:1px solid #dce3ee; border-radius:18px; color:#182842; background:#fff; box-shadow:0 24px 80px #17243b38; font:14px/1.6 system-ui,sans-serif; }
.my-approvals-dialog::backdrop { background:#15264445; }
.my-approvals-dialog h2 { margin:0; font-size:22px; line-height:1.4; }
.my-approvals-dialog header,.my-approvals-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.my-approvals-dialog header small { color:#65778f; }
.my-approvals-dialog footer { justify-content:flex-end; margin-top:20px; }
.my-approvals-dialog .btn { min-height:38px; }
.my-approvals-note,#myApprovalsPrompt>p { color:#63748c; margin:10px 0 18px; }
.my-approvals-counts { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0; }
.my-approvals-counts>div { display:grid; gap:5px; padding:14px 16px; border:1px solid #e0e7f3; border-radius:12px; background:#f6f8ff; }
.my-approvals-counts span { color:#63748c; font-size:12px; }
.my-approvals-counts strong { color:#2849b6; font-size:22px; line-height:1.4; }
.my-approvals-items { display:grid; gap:10px; }
.my-approvals-item { display:grid; gap:4px; width:100%; padding:14px 16px; border:1px solid #dfe6f0; border-radius:12px; background:#fff; text-align:left; cursor:pointer; font:inherit; color:inherit; overflow-wrap:anywhere; }
.my-approvals-item:hover,.my-approvals-item:focus-visible { border-color:#7c9af3; background:#f8faff; }
.my-approvals-item span { color:#65748c; font-size:12px; }
.my-approvals-item small { color:#3159d8; }
#myApprovalsPanel [data-status][data-state="error"] { padding:12px; border-radius:10px; color:#8f5018; background:#fff7ed; }
#myApprovalsPrompt { width:min(440px,calc(100vw - 32px)); }
.my-approvals-prompt-icon { width:36px; height:36px; margin-bottom:14px; display:grid; place-items:center; border-radius:12px; background:#edf2ff; color:#3159d8; font-weight:700; }
@media(max-width:600px) { .my-approvals-dialog { padding:20px; } .my-approvals-dialog h2 { font-size:20px; } .my-approvals-counts>div { padding:12px; } }