.saas-roll-toolbar{gap:var(--saas-space-sm);display:grid}.saas-roll-toolbar__head{align-items:center;gap:var(--saas-space-md);flex-wrap:wrap;display:flex}.saas-roll-toolbar__title{flex:200px;gap:2px;min-inline-size:0;display:grid}.saas-roll-toolbar__name{color:var(--saas-text-primary);font-size:var(--saas-font-title);margin:0;font-weight:700}.saas-roll-toolbar__subtitle{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0}.saas-roll-toolbar__counts{gap:var(--saas-space-xs);flex-wrap:wrap;display:flex}.saas-roll-toolbar__count{--count-ink:var(--saas-status-success);--count-wash:var(--saas-status-success-subtle);align-items:baseline;column-gap:var(--saas-space-xs);min-inline-size:64px;padding:var(--saas-space-xs) var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);font-family:var(--saas-font-family);text-align:start;cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard);grid-template-columns:auto auto;grid-template-areas:"code number""label label";display:grid}.saas-roll-toolbar__count[data-tone=danger]{--count-ink:var(--saas-status-danger);--count-wash:var(--saas-status-danger-subtle)}.saas-roll-toolbar__count[data-tone=warning]{--count-ink:var(--saas-status-warning);--count-wash:var(--saas-status-warning-subtle)}.saas-roll-toolbar__count[data-tone=info]{--count-ink:var(--saas-status-info);--count-wash:var(--saas-status-info-subtle)}.saas-roll-toolbar__count:hover,.saas-roll-toolbar__count[aria-pressed=true]{border-color:var(--count-ink);background:var(--count-wash)}.saas-roll-toolbar__count:focus-visible,.saas-roll-toolbar__quick:focus-visible,.saas-roll-toolbar__view:focus-visible,.saas-roll-toolbar__rolls-go:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-roll-toolbar__count[data-empty=true]:not([aria-pressed=true]){opacity:.55}.saas-roll-toolbar__code{color:var(--count-ink);font-size:var(--saas-font-caption);grid-area:code;font-weight:800}.saas-roll-toolbar__number{color:var(--saas-text-primary);font-size:var(--saas-font-heading);font-variant-numeric:tabular-nums;grid-area:number;font-weight:700}.saas-roll-toolbar__label{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);grid-area:label}.saas-roll-toolbar__tools{align-items:center;gap:var(--saas-space-xs);padding:var(--saas-space-xs);border-radius:var(--saas-radius-lg);background:var(--saas-bg-sunken);flex-wrap:wrap;display:flex}.saas-roll-toolbar__quick,.saas-roll-toolbar__rolls-go{align-items:center;gap:var(--saas-space-xs);min-block-size:36px;padding-inline:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);cursor:pointer;transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), background-color var(--saas-motion-micro) var(--saas-ease-standard);font-weight:600;display:inline-flex}.saas-roll-toolbar__quick:hover{border-color:var(--saas-brand-primary);background:var(--saas-brand-subtle)}.saas-roll-toolbar__rolls{align-items:center;gap:var(--saas-space-xs);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);padding-inline-start:var(--saas-space-sm);display:inline-flex}.saas-roll-toolbar__rolls:focus-within{border-color:var(--saas-status-danger-fill)}.saas-roll-toolbar__rolls-label{color:var(--saas-status-danger);font-size:var(--saas-font-caption);white-space:nowrap;font-weight:700}.saas-roll-toolbar__rolls-input{min-block-size:34px;inline-size:130px;color:var(--saas-text-primary);font-family:var(--saas-font-mono);font-size:var(--saas-font-body-sm);background:0 0;border:0}.saas-roll-toolbar__rolls-input:focus{outline:none}.saas-roll-toolbar__rolls-go{background:var(--saas-status-danger-fill);color:var(--saas-brand-on-primary);border-color:#0000}.saas-roll-toolbar__rolls-go:disabled{background:var(--saas-border-default);color:var(--saas-text-secondary);cursor:default}.saas-roll-toolbar__spacer{flex:1}.saas-roll-toolbar__search{align-items:center;gap:var(--saas-space-xs);padding-inline:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);color:var(--saas-text-secondary);display:inline-flex}.saas-roll-toolbar__search:focus-within{border-color:var(--saas-brand-primary)}.saas-roll-toolbar__search input{min-block-size:34px;inline-size:160px;color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);background:0 0;border:0}.saas-roll-toolbar__search input:focus{outline:none}.saas-roll-toolbar__views{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);padding:2px;display:inline-flex}.saas-roll-toolbar__view{border-radius:var(--saas-radius-full);block-size:30px;inline-size:32px;color:var(--saas-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.saas-roll-toolbar__view[aria-pressed=true]{background:var(--saas-brand-primary);color:var(--saas-brand-on-primary)}.saas-roll-toolbar__message{min-block-size:0;color:var(--saas-text-secondary);font-size:var(--saas-font-caption);margin:0}.saas-roll-toolbar__message:empty{display:none}@media (width<=599px){.saas-roll-toolbar__counts{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));inline-size:100%;display:grid}.saas-roll-toolbar__count{min-block-size:44px;min-inline-size:0}.saas-roll-toolbar__quick,.saas-roll-toolbar__rolls,.saas-roll-toolbar__search{flex:100%;justify-content:center;min-block-size:44px}.saas-roll-toolbar__rolls-input,.saas-roll-toolbar__search input{flex:1;inline-size:auto;min-inline-size:0}.saas-roll-toolbar__spacer,.saas-roll-toolbar__views{display:none}}