.saas-approvals{gap:var(--saas-space-md);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.saas-approvals [data-tone]{--saas-approvals-ink:var(--saas-text-secondary);--saas-approvals-wash:var(--saas-bg-sunken)}.saas-approvals [data-tone=success],.saas-approval-detail [data-tone=success]{--saas-approvals-ink:var(--saas-status-success);--saas-approvals-wash:var(--saas-status-success-subtle)}.saas-approvals [data-tone=warning],.saas-approval-detail [data-tone=warning]{--saas-approvals-ink:var(--saas-status-warning);--saas-approvals-wash:var(--saas-status-warning-subtle)}.saas-approvals [data-tone=danger],.saas-approval-detail [data-tone=danger]{--saas-approvals-ink:var(--saas-status-danger);--saas-approvals-wash:var(--saas-status-danger-subtle)}.saas-approvals [data-tone=info],.saas-approval-detail [data-tone=info]{--saas-approvals-ink:var(--saas-status-info);--saas-approvals-wash:var(--saas-status-info-subtle)}.saas-approvals [data-tone=neutral],.saas-approval-detail [data-tone=neutral]{--saas-approvals-ink:var(--saas-text-secondary);--saas-approvals-wash:var(--saas-status-neutral-subtle)}.saas-approvals [data-tone=new],.saas-approval-detail [data-tone=new]{--saas-approvals-ink:var(--saas-on-accent);--saas-approvals-wash:var(--saas-accent)}.saas-approvals__toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-sm);padding:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);flex-wrap:wrap;display:flex}.saas-approvals__tabs{gap:var(--saas-space-2xs);min-inline-size:0;max-inline-size:100%;padding:var(--saas-space-2xs);border-radius:var(--saas-radius-md);background:var(--saas-bg-sunken);scrollbar-width:none;display:flex;overflow-x:auto}.saas-approvals__tab{align-items:center;gap:var(--saas-space-xs);min-block-size:36px;padding-inline:var(--saas-space-md);border-radius:var(--saas-radius-sm);color:var(--saas-text-secondary);font:inherit;font-size:var(--saas-font-body);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), color var(--saas-motion-micro) var(--saas-ease-standard);background:0 0;border:0;flex:none;font-weight:600;display:inline-flex}.saas-approvals__tab:hover{color:var(--saas-text-primary)}.saas-approvals__tab[aria-pressed=true]{background:var(--saas-bg-surface);color:var(--saas-brand-strong);box-shadow:0 0 0 1px var(--saas-border-default)}.saas-approvals__tab-count{min-inline-size:22px;padding:0 var(--saas-space-xs);border-radius:var(--saas-radius-full);background:var(--saas-status-neutral-subtle);color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);text-align:center}.saas-approvals__tab-count[data-hot=true]{background:var(--saas-status-warning-fill);color:var(--saas-on-accent)}.saas-approvals__tools{justify-content:flex-end;align-items:center;gap:var(--saas-space-sm);flex-wrap:wrap;flex:auto;display:flex}.saas-approvals__search,.saas-approvals__select select,.saas-approvals__refresh{align-items:center;gap:var(--saas-space-xs);min-block-size:38px;padding-inline:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);color:var(--saas-text-secondary);font:inherit;font-size:var(--saas-font-body);display:inline-flex}.saas-approvals__search{flex:260px}.saas-approvals__search input{min-inline-size:0;color:var(--saas-text-primary);font:inherit;background:0 0;border:0;outline:none;flex:1}.saas-approvals__search:focus-within,.saas-approvals__select select:focus-visible,.saas-approvals__refresh:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-approvals__select select{color:var(--saas-text-primary);cursor:pointer}.saas-approvals__updated{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm)}.saas-approvals__refresh{background:var(--saas-text-primary);border-color:var(--saas-text-primary);color:var(--saas-bg-surface);cursor:pointer;font-weight:600}.saas-approvals__refresh:disabled{opacity:.7;cursor:progress}.saas-approvals__refresh[data-busy=true] svg{animation:.9s linear infinite saas-approvals-spin}@keyframes saas-approvals-spin{to{transform:rotate(360deg)}}.saas-approvals__split{align-items:start;gap:var(--saas-space-md);grid-template-columns:minmax(0,1fr) minmax(360px,440px);display:grid}.saas-approvals__list{gap:var(--saas-space-md);min-inline-size:0;padding:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);grid-template-columns:minmax(0,1fr);display:grid}.saas-approvals__group{gap:var(--saas-space-xs);grid-template-columns:minmax(0,1fr);display:grid}.saas-approvals__day{align-items:center;gap:var(--saas-space-xs);padding:var(--saas-space-xs) var(--saas-space-sm) 0;color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0;font-weight:700;display:flex}.saas-approvals__day span{color:var(--saas-text-secondary);font-weight:500}.saas-approvals__rows{gap:var(--saas-space-2xs);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.saas-approvals__row{align-items:center;gap:var(--saas-space-md);inline-size:100%;padding:var(--saas-space-sm) var(--saas-space-md);border-radius:var(--saas-radius-md);color:inherit;font:inherit;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);background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto 104px;display:grid;position:relative}.saas-approvals__row:hover{background:var(--saas-bg-sunken)}.saas-approvals__row:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-approvals__row[data-turn=true]:before{content:"";inset-block:var(--saas-space-sm);border-radius:var(--saas-radius-full);background:var(--saas-status-warning-fill);inline-size:3px;position:absolute;inset-inline-start:0}.saas-approvals__row[data-selected=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-subtle);box-shadow:0 0 0 3px var(--saas-brand-glow)}.saas-approvals__kind{border-radius:var(--saas-radius-md);flex:none;place-items:center;block-size:40px;inline-size:40px;display:inline-grid}.saas-approvals__kind[data-tint="1"]{background:var(--saas-subject-1-bg);color:var(--saas-subject-1-ink)}.saas-approvals__kind[data-tint="2"]{background:var(--saas-subject-2-bg);color:var(--saas-subject-2-ink)}.saas-approvals__kind[data-tint="3"]{background:var(--saas-subject-3-bg);color:var(--saas-subject-3-ink)}.saas-approvals__kind[data-tint="4"]{background:var(--saas-subject-4-bg);color:var(--saas-subject-4-ink)}.saas-approvals__kind[data-tint="5"]{background:var(--saas-subject-5-bg);color:var(--saas-subject-5-ink)}.saas-approvals__kind[data-tint="6"]{background:var(--saas-subject-6-bg);color:var(--saas-subject-6-ink)}.saas-approvals__kind[data-tint="7"]{background:var(--saas-subject-7-bg);color:var(--saas-subject-7-ink)}.saas-approvals__kind[data-tint="8"]{background:var(--saas-subject-8-bg);color:var(--saas-subject-8-ink)}.saas-approvals__main{gap:2px;min-inline-size:0;display:grid}.saas-approvals__title{align-items:center;gap:var(--saas-space-xs);min-inline-size:0;color:var(--saas-text-primary);font-size:var(--saas-font-reading);font-weight:600;display:flex}.saas-approvals__meta{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-approvals__badge,.saas-approvals__pill{padding:1px var(--saas-space-xs);border-radius:var(--saas-radius-full);background:var(--saas-approvals-wash);color:var(--saas-approvals-ink);font-size:var(--saas-font-body-sm);white-space:nowrap;flex:none;align-items:center;font-weight:600;display:inline-flex}.saas-approvals__pill{justify-self:end;gap:var(--saas-space-xs);padding:2px var(--saas-space-sm)}.saas-approvals__pill:before{content:"";border-radius:var(--saas-radius-full);background:currentColor;block-size:6px;inline-size:6px}.saas-approvals__people{gap:var(--saas-space-xs);display:inline-flex}.saas-approvals__person{border-radius:var(--saas-radius-full);background:var(--saas-status-neutral-subtle);block-size:34px;inline-size:34px;color:var(--saas-text-secondary);place-items:center;font-size:11px;font-weight:700;display:inline-grid;position:relative}.saas-approvals__person[data-state=submitted]{background:var(--saas-tint-blue-bg);color:var(--saas-tint-blue-fg)}.saas-approvals__person[data-state=done]{background:var(--saas-status-success-fill);color:var(--saas-on-accent)}.saas-approvals__person[data-state=rejected]{background:var(--saas-status-danger-fill);color:var(--saas-on-accent)}.saas-approvals__person[data-state=current]{background:var(--saas-bg-surface);color:var(--saas-status-warning);box-shadow:inset 0 0 0 2px var(--saas-status-warning-fill)}.saas-approvals__person[data-state=upcoming]{opacity:.6}.saas-approvals__person-mark{border:2px solid var(--saas-bg-surface);border-radius:var(--saas-radius-full);background:var(--saas-status-info-fill);block-size:11px;inline-size:11px;position:absolute;inset-block-end:-2px;inset-inline-end:-2px}.saas-approvals__person[data-state=done] .saas-approvals__person-mark{background:var(--saas-status-success)}.saas-approvals__person[data-state=rejected] .saas-approvals__person-mark{background:var(--saas-status-danger)}.saas-approvals__person[data-state=current] .saas-approvals__person-mark{background:var(--saas-status-warning-fill)}.saas-approvals__detail{max-block-size:calc(100vh - var(--saas-header-height) - 2 * var(--saas-space-md));border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);position:sticky;inset-block-start:calc(var(--saas-header-height) + var(--saas-space-md));overflow-y:auto}@media (width<=1279px) and (width>=1024px){.saas-approvals__row{grid-template-columns:auto minmax(0,1fr) 104px}.saas-approvals__row .saas-approvals__people{display:none}}@media (width<=1023px){.saas-approvals__split{grid-template-columns:minmax(0,1fr)}}@media (width<=599px){.saas-approvals__tools,.saas-approvals__search{inline-size:100%}.saas-approvals__search{flex:100%}.saas-approvals__updated{flex:1}.saas-approvals__list{padding:var(--saas-space-2xs)}.saas-approvals__row{gap:var(--saas-space-sm);min-block-size:56px;padding:var(--saas-space-sm);grid-template-columns:auto minmax(0,1fr) auto}.saas-approvals__row .saas-approvals__people{display:none}.saas-approvals__tab{min-block-size:44px}}@media (prefers-reduced-motion:reduce){.saas-approvals__refresh[data-busy=true] svg{animation:none}}