.dside-card { border-radius: var(--dui-radius, .875rem); border: 1px solid var(--gray-200); background: #fff; padding: 1rem 1.125rem; color: var(--gray-950); box-shadow: 0 1px 2px rgb(0 0 0 / .04); }
    .dark .dside-card { background: rgb(255 255 255 / .03); border-color: rgb(255 255 255 / .1); color: #fff; }
    .dside-head { display: flex; align-items: center; gap: .5rem; margin-bottom: .75rem; }
    .dside-title { font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--gray-500); }
    .dark .dside-title { color: var(--gray-400); }
    .dside-head > :last-child:not(.dside-title) { margin-left: auto; }
    .dside-row { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; padding: .45rem 0; border-top: 1px solid var(--gray-200); font-size: .875rem; }
    .dark .dside-row { border-color: rgb(255 255 255 / .08); }
    .dside-row > :first-child { color: var(--gray-500); }
    .dark .dside-row > :first-child { color: var(--gray-400); }
    .dside-row > :last-child { font-weight: 500; font-variant-numeric: tabular-nums; text-align: right; overflow-wrap: anywhere; }
    .dside-row.dside-strong > :last-child { font-weight: 700; }
    .dside-muted { font-size: .8125rem; color: var(--gray-500); }
    .dark .dside-muted { color: var(--gray-400); }
    .dside-alert { margin-top: .625rem; font-size: .8125rem; color: var(--danger-700); }
    .dark .dside-alert { color: var(--danger-400); }
    .dside-box { margin-top: .625rem; padding: .625rem .75rem; border-radius: var(--dui-radius-md, .625rem); background: var(--gray-50); }
    .dark .dside-box { background: rgb(255 255 255 / .05); }