.operation.my-commissions{display:block;place-items:normal;text-align:left;min-width:0}
.my-commissions>section,.my-commissions>[data-top]{width:100%;min-width:0}
.my-commissions section.my-section{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-surface)}
.my-commissions h1{font-size:clamp(1.5rem,3vw,2rem);margin:.25rem 0 1rem}
.my-commissions h2{font-size:1.25rem;margin:0 0 .75rem}
.my-commissions .my-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin:1rem 0}
.my-commissions .my-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.85rem;margin:1rem 0}
.my-summary article{border:1px solid var(--color-border);border-radius:.75rem;padding:1rem}
.my-summary small{display:block;color:var(--color-text-muted);line-height:1.5;margin-bottom:.4rem}
.my-summary strong{font-size:1.35rem}
.my-summary .is-retained{background:#fff3eb;border-color:#efc6ad}
.my-summary .is-risk{background:#fffbeb;border-color:#ead38b}
.my-commissions .my-note{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}
.my-commissions .my-state{display:inline-block;font-size:.8rem;font-weight:700;padding:.3rem .6rem;border-radius:999px;background:#eef2ff;color:#3730a3}
.my-commissions .my-state.is-pending{background:#fef3c7;color:#854d0e}
.my-commissions .my-state.is-fraud{background:#fee2e2;color:#991b1b}
.my-commissions .my-state.is-clear{background:#dcfce7;color:#166534}
.my-commissions .my-timeline{list-style:none;padding:0;margin:1rem 0}
.my-timeline li{padding:1rem;border-left:3px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.my-timeline p{margin:.4rem 0}
.my-commissions a{color:var(--color-brand)}
@media(max-width:640px){.my-commissions section.my-section{padding:.85rem}.my-commissions .my-toolbar{align-items:stretch}.my-commissions .my-toolbar button{min-height:2.75rem}}

.my-commissions>[data-top] .my-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.my-commissions>[data-top] .my-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.my-commissions>[data-top] .my-summary{grid-template-columns:minmax(0,1fr)}}