.ofn-tabs-list{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;padding:2px;border-block-end:1px solid var(--p-color-border-secondary, #ebebeb);padding-block-end:8px;margin-block-end:12px}.ofn-tabs[data-fitted=true] .ofn-tab{flex:1 1 0;justify-content:center}.ofn-tab{display:inline-flex;align-items:center;gap:6px;flex:none;min-block-size:32px;padding:6px 12px;border:0;border-radius:8px;background:transparent;color:var(--p-color-text-secondary, #616161);font:inherit;font-size:.8125rem;font-weight:550;white-space:nowrap;cursor:pointer}.ofn-tab:hover{background:var(--p-color-bg-fill-transparent-hover, rgba(0, 0, 0, .05));color:var(--p-color-text, #303030)}.ofn-tab[aria-selected=true]{background:var(--p-color-bg-fill-transparent-selected, rgba(0, 0, 0, .08));color:var(--p-color-text, #303030)}.ofn-tab:focus-visible{outline:2px solid var(--p-color-border-focus, #005bd3);outline-offset:1px}.ofn-tab-badge{min-inline-size:20px;padding:0 6px;border-radius:999px;background:var(--p-color-bg-fill-secondary, #f1f1f1);color:var(--p-color-text, #303030);font-size:.75rem;line-height:1.25rem;text-align:center}.ofn-collapsible[hidden]{display:none}.ofn-progress{inline-size:100%;block-size:8px;overflow:hidden;border-radius:999px;background:var(--p-color-bg-fill-tertiary, #e3e3e3)}.ofn-progress[data-size=small]{block-size:4px}.ofn-progress-fill{display:block;block-size:100%;border-radius:inherit;background:var(--p-color-bg-fill-info, #005bd3);transition:inline-size .2s ease}.ofn-progress[data-tone=success] .ofn-progress-fill{background:var(--p-color-bg-fill-success, #29845a)}.ofn-progress[data-tone=critical] .ofn-progress-fill{background:var(--p-color-bg-fill-critical, #c70a24)}@media(prefers-reduced-motion:reduce){.ofn-progress-fill{transition:none}}.ofn-skeleton-body{display:flex;flex-direction:column;gap:10px}.ofn-skeleton-line,.ofn-skeleton-display,.ofn-skeleton-tab{display:block;border-radius:6px;background:var(--p-color-bg-fill-tertiary, #e3e3e3);animation:ofn-skeleton-pulse 1.4s ease-in-out infinite}.ofn-skeleton-line{block-size:10px}.ofn-skeleton-line[data-last=true]{inline-size:70%}.ofn-skeleton-display{block-size:24px;inline-size:40%}.ofn-skeleton-display[data-size=large]{block-size:32px}.ofn-skeleton-display[data-size=small]{block-size:18px}.ofn-skeleton-tabs{display:flex;gap:8px}.ofn-skeleton-tab{block-size:28px;inline-size:88px}@keyframes ofn-skeleton-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.ofn-skeleton-line,.ofn-skeleton-display,.ofn-skeleton-tab{animation:none}}.ofn-page-title{margin:0;color:var(--p-color-text, #303030);font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-.01em}.ofn-section-title{margin:0;color:var(--p-color-text, #303030);font-size:1.25rem;line-height:1.75rem;font-weight:650}.ofn-order-table{border-top:1px solid var(--p-color-border-secondary, #ebebeb)}.ofn-order-table__bulk{padding:8px 16px;background:var(--p-color-bg-surface-secondary, #f7f7f7);border-bottom:1px solid var(--p-color-border-secondary, #ebebeb)}.ofn-order-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ofn-order-table__table{width:100%;border-collapse:collapse;font-size:.8125rem;line-height:1.25rem;color:var(--p-color-text, #303030)}.ofn-order-table__table th,.ofn-order-table__table td{padding:6px 12px;text-align:start;vertical-align:middle;border-bottom:1px solid var(--p-color-border-secondary, #ebebeb)}.ofn-order-table__table th{background:var(--p-color-bg-surface-secondary, #f7f7f7);color:var(--p-color-text-secondary, #616161);font-weight:550;white-space:nowrap}.ofn-order-table__table [data-numeric=true]{text-align:end;font-variant-numeric:tabular-nums}.ofn-order-table__table th:first-child,.ofn-order-table__table td:first-child{padding-inline-start:16px}.ofn-order-table__select{width:1px;padding-inline-end:4px}.ofn-order-table__sort{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;margin:-2px -4px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}.ofn-order-table__sort:hover,.ofn-order-table__sort[data-sorted]{color:var(--p-color-text, #303030)}.ofn-order-table__sort:hover{background:var(--p-color-bg-surface-hover, #f1f1f1)}.ofn-order-table__sort:focus-visible,.ofn-order-table__open:focus-visible{outline:2px solid var(--p-color-border-focus, #005bd3);outline-offset:1px}.ofn-order-table__sort-icon{font-size:.625rem;opacity:.55}.ofn-order-table__sort:not([data-sorted]) .ofn-order-table__sort-icon{opacity:0}.ofn-order-table__sort:hover .ofn-order-table__sort-icon,.ofn-order-table__sort:focus-visible .ofn-order-table__sort-icon{opacity:.55}.ofn-order-table__row{cursor:pointer}.ofn-order-table__row:hover td{background:var(--p-color-bg-surface-hover, #f7f7f7)}.ofn-order-table__row[data-selected=true] td{background:var(--p-color-bg-surface-selected, #f1f1f1)}.ofn-order-table__total td{background:var(--p-color-bg-surface-secondary, #f7f7f7);font-weight:650}.ofn-order-table__open{padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;font-weight:650;text-align:start;cursor:pointer}.ofn-page{display:block}.ofn-container{box-sizing:border-box;max-width:1170px;width:100%;margin:0 auto;padding:0 20px}.ofn-container .ofn-container{max-width:none;margin:0;padding-inline:0}.ofn-container--fill{width:100%}.ofn-page-header{width:100%;border-bottom:1px solid #ebebeb;margin-bottom:30px}.ofn-page-header__inner{padding-block:15px}.ofn-page-header__row{display:flex;flex-direction:column}.ofn-page-header__extra{margin-top:15px}.ofn-inline-row{display:flex;flex-wrap:wrap;align-items:center}.ofn-inline-row--spread{justify-content:space-between}.ofn-grid-single{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.ofn-flex-fill{flex:1}:where(.ofn-stack-30>:not(:last-child)){margin-block-start:0;margin-block-end:30px}.ofn-app-footer{flex-shrink:0;box-sizing:border-box;inline-size:100%;padding:32px 0 20px;display:flex;flex-direction:column;gap:12px;text-align:center}.ofn-page-frame{display:block;padding-block:16px}
