[data-dashboard-card]{position:relative;padding-right:68px}
[data-dashboard-card]>.card-reorder-handle{position:absolute;top:10px;right:10px;z-index:4;width:42px;height:42px;min-height:42px;padding:11px;border:1px solid transparent;border-radius:12px;background:rgba(7,17,31,.58);display:grid;align-content:center;gap:4px;touch-action:none;cursor:grab;opacity:.72;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
[data-dashboard-card]>.card-reorder-handle:hover,[data-dashboard-card]>.card-reorder-handle:focus-visible{opacity:1;border-color:var(--line);outline:none}
.card-reorder-handle span{display:block;width:18px;height:2px;margin:auto;border-radius:2px;background:var(--muted)}
.is-reordering{z-index:8;opacity:.24;border-color:rgba(71,215,172,.8)!important;box-shadow:0 0 0 3px rgba(71,215,172,.13)!important;cursor:grabbing;pointer-events:none}
.reorder-active{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}
.reorder-drag-preview{position:fixed!important;z-index:1000!important;margin:0!important;pointer-events:none!important;opacity:.96;overflow:hidden;transform:translate3d(0,0,0);border-color:rgba(71,215,172,.9)!important;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 3px rgba(71,215,172,.16)!important}
.reorder-active [data-dashboard-card]:not(.is-reordering){transition:transform .16s ease}
.reorder-notice{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:50;max-width:calc(100% - 28px);padding:11px 15px;border:1px solid rgba(71,215,172,.35);border-radius:999px;background:#10263a;color:#dffbf2;box-shadow:0 12px 32px rgba(0,0,0,.4);font-size:.82rem;font-weight:750;text-align:center;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.18s ease}
.reorder-notice.show{opacity:1;transform:translate(-50%,0)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.metric>.card-reorder-handle{top:7px;right:7px}
.metric{padding-right:48px}
@media(max-width:480px){[data-dashboard-card]>.card-reorder-handle{top:7px;right:7px;width:40px;height:40px}.metric{padding-right:44px}}