.sdtu { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.sdtu .sdtu-button { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border: 1px solid #cbd5e1; border-radius: 999px; background: #fff; color: #243247; font: inherit; line-height: 1.4; cursor: pointer; }
.sdtu .sdtu-button:hover:not(:disabled) { background: #eff6ff; border-color: #2563eb; }
.sdtu .sdtu-button:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.sdtu .sdtu-button[aria-pressed="true"] { background: #eff6ff; color: #1d4ed8; border-color: #93c5fd; }
.sdtu .sdtu-button:disabled { cursor: default; }
.sdtu .sdtu-count { font-weight: 700; min-width: 1ch; }
.sdtu .sdtu-status { font-size: 0.85em; }